{"version":3,"sources":["helpers/ProductRequests.js","components/Content/CategoryLoader.js","components/Navigation/Header.js","mervebeyaz.png","components/Navigation/Footer.js","components/Navigation/PopUp.js","components/Navigation/Bottom.js","styles/Home.js","components/stores/Cart.js","helpers/OrderRequests.js","helpers/CartRequests.js","styles/Product.js","components/Product/SlideProduct.js","components/Slider/Products.js","styles/Print.js","bg.jpg","styles/Auth.js","styles/Header.js","components/stores/Auth.js","styles/Content.js","components/Navigation/BigCategories.js","helpers/AuthRequests.js","mainlogo.png","components/Content/Title.js","components/Content/ProductList.js","components/stores/Site.js","styles/Slide.js","components/useWindowDimensions.js","styles/Cart.js","styles/Theme.js","components/Cart/Item.js","master.png","visa.jpeg","iyzico.png","components/Product/ProductItem.js","components/Forms/RegisterForm.js","mainlogowhite.png","views/NotFound.js","components/Cart/ItemMobile.js","components/Cart/CartItems.js","components/Slider/index.js","views sync /^/.//.*/.js$","views/Authentication/ForgotPassword.js","views/Authentication/Logout.js","views/Authentication/Register.js","views/Brand.js","views/Campaign.js","views/Cart.js","views/Category.js","views/Collection.js","views/Collections.js","views/Discover.js","views/GizlilikPolitikasi.js","views/Home.js","views/Invoice.js","views/Invoices.js","views/MesafeliSatisSozlesmesi.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/ResetPassword.js","views/Search.js","views/TeslimatIade.js","styles/Global.js","components/stores/index.js","Routes.js","App.js","index.js","components/Forms/LoginForm.js","views/Authentication/Login.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"],"names":["useProductRequests","getProducts","a","data","axios","method","url","process","headers","localStorage","getItem","getMainProductRequest","type","Authorization","getMainProducts","cached","currentDate","Date","secondsSinceEpoch","getTime","JSON","parse","check","timestamp","result","setItem","stringify","getProduct","id","getDiscover","getCategoryRequest","getCategories","getBrands","getCampaignRequest","getCampaigns","React","Component","HeaderComponent","props","useDispatch","history","useHistory","location","useLocation","useSelector","state","site","theme","auth","login","admin","currency","basket","cart","useAuthRequests","setCurrency","useCartRequests","getCart","useState","search","setSearch","useEffect","console","log","amount","Header","style","marginRight","fontSize","display","alignItems","onClick","window","open","icon","faWhatsapp","faPhone","class","faEnvelope","flex","justifyContent","boxSizing","paddingRight","height","className","title","pathname","to","onContextMenu","src","logo","alt","faSearch","value","onKeyUp","e","keyCode","push","onChange","target","placeholder","length","as","position","Button","faUser","Items","Item","balance","toFixed","replace","t","getCurrencyUnit","visibleCurrencyUnit","faShoppingBasket","undefined","flexWrap","homepage","Footer","cursor","mastercard","marginLeft","backgroundColor","padding","borderRadius","visacard","iyzico","flexDirection","margin","width","marginBottom","href","PopUp","setOpen","categories","setCategories","selected","setSelected","useLayoutEffect","then","response","catch","error","faTimesCircle","marginTop","color","map","category","index","name","rt","slug","textAlign","minHeight","faList","Bottom","faHome","faShoppingCart","faShoppingBag","SlideProductContainer","styled","div","background","carouselBackground","colors","front","rgbaOpacity","center","centerlast","end","left","productsContainerBackground","HomeList","mainThemeColor","BigCategoryContainer","elementBackground","mainThemeOpacityBackgroundHover","createSlice","initialState","reducers","setBasket","action","payload","emptyCart","removeItem","actions","itemIncrement","useOrderRequests","getBankAccounts","getOrders","getCollections","getCollection","getInvoices","getInvoice","getOrder","createOrder","order","REACT_APP_CRAETE_ORDERS","getProductReports","startDate","endDate","createPaymentForm","addCart","items","count","deleteCart","incrementCart","quantity","decrementCart","extractionCart","product_id","ProductList","mainThemeBackground","dropDownBackground","rgba","image","FilterContainer","altHeader","ProductListTitle","DetailContainer","InvoiceContainer","SwapButton","button","SlideProduct","item","dispatch","addToBasket","preventDefault","loader","toast","loading","POSITION","BOTTOM_RIGHT","isLoading","closeOnClick","pauseOnHover","pauseOnFocusLoss","draggable","res","update","render","message","autoClose","hideProgressBar","err","Slide","sticker","stickerImage","stockText","slider","toUpperCase","find","sub","Badge","badgeContent","salePrice","fontWeight","faPlus","Products","resetTimeout","mainProducts","useWindowDimensions","carouselRef","useRef","Product","ProductItem","product","ref","onNextEnd","clearTimeout","setTimeout","current","goTo","onPrevStart","disableArrowsOnEnd","pagination","itemsToShow","PrintContainer","AuthPage","bg","elementShadow","Login","errorText","success","successText","header","nav","notifyCircleBackground","BottomNav","HeaderAlt","element","altHeaderBorder","HeaderTop","opacityColor","FooterContainer","footer","HeaderAltMobile","getMainRoutes","routes","user","token","loginChange","newCurrencySet","setCustomer","cargoCostLimit","customerId","logout","clear","TitleContainer","NotFoundContainer","CallBackContainer","PaymentCreateContainer","BigCategories","campaigns","setCampaigns","images","faBars","faStar","indexOf","loginRequest","email","password","username","changePasswordRequest","getCustomer","registerRequest","Title","text","Category","karsilastir","selectedBrand","setSelectedBrand","getNewProducts","getSearchedProducts","products","setProducts","setSort","sort","setLoading","grid","listInnerRef","page","setPage","all","brandSlug","sortedBy","Home","zIndex","faSort","Fragment","language","changeSlider","lightMode","LightTheme","darkMode","DarkTheme","changeTheme","english","turkish","changeLanguage","SlideProductItem","SlideBrandItem","getWindowDimensions","innerWidth","innerHeight","windowDimensions","setWindowDimensions","handleResize","addEventListener","removeEventListener","CartContainer","primary","notifyCircle","footerBackground","mainThemeDarkColor","dropDownHoverBackground","warning","warningText","info","infoText","adminHeaderMenuItem","adminHeaderMenuItemActive","mainThemeBackgroundOpacity","setCount","increment","total","price","productId","decrement","remove","filter","handleChange","faTrash","faTrashAlt","faMinus","availableStock","unit2coefficient","inStock","opacity","disabled","RegisterForm","company","setCompany","setName","guarantorName","guarantorPhoneNumber","surname","setSurname","address","setAddress","phoneNumber","setPhoneNumber","setPhoneNumber2","setEmail","country","setCountry","city","setCity","district","setDistrict","taxOffice","setTaxOffice","personIdNumber","setPersonIdNumber","taxNumber","setTaxNumber","setPassword","setChecked","setError","setSuccess","sendRegister","InputProps","disableUnderline","companyTitle","onSubmit","sx","m","label","variant","NotFound","CartItems","setTotal","totalCount","removeCart","goHome","Cart","goBack","reduce","b","faCheck","webpackContext","req","webpackContextResolve","__webpack_require__","o","Error","code","keys","Object","resolve","module","exports","ForgotPassword","LogoutPage","goLogOut","Contact","buttonText","cookieName","buttonStyle","expires","mainlogowhite","useParams","newpage","includes","setMainProducts","minWidth","Basket","discover","setDiscover","setLoader","setKamyon","limit","x","groupSlug","Collection","setOrder","columns","selector","row","barcode","productCode","unit","totalPrice","speed","viewBox","foregroundColor","y","rx","ry","date","orderCode","status","Math","random","Collections","collections","setCollections","printOn","setPrintOn","printPdf","sortable","documentNumber","currencyCredit","credit","cell","currencyUnit","currencyDebt","debt","collectionType","collectionId","filterText","setFilterText","resetPaginationToggle","filteredItems","toLowerCase","detail","orderId","subHeaderComponentMemo","useMemo","top","paddingLeft","border","outline","boxShadow","subHeader","noDataComponent","subHeaderComponent","Discover","floor","GizlilikPolitikasi","PrivacyPolicy","styles","container","heading","fontFamily","maxWidth","section","subHeading","contact","borderTop","paddingTop","scrollTo","setImages","setCurrentIndex","autoPlaySpeed","enableAutoPlay","renderArrow","isEdge","pointer","consts","PREV","faAngleLeft","faAngleRight","right","activeIndex","invoice","setInvoice","discountRate","totalPriceWithVat","invoices","setInvoices","invoiceCode","MesafeliSatisSozlesmesi","DistanceSalesContract","cellspacing","cellpadding","valign","colspan","MyProfile","NewProducts","allSearch","totalCurrencyPrice","orders","setOrders","SuccessCallback","xmlns","stroke","strokeWidth","version","fill","strokeLinecap","strokeLinejoin","d","setUpdate","paymentType","PrintCollection","collection","setCollection","print","systemHasCreated","explanation","Printcollections","totals","totalCredit","totalBalance","PrintOrders","PrintInvoices","vatRate","reports","setReports","totalQuantity","totalAmount","toISOString","slice","setStartDate","setEndDate","handleStartDateChange","event","handleEndDateChange","itemCount","Profile","oldPassword","setOldPassword","newPassword","setNewPassword","confirmPassword","setConfirmPassword","faKey","autoComplete","autocomplete","loadingPosition","Search","IptalVeIadePolitikasi","CancellationAndRefundPolicy","GlobalStyle","createGlobalStyle","configureStore","reducer","authReducer","siteReducer","cartReducer","store","getState","route","path","exact","component","require","default","Routes","App","mainRoutes","setMainRoutes","routeList","interceptors","use","rootElement","document","getElementById","intlConfig","locale","options","maximumFractionDigits","hasChildNodes","ReactDOM","hydrate","config","LoginForm","loginIn","TextField","debug","authenticationKey","mainlogo","Box","LoadingButton","Auth","ProductImage","openedBox","setOpenedBox","ProductDetail","productImages","setProductImages","currentImageIndex","gotoPrevious","gotoNext","Helmet","property","content","description","description2","description3","group","subGroupSlug","subGroup","isOpen","onPrev","onNext","currentIndex","renderHeader","onClose","renderNextButton","faArrowRight","renderPrevButton","faArrowLeft","pageTransitionConfig","from","transform","enter","leave","mass","tension","friction","listPrice","usedUnit","dangerouslySetInnerHTML","__html","eTradeDescription","description4","setProduct","oldSlug","setOldSlug","size","selectedTab","setSelectedTab","paymentError","setPaymentError","paymentForm","setPaymentForm","note","bankAccounts","setBankAccounts","setCopied","getPaymentForm","htmlContent","createNewOrder","orderNote","handleCopyIban","faCreditCard","iban","onCopy","bankTitle","accountTitle","accountType","accountNumber","faCopy","mainLogo","fontStyle","vatAmount","Payment","atob","bankAddress","setAmount"],"mappings":"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","file":"static/js/main.2c9b7234.chunk.js","sourcesContent":["import axios from 'axios'\n\nexport const useProductRequests = () => {\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    \n    return axios({\n      method: 'POST',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}`,\n      data:data,\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}/?count=10`,\n        'Authorization': `${localStorage.getItem('mervebayitoken')}`\n      }\n    })\n  }\n  const getMainProductRequest = async (data) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_MAIN_PRODUCTS\n      }?type=${data.type}`,\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_MAIN_PRODUCTS\n        }/?count=10`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  }\n  const getMainProducts = async (data = {}) => {\n    const cached = localStorage.getItem(\"sasamainproducts\" + (data.type+\"\"));\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cached != null) {\n      const check = await JSON.parse(cached);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n    const result = await getMainProductRequest(data);\n    localStorage.setItem(\n      \"sasamainproducts\" + (data.type + \"\"),\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: result,\n      })\n    );\n    return result;\n  };\n\n  const getProduct = async (id) => { \n    return axios({\n      method: 'GET',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCT}?slug=${id}`,\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}/${id}`,\n        'Authorization': `${localStorage.getItem('mervebayitoken')}`\n      }\n    })\n  }\n\n  \n\n  const getDiscover = async (data={}) => {\n    \n    return axios({\n      method: 'POST',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_PRODUCTS}`,\n      data:data,\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Authorization': `${localStorage.getItem('mervebayitoken')}`\n      }\n    })\n  }\n\n  const getCategoryRequest = async () => {\n    return axios({\n      method: \"GET\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_CATEGORIES}`,\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(\"mervebayitoken\")}`,\n      },\n    });\n  }\n\n  const getCategories = async (count=null) => {\n    \n    const cached = localStorage.getItem(\"sasacategories\" );\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cached != null) {\n      const check = await JSON.parse(cached);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n    const result = await getCategoryRequest();\n    localStorage.setItem(\n      \"sasacategories\" ,\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: result,\n      })\n    );\n    return result;\n\n  }\n\n\n\n  const getBrands = async (count=null) => {\n    return axios({\n      method: 'GET',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_BRANDS}`,\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('mervebayitoken')}`\n\n      }\n    })\n  }\n  const getCampaignRequest = async (type) => {\n    return axios({\n      method: \"GET\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_IMAGES\n      }?pass=ds.is.selected.2023&type=${type}`,\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(\"mervebayitoken\")}`,\n      },\n    });\n    \n  }\n  const getCampaigns = async (type = \"campaign\") => {\n    const cached = localStorage.getItem(\n      \"sasacampaigns\"+type\n    );\n    var currentDate = new Date();\n    var secondsSinceEpoch = currentDate.getTime() / 1000;\n    if (cached != null) {\n      const check = await JSON.parse(cached);\n      if (check.timestamp > secondsSinceEpoch) {\n        return check.data;\n      }\n    }\n    const result = await getCampaignRequest(type);\n    localStorage.setItem(\n      \"sasacampaigns\" + type,\n      JSON.stringify({\n        timestamp: secondsSinceEpoch + 60 * 60,\n        data: result,\n      })\n    );\n    return result;\n  };\n  \n  return {\n    getProducts,\n    getProduct,\n    getDiscover,\n    getCategories,\n    getBrands,\n    getMainProducts,\n    getCampaigns,\n  };\n}","import React from 'react'\nimport ContentLoader from 'react-content-loader'\n\nexport default class Loader extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      count: props.count,\n      head: props.head\n    }\n  }\n\n  render() {\n    return (\n\n      <>\n      {(() => {\n          const options = [];\n\n          for (let i = 0; i <= this.state.count; i++) {\n            options.push(\n              <>\n              {\n                this.state.head=='li' ? \n                <li>\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 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              </>\n            );\n          }\n\n          return options;\n        })()}\n      </>\n\n    )\n    \n    \n  }\n}\n","import {\n  faBell,\n  faEnvelope,\n  faMoon,\n  faPhone,\n  faSearch,\n  faShoppingBasket,\n  faSun,\n  faTags,\n  faUser,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React, { useState } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Header, HeaderTop } from \"../../styles/Header\";\nimport Flags from \"country-flag-icons/react/3x2\";\nimport Switch from \"react-switch\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { changeTheme } from \"../stores/Site\";\nimport { useHistory, useLocation } from \"react-router\";\nimport { Menu } from \"@headlessui/react\";\nimport Categories from \"./Categories\";\nimport BigCategories from \"./BigCategories\";\n\nimport logo from \"../../mainlogo.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 { faWhatsapp } from \"@fortawesome/free-brands-svg-icons\";\nexport default function HeaderComponent(props) {\n  const dispatch = useDispatch();\n\n  const history = useHistory();\n  const location = useLocation();\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 } = useCartRequests();\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      localStorage.setItem(\"cargoCostLimit\", res.data.data.cargoCostLimit);\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\n  React.useEffect(() => {\n    console.log(\"basket\",basket)\n  },[basket])\n  const mFormat = (amount) => {\n    const formattedAmount = (amount*1)\n      .toFixed(2)\n      .replace(/\\d(?=(\\d{3})+\\.)/g, \"$&.\");\n\n    return formattedAmount\n  };\n  const getCurrencyUnit = (t) => {\n    switch (t) {\n      case 'TL':\n        return '₺'\n        break;\n      case 'USD':\n        return '$'\n        break;\n      case 'EUR':\n        return '€'\n        break;\n      default:\n        return '₺'\n        break;\n    }\n  }\n  return (\n    <>\n      <HeaderTop>\n        <div\n          style={{\n            marginRight: 30,\n            fontSize: 13,\n            display: \"flex\",\n            alignItems: \"center\",\n          }}\n          onClick={() => {\n            window.open(\"https://wa.me/905348929397?text=Merhaba\", \"_blank\");\n          }}\n        >\n          <FontAwesomeIcon\n            icon={faWhatsapp}\n            style={{ fontSize: 22, marginRight: 15 }}\n          />{\" \"}\n          0534 892 93 97\n        </div>\n        <div\n          style={{\n            marginRight: 30,\n            fontSize: 13,\n            display: \"flex\",\n            alignItems: \"center\",\n          }}\n          onClick={() => {\n            window.open(\"tel:+902126124500\", \"_blank\");\n          }}\n        >\n          <FontAwesomeIcon\n            icon={faPhone}\n            style={{ fontSize: 22, marginRight: 15 }}\n          />{\" \"}\n          0212 612 45 00\n        </div>\n        <div\n          class=\"mobileflush\"\n          style={{\n            marginRight: 30,\n            fontSize: 13,\n            display: \"flex\",\n            alignItems: \"center\",\n          }}\n          onClick={() => {\n            window.open(\"mailto:info@merveyayinevi.com\", \"_blank\");\n          }}\n        >\n          <FontAwesomeIcon\n            icon={faEnvelope}\n            style={{ fontSize: 22, marginRight: 15 }}\n          />{\" \"}\n          <span>info@merveyayinevi.com</span>\n        </div>\n        <div\n          style={{\n            display: \"flex\",\n            flex: 1,\n            justifyContent: \"flex-end\",\n            boxSizing: \"border-box\",\n            paddingRight: 20,\n            alignItems: \"center\",\n            height: 50,\n            fontSize: 11,\n          }}\n          className=\"mobil-hide\"\n        >\n          Hoş Geldiniz {JSON.parse(localStorage.getItem(\"customer\"))?.title||\"Merhaba\"}\n        </div>\n      </HeaderTop>\n      <Header>\n        <div className={\"logo \" + (location.pathname != \"/\" ? \"\" : \"\")}>\n          <Link to=\"/\">\n            <img onContextMenu={() => false} src={logo} alt=\"Logo-Resim\" />\n          </Link>\n        </div>\n        <div\n          className={\n            \"search-box \" + (location.pathname == \"/\" ? \"box-none\" : \"\")\n          }\n        >\n          <FontAwesomeIcon icon={faSearch} />\n          <input\n            type=\"text\"\n            value={search}\n            onKeyUp={(e) => {\n              if (e.keyCode == 13) {\n                history.push(\"/search/\" + search);\n              }\n            }}\n            onChange={(e) => setSearch(e.target.value)}\n            placeholder=\"\"\n          />\n          <button\n            onClick={() => {\n              if (search.length > 0) {\n                history.push(\"/search/\" + search);\n              }\n            }}\n          >\n            {\" \"}\n            ARA{\" \"}\n          </button>\n        </div>\n        <div\n          className={\"buttons \" + (location.pathname != \"/\" ? \"box-none\" : \"\")}\n        >\n          {login == false ? (\n            <>\n              <Menu as=\"nav\" style={{ position: \"relative\" }}>\n                <Menu.Button>\n                  {\" \"}\n                  <FontAwesomeIcon icon={faUser} /> Giriş Yap\n                </Menu.Button>\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                  (JSON.parse(localStorage.getItem(\"customer\"))?.balance > 0\n                    ? \"plus\"\n                    : \"times\")\n                }\n              >\n                <span>Bakiyeniz</span>\n\n                <div style={{ display: \"flex\", alignItems: \"center\" }}>\n                  {mFormat(\n                    JSON.parse(localStorage.getItem(\"customer\"))?.balance\n                  )}{\" \"}\n                  {getCurrencyUnit(\n                    JSON.parse(localStorage.getItem(\"customer\"))?.visibleCurrencyUnit\n                  )}\n                </div>\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={() => history.push(\"/sepetim\")}\n                className=\"closer\"\n              >\n                <div>\n                  <FontAwesomeIcon icon={faShoppingBasket} />\n                  <span>\n                    {basket != null && basket != undefined ? basket.length : \"\"}\n                  </span>\n                </div>\n                Sepetim\n              </button>\n\n              <Menu as=\"nav\" style={{ position: \"relative\" }}>\n                <Menu.Button>\n                  {\" \"}\n                  <FontAwesomeIcon icon={faUser} />{\" \"}\n                  <span style={{ display: \"flex\", flexWrap: \"nowrap\" }}>\n                    Hesap{\" \"}\n                  </span>{\" \"}\n                </Menu.Button>\n                <Menu.Items className=\"loginDrop\">\n                  <Menu.Item>\n                    <Link to=\"#\" className=\"balance-mobile\">\n                      Bakiyeniz <br />\n                      {JSON.parse(localStorage.getItem(\"customer\"))?.balance}\n                    </Link>\n                  </Menu.Item>\n                  <Menu.Item>\n                    <Link to=\"/hareketlerim\">Hareketler</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      </Header>\n\n      {/* {props.homepage==undefined || props.homepage==null ? <Categories />:<></>} */}\n      {props.homepage == undefined || props.homepage == null ? <></> : <></>}\n    </>\n  );\n}\n","export default __webpack_public_path__ + \"static/media/mervebeyaz.ce8ff1a9.png\";","import { faFacebook, faInstagram, faLinkedin, faWhatsapp } from '@fortawesome/free-brands-svg-icons'\nimport { faGlobe } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport React from 'react'\nimport { Link } from 'react-router-dom'\nimport {FooterContainer} from '../../styles/Header'\nimport logo from \"../../mervebeyaz.png\";\nimport mastercard from \"../../master.png\";\nimport visacard from \"../../visa.jpeg\";\nimport iyzico from \"../../iyzico.png\";\nimport { useHistory } from 'react-router-dom';\nexport default function Footer() {\n  const history = useHistory();\n  return (\n    <FooterContainer>\n      <div className=\"black-footer\">\n        <div className=\"logo foot-item\">\n          <img src={logo} />\n        </div>\n\n        <div className=\"foot-item\">\n          <div\n            className=\"c-item\"\n            onClick={() =>\n              window.open(\"mailto:info@merveyayinevi.com\", \"_blank\")\n            }\n          >\n            <h1>Destek</h1>\n            <span>info@merveyayinevi.com</span>\n          </div>\n\n          <div\n            className=\"c-item\"\n            onClick={() =>\n              window.open(\n                \"https://api.whatsapp.com/send?phone=9051348929397\",\n                \"_blank\"\n              )\n            }\n          >\n            <h1>WhatsApp Sipariş Hattı</h1>\n            <span>0534 892 93 97</span>\n          </div>\n          <div className=\"c-item\">\n            <h1>Gizlilik ve Güvenlik</h1>\n            <span\n              onClick={() => history.push(\"/gizlilik-politikasi\")}\n              style={{ cursor: \"pointer\" }}\n            >\n              Gizlilik Politikası\n            </span>\n            <span\n              style={{ cursor: \"pointer\" }}\n              onClick={() => history.push(\"/teslimat-ve-iade\")}\n            >\n              Teslimat ve İade\n            </span>\n            <span\n              onClick={() => history.push(\"/mesafeli-satis-sozlesmesi\")}\n              style={{ cursor: \"pointer\" }}\n            >\n              Mesafeli Satış Sözleşmesi\n            </span>\n          </div>\n        </div>\n\n        <div className=\"foot-item\">\n          <div className=\"c-item\">\n            <h1>Adres</h1>\n            <span>\n              Maltepe Mahallesi Litros Yolu Sokak, Fatih Sanayi Sitesi No:12/160\n              Zeytinburnu / İstanbul\n            </span>\n          </div>\n\n          <div className=\"c-item\">\n            <h1>Müşteri Hizmetleri</h1>\n            <span onClick={() => window.open(\"tel:4441775\", \"_blank\")}>\n              444 1 775\n            </span>\n            <span onClick={() => window.open(\"tel:+902126124500\", \"_blank\")}>\n              0212 612 45 00\n            </span>\n            <span onClick={() => window.open(\"tel:+902126124551\", \"_blank\")}>\n              0212 612 45 11\n            </span>\n          </div>\n          <div className=\"c-item\">\n            <h1></h1>\n            <span class=\"ads\">\n              <img\n                src={mastercard}\n                height={40}\n                style={{\n                  marginLeft: 10,\n                  backgroundColor: \"white\",\n                  padding: 5,\n                  borderRadius: 5,\n                }}\n              />\n              <img\n                src={visacard}\n                height={40}\n                style={{\n                  marginLeft: 10,\n                  backgroundColor: \"white\",\n                  padding: 5,\n                  borderRadius: 5,\n                }}\n              />\n              <img\n                src={iyzico}\n                height={40}\n                style={{\n                  marginLeft: 10,\n                  backgroundColor: \"white\",\n                  padding: 5,\n                  borderRadius: 5,\n                }}\n              />\n            </span>\n          </div>\n        </div>\n      </div>\n      <div className=\"copyright\">\n        <div\n          \n          style={{\n            fontSize: 11,\n            flexDirection: \"column\",\n            justifyContent: \"center\",\n            \n            alignItems: \"center\",\n            display: \"flex\",\n            cursor: \"pointer\",\n            margin: 0,\n          }}\n        >\n          <div\n            style={{\n              display: \"flex\",\n              alignItems: \"center\",\n              height: 20,\n              margin: 0,\n            }}\n          >\n            <img\n              src=\"https://dehasoft.com.tr/dehasoftblack.png\"\n              style={{\n                height: 25,\n                width: \"unset\",\n                margin: 0,\n                marginBottom: 15,\n              }}\n              onClick={() => window.open(\"https://dehasoft.com.tr/\", \"_blank\")}\n            />\n          </div>{\" \"}\n          <span>\n            <a href=\"https://dehasoft.com.tr\" target=\"_blank\">\n              dehasoft.com.tr\n            </a>{\" \"}\n            E-Ticaret/B2B Alt yapısı ile hazırlanmıştır.\n          </span>\n        </div>\n      </div>\n    </FooterContainer>\n  );\n}\n","import { faTimes,faTimesCircle,faArrowDown, faList } 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';\nimport { HeaderAltMobile } from '../../styles/Header';\n\nexport default function PopUp({open,setOpen}) {\n  const { getCategories, getBrands } = useProductRequests();\n\n  const [categories, setCategories] = useState([]);\n  const [selected,setSelected] = useState(false);\n\n  const history=useHistory()\n  \n\n  useLayoutEffect(() => {\n    \n    if(categories.length === 0){\n      getBrands().then((response)=>{\n        setCategories(response.data.data)\n      }).catch((error)=>{\n        console.log(\"error\",error)\n      })\n    }\n    \n  }, [])\n\n  const closePopUp=(rt)=>{\n    setOpen(false)\n    setSelected(null)\n    history.push(rt)\n  }\n\n  return (\n    <HeaderAltMobile>\n      <button className=\"close-btn\" onClick={() => setOpen(false)}>\n        <FontAwesomeIcon icon={faTimesCircle} />\n      </button>\n      <div style={{ marginTop: 70 }}>\n        <h1 style={{color:'#000',marginLeft:40}}>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                            closePopUp(\"/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                          }}\n                          icon={faList}\n                        />\n                      </div>\n                    </button>\n                  \n                  </li>\n                );\n              })}\n            </>\n          ) : (\n            <>\n              {/* <CategoryLoader head={\"li\"} count={10} /> */}\n            </>\n          )}\n\n          \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  );\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      {\n        open && \n        <CategoryPopUp open={open} setOpen={setOpen}/>\n      }\n\n        <Link to=\"/\" ><FontAwesomeIcon icon={faHome} />Ana Sayfa</Link>\n        <a style={{color:'#000'}} onClick={()=>setOpen(!open)} ><FontAwesomeIcon color=\"#000\" icon={faSearch} />Kategoriler</a>\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 styled from \"styled-components\";\n\nconst SliderSwitch=styled.div`\n  width:100%;\n  display:flex;\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-#341f21;\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`\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    width:20%!important;\n    top:-8vh;\n    @media only screen and (max-width:1140px){\n      height:43vh!important;\n      top:-8vh;\n    }\n    &:hover{\n      background-color:rgba(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  .rec-item-wrapper img{\n    width:60%;\n    height:40vh;\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},${({theme})=>theme.rgbaOpacity}) 0%,\n          rgba(${(props)=>props.colors.center},${({theme})=>theme.rgbaOpacity}) 26%,\n          rgba(${(props)=>props.colors.centerlast},${({theme})=>theme.rgbaOpacity}) 74%,\n          rgba(${(props)=>props.colors.end},${({theme})=>theme.rgbaOpacity}) 100%) 30;\n    background-origin: border-box;\n    background-clip: content-box, border-box;*/\n    border-radius:30px;\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    padding-bottom:2vh;\n    position:relative;\n  }\n  background:linear-gradient(90deg, rgba(${(props)=>props.colors.front},0.6) 0%, rgba(${(props)=>props.colors.center},0.6) 26%, rgba(${(props)=>props.colors.centerlast},0.6) 74%,rgba(${(props)=>props.colors.end},0.6) 100%);\n\n  @media only screen and (max-width:1140px){\n    height:56vh;\n    & > div{\n    margin-bottom:5vh;\n    }\n  }\n`\n\nconst SlideProductContainer=styled.div`\n  margin-left:${(props)=>props.left};\n  position:relative;\n  background-color:${({theme})=>theme.productsContainerBackground};\n  \n  @media only screen and (max-width:1140px){\n    width:95%;\n    margin-left:2.5%;\n  }\n  h1{\n    margin-left:30px;\n    &:hover{\n      cursor:pointer;\n      \n    }\n  }\n  .rdt_TableBody > div:nth-child(2n+1){\n    background:#dedede;\n  }\n  .rdt_TableBody>div{\n    background:#fff;\n\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,.08)!important;\n    &:hover{\n      background-color:rgba(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    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          #341f21;\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\nconst HomeList = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  flex-wrap: wrap;\n  z-index: 100;\n  .sliders {\n    flex: 0.9799999;\n    min-width: 550px;\n    @media only screen and (max-width: 1140px) {\n      min-width: unset;\n    }\n  }\n  .content-container {\n    width: calc(100% - ${(props) => (props.open ? 300 : 70)}px);\n    transition: 0.2s;\n    @media only screen and (max-width: 1200px) {\n      width: 100%;\n    }\n  }\n`;\n\nconst BigCategoryContainer = styled.div`\n  width: ${(props) => (props.open ? 250 : 70)}px;\n  box-shadow: 0px 0px ${(props) => (props.open ? 5 : 0)}px 0px #ddd;\n  margin-left: ${(props) => (props.open ? 10 : 0)}px;\n  margin-right: ${(props) => (props.open ? 10 : 0)}px;\n\n  position: relative;\n  transition: 0.2s;\n\n  @media only screen and (max-width: 1140px) {\n    width: 90vw !important;\n    height: 100%;\n    padding-left: unset;\n    left: 5vw;\n    display: none;\n  }\n\n  .category-sub-items {\n    position: absolute;\n    box-shadow: 0px 0px 15px 0px #ddd;\n    z-index: 130;\n    transition: 200ms all;\n    left: 140px;\n\n    transform: scale(0);\n\n    @media only screen and (max-width: 1140px) {\n      left: 50vw;\n    }\n\n    margin-top: -39px;\n    width: 240px;\n    background: #fff;\n    color: #000;\n    align-items: center;\n    justify-content: center;\n    .sub-item {\n      display: block;\n      width: 100%;\n      height: 100%;\n      padding: 8px 15px;\n      cursor: pointer;\n      span {\n        display: block;\n        width: 100%;\n        height: 100%;\n        &:hover {\n        }\n      }\n      &:hover {\n        background: #eee;\n      }\n    }\n  }\n\n  .head {\n    background: ${({ theme }) => theme.elementBackground};\n    display: flex;\n    align-items: center;\n    padding: 20px 20px;\n    font-weight: bold;\n    max-height: 70px;\n    min-height: 70px;\n    font-size: 25px;\n    cursor: pointer;\n    transition: 0.3s;\n\n    &:hover {\n      background: ${({ theme }) => theme.mainThemeOpacityBackgroundHover};\n    }\n    span {\n      font-size: 18px;\n      width: 70%;\n      text-align: right;\n    }\n  }\n\n  .category-item-list {\n    background: #fff;\n\n    .category-item {\n      padding: 8px 15px;\n      cursor: pointer;\n      &:not(:last-child) {\n        border-bottom: 1px solid #ddd;\n      }\n      span {\n        display: block;\n        font-size: 14px;\n        padding: 5px 0px;\n        width: 100%;\n        height: 100%;\n        color: #000;\n      }\n      &:hover,\n      &.active-category {\n        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);\n        background: #eee;\n        .category-sub-items {\n          transform: scale(1);\n          left: 250px;\n        }\n      }\n    }\n  }\n`;\nexport {\n  SliderSwitch,\n  CarouselContainer,\n  SlideProductContainer,\n  ProductListContainer,\n  HomeList,\n  BigCategoryContainer,\n};","import { createSlice } from \"@reduxjs/toolkit\";\nexport const cart = createSlice({\n  name:'cart',\n  initialState:{\n    basket:localStorage.getItem('cart')!=null?JSON.parse(localStorage.getItem('cart')):null,\n  },\n  reducers:{\n    setBasket: (state,action) => {\n      if(typeof action.payload=='array' || typeof action.payload=='object'){\n        state.basket=action.payload\n        localStorage.setItem('cart',JSON.stringify(action.payload))\n      }\n    },\n    emptyCart: (state,action) => {\n      state.basket=null\n      localStorage.removeItem('cart')\n    },\n  }\n})\n\nexport const {setBasket,itemIncrement,emptyCart} = cart.actions\nexport default cart.reducer","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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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      }?invoiceNumber=${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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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(\"mervebayitoken\")}`,\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  };\n};\n","import axios from \"axios\";\n\nexport const useCartRequests = () => {\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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_GET_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  };\n  const addCart = async (items) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_ADD_TO_CART\n      }?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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_ADD_TO_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_DELETE_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  };\n\n  const incrementCart = async (id, quantity = 1) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_INCREMENT_CART\n      }?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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_INCREMENT_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  };\n\n  const decrementCart = async (id, quantity = 1) => {\n    return axios({\n      method: \"get\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_DECREMENT_CART+`?productId=${id}&quantity=${quantity}`\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_INCREMENT_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  };\n\n  const extractionCart = async (id) => {\n    return axios({\n      method: \"get\",\n      url:\n        `${\n          process.env.REACT_APP_API + process.env.REACT_APP_EXTRACTION_CART\n        }?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\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_EXTRACTION_CART\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\n  }; //\n\n  //\n  return {\n    getCart,\n    addCart,\n    deleteCart,\n    incrementCart,\n    decrementCart,\n    extractionCart,\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    .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    .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})=>theme.mainThemeOpacityBackgroundHover};\n        }\n      }\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  border-radius: 20px;\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: 30px;\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: ${({ 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      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        background-color: ${({ theme }) =>\n          rgba(theme.mainThemeOpacityBackgroundHover, 0.81)};\n        color: #fff;\n        border-radius: 50%;\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\n          min-height: 60vh;\n          max-height: 60vh;\n          .image {\n            height: 40vh;\n          }\n        }\n      }\n    }\n  }\n  &.product-grid {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: ${(props) => (props.count < 4 ? \"\" : \"space-around\")};\n    &.main {\n      justify-content: space-around;\n    }\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        background: url(${(props) => props.image}) no-repeat center;\n        background-size: contain;\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-top: 40px;\n      padding: 2%;\n      margin: 0.1%;\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    @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:10px;\n  border-radius:20px;\n  transition:800ms all;\n  .go-back{\n    width:130px;\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    height:50px;\n    transition:500ms all;\n    background-color:${({ theme }) => theme.mainThemeOpacityBackgroundHover};\n    &:hover{\n      background-color:${({ theme }) => theme.altHeader};\n    }\n    cursor:pointer;\n    margin-bottom:20px;\n    border-radius:5px;\n  }\n  h1{\n    font-size:20px;\n    margin-bottom:20px;\n    border-bottom:1px solid ${({ theme }) =>\n      theme.mainThemeOpacityBackgroundHover};\n  }\n  .filter-item{\n    z-index:1000;\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      \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:${({ theme }) => theme.mainThemeColor};\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\n      li{\n        border:1px solid #616161;\n        border-radius:20px;\n\n      }\n      li.items{\n        a{\n          inline-size: max-content;\n        }\n        border:1px solid ${({ theme }) => theme.color};\n\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\n        transition:300ms all;\n        &:hover{\n          background-color:${({ theme }) => theme.mainThemeBackground};\n          a{\n            color:#fff!important;\n          }\n        }\n        b{\n          cursor:pointer;\n        }\n      }\n      li.active{\n        border:none;\n        color:#000;\n\n        background-color:${({ theme }) => theme.mainThemeBackground};\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:#666;\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 }) =>\n      theme.mainThemeOpacityBackgroundHover};\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      background: #fff;\n      box-shadow: 0px 2px 40px #000;\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: 1000;\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      z-index: 101;\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      z-index: 101;\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  .buttons{\n    color:#fff!important;\n  }\n  .carousel-an-con {\n    .carousel-animate {\n      background: red;\n      position: absolute;\n      font-size: 44;\n      color: #fff;\n      transition: 600ms all;\n      opacity: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      font-size: 950%;\n      background: #000;\n    }\n    &:hover {\n      .carousel-animate {\n        opacity: 0.1352;\n        width: 100%;\n        height: 100%;\n      }\n    }\n  }\n  button:hover .carousel-animate {\n    display: none;\n  }\n\n  .detail-header {\n    width: 98%;\n    padding: 1% 2%;\n    margin-bottom: 15px;\n    background-color: ${({ theme }) => theme.productsContainerBackground};\n    display: flex;\n    justify-content: product;\n    flex-wrap: wrap;\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      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  .html-desc{\n    max-width: 100%; line-height: 2.5; font-size: 16px;\n    *{\n      max-width: 100vw!important;\n    }\n  }\n  padding: 10vh 0vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  .product {\n    .sticker {\n      width: 120px;\n\n      position: absolute;\n      left: 0px;\n      top: 0px;\n      z-index: 100;\n      transition: 500ms all;\n      cursor: pointer;\n      &:hover {\n        transform: scale(1.3);\n        opacity: 0.5;\n      }\n      @media only screen and (max-width: 1140px) {\n        width: 100px!important;\n        \n      }\n    }\n    .product-store {\n      position: relative;\n      padding: 0.5%;\n    }\n    .product-store.notstock {\n      & > div {\n        opacity: 22%;\n      }\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      color: #000;\n      font-size: 24px;\n      font-weight: bold;\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: 24%;\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: 30px;\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    .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    .product-barcode {\n      padding: 3px 12px;\n\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: #666;\n      display: inline-block;\n    }\n    .counter {\n      margin-top: 100px;\n      margin-bottom: 30px;\n      width: 100%;\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        width: 50%;\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        &: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: ${({ theme }) =>\n            theme.mainThemeOpacityBackgroundHover};\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: 1140px) {\n      padding: 0px;\n      width: 100%;\n    }\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .product-image {\n      width: 50%;\n    }\n    .product-store {\n      width: 50%;\n      height: 100%;\n    }\n    @media only screen and (max-width: 1140px) {\n      flex-wrap: wrap;\n      .product-image {\n        min-width: unset;\n        height: unset;\n        width: 100%;\n        img {\n          min-width: unset;\n          height: unset;\n          width: 100%;\n        }\n      }\n      .product-store {\n        width: 100%;\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .detail-image {\n      width: s0%;\n      img {\n        width: 100%;\n      }\n    }\n    .detail-header {\n      .detail-nav {\n        width: 100%;\n      }\n    }\n  }\n`;\n\n\nconst InvoiceContainer=styled.div`\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    @media only screen and (max-width: 840px) {\n      flex-wrap:wrap;\n      .leftHead{\n        width:60%;\n      }\n    }\n  }\n\n  .total{\n    display:flex;\n    justify-content:space-between;\n    margin-top:20px;\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  }\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, 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`;\nexport {\n  ProductItem,\n  DetailContainer,\n  ProductList,\n  FilterContainer,\n  ProductListTitle,\n  InvoiceContainer,\n  SwapButton,\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';\n\nimport { faPlus, faShoppingCart } from '@fortawesome/free-solid-svg-icons';\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.preventDefault();\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.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  return (\n    <SlideProductItem\n      image={\n        item.image == null\n          ? \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\"\n          : item.image + \"?ordu=\" + 5252\n      }\n      href={\"/urun/\" + item.slug}\n      key={item.id}\n      sticker={item.stickerImage}\n      stockText={item.stockText}\n      onClick={() => history.push(\"/urun/\" + item.slug)}\n      slider={true}\n    >\n      <div className={\"in-stock \" + item.stockText}>\n        {\" \"}\n        {item.stockText.toUpperCase()}{\" \"}\n      </div>\n      <div className=\"image-box\"></div>\n      <h3> {item.title} </h3>\n      {basket != null &&\n      basket.find((sub) => sub.id == item.id) != undefined ? (\n        <div className=\"product-count\">\n          <Badge\n            badgeContent={basket.find((sub) => sub.id == item.id).quantity}\n            color=\"primary\"\n          >\n            <FontAwesomeIcon icon={faShoppingCart} />\n          </Badge>\n        </div>\n      ) : (\n        <></>\n      )}\n      <div className=\"action\">\n        <div className=\"price\">\n          {/* <h5> <Currency>0</Currency> </h5> */}\n          <div>\n            {\" \"}\n            {localStorage.getItem(\"mervebayitoken\") != null ? (\n              <Currency>{item.salePrice}</Currency>\n            ) : (\n              <p\n                style={{\n                  fontWeight: \"normal\",\n                  fontSize: 9,\n                  textAlign: \"center\",\n                }}\n              >\n                Fiyatları görmek için{\" \"}\n                <strong onClick={() => history.push(\"/giris-yap\")}>\n                  Giriş\n                </strong>{\" \"}\n                yapın.\n              </p>\n            )}\n          </div>\n        </div>\n        <div className=\"basket\">\n          {localStorage.getItem(\"mervebayitoken\") != null && (\n            <button onClick={(e) => addToBasket(e)}>\n              <FontAwesomeIcon icon={faPlus} />\n            </button>\n          )}\n        </div>\n      </div>\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';\nimport ProductItem from '../../components/Product/ProductItem'\nimport { ProductList } from '../../styles/Product';\nexport default function Products({items,mainProducts=false}) {\n  const {width}=useWindowDimensions()\n  const carouselRef = useRef(null);\n  const dispatch = useDispatch()\n  let resetTimeout;\n  return (\n    <>\n      {mainProducts ? (\n        <ProductList className=\"product-grid main\" >\n          {items.map((item, index) => {\n            return <ProductItem className=\"product-item\" key={item.id} product={item} />;\n          })}\n        </ProductList>\n      ) : (\n        <Carousel\n          ref={carouselRef}\n          onNextEnd={({ index }) => {\n            clearTimeout(resetTimeout);\n            if (index === items.length - 5) {\n              resetTimeout = setTimeout(() => {\n                carouselRef.current.goTo(0);\n              }, 1400); // same time\n            }\n          }}\n          onPrevStart={({ index }) => {\n            clearTimeout(resetTimeout);\n            if (index === 0) {\n              resetTimeout = setTimeout(() => {\n                carouselRef.current.goTo(items.length - 5);\n              }, 1400); // same time\n            }\n          }}\n          disableArrowsOnEnd={false}\n          pagination={false}\n          onChange={() => {\n            //console.log(carouselRef.current.state.activeIndex)\n          }}\n          itemsToShow={\n            width < 1140\n              ? width > 980\n                ? 2\n                : 2\n              : width > 1800\n              ? 5\n              : width < 1400\n              ? width < 1000\n                ? 3\n                : 4\n              : 4\n          }\n        >\n          {items.map((item, index) => {\n            return <SlideProduct key={item.id} item={item} />;\n          })}\n        </Carousel>\n      )}\n    </>\n  );\n}\n","import styled from \"styled-components\";\n\nconst PrintContainer = styled.div`\n  .makbuz {\n    width: 100%;\n    margin: 20px auto;\n    background-color: #fff;\n    padding: 20px;\n    border: 1px solid #ccc;\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n    text-align: center;\n  }\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    \n    .leftHead {\n      width: 20%;\n      div {\n\n        \n        width: 100%;\n        \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    li {\n      width: 100%;\n      display: flex;\n      in-width: 200px;\n      }\n\n      div {\n        &:first-child {\n          min-width:150px;\n        }\n        &:nth-child(2) {\n          min-width: 150px;\n        }\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        width: 50px;\n      }\n    }\n  }\n`;\n\nexport { PrintContainer };\n","export default __webpack_public_path__ + \"static/media/bg.cf5a02cf.jpg\";","import styled from \"styled-components\";\nimport bg from '../bg.jpg'\nconst AuthPage = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  background-image: url(${bg});\n  min-height: 100vh;\n  padding-top: 20vh;\n  .logo{\n    max-height: 150px;\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\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    background-color: rgba(255, 255, 255, 1);\n    padding:20px;\n\n    border-radius: 50px;\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      * {\n        color: #000 !important;\n      }\n      &:before {\n        content: \"\";\n        border-bottom: 0px !important;\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    .authBtn {\n      width: 96%;\n      padding: 10px 0px;\n      margin-top: 10px;\n    }\n    a {\n      color: #555;\n\n      text-align: center;\n      &:hover {\n        color: #222;\n      }\n      text-decoration: none;\n    }\n    width: 35%;\n    @media only screen and (max-width: 1140px) {\n      width: 90%;\n      .logo{\n        img{\n          width:110%;\n        }\n      }\n      .ads{\n        img{\n          height:30px;\n        }\n      }\n    }\n  }\n`;\n\nexport {Login,AuthPage}","import styled from \"styled-components\";\nimport { rgba } from \"polished\";\nconst Header=styled.nav`\n  *::placeholder { /* 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  @media only screen and (max-width:1140px){\n    .balance{\n      display:none!important;\n    }\n    .loginDrop{\n      width:100%!important;\n      z-index:10000!important;\n\n    }\n    .balance-mobile{\n      display:block!important;\n    }\n  }\n  .balance{\n    position:relative;\n        min-width:100px;\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    -webkit-text-stroke-width: .5px;\n    -webkit-text-stroke-color: #dedede;\n  }\n  .balance.plus{\n    background-color:green;\n  }\n  .balance.times{\n    background:red;\n  }\n  justify-content:space-between;\n  height:100px;\n  padding:0px 50px;\n  background-color:${({theme})=>theme.header};\n  .loginDrop{\n    box-shadow:0px 0px 44px #000;\n    position:absolute;\n    top:106%;\n    border-radius:100%;\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;import { rgba } from 'polished';\n      text-align:center;\n      &:hover{\n        color:#000!important;\n        background-color:#fff;\n      }\n    }\n  }\n  .logo{\n    \n    img{\n      float:right;\n      height:250px;\n      margin-left:-30px;\n      transition:300ms all;\n      &:hover{\n        filter:drop-shadow(0px 0px 1px  ${({theme})=>theme.elementShadow});\n      }\n    }\n  }\n  \n  .search-box{\n    display:flex;\n    align-items:center;\n    border:1px solid ${({theme})=>theme.elementBackground};\n    background-color:${({theme})=>theme.color};\n    border-radius:10px;\n    padding-left:20px;\n    color:#000;\n    &:focus-within,&: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,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:${({theme})=>theme.color};\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:#fff;\n        box-shadow:0px 0px 4px 0px #616161;\n      }\n    }\n  }\n  .buttons{\n    \n    display:flex;\n    align-items:center;\n    justify-content:center;\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:#fff;\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      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;justify-content:center;align-items:center;\n          z-index:10;\n        }\n        margin-right:10px;\n      }\n\n      &:focus-within,&: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    }\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  }\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:200px;\n      }\n    }\n  }\n`\n\nconst BottomNav = styled.nav`\n  width: 100%;\n  display: none;\n  z-index: 91010;\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: #000;\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\n    div span {\n      position: absolute;\n      z-index: 10;\n\n      border-radius: 100%;\n      padding: 1.2px 3.4px;\n      background-color: #fff;\n      color: #000;\n      top: -25px;\n      right: -5px;\n    }\n    &:focus-within,\n    &:hover {\n      -webkit-box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n      -moz-box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n      box-shadow: 0px 0px 3px 1px ${({ theme }) => theme.elementShadow};\n    }\n    &:not(:last-child) {\n      border-right: 1px solid ${({ theme }) => theme.elementBackground};\n    }\n    &:hover {\n      background-color: ${({ theme }) => theme.elementBackground};\n    }\n    svg {\n      font-size: 20px;\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    display: flex;\n  }\n`;\n\nconst HeaderAlt=styled.div`\n  background-color:${({theme})=>theme.altHeader};\n  width:100%;\n  color:${({theme})=>theme.color};\n  position:relative;\n  @media only screen and (max-width:1140px){\n    display:none;\n  }\n  button{\n    color:${({theme})=>theme.color};\n    font-weight:800;\n    font-size:14px;\n    line-height:18px;\n    font-family:'Overpass', sans-serif!important;\n  }\n  &>ul{\n    .sub-category{\n      margin-top:-4px;\n      border-bottom-left-radius:80px;\n      border-bottom-right-radius:80px;\n      box-shadow:2px 2px 5px rgba(0,0,0,.3);\n\n      button{\n        width:25%;\n        min-height:40px;\n        max-height:40px;\n        padding:5px;\n        margin:8px;\n        font-size:14px;\n        color:${({theme})=>theme.color};\n        font-family: 'Overpass', sans-serif!important;\n        transition:500ms all;\n        font-weight:bold;\n        background-color:rgba(0,0,0,.41);\n        border:.1px solid rgba(0,0,0,.058);\n        text-shadow:1px 1px 3px #616161;\n        &:hover{\n          background-color:rgba(0,0,0,.9);\n        }\n      }\n      justify-content:center;\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    justify-content:center;\n    align-items:center;\n    height:60px;\n    &>li{\n      \n      height:60px;\n      color:#fff!important;      \n      background-color:${({theme})=>theme.altHeader};\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      div{\n        position:absolute;\n        top:calc(100% + 3px);\n        background-color:#bbb;\n        display:none;\n        width:50%;\n        left:25%;\n        z-index:100;\n        \n      }\n      &>button{\n        padding:0px 25px;\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:${({theme})=>theme.altHeader};\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            background-color:rgba(0,0,0,.1);\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: 50px;\n\n  display: flex;\n\n  ul:first-child {\n    padding-left: 270px;\n  }\n\n  & > ul {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n\n    height: 50px;\n    @media (max-width: 1200px) {\n      flex-wrap: wrap;\n      height: auto;\n    }\n\n    button {\n      position: relative;\n      height: 50px;\n      border: 0;\n      outline: 0;\n      svg {\n        width: 25px;\n        height: 25px;\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  padding-left: 50px;\n  @media only screen and (max-width: 1140px) {\n    width: 100%;\n    position: relative;\n  }\n  @media (max-width: 1200px) {\n    padding-left: 10px;\n    margin: 0;\n\n    width: 100%;\n    div {\n      margin-left: 0px;\n      width: 100%;\n      font-size: 12px !important;\n      cursor: pointer;\n    }\n    .mobileflush {\n      width:30px;\n      span {\n        display: none !important;\n      }\n    }\n  }\n`;\n\nconst FooterContainer = styled.footer`\n  width: 100%;\n  margin-top: 50px;\n  background-color: #1f1f1f;\n  .black-footer {\n    width: 60%;\n    display: flex;\n    margin: 0 auto;\n    .logo {\n      padding-top: 30px;\n      height: 100%;\n      img {\n        width: 45%;\n      }\n      display: flex;\n      justify-content: flex-start;\n      align-items: flex-start;\n    }\n    padding: 20px 20px;\n    .foot-item {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      .c-item {\n        display: flex;\n        flex-direction: column;\n        h1 {\n          margin-bottom: 10px;\n        }\n        span {\n          margin-bottom: 5px;\n        }\n      }\n      width: 100%;\n      div {\n        margin: 20px 0px;\n        span {\n          color: darkgray;\n          font-weight: 800;\n          font-size: 14px;\n        }\n      }\n      h1 {\n        font-size: 14px;\n        font-weight: bold;\n        color: #ddd;\n      }\n    }\n    .logo {\n      width: 150%;\n    }\n    @media only screen and (max-width: 1140px) {\n      .logo {\n        width: 120%;\n        img {\n          width: 45%;\n        }\n      }\n    }\n    @media only screen and (max-width: 918px) {\n      text-align: center;\n      flex-direction: column;\n      .logo {\n        width: 100%;\n        img {\n          width: 80%;\n          margin: 0 auto;\n        }\n      }\n    }\n  }\n  .copyright {\n    background-color: #fff;\n    display: flex;\n    height: 60px;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    color: #555 !important;\n    padding: 5px 0px;\n\n    div {\n      margin-right: 20px;\n      a {\n        text-decoration: none;\n        color: #555 !important;\n        &:hover {\n          color: ${({ theme }) => theme.color};\n        }\n      }\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .copyright {\n      height: 130px;\n      padding-bottom: 60px;\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .ads img {\n      margin-top: 15px;\n    }\n  }\n`;\nconst HeaderAltMobile = styled.div`\n  position: fixed;\n  bottom: 0;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  z-index: 9101;\n  background-color: #fff;\n  height: 100vh;\n  .close-btn {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    font-size: 50px;\n    cursor: pointer;\n    color: red;\n    background-color: transparent;\n    border: 0;\n    outline: 0;\n  }\n  overflow-y: auto;\n\n  ul {\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: 5px;\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      background-color: rgba(25, 71, 123, 0.2);\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-top: 10px;\n    }\n  }\n`;\nexport {\n  Header,\n  BottomNav,\n  HeaderAlt,\n  HeaderTop,\n  FooterContainer,\n  HeaderAltMobile,\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\": `${\n        process.env.REACT_APP_API + process.env.REACT_APP_GET_ROUTES\n      }`,\n    },\n  }).then((res) => {\n    localStorage.setItem(\"mervebayiroutes\", JSON.stringify(res.data));\n    return res.data;\n  });\n};\n\nexport const auth = createSlice({\n  name: \"auth\",\n  initialState: {\n    currency:\n      localStorage.getItem(\"currency\") != null &&\n      localStorage.getItem(\"currency\") != undefined\n        ? localStorage.getItem(\"currency\")\n        : \"TL\",\n    routes:\n      localStorage.getItem(\"mervebayiroutes\") != null &&\n      localStorage.getItem(\"mervebayiroutes\") != undefined\n        ? JSON.parse(localStorage.getItem(\"mervebayiroutes\"))\n        : getMainRoutes(),\n    user: [],\n    balance: 0,\n    login: localStorage.getItem(\"login\") == \"true\" ? true : false,\n    token:\n      localStorage.getItem(\"mervebayitoken\") != null &&\n      localStorage.getItem(\"mervebayitoken\") != \"\" &&\n      localStorage.getItem(\"mervebayitoken\") != undefined\n        ? localStorage.getItem(\"mervebayitoken\")\n        : 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(\"mervebayitoken\", action.payload.token);\n      localStorage.removeItem(\"cart\");\n    },\n    newCurrencySet: (state, action) => {\n      state.currency = action.payload;\n      localStorage.setItem(\"currency\", action.payload);\n    },\n    setCustomer: (state, action) => {\n      console.log(\"ac:\", action.payload);\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(\"cargoCostLimit\", action.payload.cargoCostLimit);\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    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.clear();\n      localStorage.removeItem(\"cart\");\n      localStorage.removeItem(\"cargoCostLimit\");\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(\"mervebayitoken\");\n      localStorage.removeItem(\"admin\");\n    },\n  },\n});\n\nexport const { loginChange, newCurrencySet, logout, setCustomer } =\n  auth.actions;\nexport default auth.reducer;\n","import styled from 'styled-components';\n\nconst TitleContainer=styled.div`\n  width:100%;\n  padding:10px;\n  font-size:34px;\n  color:${({theme})=>theme.mainThemeColor};\n  font-weight:bold;\n  text-align:center;\n  margin-bottom:40px;\n  border-bottom:1px solid ${({theme})=>theme.mainThemeColor};\n`\nconst NotFoundContainer=styled.div`background:#000;\n.fon {overflow:hidden;left:-10px;position:absolute;width:100%;height:100%;background:linear-gradient(#000,#002)}\n.rock-mountain_1,.rock-mountain_s_1,.rock-mountain_2,.rock-mountain_s_2,.rock-mountain_3,.rock-mountain_s_3 {width:140px; height:140px;background:linear-gradient(90deg,#222,#000);transform:rotate(45deg);position:absolute;}\n.rock{position:absolute;bottom:3%;left:40%}\n.rock-mountain_1{z-index:8;left:140px;bottom:25px;width:180px; height:180px;}\n.rock-mountain_s_1 {z-index:7;transform:rotate(52deg);left:125px;bottom:25px;width:180px; height:180px;background:#111}\n.rock-mountain_2 {z-index:11;left:-50px;bottom:30px;width:180px; height:180px;}\n.rock-mountain_s_2 {z-index:10;transform:rotate(52deg);left:-65px;bottom:30px;width:180px; height:180px;background:#111}\n.rock-mountain_3 {z-index:10;left:60px;bottom:25px;width:180px; height:180px;}\n.rock-mountain_s_3 {z-index:9;transform:rotate(52deg);left:45px;bottom:25px;width:180px; height:180px;background:#111}\n.horizon div{left:20%;z-index:15;position:absolute;bottom:0;border-radius:100px 100px 0 0; background:linear-gradient(#333,#111);width:200px;height:150px}\n.horizon div:nth-child(2){z-index: 15;\nleft: 48%;\nbottom: 0px;\nheight: 130px;\nbackground:linear-gradient(120deg, #333, #111)}\n.horizon div:nth-child(3){z-index:14;background:linear-gradient(#222,#111);left:40%;bottom:0px;height:180px;width:150px}\n.horizon div:nth-child(4){z-index:14;background:linear-gradient(190deg,#333,#111);left:38%;bottom:20px;height:170px}\n.horizon div:nth-child(5){z-index:15;left:25%;bottom:0px;height:170px;background:linear-gradient(210deg,#333,#111)}\n.horizon div:nth-child(6){background:linear-gradient(180deg,#444,#111);z-index:14;left:34%;bottom:0px;height:190px}\n.horizon div:nth-child(7){background:linear-gradient(170deg,#333,#111);z-index:13;left:55%;bottom:0;height:140px}\n.horizon div:nth-child(8){background:linear-gradient(160deg,#444,#111);z-index:14;left:50%;bottom:0;height:160px}\n.horizon div:nth-child(9){background:linear-gradient(170deg,#333,#111);z-index:15;left:37%;bottom:0px;height:160px}\n.horizon div:nth-child(10){background:linear-gradient(-210deg,#333,#111);z-index:13;left:55%;bottom:0px;height:160px}\n.horizon div:nth-child(11){background:linear-gradient(-180deg,#222,#111);z-index:13;left:67%;bottom:0px;height:130px}\n.horizon div:nth-child(12){background:linear-gradient(-180deg,#222,#111);z-index:15;left:70%;bottom:0px;height:100px}\n.horizon div:nth-child(13){background:linear-gradient(180deg,#333,#111);z-index:110;left:15%;bottom:0px;height:100px}\n.horizon div:nth-child(14){background:linear-gradient(180deg,#333,#111);z-index:110;left:75%;bottom:0px;height:100px}\n.horizon div:nth-child(15){background:linear-gradient(180deg,#333,#111);z-index:110;left:60%;bottom:0px;height:130px}\n.horizon div:nth-child(16){width:85%;height:600px;border-radius:300px 400px 0 0;background:linear-gradient(130deg,#222,#000);z-index:12;left:12%;bottom:-405px}\n.satellite{-webkit-animation:satellit-anima 25s linear infinite;-moz-animation:satellit-anima 25s linear infinite;animation:satellit-anima 25s linear infinite;transform:rotate(120deg);z-index:5;color:#888;font-size:18px;position:absolute;left:10%;bottom:0}\n\n.hill {z-index:14;background:linear-gradient(80deg,#333,#111);position:absolute;bottom:5%;left:28%;width:200px;height:190px;border-radius:100px 100px 0 0;}\n\n.moon-sky {\n  -webkit-animation:moon-anim 3s linear alternate-reverse infinite;\n  -moz-animation:moon-anim 3s linear alternate-reverse infinite;\n  animation:moon-anim 3s linear alternate-reverse infinite ;box-shadow:0 0 15px 5px #fc0;width:100px;height:100px;border-radius:50px;background:#fc0;position:absolute;top:10%;left:5%}\n.cosmos-star div{-webkit-animation:star-anim 200ms linear alternate-reverse infinite;\n  -moz-animation:star-anim 200ms linear alternate-reverse infinite;\n  animation:star-anim 200ms linear alternate-reverse infinite;\nposition:absolute;height:1px;width:1px;box-shadow:0 0 15px 3px #fff;background:#fff;}\n.cosmos-star div:nth-child(1){left:75%;top:10%}\n.cosmos-star div:nth-child(2){left:45%;top:12%}\n.cosmos-star div:nth-child(3){left:20%;top:12%}\n.cosmos-star div:nth-child(4){left:30%;top:18%}\n.cosmos-star div:nth-child(5){left:92%;top:17%}\n.cosmos-star div:nth-child(6){left:60%;top:5%}\n.cosmos-star div:nth-child(7){left:67%;top:16%}\n.cosmos-star div:nth-child(8){left:5%;top:30%}\n\n.meteores div{position:absolute;top:50px;left:280px;width:400px;height:1px;transform:rotate(-45deg);\nbackground:linear-gradient(to left,transparent 0%,#fff 100%)}\n.meteores div:before{content:'';position:absolute;width:4px;height:5px;background:#fff;\nborder-radius:50%;box-shadow:0 0 14px 4px white;margin-top:-2px}\n.meteores div:nth-child(1){top:45%;left:100%;-webkit-animation:meteors 3s linear infinite;\n-moz-animation:meteors 3s linear infinite;animation:meteors 3s linear infinite}\n.meteores div:nth-child(2){top:100%;left:70%;-webkit-animation:meteors 4s linear infinite;\n-moz-animation:meteors 4s linear infinite;animation:meteors 4s linear infinite}\n.meteores div:nth-child(3){top:70%;left:20%;-webkit-animation:meteors 2s linear infinite;\n-moz-animation:meteors 2s linear infinite;animation:meteors 2s linear infinite}\n\n.page-404,.not-found{transform:rotate(0deg);font:55px 'Carter One', cursive; cursive;color:#777;position:absolute;display:block;bottom:10%;left:46.5%;z-index:120;text-shadow:2px 2px 2px #000}\n.not-found{bottom:3%;left:45%;font-size:40px;}\n\n.my-cat{z-index:100;position:absolute;left:35%;bottom:235px}\n.ear-l,.ear-r,.ear-fur-l,.ear-fur-r{position:relative;z-index:2;border-radius:0 50px 0 0px;width:12px;height:14px;margin:0px 0 -16px 0px;padding:2px;transform:rotate(-2deg);background:linear-gradient(40deg,#111,#444)}\n.ear-r,.ear-fur-r{border-radius:50px 0px 10px 0px;margin:0 25px -10px;transform:rotate(15deg);background:linear-gradient(-50deg,#333,#333,#111);}\n.ear-fur-l,.ear-fur-r{border-radius:0 50px 0 20px;padding:0;background:linear-gradient(-30deg,#111,#222);width:10px;height:14px}\n.ear-fur-r{margin:0 2px;background:linear-gradient(-290deg,#111,#222);transform:rotate(8deg);border-radius:50px 0px 20px}\n.head-cat{z-index:1;position:relative;border-radius:50px;width:40px;height:35px;background:linear-gradient(40deg,#000,#444);box-shadow:0 2px 1px #111}\n.tabby-cat,.tabby-cat-1,.tabby-cat-2{width:20px;height:2px; background:#222;position:absolute;margin:2px 10px}\n.tabby-cat-1{margin:6px 10px;background:#222}\n.tabby-cat-2{height:2px;margin:10px 17px;background:linear-gradient(#111,#222);width:6px}\n.muzzle-cat{width:22px;height:15px;background:linear-gradient(60deg,#111, #222);border-radius:50px;top:18px;left:11px;position:absolute}\n.whiskers div,.whiskers div:nth-child(3) {height:1px;width:16px;background:linear-gradient(90deg,#000,#555);position:absolute;left:-7px;top:31px;transform:rotate(-15deg)}\n.whiskers div:nth-child(1){top:28px;left:-5px;transform:rotate(-5deg)}\n.whiskers div:nth-child(2){width:17px;top:35px;left:-5px;transform:rotate(-25deg)}\n.whiskers div:nth-child(3),.whiskers div:nth-child(4),.whiskers div:nth-child(5){background:linear-gradient(90deg,#555,#000);transform:rotate(10deg);left:30px;top:31px}\n.whiskers div:nth-child(4){left:29px;top:28px;transform:rotate(--2deg);width:20px;}\n.whiskers div:nth-child(5){left:27px;top:34px}\n.jaws-cat{-webkit-animation:jaws-cat 5s infinite;\n-moz-animation:jaws-cat 5s infinite;\n  animation:jaws-cat 5s infinite;position:absolute;border-radius:30px 10px;position:absolute;border-radius:20px 20px 70px 70px;width:7px;height:3px;background:linear-gradient(#000,#d46);z-index:50;top:30px;left:17px}\n.eye-l,.eye-r{\n  -webkit-animation:sleep-cat 7s linear infinite;\n-moz-animation:sleep-cat 7s linear infinite;\n  animation:sleep-cat 7s linear infinite;position:absolute;border-radius:35px 25px 30px 30px;width:10px;height:7px;background:#df9;z-index:500;top:12px;left:7px}\n.eye-r{left:24px!important}\n.eye-lz,.eye-rz{\n  -webkit-animation:eye-cat 7s linear infinite;\n-moz-animation:eye-cat 7s linear infinite;\n  animation:eye-cat 7s linear infinite;position:absolute;border-radius:30px 10px;transform:rotate(-45deg);width:7px;height:6px;background:#000;z-index:500;left:2px;top:0px}\n.eye-rz{left:1px;}\n.cat-nose{position:absolute;border-radius:20px 20px 70px 70px;width:7px;height:7px;background:linear-gradient(#000,#555);z-index:500;margin:19px 16px}\n.body-cat{transform:rotate(2deg)}\n.body-cat,.body-cat-1 {width:30px;height:60px;border-radius:70px 0px 5px 35px;margin:-10px -7px;background:linear-gradient(120deg,#000,#111,#222);position:absolute}\n.body-cat-1{border-radius:25px 80px 25px 25px;height:65px;margin:-14px 6px}\n.paw-cat-l,.paw-cat-r {position:absolute;width:12px;height:46px;margin:5px 4px;background:linear-gradient(150deg,rgba(1,1,1,.4) ,rgba(34,34,34,.8)),linear-gradient(92deg,#111 3px,#222 70%,#111 );box-shadow:-5px -2px 5px #111;border-radius:30px 0 5px 15px}\n.paw-cat-r{margin:5px 22px;border-radius:0px 30px 15px 5px;background:linear-gradient(rgba(1,1,1,.4) ,rgba(34,34,34,.8)),linear-gradient(90deg,#111,#222 70%,#111);}\n.paw-cat-l div,.paw-cat-r div,.tail-cat {border-radius:70px 10px 70px 10px;background:linear-gradient(#111,#222);position:absolute;width:12px;height:7px;top:38px;left:1px}\n.paw-cat-r div {border-radius:10px 70px 10px 70px;}\n.tail-cat{transform:rotate(-15deg);top:80px;width:40px;height:13px;border-radius:40px;background:linear-gradient(60deg,#111,#222)}\n\n@-webkit-keyframes eye-cat {0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@-moz-keyframes eye-cat {0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@keyframes eye-cat \n{0%{left:3px} 10%{border-radius:30px} 20%{border-radius:30px;} 30% {left:1px} 40%{top:2px;right:2px} 50%{left:4px} 60%{bottom:2px} 70%{bottom:0px;width:0} 71%{width:5px} 80%{left:2px}97%{bottom:1px;width:0} 100%{bottom:2px}}\n@-webkit-keyframes sleep-cat {0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@-moz-keyframes sleep-cat {0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@keyframes sleep-cat \n{0%{height:7px;top:12px;border-radius:30px} 35%{height:8px;top:12px;border-radius:30px} 56%{height:4px;top;13px} 70%{height:3px;top:15px} 71%{height:8px;top:12px} 85%{height:3px;top:12px} 97%{height:0;top:15px}}\n@-webkit-keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@-moz-keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@keyframes jaws-cat {0%{height:0} 50%{height:3px}100%{height:0}}\n@-webkit-keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@-moz-keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@keyframes star-anim {0% {box-shadow:0 0 10px 2px #fff;}\n  100% {box-shadow:0 0 5px 1px #fff;}}\n@-webkit-keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@-moz-keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@keyframes moon-anim {0% {box-shadow:0 0 20px 5px #fc0;}\n  100% {box-shadow:0 0 10px 5px #fc0;}}\n@-webkit-keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n@-moz-keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n@keyframes satellit-anima {0% {bottom:0;opacity:0} 2%{opacity:1;transform:rotate(130deg)}15%{transform:rotate(120deg);color:#fff;text-shadow:0 0 8px}\n35%{font-size:20px;left:15%;transform:rotate(180deg);}55%{font-size:17px;transform:rotate(185deg);color:#ff8;text-shadow:0 0 8px}57%{font-size:14px;} 100% {font-size:10px;transform:rotate(200deg);bottom:90%;left:90%;opacity:0}}\n\n@-webkit-keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n@-moz-keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n@keyframes meteors{0%{margin:-300px -300px 0 0;opacity:1}8%{opacity:0}\n30% {margin-top:300px -600px 0 0;opacity:0}100% {opacity:0}}\n`\n\nconst BigCategory = styled.div`\n  background: #fff;\n  color: #000;\n  width: 100%;\n  position: relative;\n  z-index: 10;\n  .list {\n    display: flex;\n  }\n  \n  .category-item {\n    padding: 10px;\n    width: 300px;\n    border-top-right-radius: 20px;\n    border-bottom-right-radius: 20px;\n    cursor: pointer;\n    padding-left: 60px;\n    transition: 300ms all;\n    .category-sub-items {\n      position: absolute;\n      transition: 300ms all;\n      right: -200vw;\n    }\n    &:hover {\n      background: ${({ theme }) => theme.elementBackground};\n      color: #fff;\n\n      .category-sub-items {\n        left: 300px;\n        display: block;\n        background: #000;\n      }\n    }\n  }\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: #fff;\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,\n    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`;\nexport { TitleContainer, NotFoundContainer, BigCategory, CallBackContainer, PaymentCreateContainer };","import React, { useState, useLayoutEffect } from \"react\";\n\nimport { useProductRequests } from \"../../helpers/ProductRequests\";\nimport { BigCategoryContainer } from \"../../styles/Home\";\nimport BigCategoryItem from \"../Content/Category/BigCategoryItem\";\nimport { faAngleRight, faArrowRight, faBars, faStar } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { useHistory } from 'react-router-dom';\n\nexport default function BigCategories({open,setOpen}) {\n      \n  const { getCategories, getCampaigns, getBrands } = useProductRequests();\n  const history=useHistory()\n  const [categories, setCategories] = useState([]);\n  const [campaigns, setCampaigns] = useState([]);\n  React.useEffect(() => {\n    if(categories.length != 0){\n      setOpen(true)\n    }\n  }, [categories]);\n\n  useLayoutEffect(() => {\n    if (categories.length === 0) {\n      getBrands().then(res=>{\n        setCategories(res.data.data);\n      });\n      \n      getCampaigns()\n        .then((response) => {\n          setCampaigns(response.data.images);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n        });\n    }\n  }, []);\n  return (\n    <BigCategoryContainer open={open}>\n      <div\n        className=\"head\"\n        onClick={() => {\n          if (categories.length > 0) {\n            setOpen(!open);\n          }\n        }}\n      >\n        <FontAwesomeIcon icon={faBars} /> <span>{open && \"KATEGORİLER\"}</span>\n      </div>\n      {open && (\n        <div className=\"category-item-list\">\n          <div\n            style={{ backgroundColor: \"rgba(255,0,0,0.01)\" }}\n            className=\"category-item\"\n          >\n            <span\n              style={{\n                display: \"flex\",\n                justifyContent: \"space-between\",\n                alignItems: \"center\",\n                width: \"100%\",\n              }}\n              onClick={() => history.push(`/kampanyali-urunler`)}\n            >\n              <div\n                style={{\n                  color: \"red\",\n                  fontWeight: \"bold\",\n                  display: \"flex\",\n                  justifyContent: \"space-between\",\n                  alignItems: \"center\",\n                  width: \"100%\",\n                }}\n              >\n                <span style={{color:'red'}}>Kampanyalı Ürünler</span>\n                <FontAwesomeIcon icon={faStar} color=\"red\" />\n              </div>\n            </span>\n          </div>\n          {categories.map((item, index) => (\n            <div key={item.slug} className={\"category-item \"+(window.location.href.indexOf(\"marka/\"+item.slug)!=-1 ? \"active-category\" : \"\")} >\n              <span\n                style={{\n                  display: \"flex\",\n                  justifyContent: \"space-between\",\n                  alignItems: \"center\",\n                  width: \"100%\",\n                }}\n                onClick={() => history.push(`/marka/${item.slug}`)}\n              >\n                <div>{item.name} </div>\n              </span>\n            \n            </div>\n          ))}\n          {campaigns.map((item, index) => {\n            return (\n              <div key={\"campaign-\" + index} className=\"category-item\">\n                <img src={item + \"?ordu=\" + 5252} style={{ width: \"100%\" }} />\n              </div>\n            );\n          })}\n        </div>\n      )}\n    </BigCategoryContainer>\n  );\n}\n","import axios from 'axios'\n\nexport const useAuthRequests = () => {\n\n  const loginRequest = async (email,password) => {\n    return axios({\n      method: 'post',\n      url: `${process.env.REACT_APP_API+process.env.REACT_APP_LOGIN}`,\n      data: {\n        username: email,\n        password: password\n      },\n      headers: {\n        'Content-Type': 'application/json',\n        'Access-Control-Allow-Origin': '*',\n        'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,PATCH,OPTIONS',\n        'Target-URL' : `${process.env.REACT_APP_API+process.env.REACT_APP_LOGIN}`\n      }\n    })\n  }\n  const changePasswordRequest = async (data) => {\n    return axios({\n      method: \"post\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_CHANGE_PASSWORD\n      }`,\n      data: data,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n        \"Target-URL\": `${\n          process.env.REACT_APP_API + process.env.REACT_APP_CHANGE_PASSWORD\n        }`,\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\n      },\n    });\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 (\n    data\n  ) => {\n    return axios({\n      method: \"post\",\n      url: `${process.env.REACT_APP_API + process.env.REACT_APP_REGISTER}`,\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_REGISTER\n        }`,\n      },\n    });\n  };\n  const setCurrency = async (currency) => {\n    return axios({\n      method: \"post\",\n      url: `${\n        process.env.REACT_APP_API + process.env.REACT_APP_SET_CURRENCY\n      }?currencyUnit=${currency}`,\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Authorization: `${localStorage.getItem(\"mervebayitoken\")}`,\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_SET_CURRENCY\n        }`,\n      },\n    });\n  };\n\n  \n  return {\n    loginRequest,\n    registerRequest,\n    getCustomer,\n    setCurrency,\n    changePasswordRequest,\n  };\n}","export default __webpack_public_path__ + \"static/media/mainlogo.3321335e.png\";","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,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, faAngleLeft } from '@fortawesome/free-solid-svg-icons';\nimport { Sentry } from \"react-activity\";\nimport CategoryList from './Category/CategoryList';\nimport { Button } from '@mui/material';\nimport { Link,useHistory } from 'react-router-dom';\nimport { Menu } from '@headlessui/react'\nimport { HomeList } from '../../styles/Home';\nimport BigCategories from '../Navigation/BigCategories';\nimport Footer from '../Navigation/Footer';\n\n\n\nexport default function Category({\n  karsilastir,open,\n  setOpen,\n  search,\n  setSearch,\n  setSelectedBrand,\n  selectedBrand,\n  slug,\n  getNewProducts,\n  getProducts,\n  getSearchedProducts,\n  products,\n  setProducts,\n  setSort,\n  sort,\n}) {\n  const [loading, setLoading] = useState(true);\n\n  const [grid, setGrid] = useState(\n    localStorage.getItem(\"productList\") || \"grid\"\n  );\n  const history = useHistory();\n\n  const listInnerRef = useRef();\n\n  const [page, setPage] = useState(1);\n\n  const [goTopVisibility, setGoTopVisibility] = useState(false);\n\n  const onScroll = () => {\n    getNewProducts(page + 1, setLoading, search, setPage);\n  };\n\n  useLayoutEffect(() => {\n    if (products.length < 1) {\n      setLoading(true);\n      getProducts({\n        all: search,\n        brandSlug: selectedBrand,\n        sort: sort.sort,\n        sortedBy: sort.sortedBy ,\n        count: 400,\n        brandSlug: slug,\n        page: page,\n      })\n        .then((res) => {\n          setLoading(false);\n          if (res.data.data.items && res.data.data.items.length < 1) {\n          } else {\n            setProducts(res.data.data.items);\n          }\n        })\n        .catch((err) => {\n          console.log(err.response);\n        });\n    }\n  }, [products]);\n\n  useEffect(() => {\n    setProducts([]);\n  }, [slug]);\n\n  const handleSearch = (e) => {\n    setSearch(e.target.value);\n  };\n\n  useEffect(() => {\n    if (search.length > 0) {\n      setProducts([]);\n      getSearchedProducts(setLoading, setPage, search);\n    } else {\n      setPage(1);\n      setProducts([]);\n      getNewProducts(1, setLoading, search, setPage);\n    }\n  }, [search, selectedBrand]);\n\n  useEffect(() => {\n    if (sort != undefined && sort != null) {\n      setPage(1);\n      setProducts([]);\n      getProducts(1, setLoading, search, setPage);\n    }\n  }, [sort]);\n\n  return (\n    <div className=\"unlimited-scroll\" ref={listInnerRef}>\n      <Header />\n      <HomeList open={open} setOpen={setOpen}>\n        <BigCategories open={open} setOpen={setOpen} />\n        <div className=\"content-container\">\n          <FilterContainer>\n            <div className=\"filter-container\">\n              <div\n                className=\"go-back\"\n                onClick={() => {\n                  history.push(\"/\");\n                }}\n              >\n                <FontAwesomeIcon icon={faHome} style={{ marginRight: 20 }} />{\" \"}\n                Ana Sayfa\n              </div>\n            </div>\n          </FilterContainer>\n\n          <div className=\"productList-parent\">\n            <div className=\"product-sorter\">\n              {products.length > 0 && (\n                <ProductListTitle>\n                  <div className=\"items\">\n                    {localStorage.getItem(\"mervebayitoken\") != null && (\n                      <Menu\n                        className={\"productSort\"}\n                        as=\"nav\"\n                        style={{ position: \"relative\",zIndex:101 }}\n                      >\n                        <Menu.Button>\n                          {\" \"}\n                          {sort != undefined && sort != null\n                            ? sort.name\n                            : \"Akıllı Sıralama\"}{\" \"}\n                          <FontAwesomeIcon icon={faSort} />{\" \"}\n                        </Menu.Button>\n                        <Menu.Items className=\"sortDrop\">\n                          <Menu.Item>\n                            <a\n                              onClick={() => {\n                                setSort({\n                                  sort: \"PRICE\",\n                                  sortedBy: \"ASC\",\n                                  name: \"Artan Fiyat\",\n                                });\n                              }}\n                            >\n                              Artan fiyat\n                            </a>\n                          </Menu.Item>\n                          <Menu.Item>\n                            <a\n                              onClick={() => {\n                                setSort({\n                                  sort: \"PRICE\",\n                                  sortedBy: \"DESC\",\n                                  name: \"Azalan Fiyat\",\n                                });\n                              }}\n                            >\n                              Azalan fiyat\n                            </a>\n                          </Menu.Item>\n                          {slug != undefined ? (\n                            <>\n                              <Menu.Item>\n                                <a\n                                  onClick={() => {\n                                    setSort({\n                                      sort: \"DATE\",\n                                      sortedBy: \"DESC\",\n                                      name: \"Önce en yeni\",\n                                    });\n                                  }}\n                                >\n                                  Önce en yeni\n                                </a>\n                              </Menu.Item>\n\n                              <Menu.Item>\n                                <a\n                                  onClick={() => {\n                                    setSort({\n                                      sort: \"DATE\",\n                                      sortedBy: \"ASC\",\n                                      name: \"Önce en eski\",\n                                    });\n                                  }}\n                                >\n                                  Önce en eski\n                                </a>\n                              </Menu.Item>\n                            </>\n                          ) : (\n                            <></>\n                          )}\n                        </Menu.Items>\n                      </Menu>\n                    )}\n                  </div>\n                </ProductListTitle>\n              )}\n            </div>\n            <ProductList className={` product-${grid}`} count={products.length}>\n              {/*  */}\n\n              {products.sort(karsilastir).map((product, index) => {\n                return (\n                  <React.Fragment key={product.id}>\n                    <ProductItem product={product} />\n                  </React.Fragment>\n                );\n              })}\n\n              <Title\n                text={\n                  <>\n                    {loading ? (\n                      <>{/* <Sentry color={\"#be1d2c\"} 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                      \"Ürün Bulunamadı\"\n                    )}\n                  </>\n                }\n              />\n\n              <div\n                style={{\n                  width: \"100%\",\n                  display: \"flex\",\n                  justifyContent: \"center\",\n                  alignItems: \"center\",\n                }}\n              >\n                {/* <div\n                  onClick={onScroll}\n                  style={{\n                    display: \"inline-block\",\n                    color: \"#ffff\",\n                    padding: \"5px 55px\",\n                    borderRadius: 100,\n                    background: \"#be1d2c\",\n                    textAlign: \"center\",\n                    cursor: \"pointer\",\n                    fontSize: 22,\n                  }}\n                >\n                  {loading ? <Sentry /> : <>Daha Fazla Ürün Göster</>}\n                </div> */}\n              </div>\n            </ProductList>\n          </div>\n        </div>\n      </HomeList>\n\n      <BottomNav />\n\n      <Footer/>\n    </div>\n  );\n}\n","import { createSlice } from \"@reduxjs/toolkit\";\n\nimport { LightTheme,DarkTheme } from \"../../styles/Theme\";\n\nexport const site = createSlice({\n  name:'site',\n  initialState:{\n    theme: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","import styled from \"styled-components\";\n\nconst SlideProductItem = styled.a`\n  margin: 10px;\n\n  border-radius: 10px;\n  color: #000;\n  min-height: 340px;\n\n  min-width: 230px;\n  margin-bottom: 40px;\n  overflow: hidden;\n  text-decoration: none;\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 5px;\n    left: 5px;\n    width: 50px;\n    height: 50px;\n    z-index: 100;\n    background-image: ${(props) =>\n      props.sticker != null && props.sticker != \"\"\n        ? `url(${props.sticker.replace(\" \", \"%20\")})`\n        : \"none\"};\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: contain;\n    opacity: 100%;\n    transition: 500ms all;\n  }\n  &:hover {\n    &::before {\n      opacity: 70%;\n      transform: scale(1.1);\n    }\n  }\n  &::after {\n    content: \"TÜKENDİ\";\n    position: absolute;\n    z-index: 100;\n    display: ${(props) =>\n      props.stockText != null && props.stockText.indexOf(\"TÜKENDİ\") != -1\n        ? \"block\"\n        : \"none\"};\n    top: calc(25%);\n    right: 0;\n    color: #fff;\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: 25px;\n  }\n  opacity: ${(props) =>\n    props.stockText != null && props.stockText.indexOf(\"TÜKENDİ\") != -1\n      ? \"50%\"\n      : \"100%\"};\n\n  cursor: pointer;\n  box-shadow: 0px 2px 4px #cccccc;\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  }\n  .image-box {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 180px;\n    background: url(${(props) => props.image}) no-repeat center;\n    background-size: contain;\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  max-width: 230px;\n  @media only screen and (max-width: 840px) {\n    max-width: ${(props) =>\n      props.slider != undefined && props.slider != null ? \"97%\" : \"43%\"};\n    min-width: ${(props) =>\n      props.slider != undefined && props.slider != null ? \"97%\" : \"43%\"};\n    min-height: 420px;\n    @media only screen and (max-width: 870px) {\n      min-height: 360px;\n    }\n    .image-box {\n      height: 220px;\n      img {\n        height: 220px;\n      }\n    }\n  }\n\n  .product-count {\n    color: #000;\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  position: relative;\n\n  .action {\n    position: absolute;\n    width: 94%;\n    right: 0px;\n    bottom: 17px;\n    display: flex;\n    flex-direciton: row;\n    justfiy-content: space-between;\n    align-items: center;\n    .price {\n      display: flex;\n      justfiy-content: center;\n      align-items: center;\n      font-weight: 700;\n      width: 70%;\n\n      transition: 600ms all;\n      div {\n        font-family: \"Overpass\", sans-serif !important;\n        line-height: 22px;\n        font-size: 25px;\n      }\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    .basket,\n    .price {\n      color: #000;\n    }\n  }\n  &:hover {\n    .product-count {\n      opacity: 100%;\n    }\n    .action {\n      .basket {\n        opacity: 100%;\n      }\n      .price {\n      }\n    }\n  }\n\n  .in-stock {\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: ${({ theme }) => theme.mainThemeBackground};\n    padding: 2px 5px;\n    font-family: \"OverPass\", sans-serif;\n    font-weight: bold;\n    font-size: 12px;\n    color: #fff;\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: 110px;\n  cursor: pointer;\n\n  transition: 300ms all;\n  &:hover {\n    box-shadow: 0px 0px 7px #616161;\n  }\n  h3 {\n    font-size: 14px;\n    text-align: center;\n    background: ${({ theme }) => theme.elementBackground};\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n    font-weight: bold;\n\n    padding: 5px 10px;\n  }\n  img {\n    width: 100%;\n    padding: 5px;\n    min-width: 190px;\n    max-width: 190px;\n\n    height: 190px;\n    @media only screen and (max-width: 1140px) {\n      min-width: 135px;\n      max-width: 135px;\n      height: 135px;\n    }\n    user-select: none;\n    user-drag: none;\n    -webkit-user-drag: none;\n    user-select: none;\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    -ms-user-select: none;\n  }\n  @media only screen and (max-width: 1140px) {\n    border-radius: 10px;\n    width: 14%;\n    h3 {\n      font-size: 9px;\n      border-top-left-radius: 4px;\n      border-top-right-radius: 4px;\n    }\n    img {\n      min-width: 100%;\n      max-width: 100%;\n      height: 110px;\n    }\n    height: 150px;\n    min-height: 150px;\n    max-height: 150px;\n  }\n  @media only screen and (max-width: 870px) {\n    border-radius: 10px;\n    width: 19%;\n    h3 {\n      font-size: 9px;\n      border-top-left-radius: 4px;\n      border-top-right-radius: 4px;\n    }\n    img {\n      min-width: 100%;\n      max-width: 100%;\n      height: 70px;\n    }\n    height: 105px;\n    min-height: 105px;\n    max-height: 105px;\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    .price {\n      display: flex;\n      opacity: 100%;\n      flex-direction: column;\n      justify-content: center;\n      transition: 600ms all;\n      align-items: center;\n\n      h4 {\n        font-size: 15px;\n        color: ${({ theme }) => theme.mainThemeColor};\n      }\n      h5 {\n        font-size: 13px;\n        text-decoration: line-through;\n      }\n    }\n    .basket {\n      transition: 800ms all;\n      top: 10px;\n      opacity: 0;\n      button {\n        border: 0;\n        outline: 0;\n        width: 200px;\n        padding: 10px 0px;\n        background-color: ${({ theme }) => theme.mainThemeBackground};\n        transition: 600ms all;\n        color: ${({ theme }) => theme.mainThemeColor};\n        border-radius: 10px;\n        &:hover {\n          background-color: ${({ theme }) =>\n            theme.mainThemeOpacityBackgroundHover};\n        }\n      }\n    }\n    .basket,\n    .price {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n  &:hover {\n    .product-count {\n      opacity: 100%;\n    }\n    .action {\n      .basket {\n        opacity: 100%;\n      }\n      .price {\n        opacity: 0;\n      }\n    }\n  }\n`;\nexport {SlideProductItem,SlideBrandItem}","import { 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 styled from \"styled-components\";\nimport { rgb, rgba } from \"polished\";\n\nconst CartContainer = styled.div`\n  display: flex;\n  position: relative;\n  margin-top: 40px;\n  margin-bottom: 40px;\n  .title-control {\n    min-width: 500px !important;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    button,\n    .removeAll {\n    }\n  }\n  @media only screen and (max-width: 1140px) {\n    .title-control {\n      min-width: unset !important;\n      button,\n      .removeAll {\n        margin: 0;\n        padding: 0;\n        max-width: 50% !important;\n        min-width: 50% !important;\n        width: 50%;\n        font-size: 14px;\n        svg {\n          font-size: 16px;\n        }\n      }\n      button {\n      }\n    }\n  }\n  .payment-card {\n    color: #000;\n    min-height: 110vh;\n    iframe {\n      min-height: 110vh;\n      width: 100%;\n      height: 100%;\n    }\n    @media only screen and (max-width: 1140px) {\n      iframe {\n        min-height: 300vh;\n      }\n    }\n    .paymentError {\n      padding: 20px;\n      font-weight: bold;\n      font-size: 22px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      min-height: 240px;\n      box-shadow: 0px 0px 10px #e53935;\n      background: #ffcdd2;\n      button {\n        margin-top: 30px;\n        border: none;\n        outline: none;\n        background: ${({ theme }) => theme.altHeader};\n        color: #fff;\n        padding: 10px 5%;\n        font-weight: bold;\n        transition: all 1s;\n        &:hover {\n          transform: scale(1.1) rotate(1deg);\n          background: #e57373;\n        }\n      }\n    }\n  }\n  .bank-cards {\n    color: #000;\n    .payment-input-box {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin-top: 20px;\n      label {\n        font-weight: bold;\n        margin-bottom: 10px;\n      }\n      textarea {\n        padding: 10px;\n        border-radius: 5px;\n        outline: none;\n        resize: none;\n      }\n    }\n    .bank-card {\n      padding: 10px;\n      border-radius: 5px;\n      background: #ddffe5;\n      margin-top: 20px;\n      &:hover {\n        background: #a8f0b8;\n        color: #555;\n        cursor: pointer;\n      }\n      h1 {\n        font-size: 22px;\n        font-weight: bold;\n      }\n      h2 {\n        font-size: 16px;\n      }\n      div {\n        display: flex;\n        margin-top: 15px;\n        justify-content: space-between;\n        align-items: center;\n      }\n    }\n  }\n  .payment-tabs {\n    width: 100%;\n    display: flex;\n    .payment-tab {\n      color: #000;\n      padding: 7px 30px;\n      margin: 3px;\n      font-weight: bold;\n      cursor: pointer;\n    }\n    .payment-tab.active {\n      background: ${({ theme }) => theme.altHeader};\n      color: #fff;\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        color: #fff;\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: #fff;\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 };\n","let LightTheme={\n  background:'#fff',\n  color:'#fff',\n  opacityColor:'#333',\n  header:'#f2f2f2',\n  altHeader:'#be1d2c',\n  altHeaderBorder:'#000',\n  notifyCircleBackground:'#341f21',\n  notifyCircle:'#000',\n  elementBackground:'#be1d2c',\n  element:'#000',\n  elementShadow:'#bdbdbd',\n  footerBackground:'#ddd',\n  rgbaOpacity:'1',\n  productsContainerBackground:'#fff',\n  mainThemeColor:'#fff',\n  mainThemeDarkColor:'#000',\n  mainThemeBackground:'#be1d2c',\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 {\n  DarkTheme,\n  LightTheme,\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\";\n\nexport default function Item({ item, cart }) {\n\n  const dispatch = useDispatch();\n\n  const history = useHistory();\n\n  const [count, setCount] = useState(item.quantity);\n\n  const { decrementCart, incrementCart, extractionCart } = useCartRequests();\n\n  const increment = async (item, count = 1) => {\n    const basket = await cart.map((sub) => {\n      if (sub.id === item.id) {\n        return {\n          ...sub,\n          quantity: sub.quantity + count,\n          total: sub.total + sub.price * count,\n        };\n      }\n      return sub;\n    });\n\n    incrementCart(item.productId, count)\n      .then((response) => {\n        dispatch(setBasket(basket));\n        setCount(item.quantity + count);\n      })\n      .catch((error) => {\n        toast.error(error.response.data.message);\n      });\n  };\n\n  const decrement = async (item, remove = false, count = 1) => {\n    \n    if (remove) {\n      const basket = await cart.filter((sub) => {\n        return sub.productId !== item.productId;\n      });\n\n      extractionCart(item.productId)\n        .then((response) => {\n          dispatch(setBasket(basket));\n        })\n        .catch((error) => {\n          toast.error(error.response.data.message);\n        });\n    } else {\n      const basket = await cart.map((sub) => {\n        if (sub.productId === item.productId) {\n          return {\n            ...sub,\n            quantity: sub.quantity - count,\n            total: sub.total - sub.price * count,\n          };\n        }\n        return sub;\n      });\n      decrementCart(item.productId, count)\n        .then((response) => {\n          dispatch(setBasket(basket));\n          setCount(item.quantity - count);\n        })\n        .catch((error) => {\n          toast.error(error.response.data.message);\n        });\n    }\n  };\n\n  const handleChange = async (e) => {\n    if (e.target.value < item.quantity) {\n      decrement(\n        item,\n        e.target.value == 0 ? true : false,\n        item.quantity - e.target.value\n      );\n    } else {\n      increment(item, e.target.value - item.quantity);\n    }\n  };\n\n  return (\n    <li key={\"cart-item-\" + item.id}>\n      <div>\n        <img\n          onClick={() => history.push(\"/urun/\" + item.slug)}\n          onContextMenu={() => false}\n          src={\n            item.image == null\n              ? \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\"\n              : item.image\n          }\n          alt={item.title}\n          style={{ cursor: \"pointer\" }}\n        />{\" \"}\n      </div>\n      <div className=\"removeItem\" onClick={() => decrement(item, true)}>\n        <FontAwesomeIcon icon={faTrash} />\n      </div>\n      <div className=\"item-name\">\n        <h1 style={{color:'#000'}}>\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          Adet : <span>{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            increment(item, 1);\n            if (count < item.availableStock / item.unit2coefficient) {\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","export default __webpack_public_path__ + \"static/media/master.654f470c.png\";","export default __webpack_public_path__ + \"static/media/visa.a9b23afe.jpeg\";","export default __webpack_public_path__ + \"static/media/iyzico.f0bf7784.png\";","import React from 'react'\nimport Badge from '@mui/material/Badge';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faShoppingCart, faPlus } 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';\n\nexport default function ProductItem({product}) {\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\n  const getBasket=()=>{\n    getCart().then(res=>{\n      dispatch(setBasket(res.data.data))\n    })\n  }\n\n  const addToBasket = async (e, product) => {\n    e.preventDefault();\n    if (login == true) {\n      const loader = toast.loading(\"Ürün Sepete Ekleniyor...\", {\n        position: toast.POSITION.BOTTOM_RIGHT,\n        isLoading: true,\n        closeOnClick: false,\n        pauseOnHover: false,\n        pauseOnFocusLoss: false,\n        draggable: false,\n      });\n      addCart([{ id: 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 (err.response != undefined && err.response.data != undefined) {\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    } else {\n      history.push(\"/giris-yap\");\n    }\n  };\n  return (\n    <SlideProductItem\n      href={\"/urun/\" + product.slug}\n      stockText={product.stockText}\n      sticker={product.stickerImage}\n      image={\n        product.image == null\n          ? \"https://propertywiselaunceston.com.au/wp-content/themes/property-wise/images/no-image@2x.png\"\n          : product.image + \"?ordu=\" + 5252\n      }\n    >\n      <div className=\"image-box\"></div>\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.id == product.id) != undefined ? (\n        <div className=\"product-count\">\n          <Badge\n            badgeContent={basket.find((sub) => sub.id == product.id).quantity}\n            color=\"primary\"\n          >\n            <FontAwesomeIcon icon={faShoppingCart} />\n          </Badge>\n        </div>\n      ) : (\n        <></>\n      )}\n      <div className=\"action\">\n        <div className=\"price\">\n          {/* <h5> <Currency>0</Currency> </h5> */} \n          <div>\n            {\" \"}\n            {localStorage.getItem(\"mervebayitoken\") != null ? (\n              <Currency>{product.salePrice}</Currency>\n            ):<p style={{fontWeight:'normal',fontSize:9,textAlign:'center'}}>Fiyatları görmek için <strong onClick={()=>history.push('/giris-yap')}>Giriş</strong> yapın.</p>}{\" \"}\n          </div>\n        </div>\n        <div className=\"basket\">\n          {localStorage.getItem(\"mervebayitoken\") != null && (\n            <button\n              style={{\n                cursor: product.inStock ? \"pointer\" : \"not-allowed\",\n                opacity: product.inStock ? \"100%\" : \"10%\",\n              }}\n              disabled={!product.inStock}\n              onClick={(e) => addToBasket(e, product)}\n            >\n              <FontAwesomeIcon icon={faPlus} />\n            </button>\n          )}\n        </div>\n      </div>\n    </SlideProductItem>\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  const { registerRequest } = useAuthRequests();\n\n  const dispatch = useDispatch();\n\n  const { login } = useSelector((state) => state.auth);\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  const [country, setCountry] = useState(\"\");\n  const [city, setCity] = useState(\"\");\n  const [district, setDistrict] = useState(\"\");\n  const [taxOffice, setTaxOffice] = useState(\"\");\n  const [personIdNumber, setPersonIdNumber] = useState(\"\");\n  const [taxNumber, setTaxNumber] = 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) => (\n    <TextField InputProps={{ disableUnderline: true }} {...props} />\n  ))(({ theme }) => ({}));\n\n  const sendRegister = async (e) => {\n    e.preventDefault();\n    if (loading) {\n      return;\n    } else if (\n      email.length < 2 ||\n      name.length < 2 ||\n      surname.length < 2 ||\n      company.length < 5 ||\n      phoneNumber.length < 2 ||\n      address.length < 2 ||\n      country.length < 2 ||\n      city.length < 2 ||\n      district.length < 2 ||\n      password.length < 2 ||\n      (personIdNumber.length < 2 &&\n        (taxNumber.length < 2 || taxOffice.length < 2))\n    ) {\n      setError(\"Zorunlu alanları geçmeyiniz.\");\n    } else {\n      setLoading(true);\n\n      registerRequest({\n        companyTitle: company,\n        name: name,\n        surname: surname,\n        address: address,\n        phoneNumber: phoneNumber,\n        email: email,\n        country: country,\n        city: city,\n        district: district,\n        taxOffice: taxOffice,\n        taxNumber: taxNumber,\n        personIdNumber: personIdNumber,\n        guarantorName: guarantorName,\n        guarantorPhoneNumber: guarantorPhoneNumber,\n        password: password,\n      })\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(\n            response.data.message + \" Giriş syafasına  yönlendiriliyorsunuz.\"\n          );\n\n          setTimeout(() => {\n            history.push(\"/giris-yap\");\n          }, 1000);\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  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: -31 }}\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          <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=\"Ülke \"\n            value={country}\n            onChange={(e) => setCountry(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n          <TextField\n            label=\"İl \"\n            value={city}\n            onChange={(e) => setCity(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=\"İlçe \"\n            value={district}\n            onChange={(e) => setDistrict(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n          <TextField\n            label=\"TC Kimlik No \"\n            value={personIdNumber}\n            onChange={(e) => setPersonIdNumber(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Vergi Dairesi \"\n            value={taxOffice}\n            onChange={(e) => setTaxOffice(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n          <TextField\n            label=\"Vergi No \"\n            value={taxNumber}\n            onChange={(e) => setTaxNumber(e.target.value)}\n            variant=\"filled\"\n            type=\"text\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            label=\"Cep Telefonu \"\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=\"E Posta\"\n            value={email}\n            onChange={(e) => setEmail(e.target.value)}\n            variant=\"filled\"\n            type=\"email\"\n            style={{ marginTop: 11 }}\n          />\n          <TextField\n            label=\"Parola\"\n            value={password}\n            onChange={(e) => setPassword(e.target.value)}\n            variant=\"filled\"\n            type=\"password\"\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: \"#fff\" }} 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/mainlogowhite.59291db5.png\";","import React from 'react'\nimport {NotFoundContainer} from '../styles/Content'\nexport default function NotFound() {\n  return (\n    <NotFoundContainer>\n      <div className=\"fon\">\n        <div className=\"horizon\"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>\n      <div className=\"hill\"></div>\n\n      <span className=\"not-found\">Sayfa Bulunamadı</span>\n      <span className=\"page-404\">Hata 404</span>\n      <div className=\"moon-sky\"></div>\n      <div className=\"satellite\">☄</div>\n        <div className=\"meteores\">\n                    <div></div>\n                    <div></div>\n                    <div></div>\n                  </div>\n      <div className=\"cosmos-star\">\n        <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n      </div>\n      <div className=\"my-cat\">\n          <div className=\"ear-l\">\n              <div className=\"ear-fur-l\"></div>\n          </div>\n          <div className=\"ear-r\">\n              <div className=\"ear-fur-r\"></div>\n          </div>\n      <div className=\"head-cat\">\n        <div className=\"tabby-cat\"></div>\n        <div className=\"tabby-cat-1\"></div>\n        <div className=\"tabby-cat-2\"></div>\n          <div className=\"eye-l\">\n              <div className=\"eye-lz\"></div>\n          </div>\n          <div className=\"cat-nose\"></div>\n          <div className=\"eye-r\">\n              <div className=\"eye-rz\"></div>\n          </div> \n          <div className=\"muzzle-cat\"></div>\n        <div className=\"\tjaws-cat\"></div>\n        <div className=\"whiskers\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n        </div>\n      </div>\n        <div className=\"body-cat\"></div>\n        <div className=\"body-cat-1\"></div>\n        <div className=\"paw-cat-l\"><div></div></div>\n        <div className=\"paw-cat-r\"><div></div></div>\n        <div className=\"tail-cat\"></div>\n      </div>\n      <div className=\"rock\">\n      <div className=\"rock-mountain_1\"></div>\n      <div className=\"rock-mountain_s_1\"></div>\n      <div className=\"rock-mountain_2\"></div>\n      <div className=\"rock-mountain_s_2\"></div>\n      <div className=\"rock-mountain_3\"></div>\n      <div className=\"rock-mountain_s_3\"></div>\n      </div>\n      </div>\n    </NotFoundContainer>\n  )\n}\n","import React, { useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faMinus,\n  faPlus,\n  faTrash,\n  faTrashAlt,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { Fab } from \"@mui/material\";\nimport { setBasket } from \"../stores/Cart\";\nimport { useDispatch } from \"react-redux\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nexport default function Item({ item, cart }) {\n  const dispatch = useDispatch();\n  const history = useHistory();\n  const [count, setCount] = useState(item.quantity);\n\n  const { decrementCart, incrementCart, extractionCart } = useCartRequests();\n\n  const increment = async (item, count = 1) => {\n    const basket = await cart.map((sub) => {\n      if (sub.id === item.id) {\n        return {\n          ...sub,\n          quantity: sub.quantity + count,\n          total: sub.total + sub.price * count,\n        };\n      }\n      return sub;\n    });\n\n    incrementCart(item.productId, count)\n      .then((response) => {\n        dispatch(setBasket(basket));\n        setCount(item.quantity + count);\n      })\n      .catch((error) => {\n        toast.error(error.response.data.message);\n      });\n  };\n\n  const decrement = async (item, remove = false, count = 1) => {\n    if (remove) {\n      const basket = await cart.filter((sub) => {\n        return sub.id !== item.id;\n      });\n      extractionCart(item.productId)\n        .then((response) => {\n          dispatch(setBasket(basket));\n        })\n        .catch((error) => {\n          toast.error(error.response.data.message);\n        });\n    } else {\n      const basket = await cart.map((sub) => {\n        if (sub.id === item.id) {\n          return {\n            ...sub,\n            quantity: sub.quantity - count,\n            total: sub.total - sub.price * count,\n          };\n        }\n        return sub;\n      });\n      decrementCart(item.id, count)\n        .then((response) => {\n          dispatch(setBasket(basket));\n          setCount(item.quantity - count);\n        })\n        .catch((error) => {\n          toast.error(error.response.data.message);\n        });\n    }\n  };\n\n  const handleChange = async (e) => {\n    if (e.target.value < item.quantity) {\n      decrement(\n        item,\n        e.target.value == 0 ? true : false,\n        item.quantity - e.target.value\n      );\n    } else {\n      increment(item, e.target.value - item.quantity);\n    }\n  };\n\n  return (\n    <li key={\"cart-item-mobile \" + item.id}>\n      <div className=\"item\" onClick={() => history.push(`/urun/${item.slug}`)}>\n        <div className=\"img\">\n          <img src={item.image} alt=\"Görsel\" />\n        </div>\n        <div\n          className=\"name\"\n          onClick={() => history.push(`/urun/${item.slug}`)}\n        >\n          <div className=\"title\">{item.title}</div>\n          <div className=\"available\">\n            Mevcut : {item.availableStock > 80 ? \"80+\" : item.availableStock}\n          </div>\n          <div className=\"desc\">\n            ( <span>x{item.quantity}</span> Koli /{\" \"}\n            <span>x{item.quantity * item.unit2coefficient}</span> Çift )\n          </div>\n        </div>\n      </div>\n      <div className=\"price-box\">\n        <div className=\"button-list\">\n          <div className=\"btn\">\n            <div className=\"decrement\">\n              <FontAwesomeIcon\n                icon={count == 1 ? faTrashAlt : faMinus}\n                onClick={() => {\n                  if (count == 1) {\n                    decrement(item, true);\n                  } else {\n                    decrement(item);\n                  }\n                }}\n              />\n            </div>\n            <input type={\"number\"} value={count} />\n            <div className=\"increment\">\n              <FontAwesomeIcon icon={faPlus} onClick={() => increment(item)} />\n            </div>\n          </div>\n        </div>\n        <div className=\"price\">\n          <Currency>{item.salePrice}</Currency>\n        </div>\n      </div>\n    </li>\n  );\n}\n","import React, { useState, useEffect } from \"react\";\n\nimport { CartContainer } from \"../../styles/Cart\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faTrashAlt,\n  faShoppingCart,\n  faShoppingBasket,\n  faCheck,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { Currency } from \"react-intl-number-format/dist/index.js\";\nimport { useCartRequests } from \"../../helpers/CartRequests\";\nimport { toast } from \"react-toastify\";\nimport { setBasket } from \"../stores/Cart\";\nimport { useDispatch } from \"react-redux\";\nimport { useHistory } from \"react-router\";\nimport ListItem from \"./Item\";\nimport ListItemMobile from \"./ItemMobile\";\n\nexport default function CartItems({ cart }) {\n  const [total, setTotal] = useState(0);\n\n  const { deleteCart } = useCartRequests();\n  const history = useHistory();\n\n  const dispatch = useDispatch();\n\n  useEffect(() => {\n    if (cart !== null && cart !== undefined) {\n      let totalCount = 0;\n      cart.map((item) => {\n        totalCount += item.salePrice * item.quantity;\n        return true;\n      });\n      setTotal(totalCount);\n    }\n  }, [cart]);\n\n  const removeCart = () => {\n    const loader = toast.loading(\"Sepet siliniyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    deleteCart()\n      .then((response) => {\n        dispatch(setBasket(null));\n        toast.update(loader, {\n          render: response.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      })\n      .catch((error) => {\n        toast.update(loader, {\n          render: error.response.data.message,\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const goHome = () => {\n    history.push(\"/\");\n  };\n\n  return (\n    <CartContainer>\n      <div className=\"list\">\n        <ul>\n          <li className=\"title\">\n            <h1>\n              {\" \"}\n              <FontAwesomeIcon icon={faShoppingCart} /> Sepetim{\" \"}\n            </h1>\n\n            {cart != null && cart.length > 0 ? (\n              <div className=\"title-control\">\n                <button\n                  className=\"payment\"\n                  style={{ marginTop: 10 }}\n                  onClick={() => history.goBack()}\n                >\n                  <FontAwesomeIcon\n                    icon={faShoppingCart}\n                    style={{ marginRight: 20 }}\n                  />\n                  Alışverişe Devam Et\n                </button>\n                <div className=\"removeAll\">\n                  <span\n                    onClick={() => {\n                      removeCart();\n                    }} \n                    style={{color:'#000'}}\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            Adet\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\" style={{ color: \"#000\" }}>\n            {/* <span>\n              {cart != null ? cart.reduce((a, b) => a + b.quantity, 0) : 0} Adet\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,{useEffect,useRef} from 'react'\nimport Carousel from 'react-elastic-carousel'\nimport { prominent,average } from 'color.js';\nimport { useDispatch } from 'react-redux';\nimport { changeSlider } from '../stores/Site';\n\nexport default function Slider({images}) {\n  const carouselRef = useRef(null);\n  const dispatch = useDispatch()\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  return (\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          {\n\n             pages.map(e=>{\n              const isActivePage = activePage === e\n              return(\n                <div key={Math.floor(Math.random()*99999)}  style={{cursor:'pointer'}} onClick={()=>onClick(e)}>\n                  <img onContextMenu={()=>false} className={isActivePage ? 'active-slider-page' : ''} style={{width:50,height:25,margin:10,borderRadius:'100px'}} src={images[e]} />\n                </div>\n              )\n            })\n          }\n          </div>\n        )\n       \n        \n      }}\n      onChange={()=>{\n        getColors()\n      }\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                  \n                }\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 onContextMenu={()=>false} key={Math.floor(Math.random()*99999)} src={e}  alt={\"banner-\"+index} />\n          )\n        })\n      }\n    </Carousel>\n  )\n}\n","var map = {\n\t\"./Authentication/ForgotPassword.js\": 225,\n\t\"./Authentication/Login.js\": 295,\n\t\"./Authentication/Logout.js\": 239,\n\t\"./Authentication/Register.js\": 240,\n\t\"./Brand.js\": 241,\n\t\"./Campaign.js\": 246,\n\t\"./Cart.js\": 248,\n\t\"./Category.js\": 249,\n\t\"./Collection.js\": 250,\n\t\"./Collections.js\": 261,\n\t\"./Discover.js\": 262,\n\t\"./GizlilikPolitikasi.js\": 263,\n\t\"./Home.js\": 264,\n\t\"./Invoice.js\": 265,\n\t\"./Invoices.js\": 266,\n\t\"./MesafeliSatisSozlesmesi.js\": 267,\n\t\"./MyProfile.js\": 268,\n\t\"./NewProducts.js\": 269,\n\t\"./NotFound.js\": 145,\n\t\"./Order.js\": 270,\n\t\"./Orders.js\": 271,\n\t\"./Payment.js\": 297,\n\t\"./Payment/CreatePayment.js\": 298,\n\t\"./Payment/FailCallback.js\": 275,\n\t\"./Payment/SuccessCallback.js\": 276,\n\t\"./Print/PrintCollection.js\": 277,\n\t\"./Print/PrintCollections.js\": 278,\n\t\"./Print/PrintInvoice.js\": 279,\n\t\"./Print/PrintInvoices.js\": 280,\n\t\"./Print/PrintOrder.js\": 281,\n\t\"./Print/PrintOrders.js\": 282,\n\t\"./Product.js\": 296,\n\t\"./ProductReport.js\": 286,\n\t\"./ProductReportDetail.js\": 287,\n\t\"./Profile.js\": 288,\n\t\"./ResetPassword.js\": 289,\n\t\"./Search.js\": 290,\n\t\"./TeslimatIade.js\": 291\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 = 224;","import React from 'react'\n\nexport default function ForgotPassword() {\n  return (\n    <div>ForgotPassword</div>\n  )\n}\n","import React,{useEffect} from 'react'\nimport {useDispatch, useSelector} from 'react-redux'\nimport { logout } from '../../components/stores/Auth'\nimport { useHistory } from 'react-router';\n\nexport default function LogoutPage() {\n  const dispatch = useDispatch()\n  const history=useHistory()\n\n  const goLogOut=async()=>{\n\n    dispatch(logout())\n    history.push('/giris-yap')\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 mainlogowhite from \"../../mainlogowhite.png\";\nexport default function Contact() {\n  return (\n    <AuthPage>\n      <CookieConsent\n        location=\"bottom\"\n        buttonText=\"Tümünü Kabul Et\"\n        cookieName=\"dehasoft\"\n        style={{\n          background: \"#DB2C1D\",\n          minHeight: \"10vh\",\n          alignItems: \"center\",\n        }}\n        buttonStyle={{ color: \"#000\", fontSize: \"15px\" }}\n        expires={250}\n      >\n        Bu web sitesi, kullanıcı deneyimini geliştirmek için tanımlama\n        bilgilerini kullanır.{\" \"}\n        <span style={{ fontSize: \"10px\" }}> &copy; dehasoft 2023</span>\n      </CookieConsent>\n      <Link to=\"/\" className=\"logo\">\n        <img\n          onContextMenu={() => false}\n          height={420}\n          style={{ marginTop: -190 }}\n          src={mainlogowhite}\n        />\n      </Link>\n\n      <RegisterForm />\n\n      {/* <Footer/> */}\n    </AuthPage>\n  );\n}\n","import React, { useState } from \"react\";\nimport { useParams, useLocation } from \"react-router-dom\";\nimport ProductList from \"../components/Content/ProductList\";\nimport { useProductRequests } from \"../helpers/ProductRequests\";\nimport { Helmet } from \"react-helmet\";\nimport { HomeList } from \"../styles/Home\";\nimport BigCategories from \"../components/Navigation/BigCategories\";\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({\n    sort: \"PRICE\",\n    sortedBy: \"ASC\",\n    name: \"Artan Fiyat\",\n  });\n  const [selectedBrand, setSelectedBrand] = useState(\"\");\n  const [open, setOpen] = useState(false);\n\n  const { getProducts } = useProductRequests();\n\n  const simpleCount = 20;\n  function karsilastir(a, b) {\n    // \"TÜKENDİ\" olanları en sonda olacak şekilde sırala\n    if (a.stockText.includes(\"TÜKENDİ\") && !b.stockText.includes(\"TÜKENDİ\")) {\n      return 1;\n    } else if (\n      !a.stockText.includes(\"TÜKENDİ\") &&\n      b.stockText.includes(\"TÜKENDİ\")\n    ) {\n      return -1;\n    } else {\n      // Diğer durumlarda değişiklik yapma\n      return 0;\n    }\n  }\n  const getNewProducts = async (newpage, setLoading, search, setPage) => {\n    setLoading(true);\n    getProducts({\n      brandSlug: selectedBrand,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n      count: 400,\n      brandSlug: slug,\n      page: newpage,\n      all: search,\n    }).then(async (response) => {\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      }\n    });\n  };\n  const getSearchedProducts = (setLoading, setPage, search) => {\n    setLoading(true);\n    getProducts({\n      brandSlug: selectedBrand,\n      count: 400,\n      brandSlug: slug,\n      page: 1,\n      all: search,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n    }).then((response) => {\n      setLoading(false);\n      if (response.data.data.items && response.data.data.items.length < 1) {\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        sort={sort}\n        setSort={setSort}\n        open={open}\n        karsilastir={karsilastir}\n        setOpen={setOpen}\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        getProducts={getProducts}\n      />\n    </>\n  );\n}\n","import React,{useState,useEffect,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SliderSwitch,CarouselContainer,SlideProductContainer, HomeList} 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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faBars } from '@fortawesome/free-solid-svg-icons'\nimport BigCategories from '../components/Navigation/BigCategories'\n\nexport default function Home(props) {\n  \n  const { getProducts, getDiscover, getBrands, getMainProducts } =useProductRequests();\n  \n  const {slider}=useSelector(state=>state.site)\n  const [open, setOpen] = useState(false);\n\n  const history=useHistory()\n\n  const [discover,setDiscover]=useState([])\n  const [products, setProducts] = useState([]);\n  const [mainProducts, setMainProducts] = useState([]);\n  const [brands,setBrands]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if (mainProducts.length === 0) {\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setMainProducts(response.data.data.items);\n        })\n        .catch((error) => {});\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setProducts(response.data.data.items);\n        })\n        .catch((error) => {});\n    }\n  }, [])\n\n  return (\n    <>\n      <Helmet>\n        <title>Kampanyalı Ürünler</title>\n      </Helmet>\n\n      <Header homepage={true} />\n\n      <HomeList open={open}>\n        <BigCategories open={open} setOpen={setOpen} />\n\n        <div className=\"sliders\" style={{ flex: 1, minWidth: 550 }}>\n          {/* <SlideProductContainer width={\"100%\"} left={\"0%\"}>\n            <h1\n              style={{ color: \"#000\", paddingTop: 40 }}\n              // onClick={() => history.push(\"/yeni-urunler\")}\n            >\n              Kampanyalı Ürünler\n            </h1>\n            {mainProducts != null &&\n            mainProducts != undefined &&\n            mainProducts.length > 0 ? (\n              <SlideProducts items={mainProducts} mainProducts={true} />\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      </HomeList>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector, useDispatch } from \"react-redux\";\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\n\nimport CartItems from '../components/Cart/CartItems'\nimport { useCartRequests } from '../helpers/CartRequests'\nimport { setBasket } from '../components/stores/Cart'\n\nexport default function Basket(props) {\n  \n  const { getDiscover, getMainProducts } = useProductRequests();\n    const { addCart, getCart } = useCartRequests();\n\n  \n  const {basket}=useSelector(state=>state.cart)\n  const dispatch=useDispatch()\n\n  const [discover,setDiscover]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n\n    }\n  }, [])\n  const [loader,setLoader]=useState(true)\n  React.useEffect(() => {\n    getCart().then((res) => {\n      dispatch(setBasket(res.data.cart));\n      setLoader(false);\n    });\n  \n  \n  }, [])\n  \n  const [kamyon,setKamyon]=useState(true)\n\n  React.useEffect(() => {\n    const limit = localStorage.getItem(\"cargoCostLimit\") * 1;\n    if(localStorage.getItem('customer')==null){\n      return\n    }\n    if (basket== null) {\n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n        setLoader(false);\n        setKamyon(\n          res.data.data\n            .filter((x) => x.id != -1)\n            .reduce((a, b) => a + b.salePrice * b.quantity, 0) < limit ? true:false\n        );\n      });\n      return \n    }\n    if (\n      basket &&\n      basket\n        .filter((x) => x.id != -1)\n        .reduce((a, b) => a + b.salePrice * b.quantity, 0) < limit \n    ) {\n      \n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n        setLoader(false);\n        setKamyon(true);\n      });\n    } else if (\n      basket &&\n      basket.filter((x) => x.id == -1).length === 1 &&\n      basket\n        .filter((x) => x.id != -1)\n        .reduce((a, b) => a + b.salePrice * b.quantity, 0) > limit\n    ) {\n      \n      getCart().then((res) => {\n        dispatch(setBasket(res.data.data));\n        setLoader(false);\n        setKamyon(false);\n      });\n\n    } else {\n      // getCart().then((res) => {\n      //   dispatch(setBasket(res.data.data));\n      //   setLoader(false);\n      //   setKamyon(false);\n      // });\n\n    }\n\n  }, [basket]);\n  \n\n  return (\n    <>\n      <Header />\n\n      <div>\n        <CartItems cart={basket} setLoader={setLoader} />\n\n        {/* <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState} from 'react'\nimport {  useParams,useLocation } from 'react-router-dom'\nimport ProductList from '../components/Content/ProductList'\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport { Helmet } from 'react-helmet'\nimport { HomeList } from '../styles/Home'\nimport BigCategories from '../components/Navigation/BigCategories'\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(\n      { sort: \"PRICE\", sortedBy: \"ASC\", name: \"Artan Fiyat\" }\n  );\n  const [selectedBrand, setSelectedBrand] = useState(\"\");\n  const [open,setOpen] = useState(false);\n\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n  function karsilastir(a, b) {\n    // \"TÜKENDİ\" olanları en sonda olacak şekilde sırala\n    if (a.stockText.includes(\"TÜKENDİ\") && !b.stockText.includes(\"TÜKENDİ\")) {\n      return 1;\n    } else if (!a.stockText.includes(\"TÜKENDİ\") && b.stockText.includes(\"TÜKENDİ\")) {\n      return -1;\n    } else {\n      // Diğer durumlarda değişiklik yapma\n      return 0;\n    }\n  }\n  const getNewProducts=async(newpage,setLoading,search,setPage)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,sort:sort.sort,sortedBy:sort.sortedBy,count:400,groupSlug:slug,page:newpage,all:search})\n    .then(async (response) => {\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          }\n        });\n  }\n  const getSearchedProducts=(setLoading,setPage,search)=>{\n    setLoading(true)\n    getProducts({\n      brandSlug: selectedBrand,\n      count: 400,\n      groupSlug: slug,\n      page: 1,\n      all: search,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n    }).then((response) => {\n      setLoading(false);\n      if (response.data.data.items && response.data.data.items.length < 1) {\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        sort={sort}\n        setSort={setSort}\n        open={open}\n        karsilastir={karsilastir}\n        setOpen={setOpen}\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        getProducts={getProducts}\n      />\n    </>\n  );\n}\n","import React,{useState,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SlideProductContainer} from '../styles/Home'\nimport SlideProducts from '../components/Slider/Products'\nimport Header from '../components/Navigation/Header'\nimport BottomNav from '../components/Navigation/Bottom'\nimport Footer from '../components/Navigation/Footer'\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\"\n\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport {useOrderRequests} from '../helpers/OrderRequests'\nimport { InvoiceContainer } from '../styles/Product'\nimport DataTable from 'react-data-table-component';\nimport { Link, useParams } from 'react-router-dom'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faEye } from '@fortawesome/free-solid-svg-icons'\nimport { Currency } from 'react-intl-number-format/dist/index.js';\nimport { Button } from 'react-bootstrap'\n\nexport default function Collection(props) {\n  \n  const {id} = useParams()\n\n\n  const { getMainProducts } = useProductRequests();\n  const {getOrder} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [order,setOrder]=useState([])\n  const [loading,setLoading]=useState(true)\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    \n    if(order.length===0){\n\n      getOrder(id).then((response)=>{\n        setOrder(response.data.data)\n        setLoading(false)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n  const columns = [\n    {\n      name: \"\",\n      selector: (row, index) => <div style={{width:100}}>{index+1}</div>,\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: \"Fiyat\",\n      selector: (row) => <Currency>{row.price}</Currency>,\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => <Currency>{row.totalPrice}</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={\n                        order.order.image +\n                        \"?random=\" +\n                        Math.random() * Math.random()\n                      }\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\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,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 { Sentry } from 'react-activity'\nimport { useHistory } from 'react-router-dom';\n\nexport default function Collections(props) {\n  \n  const { getMainProducts } = useProductRequests();\n  const {getCollections} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover, setDiscover] = useState([]);\n  const [loading, setLoading] = useState(true);\n  const [collections,setCollections]=useState([])\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n\n    }\n  }, [])\n  const [printOn, setPrintOn] = React.useState(false);\n  const printPdf = () => {\n    setTimeout(() => {\n      setPrintOn(false);\n    }, 5500);\n  };\n\n  const history=useHistory()\n  useLayoutEffect(() => {\n    \n      if(collections.length===0){\n\n      getCollections()\n        .then((response) => {\n          setLoading(false);\n          setCollections(response.data.data.collections);\n        })\n        .catch((error) => {\n          console.log(\"error\", error.response);\n          setLoading(false);\n        });\n\n      }\n    }, [])\n    const columns = [\n      {\n        name: \"Tarih\",\n        selector: (row) => row.date,\n        sortable: true,\n        width: \"150px\",\n      },\n      {\n        name: \"Evrak No\",\n        selector: (row) => row.documentNumber,\n        sortable: true,\n        width: \"160px\",\n      },\n      // {\n      //   name: \"Açıklama\",\n      //   selector: (row) => row.explanation,\n      //   sortable: true,\n      // },\n      {\n        name: \"Alacak\",\n        selector: (row) =>row.currency != false ? row.currencyCredit : row.credit,\n        cell: (row) => (\n          <span style={{ color: \"green\", fontWeight: \"bold\" }}>\n            {row.currency != false ? row.currencyCredit : row.credit}\n            {row.currency != false ? row.currencyUnit : \"₺\"}\n          </span>\n        ),\n        sortable: true,\n        width: \"130px\",\n      },\n      {\n        name: \"Borç\",\n        selector: (row) =>row.currency != false ? row.currencyDebt : row.debt,\n        cell: (row) => (\n          <span style={{ color: \"#341f21\", fontWeight: \"bold\" }}>\n            {row.currency != false ? row.currencyDebt : row.debt}\n            {row.currency != false ? row.currencyUnit : \"₺\"}\n          </span>\n        ),\n        width: \"130px\",\n        sortable: true,\n      },\n\n      {\n        name: \"\",\n        // selector: row => <> <Link to={\"/siparisler/\"+row.orderId} > <FontAwesomeIcon icon={faEye} /> </Link> </>,\n        selector: (row) => (\n          <div\n            onClick={() => {\n              if ((row.collectionType || \"\").indexOf(\"FATURA\") != -1) {\n                history.push(\"/faturalar/\" + row.documentNumber);\n                return;\n              }\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        width:'200px',\n        sortable: true,\n      },\n    ];\n\n  const [filterText, setFilterText] = React.useState('');\n\tconst [resetPaginationToggle, setResetPaginationToggle] = React.useState(false);\n  const filteredItems = collections.filter(\n\t\titem=>{\n      return (\n        item?.date?.toLowerCase().includes(filterText.toLowerCase()) ||\n        item?.detail?.toLowerCase().includes(filterText.toLowerCase()) ||\n        (item?.documentNumber + \"\")\n          .toLowerCase()\n          .includes(filterText.toLowerCase()) ||\n        (item?.orderId + \"\")\n          ?.toLowerCase()\n          .includes(filterText.toLowerCase()) ||\n        item?.status?.toLowerCase().includes(filterText.toLowerCase()) ||\n        (item?.totalPrice + \"\")\n          ?.toLowerCase()\n          .includes(filterText.toLowerCase())\n      );\n    }\n\t);\n\n  \n \n\n\n\n  const subHeaderComponentMemo = React.useMemo(() => {\n    const handleClear = () => {\n      if (filterText) {\n        setResetPaginationToggle(!resetPaginationToggle);\n        setFilterText(\"\");\n      }\n    };\n    const mFormat = (amount) => {\n      const formattedAmount = (amount * 1)\n        .toFixed(2)\n        .replace(/\\d(?=(\\d{3})+\\.)/g, \"$&.\");\n\n      return formattedAmount;\n    };\n    const getCurrencyUnit = (t) => {\n      switch (t) {\n        case \"TL\":\n          return \"₺\";\n          break;\n        case \"USD\":\n          return \"$\";\n          break;\n        case \"EUR\":\n          return \"€\";\n          break;\n        default:\n          return \"₺\";\n          break;\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            display: \"flex\",\n            alignItems: \"center\",\n            background: \"#eee\",\n            color: \"#000\",\n            padding: 5,\n            marginRight: 20,\n          }}\n          class=\"mobil-mb-15\"\n        >\n          {\" \"}\n          Bakiye :{\" \"}\n          <strong style={{ paddingLeft: 10, paddingRight: 10 }}>\n            {mFormat(JSON.parse(localStorage.getItem(\"customer\")).balance)}{\" \"}\n            {getCurrencyUnit(\n              JSON.parse(localStorage.getItem(\"customer\")).visibleCurrencyUnit\n            )}\n          </strong>\n        </div>\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"center\",\n            background: \"#eee\",\n            color: \"#000\",\n            padding: 5,\n            marginRight: 20,\n          }}\n          class=\"mobil-mb-15\"\n        >\n          {\" \"}\n          Kullanılabilir Limit :{\" \"}\n          <strong style={{ paddingLeft: 10, paddingRight: 10 }}>\n            {JSON.parse(localStorage.getItem(\"customer\")).limit}₺\n          </strong>\n        </div>\n        <button\n          style={{\n            color: \"#000\",\n            border: \"none\",\n            outline: \"1px solid lightblue\",\n            marginRight: 20,\n            height: 30,\n            width: 70,\n          }}\n          onClick={() => {\n            if (printOn == false) {\n              setPrintOn(true);\n              printPdf();\n            }\n          }}\n        >\n          {printOn == true ? <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]);\n\n  return (\n    <>\n      {printOn != false && printOn == true && loading == false ? (\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 && loading == false ? (\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 ? (\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={<>Hareket kaydı bulunamadı</>}\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              data={filteredItems}\n            />\n          )}\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,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:Math.floor(Math.random()*15)+Math.floor(Math.random()*20),count:10,sort:\"date\",sortedBy:Math.floor(Math.random()*10)%2==0 ? \"desc\":\"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 { 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\";\n\nexport default function GizlilikPolitikasi(props) {\n\n  const PrivacyPolicy = () => {\n    return (\n      <div style={styles.container}>\n        <h1 style={styles.heading}>Gizlilik Politikası</h1>\n        <p class=\"p1\">\n          <strong>GİZLİLİK VE G&Uuml;VENLİK POLİTİKASI</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Mağazamızda verilen t&uuml;m servisler ve www.mervebayi.com\n            adresinde kayıtlı &nbsp;MERVE BASIM YAYIN DAĞITIM SAN.TİC.LTD.ŞTİ.\n            firmamıza aittir ve firmamız tarafından işletilir.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, &ccedil;eşitli ama&ccedil;larla kişisel veriler\n            toplayabilir. Aşağıda, toplanan kişisel verilerin nasıl ve ne\n            şekilde toplandığı, bu verilerin nasıl ve ne şekilde korunduğu\n            belirtilmiştir.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            &Uuml;yelik veya Mağazamız &uuml;zerindeki &ccedil;eşitli form ve\n            anketlerin doldurulması suretiyle &uuml;yelerin kendileriyle ilgili\n            bir takım kişisel bilgileri (isim-soy isim, firma bilgileri,\n            telefon, adres veya e-posta adresleri gibi) Mağazamız tarafından\n            işin doğası gereği toplanmaktadır.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız bazı d&ouml;nemlerde m&uuml;şterilerine ve &uuml;yelerine\n            kampanya bilgileri, yeni &uuml;r&uuml;nler hakkında bilgiler,\n            promosyon teklifleri g&ouml;nderebilir. &Uuml;yelerimiz bu gibi\n            bilgileri alıp almama konusunda her t&uuml;rl&uuml; se&ccedil;imi\n            &uuml;ye olurken yapabilir, sonrasında &uuml;ye girişi yaptıktan\n            sonra hesap bilgileri b&ouml;l&uuml;m&uuml;nden bu se&ccedil;imi\n            değiştirilebilir ya da kendisine gelen bilgilendirme iletisindeki\n            linkle bildirim yapabilir.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Mağazamız &uuml;zerinden veya eposta ile ger&ccedil;ekleştirilen\n            onay s&uuml;recinde, &uuml;yelerimiz tarafından mağazamıza\n            elektronik ortamdan iletilen kişisel bilgiler, &Uuml;yelerimiz ile\n            yaptığımız \"Kullanıcı S&ouml;zleşmesi\" ile belirlenen ama&ccedil;lar\n            ve kapsam dışında &uuml;&ccedil;&uuml;nc&uuml; kişilere\n            a&ccedil;ıklanmayacaktır.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Sistemle ilgili sorunların tanımlanması ve verilen hizmet ile ilgili\n            &ccedil;ıkabilecek sorunların veya uyuşmazlıkların hızla\n            &ccedil;&ouml;z&uuml;lmesi i&ccedil;in, Firmamız, &uuml;yelerinin IP\n            adresini kaydetmekte ve bunu kullanmaktadır. IP adresleri,\n            kullanıcıları genel bir şekilde tanımlamak ve kapsamlı demografik\n            bilgi toplamak amacıyla da kullanılabilir.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, &Uuml;yelik S&ouml;zleşmesi ile belirlenen ama&ccedil;lar\n            ve kapsam dışında da, talep edilen bilgileri kendisi veya işbirliği\n            i&ccedil;inde olduğu kişiler tarafından doğrudan pazarlama yapmak\n            amacıyla kullanabilir. &nbsp;Kişisel bilgiler, gerektiğinde\n            kullanıcıyla temas kurmak i&ccedil;in de kullanılabilir. Firmamız\n            tarafından talep edilen bilgiler veya kullanıcı tarafından sağlanan\n            bilgiler veya Mağazamız &uuml;zerinden yapılan işlemlerle ilgili\n            bilgiler; Firmamız ve işbirliği i&ccedil;inde olduğu kişiler\n            tarafından, \"&Uuml;yelik S&ouml;zleşmesi\" ile belirlenen\n            ama&ccedil;lar ve kapsam dışında da, &uuml;yelerimizin kimliği ifşa\n            edilmeden &ccedil;eşitli istatistiksel değerlendirmeler, veri tabanı\n            oluşturma ve pazar araştırmalarında kullanılabilir.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, gizli bilgileri kesinlikle &ouml;zel ve gizli tutmayı,\n            bunu bir sır saklama y&uuml;k&uuml;m&uuml; olarak addetmeyi ve\n            gizliliğin sağlanması ve s&uuml;rd&uuml;r&uuml;lmesi, gizli bilginin\n            tamamının veya herhangi bir kısmının kamu alanına girmesini veya\n            yetkisiz kullanımını veya &uuml;&ccedil;&uuml;nc&uuml; bir kişiye\n            ifşasını &ouml;nlemek i&ccedil;in gerekli t&uuml;m tedbirleri almayı\n            ve gerekli &ouml;zeni g&ouml;stermeyi taahh&uuml;t etmektedir.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>KREDİ KARTI G&Uuml;VENLİĞİ</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, alışveriş sitelerimizden alışveriş yapan kredi kartı\n            sahiplerinin g&uuml;venliğini ilk planda tutmaktadır. Kredi kartı\n            bilgileriniz hi&ccedil;bir şekilde sistemimizde saklanmamaktadır.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            İşlemler s&uuml;recine girdiğinizde g&uuml;venli bir sitede\n            olduğunuzu anlamak i&ccedil;in dikkat etmeniz gereken iki şey\n            vardır. Bunlardan biri tarayıcınızın en alt satırında bulunan bir\n            anahtar ya da kilit simgesidir. Bu g&uuml;venli bir internet\n            sayfasında olduğunuzu g&ouml;sterir ve her t&uuml;rl&uuml;\n            bilgileriniz şifrelenerek korunur. Bu bilgiler, ancak satış\n            işlemleri s&uuml;recine bağlı olarak ve verdiğiniz talimat\n            istikametinde kullanılır. Alışveriş sırasında kullanılan kredi kartı\n            ile ilgili bilgiler alışveriş sitelerimizden bağımsız olarak 128 bit\n            SSL (Secure Sockets Layer) protokol&uuml; ile şifrelenip sorgulanmak\n            &uuml;zere ilgili bankaya ulaştırılır. Kartın kullanılabilirliği\n            onaylandığı takdirde alışverişe devam edilir. Kartla ilgili\n            hi&ccedil;bir bilgi tarafımızdan\n            g&ouml;r&uuml;nt&uuml;lenemediğinden ve kaydedilmediğinden,\n            &uuml;&ccedil;&uuml;nc&uuml; şahısların herhangi bir koşulda bu\n            bilgileri ele ge&ccedil;irmesi engellenmiş olur.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Online olarak kredi kartı ile verilen siparişlerin\n            &ouml;deme/fatura/teslimat adresi bilgilerinin g&uuml;venilirliği\n            firmamiz tarafından Kredi Kartları Dolandırıcılığı'na karşı\n            denetlenmektedir. Bu y&uuml;zden, alışveriş sitelerimizden ilk defa\n            sipariş veren m&uuml;şterilerin siparişlerinin tedarik ve teslimat\n            aşamasına gelebilmesi i&ccedil;in &ouml;ncelikle finansal ve\n            adres/telefon bilgilerinin doğruluğunun onaylanması gereklidir. Bu\n            bilgilerin kontrol&uuml; i&ccedil;in gerekirse kredi kartı sahibi\n            m&uuml;şteri ile veya ilgili banka ile irtibata\n            ge&ccedil;ilmektedir.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            &Uuml;ye olurken verdiğiniz t&uuml;m bilgilere sadece siz ulaşabilir\n            ve siz değiştirebilirsiniz. &Uuml;ye giriş bilgilerinizi\n            g&uuml;venli koruduğunuz takdirde başkalarının sizinle ilgili\n            bilgilere ulaşması ve bunları değiştirmesi m&uuml;mk&uuml;n\n            değildir. Bu ama&ccedil;la, &uuml;yelik işlemleri sırasında 128 bit\n            SSL g&uuml;venlik alanı i&ccedil;inde hareket edilir. Bu sistem\n            kırılması m&uuml;mk&uuml;n olmayan bir uluslararası bir şifreleme\n            standardıdır.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Bilgi hattı veya m&uuml;şteri hizmetleri servisi bulunan ve\n            a&ccedil;ık adres ve telefon bilgilerinin belirtildiği İnternet\n            alışveriş siteleri g&uuml;n&uuml;m&uuml;zde daha fazla tercih\n            edilmektedir. Bu sayede aklınıza takılan b&uuml;t&uuml;n konular\n            hakkında detaylı bilgi alabilir, online alışveriş hizmeti sağlayan\n            firmanın g&uuml;venirliği konusunda daha sağlıklı bilgi\n            edinebilirsiniz.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Not: İnternet alışveriş sitelerinde firmanın a&ccedil;ık adresinin\n            ve telefonun yer almasına dikkat edilmesini tavsiye ediyoruz.\n            Alışveriş yapacaksanız alışverişinizi yapmadan &uuml;r&uuml;n&uuml;\n            aldığınız mağazanın b&uuml;t&uuml;n telefon / adres bilgilerini not\n            edin. Eğer g&uuml;venmiyorsanız alışverişten &ouml;nce telefon\n            ederek teyit edin. Firmamıza ait t&uuml;m online alışveriş\n            sitelerimizde firmamıza dair t&uuml;m bilgiler ve firma yeri\n            belirtilmiştir.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>MAİL ORDER KREDİ KART BİLGİLERİ G&Uuml;VENLİĞİ</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Kredi kartı mail-order y&ouml;ntemi ile bize g&ouml;ndereceğiniz\n            kimlik ve kredi kart bilgileriniz firmamız tarafından gizlilik\n            prensibine g&ouml;re saklanacaktır. Bu bilgiler olası banka ile\n            oluşubilecek kredi kartından para &ccedil;ekim itirazlarına karşı 60\n            g&uuml;n s&uuml;re ile bekletilip daha sonrasında imha edilmektedir.\n            Sipariş ettiğiniz &uuml;r&uuml;nlerin bedeli karşılığında bize\n            g&ouml;ndereceğiniz tarafınızdan onaylı mail-order formu bedeli\n            dışında herhangi bir bedelin kartınızdan &ccedil;ekilmesi halinde\n            doğal olarak bankaya itiraz edebilir ve bu tutarın &ouml;denmesini\n            engelleyebileceğiniz i&ccedil;in bir risk oluşturmamaktadır.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            &Uuml;&Ccedil;&Uuml;NC&Uuml; TARAF WEB SİTELERİ VE UYGULAMALAR\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Mağazamız, &nbsp;web sitesi d&acirc;hilinde başka sitelere link\n            verebilir. Firmamız, bu linkler vasıtasıyla erişilen sitelerin\n            gizlilik uygulamaları ve i&ccedil;eriklerine y&ouml;nelik herhangi\n            bir sorumluluk taşımamaktadır. Firmamıza ait sitede yayınlanan\n            reklamlar, reklamcılık yapan iş ortaklarımız aracılığı ile\n            kullanıcılarımıza dağıtılır. İş bu s&ouml;zleşmedeki Gizlilik\n            Politikası Prensipleri, sadece Mağazamızın kullanımına ilişkindir,\n            &uuml;&ccedil;&uuml;nc&uuml; taraf web sitelerini kapsamaz.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>İSTİSNAİ HALLER</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Aşağıda belirtilen sınırlı hallerde Firmamız, işbu \"Gizlilik\n            Politikası\" h&uuml;k&uuml;mleri dışında kullanıcılara ait bilgileri\n            &uuml;&ccedil;&uuml;nc&uuml; kişilere a&ccedil;ıklayabilir. Bu\n            durumlar sınırlı sayıda olmak &uuml;zere;\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            1.Kanun, Kanun H&uuml;km&uuml;nde Kararname, Y&ouml;netmelik v.b.\n            yetkili hukuki otorite tarafından &ccedil;ıkarılan ve\n            y&uuml;r&uuml;rl&uuml;l&uuml;kte olan hukuk kurallarının getirdiği\n            zorunluluklara uymak;\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            2.Mağazamızın kullanıcılarla akdettiği \"&Uuml;yelik\n            S&ouml;zleşmesi\"'nin ve diğer s&ouml;zleşmelerin gereklerini yerine\n            getirmek ve bunları uygulamaya koymak amacıyla;\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            3.Yetkili idari ve adli otorite tarafından usul&uuml;ne g&ouml;re\n            y&uuml;r&uuml;t&uuml;len bir araştırma veya soruşturmanın\n            y&uuml;r&uuml;t&uuml;m&uuml; amacıyla kullanıcılarla ilgili bilgi\n            talep edilmesi;\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            4.Kullanıcıların hakları veya g&uuml;venliklerini korumak\n            i&ccedil;in bilgi vermenin gerekli olduğu hallerdir.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>E-POSTA G&Uuml;VENLİĞİ</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Mağazamızın M&uuml;şteri Hizmetleri&rsquo;ne, herhangi bir\n            siparişinizle ilgili olarak g&ouml;ndereceğiniz e-postalarda, asla\n            kredi kartı numaranızı veya şifrelerinizi yazmayınız. E-postalarda\n            yer alan bilgiler &uuml;&ccedil;&uuml;nc&uuml; şahıslar tarafından\n            g&ouml;r&uuml;lebilir. Firmamız e-postalarınızdan aktarılan\n            bilgilerin g&uuml;venliğini hi&ccedil;bir koşulda garanti edemez.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>TARAYICI &Ccedil;EREZLERİ&nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, mağazamızı ziyaret eden kullanıcılar ve kullanıcıların web\n            sitesini kullanımı hakkındaki bilgileri teknik bir iletişim dosyası\n            (&Ccedil;erez-Cookie) kullanarak elde edebilir. Bahsi ge&ccedil;en\n            teknik iletişim dosyaları, ana bellekte saklanmak &uuml;zere bir\n            internet sitesinin kullanıcının tarayıcısına (browser)\n            g&ouml;nderdiği k&uuml;&ccedil;&uuml;k metin dosyalarıdır. Teknik\n            iletişim dosyası site hakkında durum ve tercihleri saklayarak\n            İnternet'in kullanımını kolaylaştırır.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Teknik iletişim dosyası, &nbsp;siteyi ka&ccedil; kişinin ziyaret\n            ettiğini, bir kişinin siteyi hangi ama&ccedil;la, ka&ccedil; kez\n            ziyaret ettiğini ve ne kadar sitede kaldıkları hakkında\n            istatistiksel bilgileri elde etmeye ve kullanıcılar i&ccedil;in\n            &ouml;zel tasarlanmış kullanıcı sayfalarından &nbsp;dinamik olarak\n            reklam ve i&ccedil;erik &uuml;retilmesine yardımcı olur. Teknik\n            iletişim dosyası, ana bellekte veya e-postanızdan veri veya başkaca\n            herhangi bir kişisel bilgi almak i&ccedil;in tasarlanmamıştır.\n            Tarayıcıların pek &ccedil;oğu başta teknik iletişim dosyasını kabul\n            eder bi&ccedil;imde tasarlanmıştır ancak kullanıcılar dilerse teknik\n            iletişim dosyasının gelmemesi veya teknik iletişim dosyasının\n            g&ouml;nderildiğinde uyarı verilmesini sağlayacak bi&ccedil;imde\n            ayarları değiştirebilirler.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firmamız, işbu \"Gizlilik Politikası\" h&uuml;k&uuml;mlerini dilediği\n            zaman sitede yayınlamak veya kullanıcılara elektronik posta\n            g&ouml;ndermek veya sitesinde yayınlamak suretiyle değiştirebilir.\n            Gizlilik Politikası h&uuml;k&uuml;mleri değiştiği takdirde,\n            yayınlandığı tarihte y&uuml;r&uuml;rl&uuml;k kazanır.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Gizlilik politikamız ile ilgili her t&uuml;rl&uuml; soru ve\n            &ouml;nerileriniz i&ccedil;in info@merveyayinevi.com adresine email\n            g&ouml;nderebilirsiniz. Firmamız&rsquo;a ait aşağıdaki iletişim\n            bilgilerinden ulaşabilirsiniz.\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p1\">\n          <strong>\n            Firma &Uuml;nvanı:&nbsp;MERVE BASIM YAYIN DAĞITIM SAN.TİC.LTD.ŞTİ.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>\n            Adres:&nbsp;Maltepe Mah.Litros Yolu Sok. No. 12/160\n            Zeytinburnu/İstanbul\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>Eposta: </strong>\n          <a href=\"mailto:info@merveyayinevi.com\">\n            <strong>info@merveyayinevi.com</strong>\n          </a>\n          <strong> &nbsp;</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>Tel: 444 1 775</strong>\n        </p>\n      </div>\n    );\n  };\n\n  const styles = {\n    container: {\n      fontFamily: \"Arial, sans-serif\",\n      maxWidth: \"800px\",\n      margin: \"0 auto\",\n      marginTop:30,\n      padding: \"20px\",\n      backgroundColor: \"#f9f9f9\",\n      border: \"1px solid #ddd\",\n      borderRadius: \"8px\",\n      color: \"#000\",\n    },\n    heading: {\n      textAlign: \"center\",\n      color: \"#333\",\n    },\n    section: {\n      marginBottom: \"20px\",\n      color:'#000',\n    },\n    subHeading: {\n      color: \"#555\",\n    },\n    contact: {\n      marginTop: \"40px\",\n      borderTop: \"1px solid #ddd\",\n      paddingTop: \"20px\",\n    },\n  };\n  React.useLayoutEffect(() => {\n    window.scrollTo(0, 0);\n\n    return () => {};\n  }, []);\n  return (\n    <>\n      <Header />\n\n      <div>\n        <PrivacyPolicy />\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,useEffect,useLayoutEffect} from 'react'\nimport { useSelector } from 'react-redux'\nimport {SliderSwitch,CarouselContainer,SlideProductContainer, HomeList} 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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { faAngleLeft, faAngleRight, faArrowDown, faArrowRight, faArrowUp, faBars } from '@fortawesome/free-solid-svg-icons'\nimport BigCategories from '../components/Navigation/BigCategories'\nimport Carousel, { consts } from \"react-elastic-carousel\";\nimport useWindowDimensions from '../components/useWindowDimensions'\n\nexport default function Home(props) {\n  \n  const { getProducts, getDiscover, getCampaigns, getMainProducts } =\n    useProductRequests();\n  const width=useWindowDimensions().width\n  const {slider}=useSelector(state=>state.site)\n\n  const [open, setOpen] = useState(false);\n\n  const history=useHistory()\n  \n  const [discover,setDiscover]=useState([])\n  const [products, setProducts] = useState(null);\n  const [mainProducts, setMainProducts] = useState(null);\n  const [brands,setBrands]=useState([])\n  const [images,setImages] = useState(null);\n\n  useLayoutEffect(() => {\n    \n    if (mainProducts ==null) {\n      getMainProducts({ type: 0 })\n        .then((response) => {\n          setMainProducts(response.data.data.items);\n        })\n        .catch((error) => {\n\n        });\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setProducts(response.data.data.items);\n        })\n        .catch((error) => {\n          setProducts([])\n        });\n      getCampaigns(\"slider\").then(res=>{\n        setImages(res.data.images);\n      })\n    }\n  }, [])\n\n  const carouselRef = React.useRef(null);\n  const [currentIndex,setCurrentIndex]=useState(0)\n\n  return (\n    <>\n      <Helmet>\n        <title>Ana Sayfa</title>\n      </Helmet>\n\n      <Header homepage={true} />\n\n      <HomeList open={open}>\n        <BigCategories open={open} setOpen={setOpen} />\n\n        <div className=\"sliders\">\n          {images != null && images.length > 0 ? (\n            <div className=\"home-slider\">\n              <Carousel\n                ref={carouselRef}\n                disableArrowsOnEnd={true}\n                autoPlaySpeed={5500}\n                enableAutoPlay\n                pagination={false}\n                renderArrow={({ type, onClick, isEdge }) => {\n                  if (width < 1140) {\n                    return <></>;\n                  }\n                  const pointer =\n                    type === consts.PREV ? faAngleLeft : faAngleRight;\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                        left: type == consts.PREV ? \"0px\" : \"unset\",\n                        right: type != consts.PREV ? \"0px\" : \"unset\",\n                        zIndex: 2,\n                        width: \"20%\",\n                        outline: \"none\",\n                        border: \"none\",\n                        height: \"100%\",\n                        color: \"#333\",\n                        background: \"rgba(0,0,0,0.0010151)\",\n                      }}\n                    >\n                      <FontAwesomeIcon icon={pointer} />\n                    </button>\n                  );\n                }}\n                onChange={() => {\n                  setCurrentIndex(carouselRef.current.state.activeIndex);\n                }}\n              >\n                {images.map((x) => {\n                  return (\n                    <div key={x} className=\"img\">\n                      <img src={x} />\n                    </div>\n                  );\n                })}\n              </Carousel>\n            </div>\n          ) : (\n            <></>\n          )}\n          <SlideProductContainer width={\"100%\"} left={\"0%\"}>\n            <h1\n              style={{ color: \"#000\", paddingTop: 40,fontSize:45,textAlign:'center',marginBottom:30 }}\n              // onClick={() => history.push(\"/yeni-urunler\")}\n            >\n              En Çok Satanlar\n            </h1> \n            {mainProducts != null ? (\n              <SlideProducts items={mainProducts} mainProducts={true} />\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          {/* <SlideProductContainer width={\"100%\"} left={\"0%\"}>\n            {products != null && products.length > 0 ? (\n              <h1\n                style={{\n                  color: \"rgba(255,10,0)\", textAlign: \"center\",\n                  paddingTop: 40,\n                  fontSize: 33,\n                  marginBottom: 28,\n                  marginTop: -70,\n                  fontWeight: \"bold\",\n                }}\n                // onClick={() => history.push(\"/yeni-urunler\")}\n              >\n                Kampanyalı Ürünler\n              </h1>\n            ) : (\n              <></>\n            )}\n            {products != null && products.length > 0 ? (\n              <SlideProducts items={products} />\n            ) : products == null || products.length == 0 ? (\n              <></>\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      </HomeList>\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 { 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\";\nimport { Sentry } from \"react-activity\";\n\nexport default function Basket(props) {\n  const { id } = useParams();\n\n  const { getMainProducts } = 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      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\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: \"50px\",\n    },\n    {\n      name: \"Ad\",\n      selector: (row) => row.title,\n    },\n    {\n      name: \"Miktar\",\n      selector: (row) => row.quantity,\n      width: \"150px\",\n    },\n    {\n      name: \"Birim\",\n      selector: (row) => row.unit,\n      width: \"150px\",\n    },\n    {\n      name: \"İskonto\",\n      selector: (row) => '%'+row.discountRate,\n      width: \"150px\",\n    },\n    {\n      name: \"Fiyat\",\n      selector: (row) => <Currency>{row.price}</Currency>,\n      width: \"150px\",\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => <Currency>{row.totalPriceWithVat}</Currency>,\n      width: \"150px\",\n    },\n  ];\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              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 lightblue\",\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.orderCode}</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 style={{color: \"#000\"}}>\n                      {JSON.parse(localStorage.getItem(\"customer\")).title}\n                    </h4>\n                    {invoice.invoice.image != null && (\n                      <img\n                        onContextMenu={() => false}\n                        src={invoice.invoice.image}\n                        height={70}\n                      />\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 style={{ color: \"#000\" }}>\n                    <span style={{ color: \"#000\" }}>Toplam Tutar</span>\n                    <span style={{ color: \"#000\" }}> :</span>\n                    <Currency style={{ color: \"#000\" }}>\n                      {invoice.invoice.totalPrice}\n                    </Currency>\n                  </div>\n                </div>\n\n                {/* <Button>YAZDIR</Button> */}\n              </>\n            )}\n          </InvoiceContainer>\n        </SlideProductContainer>\n{/* \n        <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React, { useState, 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\";\n\nexport default function Basket(props) {\n  const { getMainProducts } = 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      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\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          setLoading(false);\n          console.log(\"error\", error.response);\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: \"Tarih\",\n      selector: (row) => row.date,\n      sortable: true,\n      width: \"200px\",\n    },\n    // {\n    //   name: \"Ad\",\n    //   selector: (row) => row.detail,\n    //   sortable: true,\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      width: \"200px\",\n    },\n    {\n      name: \"\",\n      selector: (row) => (\n        <Link\n          className={\n            row.status\n              .toUpperCase()\n              .replace(/g /, \"-\")\n              .replace(\" \", \"-\")\n              .replace(\" \", \"-\")\n              .replace(\" \", \"-\") + \" invoices\"\n          }\n          to={\"/faturalar/\" + row.invoiceCode}\n        >\n          {row.status.toUpperCase()}{\" \"}\n        </Link>\n      ),\n      sortable: true,\n      width: \"250px\",\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    }, 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        {!printOn && !loading && invoices.length > 0 ? (\n          <button\n            style={{\n              color: \"#000\",\n              border: \"none\",\n              outline: \"1px solid lightblue\",\n              marginRight: 20,\n              height: 30,\n              width: 70,\n            }}\n            onClick={() => printPdf()}\n          >\n            PDF\n          </button>\n        ) : (\n          <></>\n        )}\n\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, 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 ? (\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\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React from \"react\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\n\nexport default function MesafeliSatisSozlesmesi(props) {\n  const DistanceSalesContract = () => {\n    return (\n      <div style={styles.container}>\n        <h1 style={styles.heading}>Mesafeli Satış Sözleşmesi</h1>\n        <p class=\"p1\">\n          <strong>MESAFELİ SATIŞ S&Ouml;ZLEŞMESİ</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>1.TARAFLAR</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            İşbu S&ouml;zleşme aşağıdaki taraflar arasında aşağıda belirtilen\n            h&uuml;k&uuml;m ve şartlar &ccedil;er&ccedil;evesinde imzalanmıştır.\n          </strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li3\">\n            <span class=\"s1\">\n              <strong>\n                &lsquo;ALICI&rsquo; ; (s&ouml;zleşmede bundan sonra \"ALICI\"\n                olarak anılacaktır)\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p2\">\n          <strong>AD- SOYAD:</strong>\n        </p>\n        <p class=\"p2\">\n          <strong> ADRES:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li3\">\n            <span class=\"s1\">\n              <strong>\n                &lsquo;SATICI&rsquo; ; (s&ouml;zleşmede bundan sonra \"SATICI\"\n                olarak anılacaktır)\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p2\">\n          <strong>\n            AD- SOYAD:www.mervebayi.com MERVE BASIM YAYIN DAĞITIM\n            SAN.TİC.LTD.ŞTİ.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            ADRES: Maltepe Mah. Litros Yolu Sok. No: 12/160 Zeytinburnu-İstanbul\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            İş bu s&ouml;zleşmeyi kabul etmekle ALICI, s&ouml;zleşme konusu\n            siparişi onayladığı takdirde sipariş konusu bedeli ve varsa kargo\n            &uuml;creti, vergi gibi belirtilen ek &uuml;cretleri &ouml;deme\n            y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml; altına gireceğini ve bu konuda\n            bilgilendirildiğini peşinen kabul eder.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>2.TANIMLAR</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            İşbu s&ouml;zleşmenin uygulanmasında ve yorumlanmasında aşağıda\n            yazılı terimler karşılarındaki yazılı a&ccedil;ıklamaları ifade\n            edeceklerdir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>BAKAN : G&uuml;mr&uuml;k ve Ticaret Bakanı&rsquo;nı,</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            BAKANLIK : G&uuml;mr&uuml;k ve Ticaret Bakanlığı&rsquo;nı,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            KANUN : 6502 sayılı T&uuml;keticinin Korunması Hakkında\n            Kanun&rsquo;u,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Y&Ouml;NETMELİK : Mesafeli S&ouml;zleşmeler\n            Y&ouml;netmeliği&rsquo;ni (RG:27.11.2014/29188)\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            HİZMET : Bir &uuml;cret veya menfaat karşılığında yapılan ya da\n            yapılması taahh&uuml;t edilen mal sağlama dışındaki her\n            t&uuml;rl&uuml; t&uuml;ketici işleminin konusunu ,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            SATICI : Ticari veya mesleki faaliyetleri kapsamında t&uuml;keticiye\n            mal sunan veya mal sunan adına veya hesabına hareket eden şirketi,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            ALICI : Bir mal veya hizmeti ticari veya mesleki olmayan\n            ama&ccedil;larla edinen, kullanan veya yararlanan ger&ccedil;ek ya\n            da t&uuml;zel kişiyi,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>SİTE : SATICI&rsquo;ya ait internet sitesini,</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            SİPARİŞ VEREN: Bir mal veya hizmeti SATICI&rsquo;ya ait internet\n            sitesi &uuml;zerinden talep eden ger&ccedil;ek ya da t&uuml;zel\n            kişiyi,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>TARAFLAR : SATICI ve ALICI&rsquo;yı,</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            S&Ouml;ZLEŞME : SATICI ve ALICI arasında akdedilen işbu\n            s&ouml;zleşmeyi,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            MAL : Alışverişe konu olan taşınır eşyayı ve elektronik ortamda\n            kullanılmak &uuml;zere hazırlanan yazılım, ses,\n            g&ouml;r&uuml;nt&uuml; ve benzeri gayri maddi malları ifade eder.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>3.KONU</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            İşbu S&ouml;zleşme, ALICI&rsquo;nın, SATICI&rsquo;ya ait internet\n            sitesi &uuml;zerinden elektronik ortamda siparişini verdiği aşağıda\n            nitelikleri ve satış fiyatı belirtilen &uuml;r&uuml;n&uuml;n satışı\n            ve teslimi ile ilgili olarak 6502 sayılı T&uuml;keticinin Korunması\n            Hakkında Kanun ve Mesafeli S&ouml;zleşmelere Dair Y&ouml;netmelik\n            h&uuml;k&uuml;mleri gereğince tarafların hak ve\n            y&uuml;k&uuml;ml&uuml;l&uuml;klerini d&uuml;zenler.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Listelenen ve sitede ilan edilen fiyatlar satış fiyatıdır. İlan\n            edilen fiyatlar ve vaatler g&uuml;ncelleme yapılana ve değiştirilene\n            kadar ge&ccedil;erlidir. S&uuml;reli olarak ilan edilen fiyatlar ise\n            belirtilen s&uuml;re sonuna kadar ge&ccedil;erlidir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>4. SATICI BİLGİLERİ</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            &Uuml;nvanı MERVE BASIM YAYIN DAĞITIM SAN.TİC.LTD.ŞTİ.\n            <br /> Adres Maltepe Mah. Litros Yolu Sok. No: 12/160\n            Zeytinburnu-İstanbul\n            <br /> Telefon 444 1 775\n            <br /> Eposta info@merveyayinevi.com\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>5. ALICI BİLGİLERİ</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Teslim edilecek kişi\n            <br /> Teslimat Adresi\n            <br /> Telefon\n            <br /> Faks\n            <br /> Eposta/kullanıcı adı\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>6. SİPARİŞ VEREN KİŞİ BİLGİLERİ</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Ad/Soyad/Unvan</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Adres\n            <br /> Telefon\n            <br /> Faks\n            <br /> Eposta/kullanıcı adı\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            7. S&Ouml;ZLEŞME KONUSU &Uuml;R&Uuml;N/&Uuml;R&Uuml;NLER BİLGİLERİ\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            1.&nbsp;Malın /&Uuml;r&uuml;n/&Uuml;r&uuml;nlerin/ Hizmetin temel\n            &ouml;zelliklerini (t&uuml;r&uuml;, miktarı, marka/modeli, rengi,\n            adedi) SATICI&rsquo;ya ait internet sitesinde yayınlanmaktadır.\n            Satıcı tarafından kampanya d&uuml;zenlenmiş ise ilgili\n            &uuml;r&uuml;n&uuml;n temel &ouml;zelliklerini kampanya\n            s&uuml;resince inceleyebilirsiniz. Kampanya tarihine kadar\n            ge&ccedil;erlidir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            7.2.&nbsp;Listelenen ve sitede ilan edilen fiyatlar satış fiyatıdır.\n            İlan edilen fiyatlar ve vaatler g&uuml;ncelleme yapılana ve\n            değiştirilene kadar ge&ccedil;erlidir. S&uuml;reli olarak ilan\n            edilen fiyatlar ise belirtilen s&uuml;re sonuna kadar\n            ge&ccedil;erlidir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            7.3.&nbsp;S&ouml;zleşme konusu mal ya da hizmetin t&uuml;m vergiler\n            d&acirc;hil satış fiyatı aşağıda g&ouml;sterilmiştir.\n          </strong>\n        </p>\n        <p class=\"p5\">&nbsp;</p>\n        <table class=\"t1\" cellspacing=\"0\" cellpadding=\"0\">\n          <tbody>\n            <tr>\n              <td class=\"td1\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>&Uuml;r&uuml;n A&ccedil;ıklaması</strong>\n                </p>\n              </td>\n              <td class=\"td2\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>Adet</strong>\n                </p>\n              </td>\n              <td class=\"td3\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>Birim Fiyatı</strong>\n                </p>\n              </td>\n              <td class=\"td3\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>\n                    Ara Toplam\n                    <br /> (KDV Dahil)\n                  </strong>\n                </p>\n              </td>\n            </tr>\n            <tr>\n              <td class=\"td4\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n              <td class=\"td5\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n              <td class=\"td6\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n              <td class=\"td6\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n            </tr>\n            <tr>\n              <td class=\"td7\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>Kargo Tutarı</strong>\n                </p>\n              </td>\n              <td class=\"td8\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n              <td class=\"td9\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n              <td class=\"td9\" valign=\"middle\">\n                <p class=\"p7\">&nbsp;</p>\n              </td>\n            </tr>\n            <tr>\n              <td class=\"td10\" colspan=\"3\" valign=\"middle\">\n                <p class=\"p6\">\n                  <strong>Toplam :</strong>\n                </p>\n              </td>\n              <td class=\"td9\" valign=\"middle\">\n                <p class=\"p8\">&nbsp;</p>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p4\">\n          <strong>&Ouml;deme Şekli ve Planı</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Teslimat Adresi</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Teslim Edilecek kişi</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Fatura Adresi</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Sipariş Tarihi</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Teslimat tarihi</strong>\n        </p>\n        <p class=\"p4\">\n          <strong>Teslim şekli</strong>\n        </p>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p2\">\n          <strong>\n            7.4.&nbsp; &Uuml;r&uuml;n sevkiyat masrafı olan kargo &uuml;creti\n            ALICI tarafından &ouml;denecektir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>8. FATURA BİLGİLERİ</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>Ad/Soyad/Unvan</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Adres\n            <br /> Telefon\n            <br /> Faks\n            <br /> Eposta/kullanıcı adı\n            <br /> Fatura teslim : Fatura sipariş teslimatı sırasında fatura\n            adresine sipariş ile birlikte&nbsp;\n            <br /> teslim edilecektir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>9. GENEL H&Uuml;K&Uuml;MLER</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.1.&nbsp;ALICI, SATICI&rsquo;ya ait internet sitesinde\n            s&ouml;zleşme konusu &uuml;r&uuml;n&uuml;n temel nitelikleri, satış\n            fiyatı ve &ouml;deme şekli ile teslimata ilişkin &ouml;n bilgileri\n            okuyup, bilgi sahibi olduğunu, elektronik ortamda gerekli teyidi\n            verdiğini kabul, beyan ve taahh&uuml;t eder. ALICI&rsquo;nın;\n            &Ouml;n Bilgilendirmeyi elektronik ortamda teyit etmesi, mesafeli\n            satış s&ouml;zleşmesinin kurulmasından evvel, SATICI tarafından\n            ALICI' ya verilmesi gereken adresi, siparişi verilen\n            &uuml;r&uuml;nlere ait temel &ouml;zellikleri, &uuml;r&uuml;nlerin\n            vergiler d&acirc;hil fiyatını, &ouml;deme ve teslimat bilgilerini de\n            doğru ve eksiksiz olarak edindiğini kabul, beyan ve taahh&uuml;t\n            eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.2.&nbsp;S&ouml;zleşme konusu her bir &uuml;r&uuml;n, 30\n            g&uuml;nl&uuml;k yasal s&uuml;reyi aşmamak kaydı ile ALICI' nın\n            yerleşim yeri uzaklığına bağlı olarak internet sitesindeki &ouml;n\n            bilgiler kısmında belirtilen s&uuml;re zarfında ALICI veya\n            ALICI&rsquo;nın g&ouml;sterdiği adresteki kişi ve/veya kuruluşa\n            teslim edilir. Bu s&uuml;re i&ccedil;inde &uuml;r&uuml;n&uuml;n\n            ALICI&rsquo;ya teslim edilememesi durumunda, ALICI&rsquo;nın\n            s&ouml;zleşmeyi feshetme hakkı saklıdır.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.3.&nbsp;SATICI, S&ouml;zleşme konusu &uuml;r&uuml;n&uuml;\n            eksiksiz, siparişte belirtilen niteliklere uygun ve varsa garanti\n            belgeleri, kullanım kılavuzları işin gereği olan bilgi ve belgeler\n            ile teslim etmeyi, her t&uuml;rl&uuml; ayıptan ar&icirc; olarak\n            yasal mevzuat gereklerine g&ouml;re sağlam, standartlara uygun bir\n            şekilde işi doğruluk ve d&uuml;r&uuml;stl&uuml;k esasları\n            d&acirc;hilinde ifa etmeyi, hizmet kalitesini koruyup\n            y&uuml;kseltmeyi, işin ifası sırasında gerekli dikkat ve &ouml;zeni\n            g&ouml;stermeyi, ihtiyat ve &ouml;ng&ouml;r&uuml; ile hareket etmeyi\n            kabul, beyan ve taahh&uuml;t eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.4.&nbsp;SATICI, s&ouml;zleşmeden doğan ifa\n            y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml;n&uuml;n s&uuml;resi dolmadan\n            ALICI&rsquo;yı bilgilendirmek ve a&ccedil;ık&ccedil;a onayını almak\n            suretiyle eşit kalite ve fiyatta farklı bir &uuml;r&uuml;n tedarik\n            edebilir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.5.&nbsp;SATICI, sipariş konusu &uuml;r&uuml;n veya hizmetin yerine\n            getirilmesinin imk&acirc;nsızlaşması halinde s&ouml;zleşme konusu\n            y&uuml;k&uuml;ml&uuml;l&uuml;klerini yerine getiremezse, bu durumu,\n            &ouml;ğrendiği tarihten itibaren 3 g&uuml;n i&ccedil;inde yazılı\n            olarak t&uuml;keticiye bildireceğini, 14 g&uuml;nl&uuml;k s&uuml;re\n            i&ccedil;inde toplam bedeli ALICI&rsquo;ya iade edeceğini kabul,\n            beyan ve taahh&uuml;t eder.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.6.&nbsp;ALICI, S&ouml;zleşme konusu &uuml;r&uuml;n&uuml;n\n            teslimatı i&ccedil;in işbu S&ouml;zleşme&rsquo;yi elektronik ortamda\n            teyit edeceğini, herhangi bir nedenle s&ouml;zleşme konusu\n            &uuml;r&uuml;n bedelinin &ouml;denmemesi ve/veya banka kayıtlarında\n            iptal edilmesi halinde, SATICI&rsquo;nın s&ouml;zleşme konusu\n            &uuml;r&uuml;n&uuml; teslim\n            y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml;n&uuml;n sona ereceğini kabul,\n            beyan ve taahh&uuml;t eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.7.&nbsp;ALICI, S&ouml;zleşme konusu &uuml;r&uuml;n&uuml;n ALICI\n            veya ALICI&rsquo;nın g&ouml;sterdiği adresteki kişi ve/veya kuruluşa\n            tesliminden sonra ALICI'ya ait kredi kartının yetkisiz kişilerce\n            haksız kullanılması sonucunda s&ouml;zleşme konusu &uuml;r&uuml;n\n            bedelinin ilgili banka veya finans kuruluşu tarafından SATICI'ya\n            &ouml;denmemesi halinde, ALICI S&ouml;zleşme konusu\n            &uuml;r&uuml;n&uuml; 3 g&uuml;n i&ccedil;erisinde nakliye gideri\n            SATICI&rsquo;ya ait olacak şekilde SATICI&rsquo;ya iade edeceğini\n            kabul, beyan ve taahh&uuml;t eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.8.&nbsp;SATICI, tarafların iradesi dışında gelişen, &ouml;nceden\n            &ouml;ng&ouml;r&uuml;lemeyen ve tarafların bor&ccedil;larını yerine\n            getirmesini engelleyici ve/veya geciktirici hallerin oluşması gibi\n            m&uuml;cbir sebepler halleri nedeni ile s&ouml;zleşme konusu\n            &uuml;r&uuml;n&uuml; s&uuml;resi i&ccedil;inde teslim edemez ise,\n            durumu ALICI'ya bildireceğini kabul, beyan ve taahh&uuml;t eder.\n            ALICI da siparişin iptal edilmesini, s&ouml;zleşme konusu\n            &uuml;r&uuml;n&uuml;n varsa emsali ile değiştirilmesini ve/veya\n            teslimat s&uuml;resinin engelleyici durumun ortadan kalkmasına kadar\n            ertelenmesini SATICI&rsquo;dan talep etme hakkını haizdir. ALICI\n            tarafından siparişin iptal edilmesi halinde ALICI&rsquo;nın nakit\n            ile yaptığı &ouml;demelerde, &uuml;r&uuml;n tutarı 14 g&uuml;n\n            i&ccedil;inde kendisine nakden ve defaten &ouml;denir.\n            ALICI&rsquo;nın kredi kartı ile yaptığı &ouml;demelerde ise,\n            &uuml;r&uuml;n tutarı, siparişin ALICI tarafından iptal edilmesinden\n            sonra 14 g&uuml;n i&ccedil;erisinde ilgili bankaya iade edilir.\n            ALICI, SATICI tarafından kredi kartına iade edilen tutarın banka\n            tarafından ALICI hesabına yansıtılmasına ilişkin ortalama\n            s&uuml;recin 2 ile 3 haftayı bulabileceğini, bu tutarın bankaya\n            iadesinden sonra ALICI&rsquo;nın hesaplarına yansıması halinin\n            tamamen banka işlem s&uuml;reci ile ilgili olduğundan, ALICI, olası\n            gecikmeler i&ccedil;in SATICI&rsquo;yı sorumlu tutamayacağını kabul,\n            beyan ve taahh&uuml;t eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.9.&nbsp;SATICININ, ALICI tarafından siteye kayıt formunda\n            belirtilen veya daha sonra kendisi tarafından g&uuml;ncellenen\n            adresi, e-posta adresi, sabit ve mobil telefon hatları ve diğer\n            iletişim bilgileri &uuml;zerinden mektup, e-posta, SMS, telefon\n            g&ouml;r&uuml;şmesi ve diğer yollarla iletişim, pazarlama, bildirim\n            ve diğer ama&ccedil;larla ALICI&rsquo;ya ulaşma hakkı bulunmaktadır.\n            ALICI, işbu s&ouml;zleşmeyi kabul etmekle SATICI&rsquo;nın kendisine\n            y&ouml;nelik yukarıda belirtilen iletişim faaliyetlerinde\n            bulunabileceğini kabul ve beyan etmektedir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.10.&nbsp;ALICI, s&ouml;zleşme konusu mal/hizmeti teslim almadan\n            &ouml;nce muayene edecek; ezik, kırık, ambalajı yırtılmış vb.\n            hasarlı ve ayıplı mal/hizmeti kargo şirketinden teslim almayacaktır.\n            Teslim alınan mal/hizmetin hasarsız ve sağlam olduğu kabul\n            edilecektir. Teslimden sonra mal/hizmetin &ouml;zenle korunması\n            borcu, ALICI&rsquo;ya aittir. Cayma hakkı kullanılacaksa mal/hizmet\n            kullanılmamalıdır. Fatura iade edilmelidir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.11.&nbsp;ALICI ile sipariş esnasında kullanılan kredi kartı\n            hamilinin aynı kişi olmaması veya &uuml;r&uuml;n&uuml;n\n            ALICI&rsquo;ya tesliminden evvel, siparişte kullanılan kredi kartına\n            ilişkin g&uuml;venlik a&ccedil;ığı tespit edilmesi halinde, SATICI,\n            kredi kartı hamiline ilişkin kimlik ve iletişim bilgilerini,\n            siparişte kullanılan kredi kartının bir &ouml;nceki aya ait\n            ekstresini yahut kart hamilinin bankasından kredi kartının kendisine\n            ait olduğuna ilişkin yazıyı ibraz etmesini ALICI&rsquo;dan talep\n            edebilir. ALICI&rsquo;nın talebe konu bilgi/belgeleri temin etmesine\n            kadar ge&ccedil;ecek s&uuml;rede sipariş dondurulacak olup, mezkur\n            taleplerin 24 saat i&ccedil;erisinde karşılanmaması halinde ise\n            SATICI, siparişi iptal etme hakkını haizdir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.12.&nbsp;ALICI, SATICI&rsquo;ya ait internet sitesine &uuml;ye\n            olurken verdiği kişisel ve diğer sair bilgilerin ger&ccedil;eğe\n            uygun olduğunu, SATICI&rsquo;nın bu bilgilerin ger&ccedil;eğe\n            aykırılığı nedeniyle uğrayacağı t&uuml;m zararları, SATICI&rsquo;nın\n            ilk bildirimi &uuml;zerine derhal, nakden ve defaten tazmin\n            edeceğini beyan ve taahh&uuml;t eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.13.&nbsp;ALICI, SATICI&rsquo;ya ait internet sitesini kullanırken\n            yasal mevzuat h&uuml;k&uuml;mlerine riayet etmeyi ve bunları ihlal\n            etmemeyi baştan kabul ve taahh&uuml;t eder. Aksi takdirde, doğacak\n            t&uuml;m hukuki ve cezai y&uuml;k&uuml;ml&uuml;l&uuml;kler tamamen\n            ve m&uuml;nhasıran ALICI&rsquo;yı bağlayacaktır.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.14.&nbsp;ALICI, SATICI&rsquo;ya ait internet sitesini\n            hi&ccedil;bir şekilde kamu d&uuml;zenini bozucu, genel ahlaka\n            aykırı, başkalarını rahatsız ve taciz edici şekilde, yasalara aykırı\n            bir ama&ccedil; i&ccedil;in, başkalarının maddi ve manevi haklarına\n            tecav&uuml;z edecek şekilde kullanamaz. Ayrıca, &uuml;ye\n            başkalarının hizmetleri kullanmasını &ouml;nleyici veya zorlaştırıcı\n            faaliyet (spam, virus, truva atı, vb.) işlemlerde bulunamaz.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.15.&nbsp;SATICI&rsquo;ya ait internet sitesinin &uuml;zerinden,\n            SATICI&rsquo;nın kendi kontrol&uuml;nde olmayan ve/veya başkaca\n            &uuml;&ccedil;&uuml;nc&uuml; kişilerin sahip olduğu ve/veya\n            işlettiği başka web sitelerine ve/veya başka i&ccedil;eriklere link\n            verilebilir. Bu linkler ALICI&rsquo;ya y&ouml;nlenme kolaylığı\n            sağlamak amacıyla konmuş olup herhangi bir web sitesini veya o\n            siteyi işleten kişiyi desteklememekte ve Link verilen web sitesinin\n            i&ccedil;erdiği bilgilere y&ouml;nelik herhangi bir garanti niteliği\n            taşımamaktadır.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            9.16.&nbsp;İşbu s&ouml;zleşme i&ccedil;erisinde sayılan maddelerden\n            bir ya da birka&ccedil;ını ihlal eden &uuml;ye işbu ihlal nedeniyle\n            cezai ve hukuki olarak şahsen sorumlu olup, SATICI&rsquo;yı bu\n            ihlallerin hukuki ve cezai sonu&ccedil;larından ari tutacaktır.\n            Ayrıca; işbu ihlal nedeniyle, olayın hukuk alanına intikal\n            ettirilmesi halinde, SATICI&rsquo;nın &uuml;yeye karşı &uuml;yelik\n            s&ouml;zleşmesine uyulmamasından dolayı tazminat talebinde bulunma\n            hakkı saklıdır.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>10. CAYMA HAKKI</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            10.1.&nbsp;ALICI; mesafeli s&ouml;zleşmenin mal satışına ilişkin\n            olması durumunda, &uuml;r&uuml;n&uuml;n kendisine veya\n            g&ouml;sterdiği adresteki kişi/kuruluşa teslim tarihinden itibaren\n            14 (on d&ouml;rt) g&uuml;n i&ccedil;erisinde, SATICI&rsquo;ya\n            bildirmek şartıyla hi&ccedil;bir hukuki ve cezai sorumluluk\n            &uuml;stlenmeksizin ve hi&ccedil;bir gerek&ccedil;e\n            g&ouml;stermeksizin malı reddederek s&ouml;zleşmeden cayma hakkını\n            kullanabilir. Hizmet sunumuna ilişkin mesafeli s&ouml;zleşmelerde\n            ise, bu s&uuml;re s&ouml;zleşmenin imzalandığı tarihten itibaren\n            başlar. Cayma hakkı s&uuml;resi sona ermeden &ouml;nce,\n            t&uuml;keticinin onayı ile hizmetin ifasına başlanan hizmet\n            s&ouml;zleşmelerinde cayma hakkı kullanılamaz. Cayma hakkının\n            kullanımından kaynaklanan masraflar SATICI&rsquo; ya\n            aittir.&nbsp;ALICI, iş bu s&ouml;zleşmeyi kabul etmekle, cayma hakkı\n            konusunda bilgilendirildiğini peşinen kabul eder.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            10.2.&nbsp;Cayma hakkının kullanılması i&ccedil;in 14 (ond&ouml;rt)\n            g&uuml;nl&uuml;k s&uuml;re i&ccedil;inde SATICI' ya iadeli\n            taahh&uuml;tl&uuml; posta, faks veya eposta ile yazılı bildirimde\n            bulunulması ve &uuml;r&uuml;n&uuml;n işbu s&ouml;zleşmede\n            d&uuml;zenlenen \"Cayma Hakkı Kullanılamayacak &Uuml;r&uuml;nler\"\n            h&uuml;k&uuml;mleri &ccedil;er&ccedil;evesinde kullanılmamış olması\n            şarttır. Bu hakkın kullanılması halinde,&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            a)&nbsp;3. kişiye veya ALICI&rsquo; ya teslim edilen\n            &uuml;r&uuml;n&uuml;n faturası, (İade edilmek istenen\n            &uuml;r&uuml;n&uuml;n faturası kurumsal ise, iade ederken kurumun\n            d&uuml;zenlemiş olduğu iade faturası ile birlikte g&ouml;nderilmesi\n            gerekmektedir. Faturası kurumlar adına d&uuml;zenlenen sipariş\n            iadeleri İADE FATURASI kesilmediği takdirde tamamlanamayacaktır.)\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>b)&nbsp;İade formu,</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            c)&nbsp;İade edilecek &uuml;r&uuml;nlerin kutusu, ambalajı, varsa\n            standart aksesuarları ile birlikte eksiksiz ve hasarsız olarak\n            teslim edilmesi gerekmektedir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            d)&nbsp;SATICI, cayma bildiriminin kendisine ulaşmasından itibaren\n            en ge&ccedil; 10 g&uuml;nl&uuml;k s&uuml;re i&ccedil;erisinde toplam\n            bedeli ve ALICI&rsquo;yı bor&ccedil; altına sokan belgeleri\n            ALICI&rsquo; ya iade etmek ve 20 g&uuml;nl&uuml;k s&uuml;re\n            i&ccedil;erisinde malı iade almakla y&uuml;k&uuml;ml&uuml;d&uuml;r.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            e)&nbsp;ALICI&rsquo; nın kusurundan kaynaklanan bir nedenle malın\n            değerinde bir azalma olursa veya iade imk&acirc;nsızlaşırsa ALICI\n            kusuru oranında SATICI&rsquo; nın zararlarını tazmin etmekle\n            y&uuml;k&uuml;ml&uuml;d&uuml;r. Ancak cayma hakkı s&uuml;resi\n            i&ccedil;inde malın veya &uuml;r&uuml;n&uuml;n usul&uuml;ne uygun\n            kullanılması sebebiyle meydana gelen değişiklik ve bozulmalardan\n            ALICI sorumlu değildir.&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            f)&nbsp;Cayma hakkının kullanılması nedeniyle SATICI tarafından\n            d&uuml;zenlenen kampanya limit tutarının altına d&uuml;ş&uuml;lmesi\n            halinde kampanya kapsamında faydalanılan indirim miktarı iptal\n            edilir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>11. CAYMA HAKKI KULLANILAMAYACAK &Uuml;R&Uuml;NLER</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            ALICI&rsquo;nın isteği veya a&ccedil;ık&ccedil;a kişisel\n            ihtiya&ccedil;ları doğrultusunda hazırlanan ve geri\n            g&ouml;nderilmeye m&uuml;sait olmayan, i&ccedil; giyim alt\n            par&ccedil;aları, mayo ve bikini altları, makyaj malzemeleri, tek\n            kullanımlık &uuml;r&uuml;nler, &ccedil;abuk bozulma tehlikesi olan\n            veya son kullanma tarihi ge&ccedil;me ihtimali olan mallar,\n            ALICI&rsquo;ya teslim edilmesinin ardından ALICI tarafından ambalajı\n            a&ccedil;ıldığı takdirde iade edilmesi sağlık ve hijyen\n            a&ccedil;ısından uygun olmayan &uuml;r&uuml;nler, teslim edildikten\n            sonra başka &uuml;r&uuml;nlerle karışan vedoğası gereği\n            ayrıştırılması m&uuml;mk&uuml;n olmayan &uuml;r&uuml;nler, Abonelik\n            s&ouml;zleşmesi kapsamında sağlananlar dışında, gazete ve dergi gibi\n            s&uuml;reli yayınlara ilişkin mallar, Elektronik ortamda anında ifa\n            edilen hizmetler veya t&uuml;keticiye anında teslim\n            edilen&nbsp;gayrimaddi&nbsp;mallar,ile ses veya\n            g&ouml;r&uuml;nt&uuml; kayıtlarının, kitap, dijital i&ccedil;erik,\n            yazılım programlarının, veri kaydedebilme ve veri depolama\n            cihazlarının, bilgisayar sarf malzemelerinin, ambalajının ALICI\n            tarafından a&ccedil;ılmış olması halinde iadesi Y&ouml;netmelik\n            gereği m&uuml;mk&uuml;n değildir. Ayrıca Cayma hakkı s&uuml;resi\n            sona ermeden &ouml;nce, t&uuml;keticinin onayı ile ifasına başlanan\n            hizmetlere ilişkin cayma hakkının kullanılması daY&ouml;netmelik\n            gereği m&uuml;mk&uuml;n değildir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            Kozmetik ve kişisel bakım &uuml;r&uuml;nleri, i&ccedil; giyim\n            &uuml;r&uuml;nleri, mayo, bikini, kitap, kopyalanabilir yazılım ve\n            programlar, DVD, VCD, CD ve kasetler ile kırtasiye sarf malzemeleri\n            (toner, kartuş, şerit vb.) iade edilebilmesi i&ccedil;in\n            ambalajlarının a&ccedil;ılmamış, denenmemiş, bozulmamış ve\n            kullanılmamış olmaları gerekir.\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>12. TEMERR&Uuml;T HALİ VE HUKUKİ SONU&Ccedil;LARI</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            ALICI, &ouml;deme işlemlerini kredi kartı ile yaptığı durumda\n            temerr&uuml;de d&uuml;şt&uuml;ğ&uuml; takdirde, kart sahibi banka\n            ile arasındaki kredi kartı s&ouml;zleşmesi\n            &ccedil;er&ccedil;evesinde faiz &ouml;deyeceğini ve bankaya karşı\n            sorumlu olacağını kabul, beyan ve taahh&uuml;t eder. Bu durumda\n            ilgili banka hukuki yollara başvurabilir; doğacak masrafları ve\n            vek&acirc;let &uuml;cretini ALICI&rsquo;dan talep edebilir ve her\n            koşulda ALICI&rsquo;nın borcundan dolayı temerr&uuml;de d&uuml;şmesi\n            halinde, ALICI, borcun gecikmeli ifasından dolayı SATICI&rsquo;nın\n            uğradığı zarar ve ziyanını &ouml;deyeceğini kabul, beyan ve\n            taahh&uuml;t eder\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>13. YETKİLİ MAHKEME</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            İşbu s&ouml;zleşmeden doğan uyuşmazlıklarda şikayet ve\n            itirazlar,&nbsp;aşağıdaki kanunda belirtilen parasal sınırlar\n            d&acirc;hilinde t&uuml;keticinin yerleşim yerinin bulunduğu veya\n            t&uuml;ketici işleminin yapıldığı yerdeki t&uuml;ketici sorunları\n            hakem heyetine veya t&uuml;ketici mahkemesine yapılacaktır. Parasal\n            sınıra ilişkin bilgiler aşağıdadır:&nbsp;\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            28/05/2014 tarihinden itibaren ge&ccedil;erli olmak &uuml;zere:\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            a)&nbsp;6502 sayılı T&uuml;keticinin Korunması Hakkında\n            Kanun&rsquo;un 68. Maddesi gereği değeri 2.000,00 (ikibin)\n            TL&rsquo;nin altında olan uyuşmazlıklarda il&ccedil;e t&uuml;ketici\n            hakem heyetlerine,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            b) Değeri 3.000,00(&uuml;&ccedil;bin)TL&rsquo; nin altında bulunan\n            uyuşmazlıklarda il t&uuml;ketici hakem heyetlerine,\n          </strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            c) B&uuml;y&uuml;kşehir stat&uuml;s&uuml;nde bulunan illerde ise\n            değeri 2.000,00 (ikibin) TL ile 3.000,00(&uuml;&ccedil;bin)TL&rsquo;\n            arasındaki uyuşmazlıklarda il t&uuml;ketici hakem heyetlerine\n            başvuru yapılmaktadır.\n            <br /> İşbu S&ouml;zleşme ticari ama&ccedil;larla yapılmaktadır.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>14. Y&Uuml;R&Uuml;RL&Uuml;K</strong>\n        </p>\n        <p class=\"p2\">\n          <strong>\n            ALICI, Site &uuml;zerinden verdiği siparişe ait &ouml;demeyi\n            ger&ccedil;ekleştirdiğinde işbu s&ouml;zleşmenin t&uuml;m şartlarını\n            kabul etmiş sayılır. SATICI, siparişin ger&ccedil;ekleşmesi\n            &ouml;ncesinde işbu s&ouml;zleşmenin sitede ALICI tarafından okunup\n            kabul edildiğine dair onay alacak şekilde gerekli yazılımsal\n            d&uuml;zenlemeleri yapmakla y&uuml;k&uuml;ml&uuml;d&uuml;r.\n          </strong>\n        </p>\n        <p class=\"p1\">\n          <strong>SATICI:</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>ALICI:</strong>\n        </p>\n        <p class=\"p1\">\n          <strong>TARİH:</strong>\n        </p>\n        <p class=\"p9\">&nbsp;</p>\n      </div>\n    );\n  };\n\n  const styles = {\n    container: {\n      fontFamily: \"Arial, sans-serif\",\n      maxWidth: \"800px\",\n      margin: \"0 auto\",\n      marginTop: 30,\n      padding: \"20px\",\n      backgroundColor: \"#f9f9f9\",\n      border: \"1px solid #ddd\",\n      borderRadius: \"8px\",\n      color: \"#000\",\n    },\n    heading: {\n      textAlign: \"center\",\n      color: \"#333\",\n    },\n    section: {\n      marginBottom: \"20px\",\n      color: \"#000\",\n    },\n    subHeading: {\n      color: \"#555\",\n    },\n    contact: {\n      marginTop: \"40px\",\n      borderTop: \"1px solid #ddd\",\n      paddingTop: \"20px\",\n    },\n  };\nReact.useLayoutEffect(() => {\n  window.scrollTo(0, 0);\n\n  return () => {};\n}, []);\n  return (\n    <>\n      <Header />\n      <div>\n        <DistanceSalesContract />\n      </div>\n      <BottomNav />\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'\n\nexport default function NewProducts(props) {\n\n  const {slug} = useParams()\n  const [search,setSearch]=useState(\"\")\n\n  const [products,setProducts]=useState([])\n  const [sort,setSort]=useState(props.location.state!=undefined ? props.location.state.sort : null)\n  const [open, setOpen] = useState(false);\n\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n\n  function karsilastir(a, b) {\n    // \"TÜKENDİ\" olanları en sonda olacak şekilde sırala\n    if (a.stockText === \"TÜKENDİ\" && b.stockText !== \"TÜKENDİ\") {\n      return 1;\n    } else if (a.stockText !== \"TÜKENDİ\" && b.stockText === \"TÜKENDİ\") {\n      return -1;\n    } else {\n      // Diğer durumlarda değişiklik yapma\n      return 0;\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      }\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      }\n    })\n  }\n\n  return (\n    <>\n      <ProductList\n        open={open}\n        karsilastir={karsilastir}\n        setOpen={setOpen}\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={props.location.state != undefined ? props.location.state : null}\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'\nimport { Sentry } from 'react-activity'\nexport default function Basket(props) {\n  \n  const {id} = useParams()\n\n\n  const { getMainProducts } = useProductRequests();\n  const {getOrder} = useOrderRequests()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [order,setOrder]=useState([])\n  const [loading,setLoading]=useState(true)\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\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    \n    if(order.length===0){\n\n      getOrder(id).then((response)=>{\n        setOrder(response.data.data)\n        setLoading(false)\n      }).catch((error)=>{\n        console.log(\"error\",error.response)\n      })\n\n    }\n  }, [])\n  const columns = [\n    {\n      name: \"\",\n      selector: (row, index) => index + 1,\n      width: \"70px\",\n    },\n    {\n      name: \"\",\n      selector: (row, index) => (\n        <img\n          onContextMenu={() => false}\n          height={40}\n          src={row.image + \"?\" + Math.random() * Math.random()}\n        />\n      ),\n      width: \"100px\",\n    },\n    {\n      name: \"Ad\",\n      selector: (row) => row.title,\n      maxWidth: \"37vw\",\n    },\n    {\n      name: \"Miktar\",\n      selector: (row) => row.quantity,\n      width: \"150px\",\n    },\n    {\n      name: \"Birim\",\n      selector: (row) => row.unit,\n      width: \"150px\",\n    },\n    {\n      name: \"İskonto\",\n      selector: (row) => '%'+row.discountRate,\n      width: \"150px\",\n    },\n    {\n      name: \"Fiyat\",\n      selector: (row) => (\n        <>\n          {row.price}\n          {order.order.currencyUnit}\n        </>\n      ),\n      width: \"150px\",\n    },\n    {\n      name: \"Toplam\",\n      selector: (row) => (\n        <>\n          {row.totalPriceWithVat}\n          {order.order.currencyUnit}\n        </>\n      ),\n      width: \"150px\",\n    },\n  ];\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              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 lightblue\",\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            {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 style={{ color: \"#000\" ,paddingRight:30}}>\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 style={{ color: \"#000\" }} className=\"space\"></div>\n                  <div>\n                    <span style={{ color: \"#000\" }}>Toplam Tutaar</span>\n                    <span>:</span>\n                    <span style={{ color: \"#000\" }}>\n                      {order.order.totalCurrencyPrice==0 ? order.order.totalPrice:order.order.totalCurrencyPrice}\n                      {order.order.currencyUnit}\n                    </span>\n                  </div>\n                </div>\n\n                {/* <Button>YAZDIR</Button> */}\n              </>\n            )}\n          </InvoiceContainer>\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState,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  \n  const { getMainProducts } = useProductRequests();\n  const {getOrders} = useOrderRequests()\n\n  const history=useHistory()\n  \n  const {basket}=useSelector(state=>state.cart)\n\n  const [discover,setDiscover]=useState([])\n  const [orders,setOrders]=useState(null)\n\n  useLayoutEffect(() => {\n    \n    if(discover.length===0){\n\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n\n    }\n  }, [])\n\n  useLayoutEffect(() => {\n    \n      if(orders==null){\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) => <div style={{ maxWidth: 100 }}>{row.orderId}</div>,\n      //   sortable: true,\n      //   width: \"80px\",\n      // },\n      // {\n      //   name: \"Kod\",\n      //   selector: (row) => row.orderCode,\n      //   sortable: true,\n      //   width: \"100px\",\n      // },\n      {\n        name: \"Tarih\",\n        selector: (row) => row.date,\n        sortable: true,\n        width: \"160px\",\n      },\n      // {\n      //   name: \"Ad\",\n      //   selector: (row) => row.detail,\n      //   sortable: true,\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: \"120px\",\n      },\n      {\n        name: \"\",\n        selector: (row) => (\n          <Link\n            className={row.status + \" invoices\"}\n            to={\"/siparisler/\" + row.orderId}\n          >\n            {\" \"}\n            {row.status.toUpperCase()}{\" \"}\n          </Link>\n        ),\n        sortable: true,\n        width: \"240px\",\n      },\n    ];\n\n  const [filterText, setFilterText] = React.useState('');\n  const [printOn,setPrintOn]=React.useState(false)\n\tconst [resetPaginationToggle, setResetPaginationToggle] = React.useState(false);\n  const filteredItems = (orders==null ? []:orders).filter(\n\t\titem=>{\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 printPdf=()=>{\n    setPrintOn(true)\n    setTimeout(() => {\n      setPrintOn(false)\n    }, 5500);\n  }\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      <>\n        <button\n          style={{\n            color: \"#000\",\n            border: \"none\",\n            outline: \"1px solid lightblue\",\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\t}, [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 == null ? (\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={<>Sipariş kaydı bulunamadı!</>}\n              subHeaderComponent={subHeaderComponentMemo}\n              columns={columns}\n              data={filteredItems}\n            />\n          )}\n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React 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, useLocation } 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 location = useLocation();\n\n\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          {location.state?.paymentType != null &&\n          location.state?.paymentType == 3 ? (\n            <>\n              <h1>Sipariş Gönderildi</h1>\n              <h5 style={{maxWidth:500,textAlign:'center'}}>\n              \n              </h5>\n              <div className=\"buttons\">\n                <Link to=\"/\">Ana Sayfa</Link>\n                <Link to=\"/siparisler\">Siparişlerim</Link> \n              </div>\n            </>\n          ) : (\n            <>\n              <h1>Ödeme Başarılı</h1>\n              <div className=\"buttons\">\n                <Link to=\"/\">Ana Sayfa</Link>\n                <Link to=\"/siparisler\">Siparişlerim</Link>\n              </div>\n            </>\n          )}\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\n    if (collection.length < 1) {\n      getCollection(id).then(async (response) => {\n        setCollection(response.data.data);\n      \n\n        setTimeout(() => {\n          window.print();\n        }, 4000);\n      });\n    }\n  }, [collection]);\n\n  return (\n    <PrintContainer>\n      <div className=\"makbuz\">\n        <h1>Tahsilat Makbuzu {collection.systemHasCreated==true ? \"( B2B Tahsilatı )\":\"\"}</h1>\n        <div className=\"bilgiler\">\n          <p>\n            <strong>Alıcı:</strong> {process.env.REACT_APP_COMPANY_TITLE}\n          </p>\n          <p>\n            <strong>Tarih:</strong> {collection.date}\n          </p>\n          <p>\n            <strong>Tutar:</strong>{\" \"}\n            {collection.currency == false\n              ? collection.credit + \"₺\"\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\n  const [collections,setCollections]=useState([])\n  const [total,setTotal]=useState(0)\n  const {getCollections}=useOrderRequests()\n  useEffect(() => {\n    if(collections.length<1){\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        }, 4000);\n      })\n    }\n  }, [collections])\n  \n\n  return (\n    <PrintContainer>\n      <h1>Cari Hareket Listesi</h1>\n      <ul>\n        {(collections.collections!=undefined && collections.collections.length>0 ? collections.collections:[]).map((x) => {\n          return (\n            <li>\n              <div style={{ fontSize: 10 }}>#{x.collectionId}</div>\n              <div style={{ fontSize: 10 }}>{x.documentNumber}</div>\n              <div style={{ fontSize: 10 }}>{x.collectionType}</div>\n              <div style={{ fontSize: 10 }}>\n                {x.currency != true\n                  ? x.credit + \"₺\"\n                  : x.currencyCredit + x.currencyUnit}\n              </div>\n              <div style={{ fontSize: 10 }}>\n                {x.currency != true\n                  ? x.debt + \"₺\"\n                  : x.currencyDebt + x.currencyUnit}\n              </div>\n              <div style={{ fontSize: 10}}>{x.date}</div>\n              <div style={{ fontSize: 8 }}>{x.explanation}</div>\n            </li>\n          );\n        })}\n        <li>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div>Toplam : {collections.totalCredit + \"₺\"}</div>\n        </li>\n        <li>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n          <div>Bakiye : {collections.totalBalance + \"₺\"}</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>Iskonto</div>\n          {/* <div>Kdv</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.discountRate}</div>\n                {/* <div>%{x.vatRate}</div> */}\n                <div>₺{x.totalPrice.toFixed(2)}</div>\n                <div>₺{x.totalPriceWithVat.toFixed(2)}</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.totalPrice : \"\"}{\" \"}\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 style={{ fontSize: 10 }}>{x.invoiceCode}</div>\n              <div style={{ fontSize: 8 }}>{x.detail}</div>\n              <div style={{ fontSize: 10 }}>{x.date}</div>\n              <div style={{ fontSize: 10 }}>{x.status}</div>\n              <div style={{ fontSize: 10 }}>₺{x.totalPrice}</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        },4000);\n      })\n    }\n  }, [order])\n  \n\n  return (\n    <PrintContainer>\n      <h1>Sipariş Detayı</h1>\n\n      {order != [] && order.order != undefined ? (\n        <>\n          <div className=\"head\">\n            <div className=\"leftHead\">\n              <div>\n                <span>Tarih</span>\n                <span>:</span>\n                <span>{order.order.date}</span>\n              </div>\n\n              <div>\n                <span>Sipariş No</span>\n                <span>:</span>\n                <span>{order.order.orderCode}</span>\n              </div>\n\n              <div>\n                <span>Durum</span>\n                <span>:</span>\n                <span>{order.order.status}</span>\n              </div>\n            </div>\n\n            <div className=\"rightHead\">\n              <h4>{JSON.parse(localStorage.getItem(\"customer\")).title}</h4>\n              <img\n                onContextMenu={() => false}\n                src={order.order.image}\n                height={70}\n              />\n            </div>\n          </div>\n        </>\n      ) : (\n        <></>\n      )}\n\n      <ul>\n        <li>\n          <div>Ürün</div>\n          <div>Adet</div>\n          <div>KDV</div>\n          <div>İskonto</div>\n          <div>Fiyat</div>\n          <div>Toplam</div>\n        </li>\n        {(order != [] && order.items != undefined ? order.items : []).map(\n          (x) => {\n            return (\n              <li>\n                <div>\n                  <img\n                    src={\n                      x.image + \"?random=\"+5\n                    }\n                  />\n                </div>\n                <div>\n                  {x.quantity} {x.unit}\n                </div>\n                <div>%{x.vatRate}</div>\n                <div>%{x.discountRate}</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.currencyUnit : \"\"}\n            {order.order != undefined ? order.order.totalPrice : \"\"}{\" \"}\n          </div>\n        </li>\n      </ul>\n    </PrintContainer>\n  );\n}\n","import React,{useEffect,useState} from 'react'\nimport {PrintContainer} from '../../styles/Print';\nimport { useOrderRequests } from '../../helpers/OrderRequests';\nexport default function PrintOrders() {\n\n  const [orders,setOrders]=useState([])\n  const [total,setTotal]=useState(0)\n  const {getOrders}=useOrderRequests()\n  useEffect(() => {\n    if(orders.length<1){\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        }, 4000);\n      })\n    }\n  }, [orders])\n  \n\n  return (\n    <PrintContainer>\n    \n    <h1>Sipariş Listesi</h1>\n    <ul>\n      \n    {\n      orders.map((x)=>{\n        return (\n          <li>\n            <div><img src={x.image+\"?v=\" + Math.random()*100*Math.random()} /></div>\n            <div>{x.orderCode}</div>\n            <div>{x.detail}</div>\n            <div>{x.date}</div>\n            <div>{x.status}</div>\n            <div>{x.currencyUnit}{x.totalCurrencyPrice}</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>Toplam : {total}</div>\n      </li>\n\n    </ul>\n  \n\n\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';\n\nexport default function Basket(props) {\n  \n  const { getMainProducts } = 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      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\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.productId,\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: 'Adet',\n          selector: row => row.totalQuantity,\n          sortable: true,\n      },\n      {\n          name: 'Tutar',\n          selector: row => <span style={{color:'green',fontWeight:'bold'}}><Currency>{row.totalAmount}</Currency></span>,\n          sortable: true,\n\n      },\n  \n  ];\n\n  const [filterText, setFilterText] = React.useState('');\n  const [startDate, setStartDate] = React.useState(new Date().toISOString().slice(0, 10));\n  const [endDate, setEndDate] = React.useState((new Date().toISOString().slice(0, 10)));\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  \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:'#be1d2c',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 Ürün </span>\n          <div style={{backgroundColor:'#be1d2c',display:'inline-block',marginLeft:20,padding:'3px 12px',borderRadius:5,fontSize:25,color:'#fff',boxShadow:'5px 5px 0px 0px #000'}}>{reports!=null ? reports.itemCount:0}</div>\n        \n        </div>\n      </div>\n      </>\n\t\t);\n\t}, [filterText, resetPaginationToggle,handleStartDateChange,handleEndDateChange,startDate,endDate]);\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  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              data={filteredItems(reports!=null ? reports.items : [])}\n            />\n            </>\n          }\n          \n        </SlideProductContainer>\n\n        {/* <SlideProductContainer>\n          \n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {\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 { getMainProducts } = 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      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\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\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {\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","import React, { useState, useLayoutEffect } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { SlideProductContainer } from \"../styles/Home\";\nimport SlideProducts from \"../components/Slider/Products\";\nimport Header from \"../components/Navigation/Header\";\nimport BottomNav from \"../components/Navigation/Bottom\";\nimport Footer from \"../components/Navigation/Footer\";\nimport \"react-activity/dist/Sentry.css\";\nimport ContentLoader from \"react-content-loader\";\n\nimport { useProductRequests } from \"../helpers/ProductRequests\";\n\nimport CartItems from \"../components/Cart/CartItems\";\nimport { Login } from \"../styles/Auth\";\nimport { useHistory } from \"react-router-dom\";\nimport Box from \"@mui/material/Box\";\n\nimport { LoadingButton } from \"@mui/lab\";\nimport { styled } from \"@mui/material/styles\";\nimport TextField from \"@mui/material/TextField\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faKey } from \"@fortawesome/free-solid-svg-icons\";\nimport { useAuthRequests } from \"../helpers/AuthRequests\";\nexport default function Basket(props) {\n  const history=useHistory()\n  const { getDiscover, getMainProducts } = useProductRequests();\n\n  const {changePasswordRequest} = useAuthRequests()\n\n  const { basket } = useSelector((state) => state.cart);\n  const [error, setError] = useState(\"\");\n  const [success, setSuccess] = useState(\"\");\n  const [discover, setDiscover] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [oldPassword, setOldPassword] = useState(\"\");\n  const [newPassword, setNewPassword] = useState(\"\");\n  const [confirmPassword, setConfirmPassword] = useState(\"\");\n  useLayoutEffect(() => {\n    if (discover.length === 0) {\n      getMainProducts({ type: 1 })\n        .then((response) => {\n          setDiscover(response.data.data.items);\n        })\n        .catch((error) => {});\n    }\n  }, []);\n  const changePassword=(e)=>{\n    e.preventDefault();\n    setLoading(true)\n    if(newPassword!=confirmPassword){\n      setError(\"Yeni şifreler aynı olmalıdır.\")\n      setLoading(false)\n    }else{\n      changePasswordRequest({ oldPassword:oldPassword, newPassword:newPassword })\n        .then((response) => {\n          setLoading(false);\n          setSuccess(response.data.message);\n          setOldPassword('')\n          setNewPassword('')\n          setConfirmPassword('')\n          setTimeout(() => {\n            history.push(\"/cikis-yap\");\n          }, 1000);\n        })\n        .catch((error) => {\n          setLoading(false);\n          setError(error.response.data.message);\n        });\n    }\n  }\n  return (\n    <>\n      <Header />\n\n      <div>\n        <div\n          style={{\n            width: \"100%\",\n            display: \"flex\",\n            justifyContent: \"center\",\n            alignItems: \"center\",\n            marginTop: 100,\n            marginBottom: 100,\n          }}\n        >\n          <form\n            style={{\n              width: 700,\n              background: \"#d8eaff\",\n              borderRadius: 50,\n              padding: 100,\n            }}\n            onSubmit={changePassword}\n          >\n            <div\n              style={{\n                color: \"#000\",\n                width: 500,\n                fontSize: 25,\n                display: \"flex\",\n                alignItems: \"center\",\n                marginBottom: 20,\n                justifyContent: \"center\",\n              }}\n            >\n              <div style={{ width: 100 }}>\n                <FontAwesomeIcon style={{ marginRight: 50 }} icon={faKey} />\n              </div>\n              <div\n                style={{ width: 400, textAlign: \"right\", fontWeight: \"bold\" }}\n              >\n                Şifre Değiştirme Formu\n              </div>\n            </div>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Eski Şifre\"\n                autocomplete=\"on\"\n                value={oldPassword}\n                onChange={(e) => setOldPassword(e.target.value)}\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Yeni Şifre\"\n                autocomplete=\"on\"\n                value={newPassword}\n                onChange={(e) => setNewPassword(e.target.value)}\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n            <Box\n              sx={{\n                display: \"flex\",\n                alignItems: \"center\",\n                \"& > :not(style)\": { m: 1 },\n              }}\n            >\n              <TextField\n                autoComplete=\"on\"\n                label=\"Tekrar Yeni Şifre\"\n                value={confirmPassword}\n                onChange={(e) => setConfirmPassword(e.target.value)}\n                autocomplete=\"on\"\n                variant=\"filled\"\n                type=\"password\"\n                style={{ marginTop: 11, width: 500 }}\n              />\n            </Box>\n\n            {error != \"\" && (\n              <Box\n                sx={{\n                  display: \"flex\",\n                  backgroundColor: \"red\",\n                  alignItems: \"center\",\n                  \"& > :not(style)\": { m: 1 },\n                }}\n              >\n                {\" \"}\n                <div className=\"error-area\">{error}</div>{\" \"}\n              </Box>\n            )}\n            {success != \"\" && (\n              <Box\n                sx={{\n                  display: \"flex\",\n                  backgroundColor: \"green\",\n                  alignItems: \"center\",\n                  \"& > :not(style)\": { m: 1 },\n                }}\n              >\n                {\" \"}\n                <div className=\"success-area\">{success}</div>{\" \"}\n              </Box>\n            )}\n            <LoadingButton\n              loading={loading}\n              loadingPosition=\"start\"\n              type=\"submit\"\n              style={{ marginTop: 10, width: 480, marginLeft: 10 }}\n              variant=\"contained\"\n              className=\"authBtn\"\n            >\n              Şifremi Değiştir\n            </LoadingButton>\n          </form>\n        </div>\n\n        {/* <SlideProductContainer>\n          <h1\n            style={{\n              color: \"rgba(255,10,0)\", textAlign: \"center\",\n              paddingTop: 40,\n              fontSize: 30,\n              marginBottom: 8,\n              fontWeight: \"bold\",\n            }}\n            // onClick={() => history.push(\"/yeni-urunler\")}\n          >\n            Kampanyalı Ürünler\n          </h1>\n\n          {discover.length > 0 ? (\n            <SlideProducts items={discover} />\n          ) : (\n            <div className=\"loader\">\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"20px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"290\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n              <ContentLoader\n                speed={0.5}\n                width={221}\n                height={300}\n                style={{ marginRight: \"40px\" }}\n                backgroundColor=\"#f3f3f3\"\n                foregroundColor=\"#ecebeb\"\n                {...props}\n              >\n                <rect x=\"0\" y=\"0\" rx=\"0\" ry=\"0\" width=\"221\" height=\"250\" />\n                <rect x=\"0\" y=\"260\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect x=\"0\" y=\"275\" rx=\"3\" ry=\"3\" width=\"221\" height=\"10\" />\n                <rect\n                  x=\"0\"\n                  y=\"290\"\n                  rx=\"3\"\n                  ry=\"3\"\n                  width=\"221\"\n                  height=\"10\"\n                />{\" \"}\n              </ContentLoader>\n            </div>\n          )}\n        </SlideProductContainer> */}\n      </div>\n\n      <BottomNav />\n\n      <Footer />\n    </>\n  );\n}\n","import React,{useState} from 'react'\nimport {  useParams,useLocation } from 'react-router-dom'\nimport ProductList from '../components/Content/ProductList'\nimport {useProductRequests} from '../helpers/ProductRequests'\nimport { Helmet } from 'react-helmet'\n \nexport default function Search(props) {\n\n  const {slug,filter} = useParams()\n  const [products, setProducts] = useState([]);\n  const [open, setOpen] = useState(false);\n  const [sort, setSort] = useState({\n    sort: \"PRICE\",\n    sortedBy: \"ASC\",\n    name: \"Artan Fiyat\",\n  });\n  const [selectedBrand,setSelectedBrand]=useState(slug)\n  const [search,setSearch]=useState(filter)\n  const {getProducts}=useProductRequests()\n  \n  const simpleCount=20\n  function karsilastir(a, b) {\n    // \"TÜKENDİ\" olanları en sonda olacak şekilde sırala\n    if (a.stockText === \"TÜKENDİ\" && b.stockText !== \"TÜKENDİ\") {\n      return 1;\n    } else if (a.stockText !== \"TÜKENDİ\" && b.stockText === \"TÜKENDİ\") {\n      return -1;\n    } else {\n      // Diğer durumlarda değişiklik yapma\n      return 0;\n    }\n  }\n  const getNewProducts=async(newpage,setLoading,setPage)=>{\n    setLoading(true)\n    getProducts({brandSlug:selectedBrand,sort:sort.sort,sortedBy:sort.sortedBy,count:400,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({\n      brandSlug: selectedBrand,\n      count: 400,\n      sort: sort.sort,\n      sortedBy: sort.sortedBy,\n      groupSlug: slug,\n      page: 1,\n      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    karsilastir={karsilastir}\n    open={open}\n    setOpen={setOpen}\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    setSort={setSort}\n    />\n    </>\n  )\n}\n","import React 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\";\n\nexport default function IptalVeIadePolitikasi(props) {\n  const CancellationAndRefundPolicy = () => {\n    return (\n      <div style={styles.container}>\n        <h1 style={styles.heading}>İptal ve İade Politikası</h1>\n        <p class=\"p1\">\n          <strong>\n            <span class=\"Apple-converted-space\">&nbsp; &nbsp; &nbsp; </span>\n            T&Uuml;KETİCİ HAKLARI &ndash; CAYMA &ndash; İPTAL İADE KOŞULLARI\n          </strong>\n        </p>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>GENEL:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Kullanmakta olduğunuz web sitesi &uuml;zerinden elektronik\n                ortamda sipariş verdiğiniz takdirde, size sunulan &ouml;n\n                bilgilendirme formunu ve mesafeli satış s&ouml;zleşmesini kabul\n                etmiş sayılırsınız.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Alıcılar, satın aldıkları &uuml;r&uuml;n&uuml;n satış ve teslimi\n                ile ilgili olarak 6502 sayılı T&uuml;keticinin Korunması\n                Hakkında Kanun ve Mesafeli S&ouml;zleşmeler Y&ouml;netmeliği\n                (RG:27.11.2014/29188) h&uuml;k&uuml;mleri ile\n                y&uuml;r&uuml;rl&uuml;kteki diğer yasalara tabidir.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                &Uuml;r&uuml;n sevkiyat masrafı olan kargo &uuml;cretleri\n                alıcılar tarafından &ouml;denecektir.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Satın alınan her bir &uuml;r&uuml;n, 30 g&uuml;nl&uuml;k yasal\n                s&uuml;reyi aşmamak kaydı ile alıcının g&ouml;sterdiği adresteki\n                kişi ve/veya kuruluşa teslim edilir. Bu s&uuml;re i&ccedil;inde\n                &uuml;r&uuml;n teslim edilmez ise, Alıcılar s&ouml;zleşmeyi sona\n                erdirebilir.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Satın alınan &uuml;r&uuml;n, eksiksiz ve siparişte belirtilen\n                niteliklere uygun ve varsa garanti belgesi, kullanım kılavuzu\n                gibi belgelerle teslim edilmek zorundadır.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Satın alınan &uuml;r&uuml;n&uuml;n satılmasının imkansızlaşması\n                durumunda, satıcı bu durumu &ouml;ğrendiğinden itibaren 3\n                g&uuml;n i&ccedil;inde yazılı olarak alıcıya bu durumu bildirmek\n                zorundadır. 14 g&uuml;n i&ccedil;inde de toplam bedel\n                Alıcı&rsquo;ya iade edilmek zorundadır.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>SATIN ALINAN &Uuml;R&Uuml;N BEDELİ &Ouml;DENMEZ İSE:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Alıcı, satın aldığı &uuml;r&uuml;n bedelini &ouml;demez veya\n                banka kayıtlarında iptal ederse, Satıcının &uuml;r&uuml;n&uuml;\n                teslim y&uuml;k&uuml;ml&uuml;l&uuml;ğ&uuml; sona erer.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>\n            KREDİ KARTININ YETKİSİZ KULLANIMI İLE YAPILAN ALIŞVERİŞLER:\n          </strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                &Uuml;r&uuml;n teslim edildikten sonra, alıcının &ouml;deme\n                yaptığı kredi kartının yetkisiz kişiler tarafından haksız olarak\n                kullanıldığı tespit edilirse ve satılan &uuml;r&uuml;n bedeli\n                ilgili banka veya finans kuruluşu tarafından Satıcı'ya\n                &ouml;denmez ise, Alıcı, s&ouml;zleşme konusu\n                &uuml;r&uuml;n&uuml; 3 g&uuml;n i&ccedil;erisinde nakliye gideri\n                SATICI&rsquo;ya ait olacak şekilde SATICI&rsquo;ya iade etmek\n                zorundadır.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>\n            &Ouml;NG&Ouml;R&Uuml;LEMEYEN SEBEPLERLE &Uuml;R&Uuml;N\n            S&Uuml;RESİNDE TESLİM EDİLEMEZ İSE:\n          </strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Satıcı&rsquo;nın &ouml;ng&ouml;remeyeceği m&uuml;cbir sebepler\n                oluşursa ve &uuml;r&uuml;n s&uuml;resinde teslim edilemez ise,\n                durum Alıcı&rsquo;ya bildirilir. Alıcı, siparişin iptalini,\n                &uuml;r&uuml;n&uuml;n benzeri ile değiştirilmesini veya engel\n                ortadan kalkana dek teslimatın ertelenmesini talep edebilir.\n                Alıcı siparişi iptal ederse; &ouml;demeyi nakit ile yapmış ise\n                iptalinden itibaren 14 g&uuml;n i&ccedil;inde kendisine nakden\n                bu &uuml;cret &ouml;denir. Alıcı, &ouml;demeyi kredi kartı ile\n                yapmış ise ve iptal ederse, bu iptalden itibaren yine 14\n                g&uuml;n i&ccedil;inde &uuml;r&uuml;n bedeli bankaya iade\n                edilir, ancak bankanın alıcının hesabına 2-3 hafta\n                i&ccedil;erisinde aktarması olasıdır.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>\n            ALICININ &Uuml;R&Uuml;N&Uuml; KONTROL ETME\n            Y&Uuml;K&Uuml;ML&Uuml;L&Uuml;Ğ&Uuml;:\n          </strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Alıcı, s&ouml;zleşme konusu mal/hizmeti teslim almadan &ouml;nce\n                muayene edecek; ezik, kırık, ambalajı yırtılmış vb. hasarlı ve\n                ayıplı mal/hizmeti kargo şirketinden teslim almayacaktır. Teslim\n                alınan mal/hizmetin hasarsız ve sağlam olduğu kabul edilecektir.\n                ALICI , Teslimden sonra mal/hizmeti &ouml;zenle korunmak\n                zorundadır. Cayma hakkı kullanılacaksa mal/hizmet\n                kullanılmamalıdır. &Uuml;r&uuml;nle birlikte Fatura da iade\n                edilmelidir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>CAYMA HAKKI:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                ALICI; satın aldığı &uuml;r&uuml;n&uuml;n kendisine veya\n                g&ouml;sterdiği adresteki kişi/kuruluşa teslim tarihinden\n                itibaren 14 (on d&ouml;rt) g&uuml;n i&ccedil;erisinde,\n                SATICI&rsquo;ya aşağıdaki iletişim bilgileri &uuml;zerinden\n                bildirmek şartıyla hi&ccedil;bir hukuki ve cezai sorumluluk\n                &uuml;stlenmeksizin ve hi&ccedil;bir gerek&ccedil;e\n                g&ouml;stermeksizin malı reddederek s&ouml;zleşmeden cayma\n                hakkını kullanabilir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                SATICININ CAYMA HAKKI BİLDİRİMİ YAPILACAK İLETİŞİM BİLGİLERİ:\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p3\">\n          <strong>ŞİRKET:MERVE BASIM YAYIN DAĞITIM SAN.TİC.LTD.ŞTİ</strong>\n        </p>\n        <p class=\"p3\">\n          <strong>\n            ADI/UNVANI: MERVEBAYİ\n            <br /> ADRES: MALTEPE MAH. LİTROS YOLU SOK. NO:12/160\n            ZEYTİNBURNU-İSTANBUL\n            <br /> EPOSTA:info@merveyayinevi.com\n            <br /> TEL: 444 1 775\n          </strong>\n        </p>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>CAYMA HAKKININ S&Uuml;RESİ:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Alıcı, satın aldığı eğer bir hizmet ise, bu 14 g&uuml;nl&uuml;k\n                s&uuml;re s&ouml;zleşmenin imzalandığı tarihten itibaren başlar.\n                Cayma hakkı s&uuml;resi sona ermeden &ouml;nce, t&uuml;keticinin\n                onayı ile hizmetin ifasına başlanan hizmet s&ouml;zleşmelerinde\n                cayma hakkı kullanılamaz.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Cayma hakkının kullanımından kaynaklanan masraflar SATICI&rsquo;\n                ya aittir.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Cayma hakkının kullanılması i&ccedil;in 14 (ond&ouml;rt)\n                g&uuml;nl&uuml;k s&uuml;re i&ccedil;inde SATICI' ya iadeli\n                taahh&uuml;tl&uuml; posta, faks veya eposta ile yazılı\n                bildirimde bulunulması ve &uuml;r&uuml;n&uuml;n işbu\n                s&ouml;zleşmede d&uuml;zenlenen \"Cayma Hakkı Kullanılamayacak\n                &Uuml;r&uuml;nler\" h&uuml;k&uuml;mleri\n                &ccedil;er&ccedil;evesinde kullanılmamış olması şarttır.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>CAYMA HAKKININ KULLANIMI:&nbsp;</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                3. kişiye veya ALICI&rsquo; ya teslim edilen\n                &uuml;r&uuml;n&uuml;n faturası, (İade edilmek istenen\n                &uuml;r&uuml;n&uuml;n faturası kurumsal ise, iade ederken\n                kurumun d&uuml;zenlemiş olduğu iade faturası ile birlikte\n                g&ouml;nderilmesi gerekmektedir. Faturası kurumlar adına\n                d&uuml;zenlenen sipariş iadeleri İADE FATURASI kesilmediği\n                takdirde tamamlanamayacaktır.)\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                İade formu, İade edilecek &uuml;r&uuml;nlerin kutusu, ambalajı,\n                varsa standart aksesuarları ile birlikte eksiksiz ve hasarsız\n                olarak teslim edilmesi gerekmektedir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>İADE KOŞULLARI:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                SATICI, cayma bildiriminin kendisine ulaşmasından itibaren en\n                ge&ccedil; 10 g&uuml;nl&uuml;k s&uuml;re i&ccedil;erisinde\n                toplam bedeli ve ALICI&rsquo;yı bor&ccedil; altına sokan\n                belgeleri ALICI&rsquo; ya iade etmek ve 20 g&uuml;nl&uuml;k\n                s&uuml;re i&ccedil;erisinde malı iade almakla\n                y&uuml;k&uuml;ml&uuml;d&uuml;r.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                ALICI&rsquo; nın kusurundan kaynaklanan bir nedenle malın\n                değerinde bir azalma olursa veya iade imk&acirc;nsızlaşırsa\n                ALICI kusuru oranında SATICI&rsquo; nın zararlarını tazmin\n                etmekle y&uuml;k&uuml;ml&uuml;d&uuml;r. Ancak cayma hakkı\n                s&uuml;resi i&ccedil;inde malın veya &uuml;r&uuml;n&uuml;n\n                usul&uuml;ne uygun kullanılması sebebiyle meydana gelen\n                değişiklik ve bozulmalardan ALICI sorumlu değildir.&nbsp;\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Cayma hakkının kullanılması nedeniyle SATICI tarafından\n                d&uuml;zenlenen kampanya limit tutarının altına\n                d&uuml;ş&uuml;lmesi halinde kampanya kapsamında faydalanılan\n                indirim miktarı iptal edilir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>CAYMA HAKKI KULLANILAMAYACAK &Uuml;R&Uuml;NLER:</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                ALICI&rsquo;nın isteği veya a&ccedil;ık&ccedil;a kişisel\n                ihtiya&ccedil;ları doğrultusunda hazırlanan ve geri\n                g&ouml;nderilmeye m&uuml;sait olmayan, i&ccedil; giyim alt\n                par&ccedil;aları, mayo ve bikini altları, makyaj malzemeleri,\n                tek kullanımlık &uuml;r&uuml;nler, &ccedil;abuk bozulma\n                tehlikesi olan veya son kullanma tarihi ge&ccedil;me ihtimali\n                olan mallar, ALICI&rsquo;ya teslim edilmesinin ardından ALICI\n                tarafından ambalajı a&ccedil;ıldığı takdirde iade edilmesi\n                sağlık ve hijyen a&ccedil;ısından uygun olmayan\n                &uuml;r&uuml;nler, teslim edildikten sonra başka\n                &uuml;r&uuml;nlerle karışan ve doğası gereği ayrıştırılması\n                m&uuml;mk&uuml;n olmayan &uuml;r&uuml;nler, Abonelik\n                s&ouml;zleşmesi kapsamında sağlananlar dışında, gazete ve dergi\n                gibi s&uuml;reli yayınlara ilişkin mallar, Elektronik ortamda\n                anında ifa edilen hizmetler veya t&uuml;keticiye anında teslim\n                edilen&nbsp;gayrimaddi&nbsp;mallar, ile ses veya\n                g&ouml;r&uuml;nt&uuml; kayıtlarının, kitap, dijital\n                i&ccedil;erik, yazılım programlarının, veri kaydedebilme ve veri\n                depolama cihazlarının, bilgisayar sarf malzemelerinin,\n                ambalajının ALICI tarafından a&ccedil;ılmış olması halinde\n                iadesi Y&ouml;netmelik gereği m&uuml;mk&uuml;n değildir. Ayrıca\n                Cayma hakkı s&uuml;resi sona ermeden &ouml;nce, t&uuml;keticinin\n                onayı ile ifasına başlanan hizmetlere ilişkin cayma hakkının\n                kullanılması da Y&ouml;netmelik gereği m&uuml;mk&uuml;n\n                değildir.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Kozmetik ve kişisel bakım &uuml;r&uuml;nleri, i&ccedil; giyim\n                &uuml;r&uuml;nleri, mayo, bikini, kitap, kopyalanabilir yazılım\n                ve programlar, DVD, VCD, CD ve kasetler ile kırtasiye sarf\n                malzemeleri (toner, kartuş, şerit vb.) iade edilebilmesi\n                i&ccedil;in ambalajlarının a&ccedil;ılmamış, denenmemiş,\n                bozulmamış ve kullanılmamış olmaları gerekir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p5\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>TEMERR&Uuml;T HALİ VE HUKUKİ SONU&Ccedil;LARI</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                ALICI, &ouml;deme işlemlerini kredi kartı ile yaptığı durumda\n                temerr&uuml;de d&uuml;şt&uuml;ğ&uuml; takdirde, kart sahibi\n                banka ile arasındaki kredi kartı s&ouml;zleşmesi\n                &ccedil;er&ccedil;evesinde faiz &ouml;deyeceğini ve bankaya\n                karşı sorumlu olacağını kabul, beyan ve taahh&uuml;t eder. Bu\n                durumda ilgili banka hukuki yollara başvurabilir; doğacak\n                masrafları ve vek&acirc;let &uuml;cretini ALICI&rsquo;dan talep\n                edebilir ve her koşulda ALICI&rsquo;nın borcundan dolayı\n                temerr&uuml;de d&uuml;şmesi halinde, ALICI, borcun gecikmeli\n                ifasından dolayı SATICI&rsquo;nın uğradığı zarar ve ziyanını\n                &ouml;deyeceğini kabul eder.\n              </strong>\n            </span>\n          </li>\n        </ol>\n        <p class=\"p2\">&nbsp;</p>\n        <p class=\"p3\">\n          <strong>&Ouml;DEME VE TESLİMAT</strong>\n        </p>\n        <ol class=\"ol1\">\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Banka Havalesi veya EFT (Elektronik Fon Transferi) yaparak,\n                ............, ........., bankası hesaplarımızdan (TL) herhangi\n                birine yapabilirsiniz.\n              </strong>\n            </span>\n          </li>\n          <li class=\"li4\">\n            <span class=\"s1\">\n              <strong>\n                Sitemiz &uuml;zerinden kredi kartlarınız ile, Her\n                t&uuml;rl&uuml; kredi kartınıza online tek &ouml;deme ya\n                da&nbsp;online taksit imk&acirc;nlarından yararlanabilirsiniz.\n                Online &ouml;demelerinizde siparişiniz sonunda kredi kartınızdan\n                tutar &ccedil;ekim işlemi ger&ccedil;ekleşecektir.\n              </strong>\n            </span>\n          </li>\n        </ol>\n      </div>\n    );\n  };\n\n  const styles = {\n    container: {\n      fontFamily: \"Arial, sans-serif\",\n      maxWidth: \"800px\",\n      margin: \"0 auto\",\n      marginTop: 30,\n      padding: \"20px\",\n      backgroundColor: \"#f9f9f9\",\n      border: \"1px solid #ddd\",\n      borderRadius: \"8px\",\n      color: \"#000\",\n    },\n    heading: {\n      textAlign: \"center\",\n      color: \"#333\",\n    },\n    section: {\n      marginBottom: \"20px\",\n      color: \"#000\",\n    },\n    subHeading: {\n      color: \"#555\",\n    },\n    contact: {\n      marginTop: \"40px\",\n      borderTop: \"1px solid #ddd\",\n      paddingTop: \"20px\",\n    },\n  };\n  React.useLayoutEffect(() => {\n    window.scrollTo(0, 0);\n  \n    return () => {\n    };\n  }, [])\n  return (\n    <>\n      <Header />\n      <div>\n        <CancellationAndRefundPolicy />\n      </div>\n      <BottomNav />\n      <Footer />\n    </>\n  );\n}\n","\nimport {createGlobalStyle } from 'styled-components'\n\nconst GlobalStyle = createGlobalStyle`\n  @import url('https://fonts.googleapis.com/css2?family=Comfortaa: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{\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    position:relative;\n    \n    width:100%;\n    .product-sorter{\n      position:absolute;\n      \n\n      top:-80px;\n      right:0px;\n      display:flex;\n      z-index:101;\n      \n\n    }\n  }\n  @media only screen and (max-width:1140px){\n    .productList-parent{\n      width:100%;\n    }\n  }\n  .unlimited-scroll{\n    align-items:center;\n    min-height:100vh;\n    max-height:100vh;\n    overflow:scroll;\n    -ms-overflow-style: none;  \n    scrollbar-width: none; \n    &::-webkit-scrollbar{\n      display: none;\n    }\n  }\n  .content-container{\n    position:relative;\n    flex-direction:column;\n    flex-wrap:wrap;\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  .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  .BILINMEYEN-FATURA{\n    background:#ff6348;\n  }\n  .YURT-ICI-SATIS-FATURASI{\n    background:#3ae374;\n  }\n  .TAHAKKUK{\n    background:#67e6dc;\n  }\n  .TAKSIT-VIRMAN{\n    background:#67e6dc;\n  }\n  .VIRMAN{\n    background:#67e6dc;\n  }\n  .home-slider{\n    margin-top:10px;\n    margin-bottom:30px;\n    width:100%;\n    position:relative;\n    .img{\n      height:50vh;\n      @media only screen and (max-width: 970px) {\n        height:unset;\n      }\n      position:relative;\n      &::after{\n        content:'';\n        position:absolute;\n        top:0;\n        left:0;\n        width:100%;\n        height:100%;\n        z-index:9100;\n      }\n      img{\n        height:100%;\n      }\n      @media only screen and (max-width: 970px) {\n        img{\n          height:unset;\n          width:100%;\n        }\n      }\n    }\n  }\n  .mobil-mb-15{margin-bottom:0;}\n  .mobil-hide{display:block;}\n  @media only screen and (max-width: 970px) {\n    .mobil-mb-15{margin-bottom:15px;}\n    .mobil-hide{display:none!important;}\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  const routes= await store.getState().auth.routes\n  \n  return await routes.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,{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\n// import ScrollButton from './components/Content/ScrollButton';\n\nimport NotFound from './views/NotFound'\n\n\nfunction App() {\n\n\n  const history=useHistory()\n  const [mainRoutes,setMainRoutes]=useState(null)\n\n  const getMainRoutes=()=>{\n    Routes.then(res=>{\n      setMainRoutes(res)\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  if(login && basket==null){\n    getCart().then(res=>{\n      dispatch(setBasket(res.data.data))\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\n  return (\n      <ThemeProvider theme={theme==='DarkTheme' ? DarkTheme : LightTheme}>\n        <GlobalStyle/>\n        <ToastContainer/>\n        {/* <ScrollButton/> */}\n\n            <Switch>\n\n              {\n                mainRoutes!=null ? listRoutes(mainRoutes) : <></>\n              }\n              \n              <Route path=\"*\" render={() => <NotFound/>} />\n            </Switch>\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:\n    localStorage.getItem(\"currency\") == \"TL\"\n      ? \"tr-TR\"\n      : localStorage.getItem(\"currency\") == \"$\"\n      ? \"en-US\"\n      : \"tr-TR\",\n  options: {\n    currency:\n      localStorage.getItem(\"currency\") == \"TL\"\n        ? \"TRY\"\n        : localStorage.getItem(\"currency\") == \"$\"\n        ? \"USD\"\n        : \"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            <App />\n          </StrictMode>\n        </BrowserRouter>\n      </IntlProvider>\n    </Provider>,\n    rootElement\n  );\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  );\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';\nimport mainlogo from '../../mainlogo.png'\nimport mastercard from \"../../master.png\";\nimport visacard from \"../../visa.jpeg\";\nimport iyzico from \"../../iyzico.png\";\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 [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<5 && 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      localStorage.clear();\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        console.log(response)\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        setTimeout(() => {\n          history.push('/')\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={loginIn}>\n        <Link to=\"/\" className=\"logo\">\n          <img src={mainlogo} />\n        </Link>\n        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            autoComplete=\"on\"\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        <Box\n          sx={{\n            display: \"flex\",\n            alignItems: \"center\",\n            \"& > :not(style)\": { m: 1 },\n          }}\n        >\n          <TextField\n            autoComplete=\"on\"\n            label=\"Şifre\"\n            value={password}\n            onChange={(e) => setPassword(e.target.value)}\n            autocomplete=\"on\"\n            variant=\"filled\"\n            type=\"password\"\n            style={{ marginTop: 11 }}\n          />\n        </Box>\n        <label>\n          <div style={{ color: \"#000!important\", background: \"#341f21\" }}>\n            {/* <p style={{color:'#fff',fontWeight:'bold'}}>UYGULAMA ÇEREZLERİNİZİ ve KİŞİSEL BİLGİLERİNİZİ KULLANMAZ,İZLEMEZ,TAKİP ETMEZ, YALNIZCA OTURUM AÇMANIZA YARDIMCI OLMAKTADIR!</p> */}\n          </div>\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          loadingPosition=\"start\"\n          type=\"submit\"\n          variant=\"contained\"\n          className=\"authBtn\"\n        >\n          Giriş Yap\n        </LoadingButton>\n        <div className=\"form-navigator\">\n          <Link style={{ color: \"#fff\" }} to=\"/kayit-ol\">\n            Kayıt Ol\n          </Link>\n          <a\n            style={{ color: \"#fff\" }}\n            target=\"_blank\"\n            // href=\"https://api.whatsapp.com/send?phone=+905072655325&text=Merhaba%20siteye%20giri%C5%9F%20yapmak%20i%C3%A7in%20kulland%C4%B1%C4%9F%C4%B1m%20parolam%C4%B1%20unuttum.%20Yard%C4%B1mc%C4%B1%20olabilir%20misiniz?\"\n            href=\"tel:+905551068206\"\n          >\n            Şifremi Unuttum\n          </a>\n          {/* <Link to=\"/sifremi-unuttum\" >Şifremi Unuttum</Link>   */}\n        </div>\n        <div\n          className=\"form-navigator\"\n          style={{ justifyContent: \"center\", alignItems: \"center\" }}\n        ></div>\n        <div class=\"ads\">\n          <img src={mastercard} height={45} />\n          <img src={visacard} height={40} />\n          <img src={iyzico} height={40} style={{marginLeft:20}} />\n        </div>\n      </form>\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';\n\nimport Footer from '../../components/Navigation/Footer';\n\nimport CookieConsent, { Cookies } from \"react-cookie-consent\";\nimport mainlogowhite from '../../mainlogowhite.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 site deneyimlerinizi kişiselleştirmek amacıyla KVKK ve GDPR uyarınca çerez(cookie) kullanmaktadır. Bu konu hakkında detaylı bilgi almak için çerez politikası ve aydınlatma metni sayfalarını gözden geçirebilirsiniz. Sitemizi kullanarak, çerezleri kullanmamızı kabul edersiniz.{\" \"}\n        <span style={{ fontSize: \"10px\" }}> &copy; Dehasoft 2023</span>\n      </CookieConsent> */}\n        \n\n        <LoginForm />\n\n      {/* <Footer/> */}\n    </AuthPage>\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({ items, openedBox, setOpenedBox, setCurrentIndex }) {\n  const carouselRef = useRef(null);\n  const dispatch = useDispatch();\n  let resetTimeout;\n  return (\n    <>\n      <Carousel\n        ref={carouselRef}\n        disableArrowsOnEnd={true}\n        pagination={true}\n        className=\"carousel-an-con\"\n        onChange={() => {\n          setCurrentIndex(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={item}\n            >\n              <img\n                onClick={() => setOpenedBox(!openedBox)}\n                className=\"detail-image\"\n                src={item+\"?va=\" + \"ordu=\"+5252}\n                style={{ cursor: \"pointer\" }}\n              />\n            </React.Fragment>\n          );\n        })}\n      </Carousel>\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 {\n  faMinus,\n  faPlus,\n  faTrash,\n  faArrowLeft,faArrowRight,\n  faTrashAlt,\n  faShoppingCart,\n} 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\";\n\nexport default function ProductDetail({ data }) {\n  const history = useHistory();\n  const [productImages, setProductImages] = useState(\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  const [count, setCount] = useState(1);\n  const [currency, setCurrency] = useState(null);\n  const dispatch = useDispatch();\n\n  const { addCart, getCart } = useCartRequests();\n\n  const getBasket = () => {\n    getCart().then((res) => {\n      dispatch(setBasket(res.data.data));\n    });\n  };\n\n  const increment = async () => {\n    if (!data.inStock) {\n      return;\n    }\n    addCart([{ id: data.id, count: count }])\n      .then((response) => {\n        toast.success(response.data.message);\n        setCount(1);\n        getBasket();\n      })\n      .catch((error) => {\n        if (error.response != undefined) {\n          toast.error(error.response.data.message);\n        }\n      });\n  };\n\n  const handleChange = async (e) => {\n    setCount(e.target.value);\n  };\n\n  const getCurrency = () => {\n    axios({\n      url: \"https://finans.truncgil.com/v3/today.json\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        \"Access-Control-Allow-Origin\": \"*\",\n        \"Access-Control-Allow-Methods\": \"GET,PUT,POST,DELETE,PATCH,OPTIONS\",\n      },\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(\n      data.images.map((x) => {\n        return { src: x, loading: \"lazy\", alt: \"deha\" };\n      })\n    );\n  }, [data]);\n\n  return (\n    <DetailContainer>\n      <Helmet>\n        <title>{data.title}</title>\n        <meta property=\"og:title\" content={data.title} />\n        <meta\n          property=\"og:description\"\n          content={data.description + data.description2 + data.description3}\n        />\n        <meta\n          property=\"og:image\"\n          content={\n            data.images != null\n              ? data.images[0]\n              : \"https://dehasoft.com.tr/images/LOGO-p-500.png\"\n          }\n        />\n        <meta property=\"og:url\" content={window.location.href} />\n        <meta property=\"og:type\" content=\"website\" />\n      </Helmet>\n      <div className=\"detail-header\">\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.code}</h1> \n        </div> */}\n      </div>\n\n      <div className=\"product\" style={{ position: \"relative\" }}>\n        <div className=\"product-image\" style={{ position: \"relative\" }}>\n          {data.stickerImage != \"\" && (\n            <img\n              src={data.stickerImage + \"?ordu=\" + 5252}\n              className=\"sticker\"\n              onClick={() => history.push(\"/kampanyali-urunler\")}\n            />\n          )}\n          <Lightbox\n            isOpen={openedBox}\n            onPrev={gotoPrevious}\n            onNext={gotoNext}\n            images={productImages}\n            currentIndex={currentImageIndex}\n            renderHeader={() => (\n              <button\n                onClick={() => setOpenedBox(false)}\n                style={{\n                  position: \"fixed\",\n                  fontSize: 22,\n                  fontWeight: \"bold\",\n                  color: \"#fff\",\n                  boxShadow: \"0px 0px 19px #000\",\n                  outline: \"none\",\n                  border: \"none\",\n                  zIndex: 999,\n                  padding: 10,\n                  paddingLeft: 20,\n                  paddingRight: 20,\n                  right: 150,\n                  width: 200,\n                  background: \"#341f21\",\n                }}\n              >\n                X\n              </button>\n            )}\n            onClose={() => setOpenedBox(false)}\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            style={{ background: \"rgba(0,0,0,.8)\" }}\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            currentImageIndex={currentImageIndex}\n            setCurrentIndex={setCurrentIndex}\n            setOpenedBox={setOpenedBox}\n            items={data.images}\n          />\n        </div>\n\n        <div\n          className={\n            \"product-store \" + (data.inStock == false ? \"notstock\" : \"\")\n          }\n        >\n          <div className=\"product-stock\">{data.stockText}</div>\n          <div className=\"product-barcode\">{data.code}</div>\n\n          <div className=\"product-title\" style={{ marginTop: 20 }}>\n            {data.title}\n          </div>\n\n          <div className=\"product-colors\"></div>\n\n          <div className=\"price-list\">\n            {/* <div className=\"product-price adet\">\n              BİRİM FİYATI {data.price.toFixed(2)} {localStorage.getItem(\"currency\")}\n            </div> */}\n            {data.salePrice != data.listPrice ? (\n              <div\n                className=\"product-price list-price\"\n                style={{ marginLeft: 20 }}\n              >\n                <Currency>{data.listPrice * count}</Currency>{\" \"}\n              </div>\n            ) : (\n              <></>\n            )}\n\n            {localStorage.getItem(\"mervebayitoken\") != null ? (\n              <div\n                className=\"product-price\"\n                style={{ marginLeft: 20, marginTop: 60 }}\n              >\n                <Currency>{data.salePrice * count}</Currency>{\" \"}\n              </div>\n            ) : (\n              <>\n                <p\n                  style={{\n                    fontWeight: \"normal\",\n                    fontSize: 12,\n                    color: \"#000\",\n                    textAlign: \"center\",\n                  }}\n                >\n                  Fiyatları görmek için{\" \"}\n                  <strong onClick={() => history.push(\"/giris-yap\")}>\n                    Giriş\n                  </strong>{\" \"}\n                  yapın.\n                </p>\n                <Button\n                  onClick={() => setCount(count * 1 + 1)}\n                  style={{ color: \"green\" }}\n                >\n                  Giriş Yap\n                </Button>\n              </>\n            )}\n          </div>\n\n          {localStorage.getItem(\"mervebayitoken\") != null && (\n            <div style={{ marginTop: -60 }}>\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                    color=\"#fff\"\n                    icon={data.quantity == 1 ? faTrashAlt : faMinus}\n                  />{\" \"}\n                </Button>\n\n                <input type=\"text\" onChange={handleChange} value={count} />\n\n                <Button\n                  variant=\"contain\"\n                  onClick={() => setCount(count * 1 + 1)}\n                  className=\"buttons\"\n                >\n                  <FontAwesomeIcon icon={faPlus} color=\"#fff\" />{\" \"}\n                </Button>\n              </div>\n\n              <div className=\"add-basket\">\n                <Button style={{color:'#fff'}} onClick={increment} variant=\"contain\">\n                  {\" \"}\n                  <span>\n                    <FontAwesomeIcon icon={faShoppingCart} />\n                  </span>{\" \"}\n                  {count} {data.usedUnit}{\" \"}\n                  {data.usedUnit != \"ADET\"\n                    ? \"(\" + data.unit2coefficient + \")\"\n                    : \"\"}{\" \"}\n                  Sepete Ekle\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"product-information\">\n        <h3 style={{ marginBottom: 50, fontWeight: \"bold\" }}>\n          Ürün Açıklaması\n        </h3>\n\n        <div\n          dangerouslySetInnerHTML={{\n            __html: (data.eTradeDescription || \"\")\n              .replace(\"<[OZELLIK]>\", \"\")\n              .replace(\"<[ACIKLAMA]>\", \"\")\n              .replace(\"<[TARIF]>\", \"\")\n              .replace(\"<[SURELER]>\", \"\"),\n          }}\n          className=\"html-desc\"\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:Math.floor(Math.random()*15)+Math.floor(Math.random()*20),count:10,sort:\"date\",sortedBy:Math.floor(Math.random()*10)%2==0 ? \"desc\":\"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      <Header />\n\n      {product == null ? (\n        <div className=\"loader\">\n          <Helmet>\n            <title>Yükleniyor...</title>\n          </Helmet>\n          <Sentry color={\"#be1d2c\"} size={230} />\n        </div>\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        <SlideProductContainer width={\"90%\"} left={\"5%\"}>\n          <h1 onClick={() => history.push(\"/kesfet\")}>Keşfet</h1>\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, 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((res.data.data.htmlContent));\n        console.log(\"res\",res.data.data.htmlContent);\n      })\n      .catch((err) => {\n        setPaymentError(\n          \"Beklenmedik bir hata oluştu. Tekrar denemek için aşağıdaki butona tıklayabilirsiniz.\"\n        );\n      });\n      console.log(\"first\")\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:\n        selectedTab == \"transfer\"\n          ? 3\n          : selectedTab == \"cek\"\n          ? 6\n          : selectedTab == \"mail\"\n          ? 7\n          : 5, //2 kredi kartı , 4 nakit\n      orderNote: note,\n      products: cart.map((x) => {\n        return {\n          productId: x.productId,\n          unit: x.usedUnit,\n          quantity: x.quantity,\n        };\n      }),\n    })\n      .then((response) => {\n        removeCart();\n        dispatch(setBasket(null));\n        toast.update(loader, {\n          render: response.data.message,\n          type: \"success\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n        history.push(\"/odeme-basarili\");\n      })\n      .catch((error) => {\n        toast.update(loader, {\n          render: \"HATA\" + JSON.stringify(error.response),\n          type: \"error\",\n          isLoading: false,\n          autoClose: 3000,\n          hideProgressBar: false,\n          closeOnClick: true,\n          pauseOnHover: true,\n          pauseOnFocusLoss: false,\n          draggable: true,\n        });\n      });\n  };\n\n  const goHome = () => {\n    history.push(\"/\");\n  };\n\n  const handleCopyIban = (iban = \"IBANBULUNAMADI\") => {\n    const loader = toast.loading(\"IBAN numarası kopyalanıyor...\", {\n      position: toast.POSITION.BOTTOM_RIGHT,\n      isLoading: true,\n      closeOnClick: false,\n      pauseOnHover: false,\n      pauseOnFocusLoss: false,\n      draggable: false,\n    });\n    toast.update(loader, {\n      render: \"IBAN numarası başarı ile kopyalandı\",\n      type: \"success\",\n      isLoading: false,\n      autoClose: 3000,\n      hideProgressBar: false,\n      closeOnClick: true,\n      pauseOnHover: true,\n      pauseOnFocusLoss: false,\n      draggable: true,\n    });\n    setCopied(true);\n  };\n\n  const getPaymentButton = () => {\n    if (selectedTab == \"transfer\") {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"cari\") {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"mail\") {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else if (selectedTab == \"cek\") {\n      return (\n        <button className=\"payment send\" onClick={createNewOrder}>\n          <FontAwesomeIcon icon={faCheck} /> <span>Siparişi Gönder</span>\n        </button>\n      );\n    } else {\n      return;\n    }\n  };\n\n  return (\n    <CartContainer>\n      <div\n        className=\"list\"\n        style={{ alignItems: \"flex-start\", display: \"flex\" }}\n      >\n        <ul style={{ width: \"95%\" }}>\n          <li className=\"title\">\n            <h1>\n              {\" \"}\n              <FontAwesomeIcon icon={faCreditCard} /> Ödeme Yöntemleri{\" \"}\n            </h1>\n            {/* {\n              cart!=null && cart.length>0 ?\n              <div className='removeAll'>\n                <span onClick={()=>{\n                  removeCart()\n                }}><FontAwesomeIcon icon={faTrashAlt} /></span>\n              </div>\n              : <></>\n            } */}\n          </li>\n          {cart == null || cart.length < 1 ? (\n            <li className=\"empty-cart\">\n              <h1>Sepetiniz Boş </h1>\n              <button className=\"payment\" onClick={() => goHome()}>\n                Alışverişe Devam Et <FontAwesomeIcon icon={faShoppingBasket} />\n              </button>\n            </li>\n          ) : (\n            <div className=\"payment-tabs\">\n              <div\n                onClick={() => setSelectedTab(\"cari\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"cari\" ? \" active\" : \"\")\n                }\n              >\n                Cari Hesap\n              </div>\n              <div\n                onClick={() => setSelectedTab(\"transfer\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"transfer\" ? \" active\" : \"\")\n                }\n              >\n                Havale/Eft\n              </div>\n              <div\n                onClick={() => setSelectedTab(\"card\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"card\" ? \" active\" : \"\")\n                }\n              >\n                Kredi Kartı\n              </div>\n\n              {/* <div\n                onClick={() => setSelectedTab(\"mail\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"mail\" ? \" active\" : \"\")\n                }\n              >\n                Mail Order\n              </div> */}\n\n              {/* <div\n                onClick={() => setSelectedTab(\"cek\")}\n                className={\n                  \"payment-tab \" + (selectedTab == \"cek\" ? \" active\" : \"\")\n                }\n              >\n                Çek ile Ödeme\n              </div> */}\n\n            </div>\n          )}\n\n          <div\n            className=\"bank-cards\"\n            style={{\n              display: selectedTab == \"transfer\" ? \"block\" : \"none\",\n            }}\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.accountNumber} </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          <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              <>\n                <div dangerouslySetInnerHTML={{ __html: paymentForm }} />\n              </>\n            )}\n          </div>\n        </ul>\n      </div>\n\n      <div className=\"finally\" style={{ display: \"flex\" }}>\n        <div className=\"prod-list\">\n          <img\n            style={{ width: \"100%\" }}\n            src={mainLogo}\n            alt=\"Mainlogo\"\n            className=\"mobil-hide\"\n          />\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: Math.floor(Math.random() * 15) + Math.floor(Math.random() * 20),\n        count: 10,\n        sort: \"date\",\n        sortedBy: Math.floor(Math.random() * 10) % 2 == 0 ? \"desc\" : \"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"],"sourceRoot":""}