{"version":3,"sources":["modules/Navigation/index.js","views/PageNotFound.js","modules/Auth/index.js","base.js","axios/API.js","redux/actions/cartAction.js","components/HomeCartView/index.js","components/MobileMenu/index.js","modules/mediaQuery/index.js","axios/LoginService.js","ServerRequest/index.js","redux/actions/LoginAction.js","utils/Validator/index.js","utils/Validator/rule/index.js","components/LoadingButton/index.js","components/LoginRegisterModal/LoginForm.js","redux/actions/RegisterAction.js","components/LoginRegisterModal/RegisterForm.js","components/LoginRegisterModal/index.js","components/NavBar/NavBar.js","redux/actions/langAction.js","redux/actions/CurrencyAction.js","components/NavBar/NavBarContainer.js","components/Footer/index.js","layouts/BaseLayout.js","axios/ProductService.js","redux/actions/productAction.js","axios/SliderService.js","components/HomeBanner/index.js","axios/CategoryService.js","components/Heading/index.js","components/CategoryBanner/CategoryBanner.js","components/Products/color-slider.js","components/Products/SingleProduct.js","components/Products/NewArrivals.js","components/Products/BestSeller.js","components/Benefit/index.js","components/Advertisement/index.js","views/Home/Home.js","views/Home/HomeContainer.js","views/Product/SingleProduct.js","redux/actions/variantsAction.js","views/Product/SingleProductContainer.js","redux/actions/categoryAction.js","views/Category/components/product-grid-skeleton.js","views/Category/Category.js","views/Category/CategoryContainer.js","views/Cart/CartItem.js","axios/cartService.js","views/Cart/Cart.js","routes/HomeRoutes.js","views/Cart/CartContainer.js","axios/OrdersService.js","redux/actions/OrdersAction.js","components/orders/info-card.js","components/orders/single-order.js","views/orders/Orders.js","routes/PrivateRoutes.js","views/orders/OrdersContainer.js","routes/index.js","App.js","serviceWorker.js","redux/reducers/LoginReducer.js","redux/reducers/RegisterReducer.js","redux/actions/DepartmentAction.js","redux/reducers/DepartmentReducer.js","redux/reducers/productReducer.js","redux/reducers/variantsReducer.js","redux/reducers/cartReducer.js","redux/reducers/categoryReducer.js","redux/reducers/langReducer.js","redux/reducers/CurrencyReducer.js","redux/reducers/OrdersReducer.js","redux/reducers/index.js","redux/store/index.js","index.js","assets/images/emptyCart.png","assets/images/logo_bg.png","assets/images/deal_ofthe_week.png","assets/images/empty_cart.png"],"names":["history","registerNav","ref","console","error","jumpTo","uri","push","PageNotFound","props","state","className","href","Component","this","user_token","JSON","parse","localStorage","getItem","token","user","id","new_token","setItem","stringify","removeItem","BASE_URL_SHORT","process","REACT_APP_API_KEY","TOKEN","authStorage","_headers","Authorization","configs","baseURL","httpsAgent","https","Agent","rejectUnauthorized","headers","instance","axios","create","defaults","common","interceptors","response","use","data","success","log","status","toast","type","result","message","postCart","productId","count","_color","price","image","en_name","ar_name","dispatch","POST_CART_BEGIN","items","parseInt","sub","product","subTotal","color","_products","products","_product","filter","e","index","indexOf","undefined","_sub","splice","_total","reduce","acc","a","_totalQty","total","totalQty","POST_CART_SUCCESS","payload","removeProductFromCart","REMOVE_PRODUCT_FROM_CART_BEGIN","REMOVE_PRODUCT_FROM_CART_SUCCESS","CLEAR_CART","GET_CART_BY_USERID_BEGIN","GET_CART_BY_USERID_SUCCESS","GET_CART_BY_USERID_FAIL","HomeCartView","goToChechout","cart","window","setState","Modal","Header","style","direction","lang","textAlign","display","gap","justifyContent","alignItems","Title","fontSize","minWidth","Object","keys","length","onClick","Body","src","EmptyCart","map","key","alt","flexDirection","background","width","borderRadius","height","border","Button","backgroundColor","borderColor","size","marginTop","connect","MobileMenu","clear","activeClass","onClose","aria-hidden","to","setLanguage","setCurrency","currency","Auth","getUserDetails","getToken","name","logout","loginClicked","device","min","mobileS","mobileM","mobileL","tablet","tabletL","laptop","laptopL","desktop","desktopL","max","LoginService","_email","_password","email","password","fcm_token","post","then","resp","new_user","setUserToken","catch","v_pasword","address","c_password","api","login","Login","register","Register","LOGIN_BEGIN","LOGIN_SUCCESS","LOGIN_FAIL","minLengthValidator","value","minLength","maxLengthValidator","maxLength","requiredValidator","trim","emailValidator","test","String","toLowerCase","validate","rules","isValid","rule","DEFAULT_RULE","isRequired","EMAIL_RULE","isEmail","LoadingButton","classNames","loading","disabled","children","defaultProps","LoginForm","handleChange","target","handleSubmit","Validator","userLogin","res","location","reload","placeholder","onChange","autoComplete","forgotPasswordClicked","registerClicked","cursor","mapDispatchToProps","login_loading","login_error","POST_REGISTER_BEGIN","POST_REGISTER_SUCCESS","POST_REGISTER_FAIL","RegisterForm","v_password","userRegister","register_loading","register_error","LoginRegister","showlogin","aria-labelledby","centered","onHide","NavBar","showHideModal","modalShow","showLoginHideModal","loginShow","handleMenuClicked","activeclass","preventDefault","setLang","activeLink","includes","logo","float","bind","marginBottom","marginRight","query","show","getLang","GET_LANG","SET_LANG","getCurrency","GET_Currency","SET_Currency","curr","Footer","BaseLayout","handleScroll","event","scrollY","topHaderClass","scrollTo","addEventListener","removeEventListener","NavBarContainer","ProductService","get","params","APPLY_FILTERS_BEGIN","APPLY_FILTERS_SUCCESS","APPLY_FILTERS_FAIL","SEARCH_BEGIN","SEARCH_SUCCESS","SEARCH_FAIL","GET_ALL_PRODUCTS_BEGIN","GET_ALL_PRODUCTS_SUCCESS","GET_ALL_PRODUCTS_FAIL","GET_PRODUCT_BEGIN","GET_PRODUCT_SUCCESS","GET_PRODUCT_FAIL","GET_PRODUCTS_BY_CATEGORY_BEGIN","GET_PRODUCTS_BY_CATEGORY_SUCCESS","GET_PRODUCTS_BY_CATEGORY_FAIL","GET_NEW_ARRIVAL_PRODUCT_BEGIN","GET_NEW_ARRIVAL_PRODUCT_SUCCESS","GET_NEW_ARRIVAL_PRODUCT_FAIL","SliderService","HomeBanner","useState","sliders","setSliders","useEffect","GetSlider","Carousel","slide","Item","backgroundImage","data-aos","en_title","en_title1","CategoryService","Heading","title","CategoryBanner","categories","setCategories","searchedCats","setSearchedCats","GetCategories","_val","_cats","name_a","cat","fontWeight","textDecoration","product_count","ColorSlider","colors","selectedColor","onColorClick","useKeenSlider","mode","slides","perView","spacing","rtl","sliderRef","boxShadow","SingleProduct","productItem","initialColorFromCart","setColor","qty","setQty","isProductAddedToCart","isProductAdded","setIsproductAdded","curProd","el","toString","onAddClicked","curColor","selling_price","images","path","source","lineHeight","padStart","Benefit","Advertisement","days","hours","sec","interval","setInterval","date","calculateCountdown","stop","endDate","diff","Date","timeLeft","years","millisec","Math","floor","clearInterval","countDown","DEALOFWEEK","addLeadingZeros","getTime","Home","addToBag","applyFilters","filter_string","API","method","url","getQuantity","cartItems","quantity","addToFav","addToFavorite","fav","er","handleThumbnailClick","item","pic","imagePath","selectedSize","_id","cartItem","pathname","split","slice","onRemoveClicked","productInCart","bigImage","handleImageClick","getProduct","getVariantsByProductId","prevProps","prevState","class","marginLeft","category","textTransform","name_en","name_ar","brand","en_availability","ar_availability","en_description","ar_description","paddingRight","paddingLeft","code","entity","depth","fontWeigh","paddingTop","visibility","position","left","right","GET_VARIANTS_QUERY_BEGIN","GET_VARIANTS_QUERY_SUCCESS","GET_VARIANTS_QUERY_FAIL","GetProduct","variants","variant","GET_ALL_CATEGORIES_BEGIN","GET_ALL_CATEGORIES_SUCCESS","GET_ALL_CATEGORIES_FAIL","GET_CATEGORY_BEGIN","GET_CATEGORY_SUCCESS","GET_CATEGORY_FAIL","ProductGridSkeleton","paddingBottom","Category","getProuctInitialColorFromCart","getDefaultCategory","Array","isArray","selected","filteredProducts","active","URLSearchParams","search","pageIndex","pageLength","productLoading","getAllCategories","catIdFromUrl","getAllProducts","category_id","persist","debounce","handleInputChange","options","values","labelField","valueField","searchable","searchBy","separator","showModal","last_page","current_page","newValue","from","_","i","withRouter","GetAllProducts","CartItem","handleClick","removeProduct","margin","CartService","Cart","setAddress","val","setCoupon","coupon","setName","recipient_name","setPhone","recipient_phone","setNotes","recipient_notes","checkout","payment_method","CheckOut","clearCart","GuestCheckOut","maxHeight","maxWidth","routes","exact","layout","component","SingleProductContainer","CategoryContainer","OrdersService","GET_ORDERS_BY_USERID_BEGIN","GET_ORDERS_BY_USERID_SUCCESS","GET_ORDERS_BY_USERID_FAIL","InfoCard","elements","element","SingleOrder","padding","overflowY","order","order_status","latitude","longitude","flexWrap","minHeight","payment_manually","Orders","toggleOrderModalState","newOrder","showOrder","selectedOrder","orders","pageSize","getMyOrders","meta","PrivateRoutes","GetMyOrders","PrivateRouter","Routes","createBrowserHistory","HomeRoutes","homeRoute","privateRoute","Redirect","App","AOS","init","Boolean","hostname","match","initialState","GET_DEPARTMENTS_BEGIN","GET_DEPARTMENTS_SUCCESS","GET_DEPARTMENTS_FAIL","departments","newArrivalProducts","combineReducers","department","action","signin_loading","per_page","middlewares","thunk","composeEnhancers","__REDUX_DEVTOOLS_EXTENSION_COMPOSE__","compose","store","createStore","rootReducer","applyMiddleware","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","registration","unregister","module","exports"],"mappings":"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","file":"static/js/main.b3774b9f.chunk.js","sourcesContent":["let history;\r\nexport const registerNav = (ref) => {\r\n  if (ref && ref.history) {\r\n    history = ref.history;\r\n  } else {\r\n    console.error(\"Invalid ref object or missing history property\");\r\n  }\r\n};\r\n\r\nconst jumpTo = (uri) => {\r\n  history.push(uri);\r\n};\r\nexport const go = (uri) => {\r\n  history.go(uri);\r\n};\r\nexport default jumpTo;\r\n","import React, {Component} from 'react';\r\n\r\nclass PageNotFound extends Component {\r\n  constructor (props) {\r\n    super (props);\r\n    this.state = {};\r\n  }\r\n  render () {\r\n    return (\r\n      <div className=\"container error-container\">\r\n        <div className=\"row  d-flex align-items-center justify-content-center\">\r\n          <div className=\"col-md-12 text-center\">\r\n            <h1 className=\"big-text\">Oops!</h1>\r\n            <h2 className=\"small-text\">404 - PAGE NOT FOUND</h2>\r\n          </div>\r\n          <div className=\"col-md-6  text-center\">\r\n            <p>\r\n              The page you are looking for might have been removed had its name\r\n              changed or is temporarily unavailable.\r\n            </p>\r\n\r\n            <a\r\n              href=\"/\"\r\n              className=\"home-page-button button-dark-blue iq-mt-15 text-center\"\r\n            >\r\n              GOTO HOME PAGE\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default PageNotFound;\r\n","\r\n\r\nclass Auth {\r\n  constructor() {\r\n    this.user_token = JSON.parse(localStorage.getItem(\"auth\")) || {};\r\n  }\r\n  getToken() {\r\n    return this.user_token.token;\r\n  }\r\n  getUserId() {\r\n    return this.user_token.user?.id;\r\n  }\r\n\r\n  getUserDetails() {\r\n    return this.user_token.user;\r\n  }\r\n\r\n  setUserToken(new_token) {\r\n    this.user_token = new_token;\r\n    localStorage.setItem(\"auth\", JSON.stringify(new_token));\r\n  }\r\n  logout() {\r\n    localStorage.removeItem(\"auth\");\r\n    localStorage.removeItem(\"cart\");\r\n  }\r\n}\r\nexport default new Auth();\r\n","export const BASE_URL = process.env.REACT_APP_BASE_URL;\r\nexport const BASE_URL_SHORT = process.env.REACT_APP_BASE_URL_SHORT;\r\nexport const API_KEY = process.env.REACT_APP_API_KEY;\r\nexport const TOKEN = process.env.TOKEN;\r\n","import axios from \"axios\";\r\nimport https from \"https\";\r\nimport { AxiosRequestConfig } from \"axios/index\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst authStorage = localStorage.getItem(\"auth\");\r\nconst token = authStorage ? JSON.parse(authStorage).token ?? null : null;\r\nconst _headers = {\r\n  Authorization: token ? `Bearer ${token}` : null,\r\n};\r\n\r\nconst configs = {\r\n  baseURL: process.env.REACT_APP_BASE_URL,\r\n  httpsAgent: new https.Agent({\r\n    rejectUnauthorized: false,\r\n  }),\r\n  headers: _headers,\r\n};\r\nconst instance = axios.create(configs);\r\ninstance.defaults.headers.common[\"Content-Type\"] =\r\n  \"application/json;charset=utf-8\";\r\n// instance.defaults.timeout = 2500;\r\n\r\ninstance.interceptors.response.use(\r\n  (response) => {\r\n    if (!response.data.success) {\r\n      let result = response.data;\r\n      return result;\r\n    }\r\n    return response;\r\n  },\r\n  (error) => {\r\n    console.log(error);\r\n    if (error.response.status === 401) {\r\n      toast(\"You're unauthorized to do this!\", {\r\n        type: \"error\",\r\n      });\r\n    } else if (error.response.status === 403) {\r\n      toast(\"Session expired! Please login again.\", {\r\n        type: \"error\",\r\n      });\r\n    } else {\r\n      if (!error.response.data.success) {\r\n        let result = error.response.data;\r\n        console.log(result);\r\n        toast(result.message, {\r\n          type: \"error\",\r\n        });\r\n      }\r\n    }\r\n  }\r\n);\r\n\r\nexport default instance;\r\n","import API from \"../../axios/API\";\r\nimport Auth from \"../../modules/Auth\";\r\n\r\nexport const getCartByUserId = () => (dispatch) => {\r\n  let userId = Auth.getUserId();\r\n  dispatch({\r\n    type: GET_CART_BY_USERID_BEGIN,\r\n  });\r\n  return API({\r\n    method: \"GET\",\r\n    url: `users/${userId}/cart`,\r\n  })\r\n    .then((res) => {\r\n      dispatch({\r\n        type: GET_CART_BY_USERID_SUCCESS,\r\n        payload: res,\r\n      });\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: GET_CART_BY_USERID_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\nexport const clearCart = () => (dispatch) => {\r\n  dispatch({\r\n    type: CLEAR_CART,\r\n  });\r\n};\r\nexport const postCart =\r\n  (productId, count, _color, price, image, en_name, ar_name) => (dispatch) => {\r\n    dispatch({\r\n      type: POST_CART_BEGIN,\r\n    });\r\n    let items = JSON.parse(localStorage.getItem(\"cart\")) || {};\r\n    count = parseInt(count);\r\n    if (JSON.stringify(items) == \"{}\") {\r\n      let sub = parseInt(price) * parseInt(count);\r\n      let product = {\r\n        id: productId,\r\n        en_name: en_name,\r\n        ar_name: ar_name,\r\n        count: count,\r\n        price: parseInt(price),\r\n        subTotal: sub,\r\n        color: _color,\r\n        image: image,\r\n      };\r\n      let _products = [];\r\n      _products.push(product);\r\n      items = {\r\n        products: _products,\r\n      };\r\n    } else {\r\n      console.log(items);\r\n      let products = items.products;\r\n      let _product = products.filter(\r\n        (e, index) => e.id == productId && e.color === _color\r\n      )[0];\r\n      let index = products.indexOf(_product);\r\n      if (_product !== undefined) {\r\n        _product.count = parseInt(count);\r\n        let _sub = parseInt(price) * parseInt(count);\r\n        _product.subTotal = _sub;\r\n        _product.count = count;\r\n        products.splice(index, 1, _product);\r\n      } else {\r\n        let _sub = parseInt(price) * parseInt(count);\r\n        let product = {\r\n          id: productId,\r\n          en_name: en_name,\r\n          ar_name: ar_name,\r\n          count: count,\r\n          price: parseInt(price),\r\n          subTotal: _sub,\r\n          color: _color,\r\n          image: image,\r\n        };\r\n        products.push(product);\r\n      }\r\n      items.products = products;\r\n    }\r\n    let _total = items.products.reduce((acc, a) => acc + a.subTotal, 0);\r\n    let _totalQty = items.products.reduce((acc, a) => acc + a.count, 0);\r\n    items.total = _total;\r\n    items.totalQty = _totalQty;\r\n    dispatch({\r\n      type: POST_CART_SUCCESS,\r\n      payload: items,\r\n    });\r\n    localStorage.setItem(\"cart\", JSON.stringify(items));\r\n  };\r\n\r\nexport const removeProductFromCart = (productId, _color) => (dispatch) => {\r\n  dispatch({\r\n    type: REMOVE_PRODUCT_FROM_CART_BEGIN,\r\n  });\r\n  let items = JSON.parse(localStorage.getItem(\"cart\")) || {};\r\n  if (items && items.products) {\r\n    let _product = items.products.filter(\r\n      (e, index) => e.id === productId && e.color === _color\r\n    )[0];\r\n    let index = items.products.indexOf(_product);\r\n    if (_product) {\r\n      items.products.splice(index, 1);\r\n\r\n      let _total = items.products.reduce((acc, a) => acc + a.subTotal, 0);\r\n      let _totalQty = items.products.reduce((acc, a) => acc + a.count, 0);\r\n      items.total = _total;\r\n      items.totalQty = _totalQty;\r\n      console.log(items);\r\n\r\n      dispatch({\r\n        type: REMOVE_PRODUCT_FROM_CART_SUCCESS,\r\n        payload: items,\r\n      });\r\n      localStorage.setItem(\"cart\", JSON.stringify(items));\r\n    }\r\n  }\r\n};\r\n\r\nexport const POST_CART_BEGIN = \"POST_CART_BEGIN\";\r\nexport const POST_CART_SUCCESS = \"POST_CART_SUCCESS\";\r\nexport const POST_CART_FAIL = \"POST_CART_FAIL\";\r\nexport const CLEAR_CART = \"CLEAR_CART\";\r\n\r\nexport const GET_CART_BY_USERID_BEGIN = \"GET_CART_BY_USERID_BEGIN\";\r\nexport const GET_CART_BY_USERID_SUCCESS = \"GET_CART_BY_USERID_SUCCESS\";\r\nexport const GET_CART_BY_USERID_FAIL = \"GET_CART_BY_USERID_FAIL\";\r\n\r\nexport const REMOVE_PRODUCT_FROM_CART_BEGIN = \"REMOVE_PRODUCT_FROM_CART_BEGIN\";\r\nexport const REMOVE_PRODUCT_FROM_CART_SUCCESS =\r\n  \"REMOVE_PRODUCT_FROM_CART_SUCCESS\";\r\n","import React, { Component } from \"react\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport \"./style.css\";\r\nimport Auth from \"../../modules/Auth\";\r\nimport EmptyCart from \"../../assets/images/emptyCart.png\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport { connect } from \"react-redux\";\r\nimport { BASE_URL_SHORT } from \"../../base\";\r\nimport { removeProductFromCart } from \"../../redux/actions/cartAction\";\r\n\r\nclass HomeCartView extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      cart: {},\r\n    };\r\n  }\r\n  goToChechout = () => {\r\n    jumpTo(\"/cart\");\r\n  };\r\n  componentDidMount() {\r\n    if (typeof window !== \"undefined\") {\r\n      this.setState({ cart: JSON.parse(window.localStorage.getItem(\"cart\")) });\r\n    }\r\n  }\r\n  render() {\r\n    const products = this.props.cart.cart.products;\r\n    const total = this.props.cart.cart.total;\r\n    const totalQty = this.props.cart.cart.totalQty;\r\n    return (\r\n      <Modal {...this.props} className={\"right\"}>\r\n        <Modal.Header\r\n          style={{\r\n            direction: this.props.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n            textAlign: this.props.lang == \"en\" ? \"left\" : \"right\",\r\n            display: \"flex\",\r\n            gap: \"10px\",\r\n            justifyContent: \"space-between\",\r\n            alignItems: \"center\",\r\n          }}\r\n        >\r\n          <Modal.Title\r\n            style={{\r\n              fontSize: this.props.lang == \"en\" ? \"24px\" : \"20px\",\r\n              minWidth: \"fit-content\",\r\n            }}\r\n          >\r\n            {this.props.lang == \"en\" ? `Your Cart` : `سلة المنتجات`}\r\n          </Modal.Title>\r\n          {products !== undefined &&\r\n            products !== null &&\r\n            Object.keys(products).length > 0 && (\r\n              <span\r\n                className=\"checkout--btn\"\r\n                onClick={() => this.goToChechout()}\r\n              >\r\n                {this.props.lang == \"en\" ? `checkout` : `تأكيد الطلب`}\r\n              </span>\r\n            )}\r\n        </Modal.Header>\r\n        <Modal.Body\r\n          className=\"modal-body-content\"\r\n          style={{\r\n            direction: this.props.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n            textAlign: this.props.lang == \"en\" ? \"left\" : \"right\",\r\n          }}\r\n        >\r\n          <div>\r\n            {products !== undefined &&\r\n            products !== null &&\r\n            Object.keys(products).length > 0 ? null : (\r\n              <div className=\"empty--basket\">\r\n                <img src={EmptyCart} className=\"img-fluid\" />\r\n                <h4 style={{ textAlign: \"center\" }}>\r\n                  {this.props.lang == \"en\" ? `Empty cart` : `السلة فارغة`}\r\n                </h4>\r\n              </div>\r\n            )}\r\n          </div>\r\n\r\n          {products !== undefined &&\r\n            products !== null &&\r\n            Object.keys(products).map((id) => {\r\n              return (\r\n                <div key={id} className=\"basket--item\">\r\n                  <div className=\"basket--item--img\">\r\n                    <img\r\n                      src={`${BASE_URL_SHORT}/upload/${products[id].image}`}\r\n                      alt=\"\"\r\n                    />\r\n                  </div>\r\n                  <div className=\"basket--item--details\">\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        gap: \"8px\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      <div className=\"basket--item--title\">\r\n                        {this.props.lang == \"en\"\r\n                          ? products[id].en_name\r\n                          : products[id].ar_name}\r\n                      </div>\r\n                      <div\r\n                        style={{\r\n                          background: products[id].color,\r\n                          width: \"40px\",\r\n                          borderRadius: \"8px\",\r\n                          height: \"15px\",\r\n                          border: \"1px solid\",\r\n                        }}\r\n                      ></div>\r\n                    </div>\r\n                    <div className=\"basket--item--quantity\">\r\n                      <span style={{ fontSize: \"13px\" }}>\r\n                        {this.props.lang == \"en\" ? `Quantity: ` : \" الكمية: \"}\r\n                      </span>\r\n                      <span style={{ fontSize: \"13px\" }}>\r\n                        {products[id].count}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"basket--item--price\">\r\n                      <span style={{ fontSize: \"13px\" }}>\r\n                        {this.props.lang == \"en\" ? `Price: ` : \" السعر: \"}\r\n                      </span>\r\n                      <span style={{ fontSize: \"13px\" }}>{`${\r\n                        products[id].price\r\n                      } ${this.props.lang === \"en\" ? \"Dinar\" : \"دينار\"}`}</span>\r\n                    </div>\r\n                    <div className=\"basket--item--price\">\r\n                      <span style={{ fontSize: \"13px\" }}>\r\n                        {this.props.lang == \"en\"\r\n                          ? ` SubTotal: `\r\n                          : \" المجموع الجزئي: \"}\r\n                      </span>\r\n                      <span style={{ fontSize: \"13px\" }}>\r\n                        {/* {this.props.currency == \"dollar\"\r\n                          ? `$${products[id].subTotal}`\r\n                          : `${(products[id].subTotal * 235.17).toFixed(\r\n                              2\r\n                            )} YRI`} */}\r\n                        {`${products[id].subTotal} ${\r\n                          this.props.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                        }`}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      justifyContent: \"flex-end\",\r\n                      width: \"100%\",\r\n                      alignItems: \"center\",\r\n                    }}\r\n                  >\r\n                    <Button\r\n                      onClick={() =>\r\n                        this.props.removeProductFromCart(\r\n                          products[id].id,\r\n                          products[id].color\r\n                        )\r\n                      }\r\n                      style={{\r\n                        borderRadius: \"50%\",\r\n                        backgroundColor: \"red\",\r\n                        borderColor: \"red\",\r\n                      }}\r\n                      size=\"sm\"\r\n                    >\r\n                      X\r\n                    </Button>\r\n                  </div>\r\n                </div>\r\n              );\r\n            })}\r\n          {products !== undefined &&\r\n            products !== null &&\r\n            Object.keys(products).length > 0 && (\r\n              <div className=\"total--price-container\">\r\n                <h3 style={{ textAlign: \"center\" }}>\r\n                  <span>\r\n                    <span>\r\n                      {this.props.lang == \"en\" ? ` Total: ` : \" المجموع: \"}\r\n                    </span>\r\n                  </span>\r\n                  <span style={{ color: \"#FE4C50\" }}>\r\n                    {/* {this.props.currency == \"dollar\"\r\n                      ? `$${total}`\r\n                      : `${(total * 235.17).toFixed(2)} YRI`} */}\r\n                    {`${total} ${this.props.lang === \"en\" ? \"Dinar\" : \"دينار\"}`}\r\n                  </span>\r\n                </h3>\r\n                <button\r\n                  className=\"btn btn-wide log-btn\"\r\n                  style={{ marginTop: 20 }}\r\n                  onClick={() => this.goToChechout()}\r\n                >\r\n                  <span>\r\n                    {this.props.lang == \"en\" ? `Checkout ` : \" تأكيد \"}\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            )}\r\n        </Modal.Body>\r\n      </Modal>\r\n    );\r\n  }\r\n}\r\n\r\nconst mapStoreToProps = (state) => ({\r\n  cart: state.cart,\r\n});\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  // getAllProducts: () => dispatch(getAllProducts()),\r\n  // applyFilters: filter_string => dispatch(applyFilters(filter_string)),\r\n  // postCart: (productId,count,color, price, image) => dispatch(postCart(productId, count, color, price, image))\r\n  removeProductFromCart: (productId, _color) =>\r\n    dispatch(removeProductFromCart(productId, _color)),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(HomeCartView);\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport Auth from \"../../modules/Auth\";\r\n\r\nclass MobileMenu extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    console.clear();\r\n    console.log(\"mobile\", props);\r\n    this.state = {};\r\n  }\r\n  render() {\r\n    return (\r\n      <div\r\n        className={\r\n          this.props.activeClass ? \"hamburger_menu active\" : \"hamburger_menu\"\r\n        }\r\n      >\r\n        <div className=\"hamburger_close\" onClick={this.props.onClose}>\r\n          <i className=\"fa fa-times\" aria-hidden=\"true\"></i>\r\n        </div>\r\n        <div className=\"hamburger_menu_content text-right\">\r\n          <ul className=\"menu_top_nav\">\r\n            <li className=\"menu_item\">\r\n              <Link to=\"/home\">\r\n                {this.props.lang.lang == \"en\" ? \"home\" : \"الصفحة الرئيسية\"}\r\n              </Link>\r\n            </li>\r\n            <li className=\"menu_item\">\r\n              <Link to=\"/categories\">\r\n                {this.props.lang.lang == \"en\" ? \"products\" : \"المنتجات\"}\r\n              </Link>\r\n            </li>\r\n            <li className=\"menu_item\">\r\n              <a\r\n                onClick={() => this.props.setLanguage(\"en\")}\r\n                className={this.props.lang.lang == \"en\" ? \"active\" : \"\"}\r\n                style={{\r\n                  color: this.props.lang.lang == \"en\" ? \"#FABA1C\" : \"black\",\r\n                }}\r\n              >\r\n                English\r\n              </a>\r\n            </li>\r\n            <li className=\"menu_item\">\r\n              <a\r\n                onClick={() => this.props.setLanguage(\"ar\")}\r\n                className={this.props.lang.lang == \"ar\" ? \"active\" : \"\"}\r\n                style={{\r\n                  color: this.props.lang.lang == \"ar\" ? \"#FABA1C\" : \"black\",\r\n                }}\r\n              >\r\n                العربية\r\n              </a>\r\n            </li>\r\n            <li className=\"menu_item\">\r\n              <a\r\n                onClick={() => this.props.setCurrency(\"dinar\")}\r\n                className={\r\n                  this.props.currency.currency == \"dinar\" ? \"active\" : \"\"\r\n                }\r\n                style={{\r\n                  color:\r\n                    this.props.currency.currency === \"dinar\"\r\n                      ? \"#FABA1C\"\r\n                      : \"black\",\r\n                }}\r\n              >\r\n                {this.props.lang.lang === \"en\" ? \"Dinar\" : \"دينار\"}\r\n              </a>\r\n            </li>\r\n            {Auth.getUserDetails() !== undefined &&\r\n              Auth.getUserDetails() !== null &&\r\n              Auth.getToken() !== undefined && (\r\n                <li className=\"mega-drop-down\">\r\n                  <a href=\"#\">\r\n                    {this.state.lang == \"en\"\r\n                      ? `Welcome ${Auth.getUserDetails().name}`\r\n                      : `مرحباً ${Auth.getUserDetails().name}`}\r\n                  </a>\r\n                  <div className=\"mega-menu\">\r\n                    <div className=\"mega-menu-wrap\">\r\n                      <div className=\"mega-menu-content\">\r\n                        <ul className=\"stander\">\r\n                          <li>\r\n                            <a href=\"#\" onClick={() => this.props.logout()}>\r\n                              <i\r\n                                className=\"fas fa-sign-in-alt mx-1\"\r\n                                aria-hidden=\"true\"\r\n                              />\r\n                              {this.state.lang == \"en\"\r\n                                ? \"Logout\"\r\n                                : \"تسجيل الخروج\"}\r\n                            </a>\r\n                          </li>\r\n                        </ul>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              )}\r\n            {(Auth.getUserDetails() === undefined ||\r\n              Auth.getUserDetails() === null ||\r\n              Auth.getToken() === undefined) && (\r\n              <li>\r\n                <a href=\"#\" onClick={() => this.props.loginClicked()}>\r\n                  {this.state.lang == \"en\" ? \"Login\" : \"تسجيل الدخول\"}\r\n                </a>\r\n              </li>\r\n            )}\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nMobileMenu.propTypes = {\r\n  activeClass: PropTypes.bool,\r\n  onClose: PropTypes.func,\r\n};\r\n\r\nexport default MobileMenu;\r\n","\r\n\r\nexport const size = {\r\n  mobileS: \"320px\",\r\n  mobileM: \"375px\",\r\n  mobileL: \"425px\",\r\n  tablet: \"768px\",\r\n  tabletL: \"991px\",\r\n  laptop: \"1024px\",\r\n  laptopL: \"1440px\",\r\n  desktop: \"2560px\",\r\n};\r\nconst device = {\r\n  min: {\r\n    mobileS: `(min-width: ${size.mobileS})`,\r\n    mobileM: `(min-width: ${size.mobileM})`,\r\n    mobileL: `(min-width: ${size.mobileL})`,\r\n    tablet: `(min-width: ${size.tablet})`,\r\n    tabletL: `(min-width: ${size.tabletL})`,\r\n    laptop: `(min-width: ${size.laptop})`,\r\n    laptopL: `(min-width: ${size.laptopL})`,\r\n    desktop: `(min-width: ${size.desktop})`,\r\n    desktopL: `(min-width: ${size.desktop})`,\r\n  },\r\n  max: {\r\n    mobileS: `(max-width: ${size.mobileS})`,\r\n    mobileM: `(max-width: ${size.mobileM})`,\r\n    mobileL: `(max-width: ${size.mobileL})`,\r\n    tablet: `(max-width: ${size.tablet})`,\r\n    tabletL: `(max-width: ${size.tabletL})`,\r\n    laptop: `(max-width: ${size.laptop})`,\r\n    laptopL: `(max-width: ${size.laptopL})`,\r\n    desktop: `(max-width: ${size.desktop})`,\r\n    desktopL: `(max-width: ${size.desktop})`,\r\n  },\r\n};\r\n\r\nexport default device;\r\n","import api from \"./API\";\r\nimport instance from \"./API\";\r\nimport axios from \"axios\";\r\nimport https from \"https\";\r\nimport Auth from \"../modules/Auth\";\r\nexport default class LoginService {\r\n  instance = axios.create({\r\n    baseURL: process.env.REACT_APP_BASE_URL,\r\n    httpsAgent: new https.Agent({\r\n      rejectUnauthorized: false,\r\n    }),\r\n    headers: {\r\n      \"Content-Type\":\r\n        \"multipart/form-data; boundary=<calculated when request is sent>\",\r\n    },\r\n  });\r\n  static async Login(_email, _password) {\r\n    const payload = {\r\n      email: _email,\r\n      password: _password,\r\n      fcm_token: \"afasdasd\",\r\n    };\r\n    return instance\r\n      .post(\"/login\", payload)\r\n      .then((resp) => {\r\n        if (resp.data.success) {\r\n          const new_user = {\r\n            token: resp.data.data.token,\r\n            user: resp.data.data.user,\r\n          };\r\n          Auth.setUserToken(new_user);\r\n          return resp.data.data;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async Register(name, email, password, v_pasword, address) {\r\n    const payload = {\r\n      name: name,\r\n      email: email,\r\n      password: password,\r\n      c_password: v_pasword,\r\n      address: address,\r\n      fcm_token: \"frfr\",\r\n    };\r\n    return instance\r\n      .post(\"/register\", payload)\r\n      .then((resp) => {\r\n        console.log(\"serv\", resp.data);\r\n        if (resp.data.success) {\r\n          return resp.data;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async LoginWithGoogle(_email, _password) {\r\n    const payload = {\r\n      email: _email,\r\n      password: _password,\r\n      fcm_token: \"afasdasd\",\r\n    };\r\n    return api\r\n      .post(\"/auth/google\", payload)\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async LoginWithFacebook(_email, _password) {\r\n    const payload = {\r\n      email: _email,\r\n      password: _password,\r\n      fcm_token: \"afasdasd\",\r\n    };\r\n    return api\r\n      .post(\"/auth/facebook\", payload)\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n}\r\n","import API from \"../axios/API\";\r\nimport Auth from \"../modules/Auth\";\r\nimport LoginService from \"../axios/LoginService\";\r\n\r\n\r\nexport const login = async (email, password) => {\r\n  return LoginService.Login(email, password)\r\n    .then(resp => {\r\n      console.log(resp)\r\n      return resp.data.data\r\n    }).catch(error => {\r\n      console.clear()\r\n      console.error(error)\r\n    })\r\n};\r\nexport const register = async (name, email, password, v_pasword, address) => {\r\n  return LoginService.Register(name, email, password, v_pasword, address)\r\n    .then(resp => {\r\n      return resp\r\n    }).catch(error => {\r\n      console.clear()\r\n      console.error(error)\r\n    })\r\n};","import {\r\n  login,\r\n} from \"../../ServerRequest\";\r\n\r\nexport const userLogin = (email, password) => dispatch => {\r\n  dispatch({\r\n    type: LOGIN_BEGIN\r\n  });\r\n  return login(email, password)\r\n    .then(res => {\r\n      console.clear()\r\n      console.log(res)\r\n      dispatch({\r\n        type: LOGIN_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: LOGIN_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      throw error;\r\n    });\r\n};\r\n\r\nexport const insertToken = () => dispatch => {\r\n  let token;\r\n  if (localStorage.getItem(\"auth\")) {\r\n    token = JSON.parse(localStorage.getItem(\"auth\"));\r\n    dispatch({\r\n      type: INSERT_TOKEN_SUCCESS,\r\n      payload: token\r\n    });\r\n  } else {\r\n    dispatch({\r\n      type: INSERT_TOKEN_FAIL\r\n    });\r\n  }\r\n};\r\n\r\nexport const LOGIN_BEGIN = \"LOGIN_BEGIN\";\r\nexport const LOGIN_SUCCESS = \"LOGIN_SUCCESS\";\r\nexport const LOGIN_FAIL = \"LOGIN_FAIL\";\r\nexport const INSERT_TOKEN_SUCCESS = \"INSERT_TOKEN_SUCCESS\";\r\nexport const INSERT_TOKEN_FAIL = \"INSERT_TOKEN_FAIL\";","\r\n\r\nconst validate = (value, rules) => {\r\n  let isValid = true;\r\n\r\n  for (let rule in rules) {\r\n    switch (rule) {\r\n      case \"minLength\":\r\n        isValid = isValid && minLengthValidator(value, rules[rule]);\r\n        break;\r\n\r\n      case \"maxLength\":\r\n        isValid = isValid && maxLengthValidator(value, rules[rule]);\r\n        break;\r\n\r\n      case \"isRequired\":\r\n        isValid = isValid && requiredValidator(value);\r\n        break;\r\n\r\n      case \"isEmail\":\r\n        isValid = isValid && emailValidator(value);\r\n        break;\r\n\r\n      default:\r\n        isValid = true;\r\n    }\r\n  }\r\n\r\n  return isValid;\r\n};\r\n\r\n/**\r\n * minLength Val\r\n * @param  value\r\n * @param  minLength\r\n * @return\r\n */\r\nconst minLengthValidator = (value, minLength) => {\r\n  return value.length >= minLength;\r\n};\r\n\r\n/**\r\n * minLength Val\r\n * @param  value\r\n * @param  minLength\r\n * @return\r\n */\r\nconst maxLengthValidator = (value, maxLength) => {\r\n  return value.length == maxLength;\r\n};\r\n\r\n/**\r\n * Check to confirm that feild is required\r\n *\r\n * @param  value\r\n * @return\r\n */\r\nconst requiredValidator = value => {\r\n  return value !== null && value.trim() !== \"\";\r\n};\r\n\r\n/**\r\n * Email validation\r\n *\r\n * @param value\r\n * @return\r\n */\r\nconst emailValidator = value => {\r\n  var re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n  return re.test(String(value).toLowerCase());\r\n};\r\n\r\n/**\r\n * Name validation\r\n *\r\n * @param value\r\n * @return\r\n */\r\nconst nameValidator = value => {\r\n  var re = /^[a-zA-Z]+((['. ][a-zA-Z ])?[a-zA-Z]*)*$/;\r\n  return re.test(String(value).toLowerCase());\r\n};\r\n/**\r\n * Name validation\r\n *\r\n * @param value\r\n * @return\r\n */\r\nconst mobileValidator = value => {\r\n  var re = /^[0-9]*$/;\r\n  return re.test(String(value).toLowerCase());\r\n};\r\n/**\r\n * IP validation\r\n *\r\n * @param value\r\n * @return\r\n */\r\nconst ipValidator = value => {\r\n  var re = /^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$/;\r\n  return re.test(String(value));\r\n};\r\n/**\r\n * IP validation\r\n *\r\n * @param value\r\n * @return\r\n */\r\nconst dateValidator = value => {\r\n  var re = /^((0?[13578]|10|12)(-|\\/)(([1-9])|(0[1-9])|([12])([0-9]?)|(3[01]?))(-|\\/)((19)([2-9])(\\d{1})|(20)([01])(\\d{1})|([8901])(\\d{1}))|(0?[2469]|11)(-|\\/)(([1-9])|(0[1-9])|([12])([0-9]?)|(3[0]?))(-|\\/)((19)([2-9])(\\d{1})|(20)([01])(\\d{1})|([8901])(\\d{1})))$/;\r\n  return re.test(String(value));\r\n};\r\n\r\nexport default validate;\r\n","\r\n\r\nexport const DEFAULT_RULE = {\r\n  isRequired: true\r\n};\r\nexport const NAME_RULE = {\r\n  isRequired: true,\r\n  minLength: 3\r\n};\r\nexport const PHONE_RULE = {\r\n  isRequired: true,\r\n  maxLength: 15,\r\n  minLength: 10\r\n};\r\nexport const EMAIL_RULE = {\r\n  isRequired: true,\r\n  isEmail: true\r\n};\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\nimport \"./style.css\";\r\nfunction LoadingButton(props) {\r\n  return (\r\n    <button\r\n      type={props.type}\r\n      className={classNames(\r\n        \"btn btn-wide\",\r\n        props.className,\r\n        {\r\n          \"btn-wait\": props.loading\r\n        },\r\n        { disabled: props.loading }\r\n      )}\r\n      style={props.style}\r\n      onClick={props.onClick}\r\n    >\r\n      {props.loading ? \"Please Wait...\" : <span>{props.children}</span>}\r\n    </button>\r\n  );\r\n}\r\n\r\nLoadingButton.propTypes = {\r\n  className: PropTypes.string,\r\n  loading: PropTypes.bool,\r\n  onClick: PropTypes.func,\r\n  type: PropTypes.string\r\n};\r\n\r\nLoadingButton.defaultProps = {\r\n  className: \"btn-primary btn-7\",\r\n  loading: false,\r\n  type: \"button\"\r\n};\r\n\r\nexport default LoadingButton;\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { userLogin } from \"../../redux/actions/LoginAction\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport Validator from \"../../utils/Validator\";\r\nimport { DEFAULT_RULE, EMAIL_RULE } from \"../../utils/Validator/rule\";\r\nimport PropTypes from \"prop-types\";\r\nimport LoadingButton from \"../LoadingButton\";\r\n\r\nclass LoginForm extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      email: \"\",\r\n      password: \"\",\r\n      loading: false\r\n    };\r\n  }\r\n\r\n  handleChange = e => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit = () => {\r\n    // let email = \"bob@bob.com\";\r\n    // let password = \"Ab123123\";\r\n    const { email, password } = this.state;\r\n    if (!Validator(email, EMAIL_RULE)) {\r\n      console.log(\"email Error\");\r\n      return;\r\n    }\r\n    if (!Validator(password, DEFAULT_RULE)) {\r\n      console.log(\"Password Error\");\r\n      return;\r\n    }\r\n    this.setState({ loading: true });\r\n    this.props\r\n      .userLogin(email, password)\r\n      .then(res => {\r\n        console.log(res);\r\n        this.setState({ loading: false });\r\n        window.location.reload();\r\n      })\r\n      .catch(error => {\r\n        // console.log('loginsignin error')\r\n        console.log(error.response);\r\n        this.setState({ loading: false });\r\n      });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div className=\"login-form\">\r\n          <h2>Login</h2>\r\n          <div className=\"form-group \">\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control\"\r\n              placeholder=\"Email \"\r\n              id=\"UserName\"\r\n              name=\"email\"\r\n              value={this.state.email}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-user\"></i>\r\n          </div>\r\n          <div className=\"form-group log-status\">\r\n            <input\r\n              type=\"password\"\r\n              className=\"form-control\"\r\n              placeholder=\"Password\"\r\n              id=\"Passwod\"\r\n              name=\"password\"\r\n              value={this.state.password}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-lock\"></i>\r\n          </div>\r\n          <span className=\"alert\">Invalid Credentials</span>\r\n          <a\r\n            className=\"link\"\r\n            href=\"#\"\r\n            onClick={this.props.forgotPasswordClicked}\r\n          >\r\n            Lost your password?\r\n          </a>\r\n          <LoadingButton\r\n            type=\"button\"\r\n            className=\"log-btn\"\r\n            loading={this.state.loading}\r\n            onClick={() => this.handleSubmit()}\r\n          >\r\n            Log in\r\n          </LoadingButton>\r\n          <div\r\n            onClick={this.props.registerClicked}\r\n            style={{\r\n              textAlign: \"center\",\r\n              fontSize: 12,\r\n              color: \"#c4c4c4\",\r\n              cursor: \"pointer\"\r\n            }}\r\n          >\r\n            New user ? Please Register\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nLoginForm.propTypes = {\r\n  forgotPasswordClicked: PropTypes.func,\r\n  registerClicked: PropTypes.func\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n  userLogin\r\n};\r\nconst mapStoreToProps = state => ({\r\n  login_loading: state.login.login_loading,\r\n  login_error: state.login.error\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(LoginForm);\r\n","\r\n\r\nimport { register } from \"../../ServerRequest\";\r\n\r\nexport const userRegister = (name, email, password, v_pasword, address) => dispatch => {\r\n  dispatch({\r\n    type: POST_REGISTER_BEGIN\r\n  });\r\n  return register(name, email, password, v_pasword, address)\r\n    .then(res => {\r\n      dispatch({\r\n        type: POST_REGISTER_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: POST_REGISTER_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n\r\n      throw error;\r\n    });\r\n}\r\nexport const POST_REGISTER_BEGIN = \"POST_REGISTER_BEGIN\";\r\nexport const POST_REGISTER_SUCCESS = \"POST_REGISTER_SUCCESS\";\r\nexport const POST_REGISTER_FAIL = \"POST_REGISTER_FAIL\";\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport Validator from \"../../utils/Validator\";\r\nimport { DEFAULT_RULE, EMAIL_RULE } from \"../../utils/Validator/rule\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { userRegister } from \"../../redux/actions/RegisterAction\";\r\nimport LoadingButton from \"../LoadingButton\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nclass RegisterForm extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      name: \"\",\r\n      email: \"\",\r\n      password: \"\",\r\n      v_password: \"\",\r\n      address: \"\",\r\n      loading: false\r\n    };\r\n  }\r\n  handleChange = e => {\r\n    const { name, value } = e.target;\r\n    this.setState({ [name]: value });\r\n  };\r\n\r\n  handleSubmit = () => {\r\n    const { name, email, password, v_password, address } = this.state;\r\n    if (!Validator(name, DEFAULT_RULE)) {\r\n      console.log(\"Name Error\");\r\n      return;\r\n    }\r\n    if (!Validator(email, EMAIL_RULE)) {\r\n      console.log(\"email Error\");\r\n      return;\r\n    }\r\n    if (!Validator(password, DEFAULT_RULE)) {\r\n      console.log(\"Password Error\");\r\n      return;\r\n    }\r\n    if(password !== v_password )\r\n    {\r\n      console.log(\"Password and Confirm Password don't match\");\r\n      return;\r\n    }\r\n    this.setState({ loading: true });\r\n    this.props\r\n      .userRegister(name, email, password, v_password, address)\r\n      .then(res => {\r\n        this.setState({ loading: false });\r\n        if(res.success) {\r\n          this.props.lang == 'en' ? toast.success(\"You've successfully signed up, please login\") : toast.success('لقد تم إنشاء الحساب بنجاح، الرجاء تسجيل الدخول')\r\n        }\r\n      })\r\n      .catch(error => {\r\n        // console.log('loginsignin error')\r\n        console.log(error.response);\r\n        this.setState({ loading: false });\r\n      });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div>\r\n        <div className=\"login-form\">\r\n          <h2>Register</h2>\r\n          <div className=\"form-group \">\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control\"\r\n              placeholder=\"Name \"\r\n              id=\"name\"\r\n              name=\"name\"\r\n              value={this.state.name}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-user\"></i>\r\n          </div>\r\n\r\n          <div className=\"form-group \">\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control\"\r\n              placeholder=\"Email \"\r\n              id=\"email\"\r\n              name=\"email\"\r\n              value={this.state.email}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-envelope\"></i>\r\n          </div>\r\n\r\n          <div className=\"form-group log-status\">\r\n            <input\r\n              type=\"password\"\r\n              className=\"form-control\"\r\n              placeholder=\"Password\"\r\n              id=\"Passwod\"\r\n              name=\"password\"\r\n              value={this.state.password}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-lock\"></i>\r\n          </div>\r\n          <div className=\"form-group log-status\">\r\n            <input\r\n              type=\"password\"\r\n              className=\"form-control\"\r\n              placeholder=\"confirm password\"\r\n              id=\"v_password\"\r\n              name=\"v_password\"\r\n              value={this.state.v_password}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-lock\"></i>\r\n          </div>\r\n          <div className=\"form-group \">\r\n            <input\r\n              type=\"text\"\r\n              className=\"form-control\"\r\n              placeholder=\"Address \"\r\n              id=\"address\"\r\n              name=\"address\"\r\n              value={this.state.address}\r\n              onChange={this.handleChange}\r\n              autoComplete=\"false\"\r\n            />\r\n            <i className=\"fa fa-home\"></i>\r\n          </div>\r\n          <span className=\"alert\">Invalid Credentials</span>\r\n          <LoadingButton\r\n            type=\"button\"\r\n            className=\"log-btn\"\r\n            loading={this.state.loading}\r\n            onClick={() => this.handleSubmit()}\r\n          >\r\n            Register\r\n          </LoadingButton>\r\n          <div\r\n            onClick={this.props.loginClicked}\r\n            style={{\r\n              textAlign: \"center\",\r\n              fontSize: 12,\r\n              color: \"#c4c4c4\",\r\n              cursor: \"pointer\"\r\n            }}\r\n          >\r\n            Already have an account ? Please login.\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nRegisterForm.propTypes = {\r\n  loginClicked: PropTypes.func\r\n};\r\n\r\nconst mapDispatchToProps = {\r\n  userRegister\r\n};\r\nconst mapStoreToProps = state => ({\r\n  register_loading: state.register.register_loading,\r\n  register_error: state.register.error,\r\n  lang: state.lang.lang\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(RegisterForm);\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport LoginForm from \"./LoginForm\";\r\nimport RegisterForm from \"./RegisterForm\";\r\nimport \"./style.css\";\r\nimport PropTypes from \"prop-types\";\r\nclass LoginRegister extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      showlogin: this.props.showlogin\r\n    };\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Modal\r\n        {...this.props}\r\n        size=\"sm\"\r\n        aria-labelledby=\"contained-modal-title-vcenter\"\r\n        centered\r\n        id=\"loginModal\"\r\n        className=\"modal fade login\"\r\n      >\r\n        <Modal.Body>\r\n          <div className=\"modal--close--button\" onClick={this.props.onHide}>\r\n            <i className=\"fas fa-times\"></i>\r\n          </div>\r\n          {this.props.login ? (\r\n            <LoginForm registerClicked={() => this.props.registerClicked()} />\r\n          ) : (\r\n            <RegisterForm loginClicked={() => this.props.loginClicked()} />\r\n          )}\r\n        </Modal.Body>\r\n      </Modal>\r\n    );\r\n  }\r\n}\r\nLoginRegister.propTypes = {\r\n  login: PropTypes.bool,\r\n  registerClicked: PropTypes.func,\r\n  loginClicked: PropTypes.func\r\n};\r\nexport default LoginRegister;\r\n","import React, { Component } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nimport HomeCartView from \"../HomeCartView\";\r\nimport MobileMenu from \"../MobileMenu\";\r\nimport device, { size } from \"../../modules/mediaQuery\";\r\nimport MediaQuery from \"react-responsive\";\r\nimport Auth from \"../../modules/Auth\";\r\nimport LoginRegister from \"../LoginRegisterModal\";\r\nimport logo from \"../../assets/images/logo_bg.png\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport { useLocation } from \"react-router-dom/cjs/react-router-dom\";\r\nclass NavBar extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      modalShow: false,\r\n      loginShow: false,\r\n      activeclass: false,\r\n      lang: this.props.lang.lang,\r\n      currency: this.props.currency.currency,\r\n      activeLink: \"\",\r\n    };\r\n  }\r\n  // componentDidMount() {\r\n  //   if (Object.keys(this.props.cart).length < 1) {\r\n  //     this.props.getCartByUserId();\r\n  //   }\r\n  // }\r\n\r\n  showHideModal = () => {\r\n    this.setState({ modalShow: !this.state.modalShow });\r\n  };\r\n  showLoginHideModal = () => {\r\n    this.setState({ loginShow: !this.state.loginShow });\r\n  };\r\n  handleMenuClicked = () => {\r\n    this.setState({ activeclass: !this.state.activeclass });\r\n  };\r\n  logout = (e) => {\r\n    e.preventDefault();\r\n    Auth.logout();\r\n    window.location.href = \"/\";\r\n  };\r\n  loginClicked = () => {\r\n    this.setState({ loginShow: true, login: true });\r\n  };\r\n  registerClicked = () => {\r\n    this.setState({ loginShow: true, login: false });\r\n  };\r\n  setLanguage = (payload) => {\r\n    this.setState({ lang: payload });\r\n    this.props.setLang(payload);\r\n  };\r\n  setCurrency = (payload) => {\r\n    this.setState({ currency: payload });\r\n    this.props.setCurrency(payload);\r\n  };\r\n  componentDidMount() {\r\n    const href = window.location.href;\r\n    if (href.includes(\"categories\")) {\r\n      this.setState({ activeLink: \"categories\" });\r\n    } else {\r\n      this.setState({ activeLink: \"home\" });\r\n    }\r\n  }\r\n  render() {\r\n    const cart = this.props.cart;\r\n    return (\r\n      <div className=\"main_nav_container\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-lg-12 text-right\">\r\n              <div className=\"logo_container\">\r\n                <Link to=\"/\">\r\n                  <img src={logo} className=\"logo-img\" />\r\n                </Link>\r\n              </div>\r\n              <nav className=\"navbar\">\r\n                <ul className=\"navbar_menu\">\r\n                  <li\r\n                    onClick={() => {\r\n                      jumpTo(\"/\");\r\n                    }}\r\n                    style={{ cursor: \"pointer\" }}\r\n                  >\r\n                    <a\r\n                      className={\r\n                        this.state.activeLink === \"home\" ? \"active\" : \"\"\r\n                      }\r\n                    >\r\n                      {this.state.lang == \"en\" ? \"home\" : \"الصفحة الرئيسية\"}\r\n                    </a>\r\n                  </li>\r\n                  <li\r\n                    onClick={() => jumpTo(\"/categories\")}\r\n                    style={{ cursor: \"pointer\" }}\r\n                  >\r\n                    <a\r\n                      className={\r\n                        this.state.activeLink === \"categories\" ? \"active\" : \"\"\r\n                      }\r\n                    >\r\n                      {this.state.lang == \"en\" ? \"products\" : \"المنتجات\"}\r\n                    </a>\r\n                  </li>\r\n                  {/* <li\r\n                    onClick={() => jumpTo(\"/categories\")}\r\n                    style={{ cursor: \"pointer\" }}\r\n                  >\r\n                    <a>{this.state.lang == \"en\" ? \"categories\" : \"الأصناف\"}</a>\r\n                  </li> */}\r\n                  <li className=\"mega-drop-down\" style={{ cursor: \"pointer\" }}>\r\n                    <a\r\n                      style={{\r\n                        display: \"flex\",\r\n                        gap: \"6px\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      {this.state.lang == \"en\" ? \"Language\" : \"اللغة\"}\r\n                      <i className=\"fa fa-angle-down\" />\r\n                    </a>\r\n                    <div className=\"mega-menu\">\r\n                      <div className=\"mega-menu-wrap\">\r\n                        <div\r\n                          className=\"mega-menu-content\"\r\n                          style={{\r\n                            direction: this.state.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                            float: this.state.lang == \"en\" ? \"left\" : \"right\",\r\n                          }}\r\n                        >\r\n                          <ul\r\n                            className=\"stander\"\r\n                            style={{\r\n                              textAlign:\r\n                                this.state.lang === \"en\" ? \"left\" : \"right\",\r\n                            }}\r\n                          >\r\n                            <li key=\"english\">\r\n                              <a\r\n                                onClick={this.setLanguage.bind(this, \"en\")}\r\n                                className={\r\n                                  this.state.lang == \"en\" ? \"active\" : \"\"\r\n                                }\r\n                              >\r\n                                English\r\n                              </a>\r\n                            </li>\r\n                            <li key=\"arabic\">\r\n                              <a\r\n                                onClick={this.setLanguage.bind(this, \"ar\")}\r\n                                className={\r\n                                  this.state.lang == \"ar\" ? \"active\" : \"\"\r\n                                }\r\n                              >\r\n                                العربية\r\n                              </a>\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  <li className=\"mega-drop-down\" style={{ cursor: \"pointer\" }}>\r\n                    <a\r\n                      style={{\r\n                        display: \"flex\",\r\n                        gap: \"6px\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      {this.state.lang == \"en\" ? \"Currency\" : \"العملة\"}\r\n\r\n                      <i className=\"fa fa-angle-down\" />\r\n                    </a>\r\n                    <div className=\"mega-menu\">\r\n                      <div className=\"mega-menu-wrap\">\r\n                        <div className=\"mega-menu-content\">\r\n                          <ul className=\"stander\">\r\n                            <li key=\"pounds\">\r\n                              <a\r\n                                onClick={this.setCurrency.bind(this, \"dinar\")}\r\n                                className={\r\n                                  this.state.currency == \"dinar\" ? \"active\" : \"\"\r\n                                }\r\n                              >\r\n                                {this.state.lang === \"en\" ? \"Dinar\" : \"الدينار\"}\r\n                              </a>\r\n                            </li>\r\n                          </ul>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </li>\r\n                  <li>\r\n                    <div\r\n                      style={{\r\n                        height: \"32px\",\r\n                        width: \"1px\",\r\n                        border: \"1px solid gray\",\r\n                        marginTop: \"-10px\",\r\n                        marginBottom: \"-10px\",\r\n                        marginRight: \"15px\",\r\n                      }}\r\n                    />\r\n                  </li>\r\n                  <li\r\n                    className=\"checkout\"\r\n                    onClick={() => this.showHideModal()}\r\n                    style={{ cursor: \"pointer\" }}\r\n                  >\r\n                    {/* <a\r\n                      onClick={() => this.showHideModal()}\r\n                      style={{ cursor: \"pointer\" }}\r\n                    > */}\r\n                    {/* <i className=\"fas fa-shopping-bag\" /> */}\r\n                    <img\r\n                      src=\"/Vector.png\"\r\n                      alt=\"cart icon\"\r\n                      width=\"18px\"\r\n                      height=\"20px\"\r\n                      style={{ marginBottom: \"4px\" }}\r\n                    />\r\n                    {cart.totalQty !== undefined && (\r\n                      <span id=\"checkout_items\" className=\"checkout_items\">\r\n                        {cart.totalQty} sd;cmdm l,ald;aw ,;law al;w l;\r\n                      </span>\r\n                    )}\r\n                    {/* </a> */}\r\n                  </li>\r\n                  {Auth.getUserDetails() !== undefined &&\r\n                    Auth.getUserDetails() !== null &&\r\n                    Auth.getToken() !== undefined && (\r\n                      <li\r\n                        onClick={() => jumpTo(\"/orders\")}\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <a>{this.state.lang == \"en\" ? \"Orders\" : \"طلباتي\"}</a>\r\n                      </li>\r\n                    )}\r\n                  {Auth.getUserDetails() !== undefined &&\r\n                    Auth.getUserDetails() !== null &&\r\n                    Auth.getToken() !== undefined && (\r\n                      <li\r\n                        className=\"mega-drop-down\"\r\n                        style={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <a>\r\n                          {this.state.lang == \"en\"\r\n                            ? `Welcome ${Auth.getUserDetails().name}`\r\n                            : `مرحباً ${Auth.getUserDetails().name}`}\r\n                        </a>\r\n                        <div\r\n                          className=\"mega-menu\"\r\n                          style={{\r\n                            direction: this.state.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                            float: this.state.lang == \"en\" ? \"left\" : \"right\",\r\n                          }}\r\n                        >\r\n                          <div className=\"mega-menu-wrap\">\r\n                            <div\r\n                              className=\"mega-menu-content\"\r\n                              style={{\r\n                                textAlign:\r\n                                  this.state.lang == \"en\" ? \"left\" : \"right\",\r\n                              }}\r\n                            >\r\n                              <ul className=\"stander\">\r\n                                <li\r\n                                  style={{\r\n                                    width: \"100%\",\r\n                                  }}\r\n                                >\r\n                                  <a href=\"#\" onClick={(e) => this.logout(e)}>\r\n                                    <i\r\n                                      className=\"fas fa-sign-in-alt mx-1\"\r\n                                      aria-hidden=\"true\"\r\n                                    />\r\n                                    {this.state.lang == \"en\"\r\n                                      ? \"Logout\"\r\n                                      : \"تسجيل الخروج\"}\r\n                                  </a>\r\n                                </li>\r\n                              </ul>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </li>\r\n                    )}\r\n                  {(Auth.getUserDetails() === undefined ||\r\n                    Auth.getUserDetails() === null ||\r\n                    Auth.getToken() === undefined) && (\r\n                    <li>\r\n                      <a\r\n                        style={{ cursor: \"pointer\" }}\r\n                        onClick={() => this.loginClicked()}\r\n                      >\r\n                        {this.state.lang == \"en\" ? \"Login\" : \"تسجيل الدخول\"}\r\n                      </a>\r\n                    </li>\r\n                  )}\r\n                </ul>\r\n                {/* <ul className=\"navbar_user\"></ul> */}\r\n                <div\r\n                  className=\"hamburger_container\"\r\n                  onClick={() => this.handleMenuClicked()}\r\n                >\r\n                  <i className=\"fa fa-bars\" />\r\n                </div>\r\n              </nav>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <MediaQuery query={device.max.tabletL}>\r\n          <MobileMenu\r\n            loginClicked={this.loginClicked}\r\n            logout={this.logout}\r\n            setCurrency={this.setCurrency}\r\n            setLanguage={this.setLanguage}\r\n            lang={this.props.lang}\r\n            currency={this.props.currency}\r\n            activeClass={this.state.activeclass}\r\n            onClose={() => this.handleMenuClicked()}\r\n          />\r\n        </MediaQuery>\r\n        {this.state.loginShow ? (\r\n          <LoginRegister\r\n            lang={this.props.lang.lang}\r\n            show={this.state.loginShow}\r\n            login={this.state.login}\r\n            registerClicked={() => this.registerClicked()}\r\n            loginClicked={() => this.loginClicked()}\r\n            onHide={() => this.showLoginHideModal()}\r\n          />\r\n        ) : null}\r\n        {this.state.modalShow ? (\r\n          <HomeCartView\r\n            currency={this.props.currency.currency}\r\n            lang={this.props.lang.lang}\r\n            cart={cart}\r\n            show={this.state.modalShow}\r\n            onHide={() => this.showHideModal()}\r\n          />\r\n        ) : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default NavBar;\r\n","import API from \"../../axios/API\";\r\nimport Auth from \"../../modules/Auth\";\r\n\r\nexport const setLang = (lang) => (dispatch) => {\r\n  dispatch({\r\n    type: SET_LANG,\r\n    payload: lang,\r\n  });\r\n  localStorage.setItem(\"lang\", lang);\r\n};\r\nexport const getLang = () => (dispatch) => {\r\n  dispatch({\r\n    type: GET_LANG,\r\n  });\r\n  return localStorage.getItem(\"lang\");\r\n};\r\nexport const SET_LANG = \"SET_LANG\";\r\nexport const GET_LANG = \"GET_LANG\";\r\n","export const setCurrency = (currency) => (dispatch) => {\r\n  dispatch({\r\n    type: SET_Currency,\r\n    payload: currency,\r\n  });\r\n  localStorage.setItem(\"currency\", currency);\r\n};\r\nexport const getCurrency = () => (dispatch) => {\r\n  dispatch({\r\n    type: GET_Currency,\r\n  });\r\n  return localStorage.getItem(\"currency\");\r\n};\r\nexport const SET_Currency = \"SET_Currency\";\r\nexport const GET_Currency = \"GET_Currency\";\r\n","import { connect } from \"react-redux\";\r\nimport NavBar from \"./NavBar\";\r\n// import { getDepartments } from \"../../redux/actions/DepartmentAction\";\r\nimport // getCartByUserId\r\n\"../../redux/actions/cartAction\";\r\nimport { getLang, setLang } from \"../../redux/actions/langAction\";\r\nimport { setCurrency, getCurrency } from \"../../redux/actions/CurrencyAction\";\r\nconst mapStoreToProps = (state) => ({\r\n  // departments: state.department.departments,\r\n  cart: state.cart,\r\n  lang: state.lang,\r\n  currency: state.currency,\r\n});\r\n\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  // getDepartments: dispatch(getDepartments()),\r\n  // getCartByUserId: () => dispatch(getCartByUserId()),\r\n  setLang: (lang) => dispatch(setLang(lang)),\r\n  getLang: dispatch(getLang),\r\n  setCurrency: (curr) => dispatch(setCurrency(curr)),\r\n  getCurrency: dispatch(getCurrency),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(NavBar);\r\n","import React from \"react\";\r\n\r\nfunction Footer(props) {\r\n  return (\r\n    <footer className=\"footer\">\r\n      <div className=\"container\">\r\n        <div\r\n          className=\"row\"\r\n          style={\r\n            props.lang == \"en\" ? { direction: \"ltr\" } : { direction: \"rtl\" }\r\n          }\r\n        >\r\n          <div className=\"col-lg-6\">\r\n            <div className=\"footer_nav_container d-flex flex-sm-row flex-column align-items-center justify-content-lg-start justify-content-center text-center\">\r\n              <ul className=\"footer_nav\">\r\n                <li>\r\n                  <a href=\"#\">{props.lang == \"en\" ? \"Blog\" : \"مقالات\"}</a>\r\n                </li>\r\n                <li>\r\n                  <a href=\"#\">\r\n                    {props.lang == \"en\" ? \"FAQs\" : \"الأسئلة الشائعة\"}\r\n                  </a>\r\n                </li>\r\n                <li className={props.lang == \"ar\" ? \"marg\" : \"\"}>\r\n                  <a href=\"contact.html\">\r\n                    {props.lang == \"en\" ? \"Contact us\" : \"تواصل معنا\"}\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-6\">\r\n            <div className=\"footer_social d-flex flex-row align-items-center justify-content-lg-end justify-content-center\">\r\n              <ul>\r\n                <li>\r\n                  <a href=\"https://www.facebook.com/trendinourapp?mibextid=ZbWKwL\">\r\n                    <i className=\"fab fa-facebook-f\"></i>\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a href=\"#\">\r\n                    <i className=\"fab fa-twitter\"></i>{\" \"}\r\n                  </a>\r\n                </li>\r\n                <li>\r\n                  <a href=\"https://www.instagram.com/trend_future_?igsh=MWwxZ2plOWN5ejNuNw==\">\r\n                    <i className=\"fab fa-instagram\"></i>{\" \"}\r\n                  </a>\r\n                </li>\r\n\r\n                <li>\r\n                  <a href=\"#\">\r\n                    <i className=\"fab fa-pinterest-p\"></i>{\" \"}\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </footer>\r\n  );\r\n}\r\n\r\nexport default Footer;\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport NavBarContainer from \"../components/NavBar/NavBarContainer\";\r\nimport Footer from \"../components/Footer\";\r\n\r\nclass BaseLayout extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      topHaderClass: \"show\",\r\n    };\r\n    this.handleScroll = this.handleScroll.bind(this);\r\n  }\r\n  componentDidMount() {\r\n    window.scrollTo(0, 0);\r\n    window.addEventListener(\"scroll\", this.handleScroll);\r\n  }\r\n\r\n  componentWillMount() {\r\n    window.scrollTo(0, 0);\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    window.removeEventListener(\"scroll\", this.handleScroll);\r\n  }\r\n\r\n  handleScroll = (event) => {\r\n    if (window.scrollY >= 50) {\r\n      this.setState({ topHaderClass: \"hide\" });\r\n    } else {\r\n      this.setState({ topHaderClass: \"show\" });\r\n    }\r\n  };\r\n  render() {\r\n    return (\r\n      <div className=\"main-wrapper\">\r\n        <div className=\"super_container\">\r\n          <header className=\"header trans_300\">\r\n            <NavBarContainer />\r\n          </header>\r\n          <div className=\"layout-Container\">{this.props.children}</div>\r\n          <Footer lang={this.props.lang} />\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default BaseLayout;\r\n","import api from \"./API\";\r\n\r\nexport default class ProductService {\r\n  static async GetNewArriveProducts() {\r\n    return api\r\n      .get(\"/newarrive\")\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async GetProduct(id) {\r\n    return api\r\n      .get(\"/products/\" + id)\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async addToFavorite(id) {\r\n    return api\r\n      .post(\"/favorite/\" + id)\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n  static async GetAllProducts(filter) {\r\n    console.log(filter);\r\n    return api\r\n      .get(\"/products\", { params: filter })\r\n      .then((resp) => {\r\n        if (resp) return resp;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n}\r\n","import API from \"../../axios/API\";\r\nimport ProductService from \"../../axios/ProductService\";\r\n\r\nexport const getAllProducts = (filter) => (dispatch) => {\r\n  dispatch({\r\n    type: GET_ALL_PRODUCTS_BEGIN,\r\n  });\r\n  return ProductService.GetAllProducts(filter)\r\n    .then((result) => {\r\n      dispatch({\r\n        type: GET_ALL_PRODUCTS_SUCCESS,\r\n        payload: {\r\n          data: result,\r\n          search: filter.search || undefined,\r\n          active: filter.category_id || undefined,\r\n        },\r\n      });\r\n      return result;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: GET_ALL_PRODUCTS_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\nexport const getNewArrivalProducts = () => (dispatch) => {\r\n  dispatch({\r\n    type: GET_NEW_ARRIVAL_PRODUCT_BEGIN,\r\n  });\r\n  return ProductService.GetNewArriveProducts()\r\n    .then((result) => {\r\n      dispatch({\r\n        type: GET_NEW_ARRIVAL_PRODUCT_SUCCESS,\r\n        payload: result,\r\n      });\r\n      return result;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: GET_NEW_ARRIVAL_PRODUCT_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const getProduct = (id) => (dispatch) => {\r\n  dispatch({\r\n    type: GET_PRODUCT_BEGIN,\r\n  });\r\n  return ProductService.GetProduct(id)\r\n    .then((res) => {\r\n      dispatch({\r\n        type: GET_PRODUCT_SUCCESS,\r\n        payload: res,\r\n      });\r\n      console.log(res);\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: GET_PRODUCT_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const getProductsByCategory = (c) => (dispatch) => {\r\n  dispatch({\r\n    type: GET_PRODUCTS_BY_CATEGORY_BEGIN,\r\n  });\r\n  return API({\r\n    method: \"GET\",\r\n    url: `/products?category=${c}`,\r\n  })\r\n    .then((res) => {\r\n      dispatch({\r\n        type: GET_PRODUCTS_BY_CATEGORY_SUCCESS,\r\n        payload: res,\r\n      });\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: GET_PRODUCTS_BY_CATEGORY_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const search = (text) => (dispatch) => {\r\n  dispatch({\r\n    type: SEARCH_BEGIN,\r\n  });\r\n  return API({\r\n    method: \"GET\",\r\n    url: `/search?query=${text}`,\r\n  })\r\n    .then((res) => {\r\n      dispatch({\r\n        type: SEARCH_SUCCESS,\r\n        payload: res,\r\n      });\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: SEARCH_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const applyFilters = (filter_string) => (dispatch) => {\r\n  dispatch({\r\n    type: APPLY_FILTERS_BEGIN,\r\n  });\r\n  return API({\r\n    method: \"GET\",\r\n    url: `/products?${filter_string}`,\r\n  })\r\n    .then((res) => {\r\n      dispatch({\r\n        type: APPLY_FILTERS_SUCCESS,\r\n        payload: res,\r\n      });\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      dispatch({\r\n        type: APPLY_FILTERS_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const APPLY_FILTERS_BEGIN = \"APPLY_FILTERS_BEGIN\";\r\nexport const APPLY_FILTERS_SUCCESS = \"APPLY_FILTERS_SUCCESS\";\r\nexport const APPLY_FILTERS_FAIL = \"APPLY_FILTERS_FAIL\";\r\n\r\nexport const SEARCH_BEGIN = \"SEARCH_BEGIN\";\r\nexport const SEARCH_SUCCESS = \"SEARCH_SUCCESS\";\r\nexport const SEARCH_FAIL = \"SEARCH_FAIL\";\r\n\r\nexport const GET_ALL_PRODUCTS_BEGIN = \"GET_ALL_PRODUCTS_BEGIN\";\r\nexport const GET_ALL_PRODUCTS_SUCCESS = \"GET_ALL_PRODUCTS_SUCCESS\";\r\nexport const GET_ALL_PRODUCTS_FAIL = \"GET_ALL_PRODUCTS_FAIL\";\r\n\r\nexport const GET_PRODUCT_BEGIN = \"GET_PRODUCT_BEGIN\";\r\nexport const GET_PRODUCT_SUCCESS = \"GET_PRODUCT_SUCCESS\";\r\nexport const GET_PRODUCT_FAIL = \"GET_PRODUCT_FAIL\";\r\n\r\nexport const GET_PRODUCTS_BY_CATEGORY_BEGIN = \"GET_PRODUCTS_BY_CATEGORY_BEGIN\";\r\nexport const GET_PRODUCTS_BY_CATEGORY_SUCCESS =\r\n  \"GET_PRODUCTS_BY_CATEGORY_SUCCESS\";\r\nexport const GET_PRODUCTS_BY_CATEGORY_FAIL = \"GET_PRODUCTS_BY_CATEGORY_FAIL\";\r\n\r\nexport const GET_NEW_ARRIVAL_PRODUCT_BEGIN = \"GET_NEW_ARRIVAL_PRODUCT_BEGIN\";\r\nexport const GET_NEW_ARRIVAL_PRODUCT_SUCCESS =\r\n  \"GET_NEW_ARRIVAL_PRODUCT_SUCCESS\";\r\nexport const GET_NEW_ARRIVAL_PRODUCT_FAIL = \"GET_NEW_ARRIVAL_PRODUCT_FAIL\";\r\n","import api from \"./API\";\r\n\r\nexport default class SliderService {\r\n  static async GetSlider() {\r\n    return api\r\n      .get(\"/slider\")\r\n      .then((resp) => {\r\n        if (resp.data.success) return resp.data.data;\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Carousel } from \"react-bootstrap\";\r\nimport SliderService from \"../../axios/SliderService\";\r\nimport { BASE_URL, BASE_URL_SHORT } from \"../../base\";\r\n\r\nfunction HomeBanner(props) {\r\n  const [sliders, setSliders] = useState([]);\r\n  useEffect(() => {\r\n    SliderService.GetSlider().then((result) => {\r\n      setSliders(result);\r\n    });\r\n  }, []);\r\n  return (\r\n    <Carousel>\r\n      {sliders.map((slide, index) => {\r\n        return (\r\n          <Carousel.Item>\r\n            <div\r\n              key={index}\r\n              className=\"d-block w-100 main_slider\"\r\n              style={{\r\n                backgroundImage: `url(${BASE_URL_SHORT}/upload/${slide.image})`,\r\n              }}\r\n            >\r\n              <div className=\"container fill_height\">\r\n                <div className=\"row align-items-center fill_height\">\r\n                  <div className=\"col\">\r\n                    <div className=\"main_slider_content\" data-aos=\"fade-right\">\r\n                      <h6>{slide.en_title}</h6>\r\n                      <h1>{slide.en_title1}</h1>\r\n                      <div className=\"red_button shop_now_button\">\r\n                        <a href=\"#\">shop now</a>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </Carousel.Item>\r\n        );\r\n      })}\r\n    </Carousel>\r\n  );\r\n}\r\n\r\nexport default HomeBanner;\r\n","import api from './API';\r\n\r\nexport default class CategoryService {\r\n    static async GetCategories() {\r\n        return api.get('/category').then(resp => {\r\n            if (resp.data.success)\r\n                return resp.data.data\r\n        }).catch((error) => {\r\n            console.log(\"Api Error:\", error);\r\n            throw error;\r\n        });\r\n    }\r\n}","\r\n\r\nimport React from \"react\";\r\n\r\nfunction Heading(props) {\r\n  return (\r\n    <div className=\"col text-center\">\r\n      <div className=\"section_title new_arrivals_title\">\r\n        <h2>{props.title}</h2>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Heading;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport CategoryService from \"../../axios/CategoryService\";\r\nimport { BASE_URL, BASE_URL_SHORT } from \"../../base\";\r\nimport Heading from \"../Heading\";\r\nimport { Link } from \"react-router-dom/cjs/react-router-dom\";\r\n\r\nfunction CategoryBanner(props) {\r\n  const [categories, setCategories] = useState([]);\r\n  const [searchedCats, setSearchedCats] = useState([]);\r\n  useEffect(() => {\r\n    CategoryService.GetCategories().then((result) => {\r\n      setCategories(result);\r\n      setSearchedCats(result);\r\n    });\r\n  }, []);\r\n  const searchCats = (event) => {\r\n    let _val = event.target.value;\r\n    let _cats = [];\r\n    if (!!_val) {\r\n      if (props.lang == \"en\") {\r\n        _cats = categories?.filter((e) =>\r\n          e.name.toLowerCase().includes(_val.toLowerCase())\r\n        );\r\n        setSearchedCats(_cats);\r\n      } else {\r\n        _cats = categories?.filter((e) =>\r\n          e.name_a.toLowerCase().includes(_val.toLowerCase())\r\n        );\r\n        setSearchedCats(_cats);\r\n      }\r\n    } else setSearchedCats(categories);\r\n  };\r\n  return (\r\n    <div\r\n      className=\"banner\"\r\n      style={{ direction: props.lang === \"en\" ? \"ltr\" : \"rtl\" }}\r\n    >\r\n      <div className=\"container\">\r\n        <div className=\"row my-5\">\r\n          <Heading\r\n            title={props.lang == \"en\" ? \"Categories\" : \"الأصناف\"}\r\n            data-aos=\"fade-up\"\r\n          />\r\n        </div>\r\n        <div className=\"row my-3\">\r\n          <input\r\n            onChange={searchCats}\r\n            className=\"form-control\"\r\n            placeholder={\r\n              props.lang == \"en\" ? \"Search Categories....\" : \"بحث عن صنف...\"\r\n            }\r\n            style={\r\n              props.lang == \"en\"\r\n                ? { direction: \"ltr\", backgroundColor: \"beige\" }\r\n                : { direction: \"rtl\", backgroundColor: \"beige\" }\r\n            }\r\n          />\r\n        </div>\r\n        <div className=\"row\">\r\n          {searchedCats.map((cat, index) => {\r\n            return (\r\n              <div key={index} className=\"col-md-4\">\r\n                <Link to={`/categories?category_id=${cat.id}`}>\r\n                  <div\r\n                    className=\"banner_item align-items-center\"\r\n                    style={{\r\n                      backgroundImage: `url(${BASE_URL_SHORT}/upload/${cat.image})`,\r\n                      borderRadius: \"8px\",\r\n                    }}\r\n                    data-aos=\"fade-right\"\r\n                  ></div>\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"column\",\r\n                      gap: \"2px\",\r\n                      alignItems: \"flex-start\",\r\n                      justifyContent: \"flex-start\",\r\n                      marginTop: \"4px\",\r\n                      marginBottom: \"15px\",\r\n                    }}\r\n                  >\r\n                    <span\r\n                      style={{\r\n                        color: \"black\",\r\n                        fontSize: \"16px\",\r\n                        fontWeight: 600,\r\n                        textDecoration: \"none\",\r\n                      }}\r\n                    >\r\n                      {props.lang == \"en\" ? `${cat.name}` : `${cat.name_a}`}\r\n                    </span>\r\n                    <span\r\n                      style={{\r\n                        color: \"gray\",\r\n                        fontSize: \"14px\",\r\n                        fontWeight: 400,\r\n                        textDecoration: \"none\",\r\n                      }}\r\n                    >\r\n                      {props.lang == \"en\"\r\n                        ? `${cat.product_count} items`\r\n                        : `${cat.product_count} منتج`}\r\n                    </span>\r\n                  </div>\r\n                </Link>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default CategoryBanner;\r\n","import React from \"react\";\r\nimport { useKeenSlider } from \"keen-slider/react\";\r\nimport \"keen-slider/keen-slider.min.css\";\r\nimport \"./custom-styles.css\";\r\nconst ColorSlider = ({ colors, selectedColor, onColorClick, lang }) => {\r\n  const [sliderRef] = useKeenSlider({\r\n    mode: \"snap\",\r\n    slides: {\r\n      perView: \"auto\", // Adjust as needed\r\n      spacing: 4,\r\n    },\r\n    rtl: lang !== \"en\",\r\n  });\r\n\r\n  return (\r\n    <div ref={sliderRef} className=\"keen-slider\">\r\n      {JSON.parse(colors).map((color) => (\r\n        <div\r\n          key={`${color}_container`} // Add a unique key for each slide\r\n          className=\"keen-slider__slide\"\r\n          style={{\r\n            height: \"24px\",\r\n            width: \"48px\",\r\n            display: \"flex\",\r\n            alignItems: \"start\",\r\n            justifyContent: \"start\",\r\n          }}\r\n        >\r\n          <div\r\n            key={color} // Add a unique key for each slide\r\n            className=\"product_color_item\"\r\n            style={{\r\n              border: \"1px solid\",\r\n              background: color,\r\n              boxShadow:\r\n                selectedColor === color ? \"0px 2px 6px 0px #00000080\" : \"none\",\r\n            }}\r\n            onClick={() => onColorClick(color)}\r\n          />\r\n        </div>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ColorSlider;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport { BASE_URL_SHORT } from \"../../base\";\r\nimport ColorSlider from \"./color-slider\";\r\n\r\nfunction SingleProduct(props) {\r\n  const { productItem } = props;\r\n  const [color, setColor] = useState(props.initialColorFromCart);\r\n  const [qty, setQty] = useState(0);\r\n\r\n  const [isProductAdded, setIsproductAdded] = useState(\r\n    props.isProductAddedToCart\r\n  );\r\n  useEffect(() => {\r\n    const items = props.cart;\r\n    if (items && items.products) {\r\n      const curProd = items.products.filter(\r\n        (el) => el.id === productItem.id.toString() && el.color === color\r\n      )[0];\r\n      if (curProd) {\r\n        setQty(curProd.count);\r\n        setIsproductAdded(true);\r\n      } else {\r\n        setQty(0);\r\n        setIsproductAdded(false);\r\n      }\r\n    } else {\r\n      setQty(0);\r\n      setIsproductAdded(false);\r\n    }\r\n  }, [color, props.cart]);\r\n  const addToCart = (id, price, image, name) => {\r\n    props.addToBag(id, qty, color, price, image, name);\r\n  };\r\n\r\n  const onAddClicked = () => {\r\n    let curColor = color;\r\n    if (curColor === \"\") {\r\n      curColor = JSON.parse(productItem.color)[0];\r\n      setColor(curColor);\r\n    }\r\n    setQty(qty + 1);\r\n    props.postCart(\r\n      productItem.id.toString(),\r\n      qty + 1,\r\n      curColor,\r\n      productItem.selling_price,\r\n      productItem.images[0].path,\r\n      productItem.en_name,\r\n      productItem.ar_name\r\n    );\r\n    setIsproductAdded(true);\r\n  };\r\n\r\n  const onRemoveClicked = () => {\r\n    if (qty > 0) {\r\n      setQty(qty - 1);\r\n      if (qty === 1) {\r\n        props.removeProductFromCart(productItem.id.toString(), color);\r\n        setIsproductAdded(false);\r\n      } else {\r\n        props.postCart(\r\n          productItem.id.toString(),\r\n          qty - 1,\r\n          color,\r\n          productItem.selling_price,\r\n          productItem.images[0].path,\r\n          productItem.en_name,\r\n          productItem.ar_name\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n  let source = \"\";\r\n  if (\r\n    productItem.images &&\r\n    productItem.images[0] &&\r\n    productItem.images[0].path\r\n  ) {\r\n    source = productItem.images[0].path;\r\n  } else {\r\n    source = productItem.image;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className=\"product-item men\"\r\n      style={{\r\n        direction: props.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n        float: props.lang === \"en\" ? \"left\" : \"right\",\r\n        boxShadow: \"0px 4px 4px rgba(0,0,0,0.3)\",\r\n      }}\r\n    >\r\n      <div className=\"product discount product_filter\">\r\n        <div\r\n          className=\"product_image\"\r\n          onClick={() => jumpTo(`/single-product/${productItem.id}`)}\r\n        >\r\n          <img\r\n            src={`${BASE_URL_SHORT}/upload/${source}`}\r\n            alt=\"\"\r\n            className=\"img-fluid\"\r\n          />\r\n        </div>\r\n        <div className=\"favorite favorite_left\">\r\n          <i className=\"far fa-heart\" />\r\n        </div>\r\n\r\n        <div className=\"product_info\">\r\n          <p className=\"product_name\">\r\n            <div>\r\n              {props.lang == \"en\" ? productItem.en_name : productItem.ar_name}\r\n            </div>\r\n          </p>\r\n          <div className=\"product_color\">\r\n            <ColorSlider\r\n              colors={productItem.color}\r\n              onColorClick={(color) => setColor(color)}\r\n              selectedColor={color}\r\n              lang={props.lang}\r\n            />\r\n          </div>\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"row\",\r\n              justifyContent: \"space-between\",\r\n              alignItems: \"center\",\r\n              height: \"30px\",\r\n              marginTop: \"6px\",\r\n            }}\r\n          >\r\n            <p className=\"product_price\" style={{ fontSize: \"14px\" }}>\r\n              {`${productItem.selling_price} ${\r\n                props.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n              }`}\r\n            </p>\r\n            {!isProductAdded && (\r\n              <img\r\n                src={\"/add-to-cart.png\"}\r\n                alt=\"add to cart\"\r\n                style={{ height: \"26px\", width: \"26px\", cursor: \"pointer\" }}\r\n                onClick={() => onAddClicked()}\r\n              />\r\n            )}\r\n            {isProductAdded && (\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"end\",\r\n                  gap: \"8px\",\r\n                }}\r\n              >\r\n                <img\r\n                  src={\"/remove.png\"}\r\n                  alt=\"add\"\r\n                  style={{ height: \"23px\", width: \"23px\", cursor: \"pointer\" }}\r\n                  onClick={() => onRemoveClicked()}\r\n                />\r\n                <span\r\n                  style={{\r\n                    fontSize: \"16px\",\r\n                    fontWeight: 600,\r\n                    lineHeight: \"27px\",\r\n                    color: \"#303030\",\r\n                    width: \"20px\",\r\n                  }}\r\n                >\r\n                  {qty.toString().padStart(2, \"0\")}\r\n                </span>\r\n                <img\r\n                  src={\"/add.png\"}\r\n                  alt=\"add to cart\"\r\n                  style={{ height: \"23px\", width: \"23px\", cursor: \"pointer\" }}\r\n                  onClick={() => onAddClicked()}\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n          {/* <div\r\n            className=\"quantity d-flex flex-column flex-sm-row align-items-sm-center\"\r\n            style={{ visibility: isProductAdded ? \"visible\" : \"hidden\" }}\r\n          >\r\n            <div\r\n              className=\"quantity_selector\"\r\n              style={{ width: \"100%\", borderRadius: \"4px\" }}\r\n            >\r\n              <span\r\n                className={qty > 0 ? \"minus\" : \"minus disabled\"}\r\n                onClick={() => onRemoveClicked()}\r\n              >\r\n                <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n              </span>\r\n              <span id=\"quantity_value\">{qty}</span>\r\n              <span className=\"plus\" onClick={() => onAddClicked()}>\r\n                <i className=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div\r\n            className=\"red_button product-add_to_cart_button\"\r\n            onClick={() => onAddClicked()}\r\n            style={{\r\n              visibility: isProductAdded ? \"hidden\" : \"visible\",\r\n              marginTop: \"-40px\",\r\n              cursor: \"pointer\",\r\n              borderRadius: \"4px\",\r\n            }}\r\n          >\r\n            <div style={{ color: \"#ffffff\" }}>\r\n              {props.lang == \"en\" ? `add to cart` : `إضافة إلى السلة`}\r\n            </div>\r\n          </div> */}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default SingleProduct;\r\n","import React, { Component } from \"react\";\r\nimport SingleProduct from \"./SingleProduct\";\r\nimport Heading from \"../Heading\";\r\nimport PropTypes from \"prop-types\";\r\nimport CategoryService from \"../../axios/CategoryService\";\r\nclass NewArrivals extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      products: this.props.products,\r\n      filteredProducts: this.props.products,\r\n      searchedProducts: this.props.products,\r\n      categories: null,\r\n      selectedOption: 0,\r\n      search: \"\",\r\n    };\r\n  }\r\n  componentDidMount() {\r\n    CategoryService.GetCategories()\r\n      .then((res) => {\r\n        this.setState({\r\n          categories: res,\r\n        });\r\n      })\r\n      .catch((err) => {});\r\n  }\r\n  optionClicked(id) {\r\n    if (id === 0)\r\n      this.setState({\r\n        filteredProducts: this.state.products,\r\n        searchedProducts: this.state.products,\r\n        selectedOption: id,\r\n      });\r\n    else\r\n      this.setState({\r\n        filteredProducts: this.state.products.filter(\r\n          (e) => e.category_id == id\r\n        ),\r\n        searchedProducts: this.state.products.filter(\r\n          (e) => e.category_id == id\r\n        ),\r\n        selectedOption: id,\r\n      });\r\n  }\r\n  searchProds = (_val) => {\r\n    let _prods = [];\r\n    if (_val) {\r\n      if (this.props.lang == \"en\") {\r\n        _prods = this.state.filteredProducts\r\n          ?.slice()\r\n          ?.filter((e) => e.en_name.toLowerCase().includes(_val.toLowerCase()));\r\n        this.setState({ searchedProducts: _prods });\r\n      } else {\r\n        _prods = this.state.filteredProducts\r\n          ?.slice()\r\n          ?.filter((e) => e.ar_name.toLowerCase().includes(_val.toLowerCase()));\r\n        this.setState({ searchedProducts: _prods });\r\n      }\r\n    } else {\r\n      let _prods = this.state.filteredProducts;\r\n      this.setState({ searchedProducts: _prods });\r\n    }\r\n  };\r\n  render() {\r\n    const { products } = this.state;\r\n    return (\r\n      <div className=\"new_arrivals\" data-aos=\"fade-up\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <Heading\r\n              title={\r\n                this.props.lang == \"en\"\r\n                  ? \"New Arrivals\"\r\n                  : \"المنتجات المضافة حديثاً\"\r\n              }\r\n              data-aos=\"fade-up\"\r\n            />\r\n          </div>\r\n          <div className=\"row mt-5 mb-1\">\r\n            <input\r\n              onChange={(event) => this.searchProds(event.target.value)}\r\n              className=\"form-control\"\r\n              placeholder={\r\n                this.props.lang == \"en\"\r\n                  ? \"Search Products....\"\r\n                  : \"بحث عن منتج...\"\r\n              }\r\n              style={\r\n                this.props.lang == \"en\"\r\n                  ? { direction: \"ltr\", backgroundColor: \"beige\" }\r\n                  : { direction: \"rtl\", backgroundColor: \"beige\" }\r\n              }\r\n            />\r\n          </div>\r\n          <div className=\"row align-items-center\" data-aos=\"fade-up\">\r\n            <div className=\"col text-center\">\r\n              <div className=\"new_arrivals_sorting\">\r\n                <ul className=\"arrivals_grid_sorting clearfix button-group filters-button-group\">\r\n                  {this.props.lang == \"en\" && (\r\n                    <li\r\n                      onClick={() => this.optionClicked(0)}\r\n                      className={`grid_sorting_button button d-flex flex-column justify-content-center align-items-center ${\r\n                        this.state.selectedOption == 0\r\n                          ? \"active is-checked\"\r\n                          : null\r\n                      }`}\r\n                    >\r\n                      {this.props.lang == \"en\" ? `all` : `الكل`}\r\n                    </li>\r\n                  )}\r\n                  {this.state.categories != null &&\r\n                    this.state.categories.map((cat) => {\r\n                      return (\r\n                        <li\r\n                          className={`grid_sorting_button button d-flex flex-column justify-content-center align-items-center ${\r\n                            this.state.selectedOption == cat.id\r\n                              ? \"active is-checked\"\r\n                              : null\r\n                          }`}\r\n                          onClick={() => this.optionClicked(`${cat.id}`)}\r\n                        >\r\n                          {this.props.lang == \"en\"\r\n                            ? `${cat.name}`\r\n                            : `${cat.name_a}`}\r\n                        </li>\r\n                      );\r\n                    })}\r\n                  {this.props.lang == \"ar\" && (\r\n                    <li\r\n                      onClick={() => this.optionClicked(0)}\r\n                      className={`grid_sorting_button button d-flex flex-column justify-content-center align-items-center ${\r\n                        this.state.selectedOption == 0\r\n                          ? \"active is-checked\"\r\n                          : null\r\n                      }`}\r\n                    >\r\n                      {this.props.lang == \"en\" ? `all` : `الكل`}\r\n                    </li>\r\n                  )}\r\n                </ul>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"row\">\r\n            {this.state.searchedProducts &&\r\n              this.state.searchedProducts.slice(0, 8).map((item, index) => {\r\n                return (\r\n                  <div\r\n                    className=\"col-lg-3 col-sm-6\"\r\n                    style={{ marginTop: \"7em\" }}\r\n                    key={index}\r\n                    data-aos=\"zoom-in\"\r\n                  >\r\n                    <SingleProduct\r\n                      lang={this.props.lang}\r\n                      currency={this.props.currency}\r\n                      productItem={item}\r\n                      addToBag={this.props.addToBag}\r\n                    />\r\n                  </div>\r\n                );\r\n              })}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nNewArrivals.propTypes = {\r\n  addToCart: PropTypes.func,\r\n};\r\n\r\nexport default NewArrivals;\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport SingleProduct from \"./SingleProduct\";\r\nimport Heading from \"../Heading\";\r\n\r\nclass BestSeller extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      products: this.props.products\r\n    };\r\n  }\r\n  \r\n  render() {\r\n    const { products } = this.state;\r\n\r\n    return (\r\n      <div className=\"best_sellers\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <Heading title=\"Shops\" data-aos=\"fade-up\" />\r\n          </div>\r\n\r\n          <div className=\"row\" style={{ marginTop: 50 }}>\r\n            {products &&\r\n              products.slice(5, 9).map((item, index) => {\r\n                return (\r\n                  <div\r\n                    className=\"col-lg-3 col-sm-6\"\r\n                    key={index}\r\n                    data-aos=\"zoom-in\"\r\n                  >\r\n                    <SingleProduct\r\n                      productItem={item}\r\n                      addToBag={this.props.addToBag}\r\n                    />\r\n                  </div>\r\n                );\r\n              })}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default BestSeller;\r\n","\r\n\r\nimport React from \"react\";\r\n\r\nfunction Benefit(params) {\r\n  return (\r\n    <div className=\"benefit\" data-aos=\"fade-up\">\r\n      <div className=\"container\">\r\n        <div className=\"row benefit_row\">\r\n          <div className=\"col-lg-3 benefit_col\">\r\n            <div className=\"benefit_item d-flex flex-row align-items-center\">\r\n              <div className=\"benefit_icon\">\r\n                <i className=\"fa fa-truck\" aria-hidden=\"true\"></i>\r\n              </div>\r\n              <div className=\"benefit_content\">\r\n                <h6>free shipping</h6>\r\n                <p>Suffered Alteration in Some Form</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 benefit_col\">\r\n            <div className=\"benefit_item d-flex flex-row align-items-center\">\r\n              <div className=\"benefit_icon\">\r\n                <i className=\"far fa-money-bill-alt\"></i>\r\n              </div>\r\n              <div className=\"benefit_content\">\r\n                <h6>cach on delivery</h6>\r\n                <p>The Internet Tend To Repeat</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 benefit_col\">\r\n            <div className=\"benefit_item d-flex flex-row align-items-center\">\r\n              <div className=\"benefit_icon\">\r\n                <i className=\"fa fa-undo\" aria-hidden=\"true\"></i>\r\n              </div>\r\n              <div className=\"benefit_content\">\r\n                <h6>45 days return</h6>\r\n                <p>Making it Look Like Readable</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"col-lg-3 benefit_col\">\r\n            <div className=\"benefit_item d-flex flex-row align-items-center\">\r\n              <div className=\"benefit_icon\">\r\n                <i className=\"far fa-clock\"></i>\r\n              </div>\r\n              <div className=\"benefit_content\">\r\n                <h6>opening all week</h6>\r\n                <p>8AM - 09PM</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Benefit;\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport DEALOFWEEK from \"../../assets/images/deal_ofthe_week.png\";\r\nclass Advertisement extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      days: 0,\r\n      hours: 0,\r\n      min: 0,\r\n      sec: 0\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    // update every second\r\n    this.interval = setInterval(() => {\r\n      const date = this.calculateCountdown(this.props.date);\r\n      date ? this.setState(date) : this.stop();\r\n    }, 1000);\r\n  }\r\n\r\n  componentWillUnmount() {\r\n    this.stop();\r\n  }\r\n\r\n  calculateCountdown(endDate) {\r\n    let diff = (Date.parse(new Date(endDate)) - Date.parse(new Date())) / 1000;\r\n\r\n    // clear countdown when date is reached\r\n    if (diff <= 0) return false;\r\n\r\n    const timeLeft = {\r\n      years: 0,\r\n      days: 0,\r\n      hours: 0,\r\n      min: 0,\r\n      sec: 0,\r\n      millisec: 0\r\n    };\r\n\r\n    // calculate time difference between now and expected date\r\n    if (diff >= 365.25 * 86400) {\r\n      // 365.25 * 24 * 60 * 60\r\n      timeLeft.years = Math.floor(diff / (365.25 * 86400));\r\n      diff -= timeLeft.years * 365.25 * 86400;\r\n    }\r\n    if (diff >= 86400) {\r\n      // 24 * 60 * 60\r\n      timeLeft.days = Math.floor(diff / 86400);\r\n      diff -= timeLeft.days * 86400;\r\n    }\r\n    if (diff >= 3600) {\r\n      // 60 * 60\r\n      timeLeft.hours = Math.floor(diff / 3600);\r\n      diff -= timeLeft.hours * 3600;\r\n    }\r\n    if (diff >= 60) {\r\n      timeLeft.min = Math.floor(diff / 60);\r\n      diff -= timeLeft.min * 60;\r\n    }\r\n    timeLeft.sec = diff;\r\n\r\n    return timeLeft;\r\n  }\r\n\r\n  stop() {\r\n    clearInterval(this.interval);\r\n  }\r\n\r\n  addLeadingZeros(value) {\r\n    value = String(value);\r\n    while (value.length < 2) {\r\n      value = \"0\" + value;\r\n    }\r\n    return value;\r\n  }\r\n\r\n  render() {\r\n    const countDown = this.state;\r\n    return (\r\n      <div className=\"deal_ofthe_week\" data-aos=\"fade-up\">\r\n        <div className=\"container\">\r\n          <div className=\"row align-items-center\">\r\n            <div className=\"col-lg-6\">\r\n              <div className=\"deal_ofthe_week_img\">\r\n                <img src={DEALOFWEEK} alt=\"\" />\r\n              </div>\r\n            </div>\r\n            <div className=\"col-lg-6 text-right deal_ofthe_week_col\">\r\n              <div className=\"deal_ofthe_week_content d-flex flex-column align-items-center float-right\">\r\n                <div className=\"section_title\">\r\n                  <h2>Deal Of The Week</h2>\r\n                </div>\r\n                <ul className=\"timer\">\r\n                  <li className=\"d-inline-flex flex-column justify-content-center align-items-center\">\r\n                    <div id=\"day\" className=\"timer_num\">\r\n                      {this.addLeadingZeros(countDown.days)}{\" \"}\r\n                    </div>\r\n                    <div className=\"timer_unit\">\r\n                      {countDown.days === 1 ? \"Day\" : \"Days\"}\r\n                    </div>\r\n                  </li>\r\n                  <li className=\"d-inline-flex flex-column justify-content-center align-items-center\">\r\n                    <div id=\"hour\" className=\"timer_num\">\r\n                      {this.addLeadingZeros(countDown.hours)}\r\n                    </div>\r\n                    <div className=\"timer_unit\">Hours</div>\r\n                  </li>\r\n                  <li className=\"d-inline-flex flex-column justify-content-center align-items-center\">\r\n                    <div id=\"minute\" className=\"timer_num\">\r\n                      {this.addLeadingZeros(countDown.min)}\r\n                    </div>\r\n                    <div className=\"timer_unit\">Mins</div>\r\n                  </li>\r\n                  <li className=\"d-inline-flex flex-column justify-content-center align-items-center\">\r\n                    <div id=\"second\" className=\"timer_num\">\r\n                      {this.addLeadingZeros(countDown.sec)}\r\n                    </div>\r\n                    <div className=\"timer_unit\">Sec</div>\r\n                  </li>\r\n                </ul>\r\n                <div className=\"red_button deal_ofthe_week_button\">\r\n                  <a href=\"#\">shop now</a>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nAdvertisement.propTypes = {\r\n  date: PropTypes.string.isRequired\r\n};\r\n\r\nAdvertisement.defaultProps = {\r\n  date: new Date(new Date().getTime() + 5 * 24 * 60 * 60 * 1000).toString()\r\n};\r\n\r\nexport default Advertisement;\r\n","import React, { Component } from \"react\";\r\nimport { login } from \"../../ServerRequest\";\r\nimport API from \"../../axios/API\";\r\nimport Auth from \"../../modules/Auth\";\r\nimport HomeBanner from \"../../components/HomeBanner\";\r\nimport CategoryBanner from \"../../components/CategoryBanner/CategoryBanner\";\r\nimport NewArrivals from \"../../components/Products/NewArrivals\";\r\nimport BestSeller from \"../../components/Products/BestSeller\";\r\nimport Benefit from \"../../components/Benefit\";\r\nimport Advertisement from \"../../components/Advertisement\";\r\nimport PropTypes from \"prop-types\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport LoginRegister from \"../../components/LoginRegisterModal\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nclass Home extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      data: null,\r\n      modalShow: false,\r\n      login: true,\r\n      lang: props.lang.lang,\r\n      currency: props.currency.currency,\r\n    };\r\n    this.addToBag = this.addToBag.bind(this);\r\n  }\r\n\r\n  // componentDidMount() {\r\n  //   if (!this.props.newArrivalProducts) {\r\n  //     this.props.getNewArrivalProducts();\r\n  //   }\r\n  // }\r\n  // componentDidUpdate(prevProps) {\r\n  //   console.log(prevProps.products);\r\n  //   console.log(this.props.products);\r\n  // }\r\n\r\n  showHideModal = () => {\r\n    this.setState({ modalShow: false });\r\n  };\r\n\r\n  loginClicked = () => {\r\n    this.setState({ modalShow: true, login: true });\r\n  };\r\n  registerClicked = () => {\r\n    this.setState({ modalShow: true, login: false });\r\n  };\r\n\r\n  addToBag = (id, count, color, price, image, name) => {\r\n    if (\r\n      Auth.getUserDetails() !== undefined &&\r\n      Auth.getUserDetails() !== null &&\r\n      Auth.getToken() !== undefined\r\n    ) {\r\n      if (color == \"\")\r\n        this.props.lang.lang == \"en\"\r\n          ? toast.error(\"you must select color\")\r\n          : toast.error(\"يجب تحديد لون المنتج الذي تريده\");\r\n      else {\r\n        let cart = this.props.postCart(id, count, color, price, image, name);\r\n        this.props.lang.lang == \"en\"\r\n          ? toast.success(\"Product added to cart successfully\")\r\n          : toast.success(\"تم إضافة المنتج بنجاح إلى السلة\");\r\n      }\r\n    } else {\r\n      this.setState({ modalShow: true });\r\n    }\r\n  };\r\n\r\n  render() {\r\n    // const { newArrivalProducts } = this.props;\r\n    // console.log(this.props.newArrivalProducts);\r\n    return (\r\n      <div>\r\n        <HomeBanner />\r\n        <CategoryBanner lang={this.props.lang.lang} />\r\n        {/* {newArrivalProducts ? (\r\n          <NewArrivals\r\n            currency={this.props.currency.currency}\r\n            products={newArrivalProducts}\r\n            addToBag={this.addToBag}\r\n            lang={this.props.lang.lang}\r\n          />\r\n        ) : null} */}\r\n        <Benefit />\r\n        {/* {products ? (\r\n          <BestSeller\r\n            addToBag={this.addToBag}\r\n          />\r\n        ) : null} */}\r\n        <LoginRegister\r\n          show={this.state.modalShow}\r\n          login={this.state.login}\r\n          registerClicked={() => this.registerClicked()}\r\n          loginClicked={() => this.loginClicked()}\r\n          onHide={() => this.showHideModal()}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Home;\r\n","import {\r\n  getAllProducts,\r\n  applyFilters,\r\n  getNewArrivalProducts,\r\n} from \"../../redux/actions/productAction\";\r\nimport { connect } from \"react-redux\";\r\nimport Home from \"./Home\";\r\nimport { postCart } from \"../../redux/actions/cartAction\";\r\n\r\nconst mapStoreToProps = (state) => ({\r\n  // newArrivalProducts: state.product.newArrivalProducts,\r\n  loading: state.product.loading,\r\n  lang: state.lang,\r\n  currency: state.currency,\r\n});\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  // getNewArrivalProducts: () => dispatch(getNewArrivalProducts()),\r\n  applyFilters: (filter_string) => dispatch(applyFilters(filter_string)),\r\n  postCart: (productId, count, color, price, image, name) =>\r\n    dispatch(postCart(productId, count, color, price, image, name)),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(Home);\r\n","import React, { Component, useState } from \"react\";\r\nimport LoginRegister from \"../../components/LoginRegisterModal\";\r\nimport Auth from \"../../modules/Auth\";\r\nimport { BASE_URL } from \"../../base\";\r\nimport ProductService from \"../../axios/ProductService\";\r\nimport { toast } from \"react-toastify\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\n\r\nclass SingleProduct extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      color: \"\",\r\n      size: \"\",\r\n      pic: \"\",\r\n      selectedSize: \"\",\r\n      id: \"\",\r\n      quantity: 0,\r\n      modalShow: false,\r\n      login: true,\r\n      fav: false,\r\n      currency: this.props.currency.currency,\r\n      product: null,\r\n      bigImage:\r\n        this.props.product &&\r\n        this.props.product.images &&\r\n        this.props.product.images.length > 0\r\n          ? this.props.product.images[0]\r\n          : null,\r\n    };\r\n    this.addToFav = this.addToFav.bind(this);\r\n    this.handleImageClick = this.handleImageClick.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    if (\r\n      !this.props.product ||\r\n      this.props.location.pathname.split(\"/\").slice(-1)[0] !==\r\n        this.props.product.id.toString()\r\n    ) {\r\n      this.props.getProduct(\r\n        this.props.location.pathname.split(\"/\").slice(-1)[0]\r\n      );\r\n      this.props.getVariantsByProductId(\r\n        this.props.location.pathname.split(\"/\").slice(-1)[0]\r\n      );\r\n    } else {\r\n      this.setState({\r\n        bigImage: this.props.product.images[0],\r\n        color: JSON.parse(this.props.product.color)[0],\r\n        quantity: this.getQuantity(),\r\n      });\r\n    }\r\n  }\r\n  componentDidUpdate(prevProps, prevState) {\r\n    if (prevProps.product !== this.props.product) {\r\n      this.setState({\r\n        bigImage:\r\n          this.props.product.images.length > 0\r\n            ? this.props.product.images[0]\r\n            : null,\r\n        color: JSON.parse(this.props.product.color)[0],\r\n        // quantity: this.getQuantity(),\r\n      });\r\n    }\r\n    if (prevState.color !== this.state.color) {\r\n      this.getQuantity();\r\n    }\r\n  }\r\n  getQuantity = () => {\r\n    const cartItems = JSON.parse(window.localStorage.getItem(\"cart\"));\r\n    if (cartItems && cartItems.products) {\r\n      const curProd = cartItems.products.filter(\r\n        (el) =>\r\n          el.id === this.props.product.id.toString() &&\r\n          el.color === this.state.color\r\n      )[0];\r\n      if (curProd) {\r\n        this.setState({ quantity: curProd.count });\r\n      } else {\r\n        this.setState({ quantity: 0 });\r\n      }\r\n    } else {\r\n      this.setState({ quantity: 0 });\r\n    }\r\n  };\r\n  showHideModal = () => {\r\n    this.setState({ modalShow: false });\r\n  };\r\n\r\n  loginClicked = () => {\r\n    this.setState({ modalShow: true, login: true });\r\n  };\r\n  registerClicked = () => {\r\n    this.setState({ modalShow: true, login: false });\r\n  };\r\n  addToFav = (id) => {\r\n    ProductService.addToFavorite(id)\r\n      .then((resp) => {\r\n        this.setState({ fav: true });\r\n        toast.success(resp);\r\n      })\r\n      .catch((er) => console.error(er));\r\n  };\r\n  handleImageClick(image) {\r\n    this.setState({ bigImage: image });\r\n  }\r\n  handleThumbnailClick = (item) => {\r\n    this.setState({\r\n      color: item.color,\r\n      size: item.size,\r\n      pic: item.imagePath,\r\n      selectedSize: \"\",\r\n      id: item._id,\r\n      cartItem: null,\r\n    });\r\n  };\r\n\r\n  onAddClicked = () => {\r\n    if (\r\n      Auth.getUserDetails() !== undefined &&\r\n      Auth.getUserDetails() !== null &&\r\n      Auth.getToken() !== undefined\r\n    ) {\r\n      this.setState({ quantity: this.state.quantity + 1 });\r\n      this.props.postCart(\r\n        this.state.id || this.props.location.pathname.split(\"/\").slice(-1)[0],\r\n        this.state.quantity + 1,\r\n        this.state.color,\r\n        this.props.product.selling_price,\r\n        this.props.product.images[0].path,\r\n        this.props.product.en_name,\r\n        this.props.product.ar_name\r\n      );\r\n    } else {\r\n      this.setState({ modalShow: true });\r\n    }\r\n  };\r\n  onRemoveClicked = () => {\r\n    if (\r\n      Auth.getUserDetails() !== undefined &&\r\n      Auth.getUserDetails() !== null &&\r\n      Auth.getToken() !== undefined\r\n    ) {\r\n      if (this.state.quantity > 0) {\r\n        this.setState({ quantity: this.state.quantity - 1 });\r\n        if (this.state.quantity === 1) {\r\n          this.props.removeProductFromCart(\r\n            this.state.id ||\r\n              this.props.location.pathname.split(\"/\").slice(-1)[0],\r\n            this.state.color\r\n          );\r\n        } else {\r\n          this.props.postCart(\r\n            this.state.id ||\r\n              this.props.location.pathname.split(\"/\").slice(-1)[0],\r\n            this.state.quantity - 1,\r\n            this.state.color,\r\n            this.props.product.selling_price,\r\n            this.props.product.images[0].path,\r\n            this.props.product.en_name,\r\n            this.props.product.ar_name\r\n          );\r\n        }\r\n      }\r\n    } else {\r\n      this.setState({ modalShow: true });\r\n    }\r\n  };\r\n\r\n  addToBag = () => {\r\n    if (\r\n      Auth.getUserDetails() !== undefined &&\r\n      Auth.getUserDetails() !== null &&\r\n      Auth.getToken() !== undefined\r\n    ) {\r\n      this.props.postCart(\r\n        this.state.id || this.props.location.pathname.split(\"/\").slice(-1)[0],\r\n        this.state.quantity,\r\n        this.state.color,\r\n        this.props.product.selling_price,\r\n        this.props.product.images[0].path,\r\n        this.props.product.en_name\r\n      );\r\n    } else {\r\n      this.setState({ modalShow: true });\r\n    }\r\n  };\r\n\r\n  productInCart = () => {\r\n    let available = false;\r\n    return available;\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"container single_product_container\">\r\n        {this.props.product &&\r\n          this.props.product.id.toString() ===\r\n            this.props.location.pathname.split(\"/\").slice(-1)[0] && (\r\n            <div>\r\n              <div className=\"row\">\r\n                <div className=\"col\">\r\n                  <div\r\n                    class=\"breadcrumbs d-flex flex-row align-items-center\"\r\n                    style={\r\n                      this.props.lang.lang == \"en\"\r\n                        ? { direction: \"ltr\" }\r\n                        : { direction: \"rtl\" }\r\n                    }\r\n                  >\r\n                    <ul>\r\n                      <li\r\n                        onClick={() => jumpTo(\"/\")}\r\n                        style={{ color: \"gray\", cursor: \"pointer\" }}\r\n                      >\r\n                        {/* <a> */}\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? `Home`\r\n                          : `الصفحة الرئيسية`}\r\n                        {/* </a> */}\r\n                      </li>\r\n                      <li\r\n                        className=\"active\"\r\n                        onClick={() => jumpTo(\"/categories\")}\r\n                        style={{ color: \"gray\", cursor: \"pointer\" }}\r\n                      >\r\n                        {/* <a href=\"/categories\"> */}\r\n                        <i\r\n                          className={\r\n                            this.props.lang.lang == \"en\"\r\n                              ? `fa fa-angle-right`\r\n                              : `fa fa-angle-left`\r\n                          }\r\n                          style={\r\n                            this.props.lang == \"en\"\r\n                              ? {}\r\n                              : { marginLeft: \"17px\" }\r\n                          }\r\n                          aria-hidden=\"true\"\r\n                        ></i>\r\n                        {this.props.lang.lang == \"en\" ? `Products` : `المنتجات`}\r\n                        {/* </a> */}\r\n                      </li>\r\n                      <li\r\n                        className=\"active\"\r\n                        onClick={() =>\r\n                          jumpTo(\r\n                            `/categories?category_id=${this.props.product.category.id}`\r\n                          )\r\n                        }\r\n                        style={{\r\n                          color: \"gray\",\r\n                          cursor: \"pointer\",\r\n                          textTransform: \"capitalize\",\r\n                        }}\r\n                      >\r\n                        {/* <a href=\"/categories\"> */}\r\n                        <i\r\n                          className={\r\n                            this.props.lang.lang == \"en\"\r\n                              ? `fa fa-angle-right`\r\n                              : `fa fa-angle-left`\r\n                          }\r\n                          style={\r\n                            this.props.lang == \"en\"\r\n                              ? {}\r\n                              : { marginLeft: \"17px\" }\r\n                          }\r\n                          aria-hidden=\"true\"\r\n                        ></i>\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? this.props.product.category.name_en\r\n                          : this.props.product.category.name_ar}\r\n                        {/* </a> */}\r\n                      </li>\r\n\r\n                      <li className=\"active\">\r\n                        <i\r\n                          className={\r\n                            this.props.lang.lang == \"en\"\r\n                              ? `fa fa-angle-right`\r\n                              : `fa fa-angle-left`\r\n                          }\r\n                          style={\r\n                            this.props.lang == \"en\"\r\n                              ? {}\r\n                              : { marginLeft: \"17px\" }\r\n                          }\r\n                          aria-hidden=\"true\"\r\n                        ></i>\r\n                        {this.props.lang.lang === \"en\"\r\n                          ? this.props.product.en_name\r\n                          : this.props.product.ar_name}\r\n                      </li>\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n              <div className=\"row\">\r\n                <div className=\"col-lg-7\">\r\n                  <div className=\"single_product_pics\">\r\n                    <div className=\"row\">\r\n                      <div className=\"col-lg-3 image_col order-lg-2 order-1\">\r\n                        <div className=\"row\">\r\n                          {this.props.product.images.map((image, index) => (\r\n                            <div className=\"col-12 mb-3\" key={index}>\r\n                              <img\r\n                                src={`${process.env.REACT_APP_BASE_URL_SHORT}/upload/${image.path}`}\r\n                                alt={`product-image-${index}`}\r\n                                className={`w-100 h-75 ${\r\n                                  image === this.state.bigImage\r\n                                    ? \"border border-cyan rounded shadow\"\r\n                                    : \"\"\r\n                                }`}\r\n                                style={{\r\n                                  borderRadius: \"5px\",\r\n                                  boxShadow: `${\r\n                                    image === this.state.bigImage\r\n                                      ? \"0 0 10px rgba(0, 0, 0, 0.5)\"\r\n                                      : \"none\"\r\n                                  }`,\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                                onClick={() => this.handleImageClick(image)}\r\n                              />\r\n                            </div>\r\n                          ))}\r\n                        </div>\r\n                      </div>\r\n                      <div className=\"col-lg-9 image_col order-lg-2 order-1\">\r\n                        <div className=\"single_product_image\">\r\n                          <div\r\n                            className=\"single_product_image_background\"\r\n                            style={{\r\n                              backgroundImage: this.state.bigImage?.path\r\n                                ? `url(${process.env.REACT_APP_BASE_URL_SHORT}/upload/${this.state.bigImage.path})`\r\n                                : \"\",\r\n                              borderRadius: \"20px\",\r\n                            }}\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-lg-5\">\r\n                  <div\r\n                    className=\"product_details\"\r\n                    style={{\r\n                      direction: this.props.lang.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                      float: this.props.lang.lang == \"en\" ? \"left\" : \"right\",\r\n                      textAlign:\r\n                        this.props.lang.lang == \"en\" ? \"left\" : \"right\",\r\n                    }}\r\n                  >\r\n                    <div className=\"product_details_title\">\r\n                      <div\r\n                        style={{\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          gap: \"8px\",\r\n                        }}\r\n                      >\r\n                        <h2>\r\n                          {this.props.lang.lang == \"en\"\r\n                            ? this.props.product.en_name\r\n                            : this.props.product.ar_name}\r\n                        </h2>\r\n                        <h2 style={{ color: \"gray\", textTransform: \"none\" }}>\r\n                          /\r\n                        </h2>\r\n                        <h2 style={{ color: \"#F0B21E\" }}>\r\n                          {this.props.product.brand}\r\n                        </h2>\r\n                      </div>\r\n                      {(this.props.product.en_availability ||\r\n                        this.props.product.ar_availability) && (\r\n                        <div className=\"original_price\">\r\n                          <span>\r\n                            {`${\r\n                              this.props.lang.lang === \"en\"\r\n                                ? this.props.product.en_availability\r\n                                : this.props.product.ar_availability\r\n                            }`}\r\n                          </span>\r\n                        </div>\r\n                      )}\r\n                      <div\r\n                        style={{\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          textAlign:\r\n                            this.props.lang.lang == \"en\" ? \"left\" : \"right\",\r\n                        }}\r\n                      >\r\n                        <p\r\n                          style={{\r\n                            fontSize:\r\n                              this.props.lang.lang == \"en\" ? \"14px\" : \"16px\",\r\n                          }}\r\n                        >\r\n                          {this.props.lang.lang == \"en\"\r\n                            ? this.props.product.en_description\r\n                            : this.props.product.ar_description}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                    <div className=\"original_price\">\r\n                      <span>\r\n                        {/* {this.props.currency.currency == \"dollar\"\r\n                          ? `${this.props.product.selling_price} $`\r\n                          : `${this.props.product.selling_price * 250.27} YRI`} */}\r\n                        {`${this.props.product.selling_price} ${\r\n                          this.props.lang.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                        }`}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"product_color\">\r\n                      <h6>\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? `Code: `\r\n                          : \"رمز المنتج: \"}\r\n                      </h6>\r\n\r\n                      <span\r\n                        style={{\r\n                          color: \"gray\",\r\n                          fontSize: 14,\r\n                          fontWeight: 500,\r\n                          paddingRight: \"10px\",\r\n                          paddingLeft: \"10px\",\r\n                        }}\r\n                      >\r\n                        {this.props.product.code}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"product_color\">\r\n                      <h6>\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? `Quantity: `\r\n                          : \"الكمية: \"}\r\n                      </h6>\r\n\r\n                      <span\r\n                        style={{\r\n                          color: \"gray\",\r\n                          fontSize: 14,\r\n                          fontWeight: 500,\r\n                          paddingRight: \"10px\",\r\n                          paddingLeft: \"10px\",\r\n                        }}\r\n                      >\r\n                        {this.props.product.entity}\r\n                      </span>\r\n                    </div>\r\n                    <div className=\"product_color\">\r\n                      <h6>\r\n                        {this.props.lang.lang == \"en\" ? `Colors ` : \"الألوان \"}\r\n                      </h6>\r\n                      <div\r\n                        style={{\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          gap: \"4px\",\r\n                          justifyContent: \"center\",\r\n                          alignItems: \"center\",\r\n                          width: \"100%\",\r\n                        }}\r\n                      >\r\n                        {JSON.parse(this.props.product.color).map((e) => (\r\n                          <div\r\n                            style={{\r\n                              background: `${e}`,\r\n                              width: \"40px\",\r\n                              borderRadius: \"8px\",\r\n                              height: \"16px\",\r\n                              cursor: \"pointer\",\r\n                              border: \"1px solid\",\r\n                              boxShadow:\r\n                                this.state.color === `${e}`\r\n                                  ? \"0px 2px 6px 2px #00000080\"\r\n                                  : \"none\",\r\n                            }}\r\n                            onClick={() => this.setState({ color: `${e}` })}\r\n                          ></div>\r\n                        ))}\r\n                      </div>\r\n                    </div>\r\n                    {(this.props.product.width ||\r\n                      this.props.product.height ||\r\n                      this.props.product.depth) && (\r\n                      <div className=\"product_color\">\r\n                        <h6>\r\n                          {this.props.lang.lang == \"en\"\r\n                            ? `Dimensions `\r\n                            : \"الأبعاد \"}\r\n                        </h6>\r\n                        <table style={{ width: \"100%\" }}>\r\n                          <thead style={{ width: \"100%\" }}>\r\n                            <tr style={{ width: \"100%\" }}>\r\n                              <th\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeigh: 500,\r\n                                }}\r\n                              >\r\n                                {this.props.lang.lang === \"en\"\r\n                                  ? \"Width (cm)\"\r\n                                  : \"عرض (سم)\"}\r\n                              </th>\r\n                              <th\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeigh: 500,\r\n                                }}\r\n                              >\r\n                                {this.props.lang.lang === \"en\"\r\n                                  ? \"Height (cm)\"\r\n                                  : \"ارتفاع (سم)\"}\r\n                              </th>\r\n                              <th\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeigh: 500,\r\n                                }}\r\n                              >\r\n                                {this.props.lang.lang === \"en\"\r\n                                  ? \"Depth (cm)\"\r\n                                  : \"عمق (سم)\"}\r\n                              </th>\r\n                            </tr>\r\n                          </thead>\r\n                          <tbody style={{ width: \"100%\" }}>\r\n                            <tr style={{ width: \"100%\" }}>\r\n                              <td\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeight: 500,\r\n                                  color: \"gray\",\r\n                                  paddingTop: \"10px\",\r\n                                }}\r\n                              >\r\n                                {this.props.product.width\r\n                                  ? this.props.product.width\r\n                                  : \"\"}\r\n                              </td>\r\n                              <td\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeight: 500,\r\n                                  color: \"gray\",\r\n                                  paddingTop: \"10px\",\r\n                                }}\r\n                              >\r\n                                {this.props.product.height\r\n                                  ? this.props.product.height\r\n                                  : \"\"}\r\n                              </td>\r\n                              <td\r\n                                style={{\r\n                                  width: \"33%\",\r\n                                  textAlign: \"center\",\r\n                                  fontSize: 13,\r\n                                  fontWeight: 500,\r\n                                  color: \"gray\",\r\n                                  paddingTop: \"10px\",\r\n                                }}\r\n                              >\r\n                                {this.props.product.depth\r\n                                  ? this.props.product.depth\r\n                                  : \"\"}\r\n                              </td>\r\n                            </tr>\r\n                          </tbody>\r\n                        </table>\r\n                      </div>\r\n                    )}\r\n\r\n                    <div className=\"free_delivery d-flex flex-row align-items-center justify-content-center\">\r\n                      <span>\r\n                        <i className=\"fas fa-truck\"></i>\r\n                      </span>\r\n                    </div>\r\n                    <div\r\n                      className=\"quantity d-flex flex-column flex-sm-row align-items-sm-center\"\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        gap: \"29px\",\r\n\r\n                        // visibility:\r\n                        //   this.state.quantity === 0 ? \"hidden\" : \"visible\",\r\n                      }}\r\n                    >\r\n                      <span\r\n                        style={{\r\n                          fontWeight: \"bold\",\r\n                          color: \"#f0b21e\",\r\n                          visibility:\r\n                            this.state.quantity === 0 ? \"hidden\" : \"visible\",\r\n                          float:\r\n                            this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? ` Quantity:`\r\n                          : `الكمية:`}\r\n                      </span>\r\n                      <div\r\n                        className=\"quantity_selector\"\r\n                        style={{\r\n                          visibility:\r\n                            this.state.quantity === 0 ? \"hidden\" : \"visible\",\r\n                          float:\r\n                            this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                        }}\r\n                      >\r\n                        <span\r\n                          className={\r\n                            this.state.quantity > 0 ? \"minus\" : \"minus disabled\"\r\n                          }\r\n                          onClick={() => this.onRemoveClicked()}\r\n                        >\r\n                          <i className=\"fa fa-minus\" aria-hidden=\"true\"></i>\r\n                        </span>\r\n                        <span id=\"quantity_value\">{this.state.quantity}</span>\r\n                        <span\r\n                          className=\"plus\"\r\n                          onClick={() => this.onAddClicked()}\r\n                        >\r\n                          <i className=\"fa fa-plus\" aria-hidden=\"true\"></i>\r\n                        </span>\r\n                      </div>\r\n                      <div\r\n                        className=\"red_button product-add_to_cart_button\"\r\n                        onClick={() => this.onAddClicked()}\r\n                        style={{\r\n                          visibility:\r\n                            this.state.quantity !== 0 ? \"hidden\" : \"visible\",\r\n                          minWidth: \"max-content\",\r\n                          width: \"50%\",\r\n                          cursor: \"pointer\",\r\n                          borderRadius: \"16px\",\r\n                          position: \"absolute\",\r\n                          left: this.props.lang.lang === \"en\" ? 0 : \"auto\",\r\n                          right: this.props.lang.lang === \"ar\" ? 0 : \"auto\",\r\n                        }}\r\n                      >\r\n                        <div style={{ color: \"#ffffff\" }}>\r\n                          {this.props.lang.lang == \"en\"\r\n                            ? `add to cart`\r\n                            : `إضافة إلى السلة`}\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div\r\n                        onClick={() => this.addToFav(this.props.product.id)}\r\n                        className=\"product_favorite d-flex flex-column align-items-center justify-content-center\"\r\n                      >\r\n                        <i\r\n                          className=\"far fa-heart\"\r\n                          style={this.state.fav ? { color: \"red\" } : {}}\r\n                        ></i>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          )}\r\n        <LoginRegister\r\n          show={this.state.modalShow}\r\n          login={this.state.login}\r\n          registerClicked={() => this.registerClicked()}\r\n          loginClicked={() => this.loginClicked()}\r\n          onHide={() => this.showHideModal()}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SingleProduct;\r\n","\r\n\r\nimport API from \"../../axios/API\";\r\nimport ProductService from \"../../axios/ProductService\";\r\n\r\nexport const getVariantsByProductId = productId => dispatch => {\r\n  dispatch({\r\n    type: GET_VARIANTS_QUERY_BEGIN\r\n  });\r\n  return ProductService.GetProduct(productId)\r\n    .then(result => {\r\n      dispatch({\r\n        type: GET_VARIANTS_QUERY_SUCCESS,\r\n        payload: result\r\n      });\r\n      return result;\r\n    }).catch(error => {\r\n      dispatch({\r\n        type: GET_VARIANTS_QUERY_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const GET_VARIANTS_QUERY_BEGIN = \"GET_VARIANTS_QUERY_BEGIN\";\r\nexport const GET_VARIANTS_QUERY_SUCCESS = \"GET_VARIANTS_QUERY_SUCCESS\";\r\nexport const GET_VARIANTS_QUERY_FAIL = \"GET_VARIANTS_QUERY_FAIL\";\r\n","import { connect } from \"react-redux\";\r\nimport SingleProduct from \"./SingleProduct\";\r\nimport { getProduct } from \"../../redux/actions/productAction\";\r\nimport { getVariantsByProductId } from \"../../redux/actions/variantsAction\";\r\nimport {\r\n  postCart,\r\n  removeProductFromCart,\r\n} from \"../../redux/actions/cartAction\";\r\n\r\nconst mapStoreToProps = (state) => ({\r\n  product: state.product.product,\r\n  variants: state.variant.variants,\r\n  currency: state.currency,\r\n  lang: state.lang,\r\n});\r\nconst mapDispatchToProps = {\r\n  getProduct,\r\n  getVariantsByProductId,\r\n  postCart,\r\n  removeProductFromCart,\r\n};\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(SingleProduct);\r\n","import API from \"../../axios/API\";\r\nimport CategoryService from \"../../axios/CategoryService\";\r\n\r\nexport const getAllCategories = () => dispatch => {\r\n  dispatch({\r\n    type: GET_ALL_CATEGORIES_BEGIN\r\n  });\r\n  return CategoryService.GetCategories()\r\n    .then(result => {\r\n      dispatch({\r\n        type: GET_ALL_CATEGORIES_SUCCESS,\r\n        payload: result\r\n      });\r\n      return result;\r\n    }).catch(error => {\r\n      dispatch({\r\n        type: GET_ALL_CATEGORIES_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      return error;\r\n    })\r\n};\r\n\r\nexport const getCATEGORY = id => dispatch => {\r\n  dispatch({\r\n    type: GET_CATEGORY_BEGIN\r\n  });\r\n  return API({\r\n      method: \"GET\",\r\n      url: `/CATEGORIES/${id}`\r\n    })\r\n    .then(res => {\r\n      dispatch({\r\n        type: GET_CATEGORY_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: GET_CATEGORY_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const getCATEGORIESByCategory = c => dispatch => {\r\n  dispatch({\r\n    type: GET_CATEGORIES_BY_CATEGORY_BEGIN\r\n  });\r\n  return API({\r\n      method: \"GET\",\r\n      url: `/CATEGORIES?category=${c}`\r\n    })\r\n    .then(res => {\r\n      dispatch({\r\n        type: GET_CATEGORIES_BY_CATEGORY_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: GET_CATEGORIES_BY_CATEGORY_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const search = text => dispatch => {\r\n  dispatch({\r\n    type: SEARCH_BEGIN\r\n  });\r\n  return API({\r\n      method: \"GET\",\r\n      url: `/search?query=${text}`\r\n    })\r\n    .then(res => {\r\n      dispatch({\r\n        type: SEARCH_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: SEARCH_FAIL,\r\n        payload: {\r\n          error\r\n        }\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\n// export const applyFilters = filter_string => dispatch => {\r\n//   dispatch({\r\n//     type: APPLY_FILTERS_BEGIN\r\n//   });\r\n//   return API({\r\n//       method: \"GET\",\r\n//       url: `/CATEGORIES?${filter_string}`\r\n//     })\r\n//     .then(res => {\r\n//       dispatch({\r\n//         type: APPLY_FILTERS_SUCCESS,\r\n//         payload: res\r\n//       });\r\n//       return res;\r\n//     })\r\n//     .catch(error => {\r\n//       dispatch({\r\n//         type: APPLY_FILTERS_FAIL,\r\n//         payload: {\r\n//           error\r\n//         }\r\n//       });\r\n//       return error;\r\n//     });\r\n// };\r\n\r\n// export const APPLY_FILTERS_BEGIN = \"APPLY_FILTERS_BEGIN\";\r\n// export const APPLY_FILTERS_SUCCESS = \"APPLY_FILTERS_SUCCESS\";\r\n// export const APPLY_FILTERS_FAIL = \"APPLY_FILTERS_FAIL\";\r\n\r\nexport const SEARCH_BEGIN = \"SEARCH_BEGIN\";\r\nexport const SEARCH_SUCCESS = \"SEARCH_SUCCESS\";\r\nexport const SEARCH_FAIL = \"SEARCH_FAIL\";\r\n\r\nexport const GET_ALL_CATEGORIES_BEGIN = \"GET_ALL_CATEGORIES_BEGIN\";\r\nexport const GET_ALL_CATEGORIES_SUCCESS = \"GET_ALL_CATEGORIES_SUCCESS\";\r\nexport const GET_ALL_CATEGORIES_FAIL = \"GET_ALL_CATEGORIES_FAIL\";\r\n\r\nexport const GET_CATEGORY_BEGIN = \"GET_CATEGORY_BEGIN\";\r\nexport const GET_CATEGORY_SUCCESS = \"GET_CATEGORY_SUCCESS\";\r\nexport const GET_CATEGORY_FAIL = \"GET_CATEGORY_FAIL\";\r\n\r\nexport const GET_CATEGORIES_BY_CATEGORY_BEGIN = \"GET_CATEGORIES_BY_CATEGORY_BEGIN\";\r\nexport const GET_CATEGORIES_BY_CATEGORY_SUCCESS =\r\n  \"GET_CATEGORIES_BY_CATEGORY_SUCCESS\";\r\nexport const GET_CATEGORIES_BY_CATEGORY_FAIL = \"GET_CATEGORIES_BY_CATEGORY_FAIL\";","import React from \"react\";\r\n\r\nconst ProductGridSkeleton = () => {\r\n  return (\r\n    <>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n      <div\r\n        class=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n        style={{ paddingBottom: \"3em\" }}\r\n      >\r\n        <div className=\"skeleton\"></div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProductGridSkeleton;\r\n","import React, { Component } from \"react\";\r\nimport SingleProduct from \"../../components/Products/SingleProduct\";\r\nimport Auth from \"../../modules/Auth\";\r\nimport LoginRegister from \"../../components/LoginRegisterModal\";\r\nimport { toast } from \"react-toastify\";\r\nimport { withRouter } from \"react-router-dom/cjs/react-router-dom\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport { debounce } from \"lodash\";\r\nimport Select from \"react-dropdown-select\";\r\nimport \"./custom-select-style.css\";\r\nimport ProductGridSkeleton from \"./components/product-grid-skeleton\";\r\n\r\nclass Category extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      categories: this.props.categories,\r\n      products: this.props.products,\r\n      filteredProducts: this.props.products,\r\n      currency: props.currency.currency,\r\n      modalShow: false,\r\n      login: true,\r\n      active:\r\n        parseInt(\r\n          new URLSearchParams(this.props.location.search).get(\"category_id\")\r\n        ) || this.props.active,\r\n      pageIndex: this.props.pageIndex,\r\n      pageLength: this.props.pageLength,\r\n      search: this.props.search,\r\n      lang: this.props.lang.lang,\r\n      loading: this.props.productLoading,\r\n      cart: this.props.cart,\r\n    };\r\n    this.addToBag = this.addToBag.bind(this);\r\n  }\r\n  componentDidMount() {\r\n    if (!this.props.categories) {\r\n      this.props.getAllCategories();\r\n    }\r\n    const catIdFromUrl = parseInt(\r\n      new URLSearchParams(this.props.location.search).get(\"category_id\")\r\n    );\r\n    if (!this.props.products || catIdFromUrl) {\r\n      this.props.getAllProducts({\r\n        pageIndex: this.state.pageIndex,\r\n        pageLength: this.state.pageLength,\r\n        category_id: catIdFromUrl\r\n          ? catIdFromUrl\r\n          : this.state.active > 0\r\n          ? this.state.active\r\n          : undefined,\r\n      });\r\n    }\r\n  }\r\n  handleInputChange(event) {\r\n    if (event.target != null) {\r\n      this.setState({ search: event.target.value });\r\n    }\r\n  }\r\n\r\n  showHideModal = () => {\r\n    this.setState({ modalShow: false });\r\n  };\r\n\r\n  loginClicked = () => {\r\n    this.setState({ modalShow: true, login: true });\r\n  };\r\n  registerClicked = () => {\r\n    this.setState({ modalShow: true, login: false });\r\n  };\r\n\r\n  addToBag = (id, count, color, price, image, name) => {\r\n    if (\r\n      Auth.getUserDetails() !== undefined &&\r\n      Auth.getUserDetails() !== null &&\r\n      Auth.getToken() !== undefined\r\n    ) {\r\n      if (color == \"\")\r\n        this.props.lang.lang == \"en\"\r\n          ? toast.error(\"you must select color\")\r\n          : toast.error(\"يجب تحديد لون المنتج الذي تريده\");\r\n      else {\r\n        let cart = this.props.postCart(id, count, color, price, image, name);\r\n        this.props.lang.lang == \"en\"\r\n          ? toast.success(\"Product added to cart successfully\")\r\n          : toast.success(\"تم إضافة المنتج بنجاح إلى السلة\");\r\n      }\r\n    } else {\r\n      this.setState({ modalShow: true });\r\n    }\r\n  };\r\n  componentDidUpdate(prevProps, prevState) {\r\n    if (prevProps.products != this.props.products)\r\n      this.setState({\r\n        products: this.props.products,\r\n        // filteredProducts: this.props.products,\r\n      });\r\n    if (prevProps.productLoading != this.props.productLoading)\r\n      this.setState({\r\n        loading: this.props.productLoading,\r\n        // filteredProducts: this.props.products,\r\n      });\r\n    if (prevProps.cart != this.props.cart)\r\n      this.setState({\r\n        cart: this.props.cart,\r\n        // filteredProducts: this.props.products,\r\n      });\r\n    if (prevState.pageIndex !== this.state.pageIndex) {\r\n      this.props.getAllProducts({\r\n        pageIndex: this.state.pageIndex,\r\n        pageLength: this.state.pageLength,\r\n        category_id: this.state.active > 0 ? this.state.active : undefined,\r\n      });\r\n    }\r\n    if (prevState.active !== this.state.active) {\r\n      this.setState({ pageIndex: 1, pageLength: this.state.pageLength });\r\n      this.props.getAllProducts({\r\n        pageIndex: 1,\r\n        pageLength: this.state.pageLength,\r\n        category_id: this.state.active > 0 ? this.state.active : undefined,\r\n      });\r\n    }\r\n    if (prevState.search !== this.state.search) {\r\n      this.setState({ pageIndex: 1, pageLength: this.state.pageLength });\r\n      this.props.getAllProducts({\r\n        pageIndex: 1,\r\n        pageLength: this.state.pageLength,\r\n        category_id: this.state.active > 0 ? this.state.active : undefined,\r\n        search: this.state.search,\r\n      });\r\n    }\r\n    if (prevProps.lang.lang !== this.props.lang.lang) {\r\n    }\r\n    // if (prevState.loading !== this.state.loading) {\r\n    //   this.setState({ filteredProducts: [] });\r\n    // }\r\n  }\r\n  isProductAddedToCart = (id) => {\r\n    if (typeof window !== \"undefined\") {\r\n      const items = this.state.cart;\r\n      if (items && items.products) {\r\n        const curProd = items.products.filter(\r\n          (el) => el.id === id.toString()\r\n        )[0];\r\n        if (curProd) {\r\n          return true;\r\n        } else {\r\n          return false;\r\n        }\r\n      }\r\n    }\r\n  };\r\n  getProuctInitialColorFromCart = (id) => {\r\n    if (this.isProductAddedToCart(id)) {\r\n      const items = this.state.cart;\r\n      const curProd = items.products.filter((el) => el.id === id.toString())[0];\r\n      return curProd.color;\r\n    } else {\r\n      return \"\";\r\n    }\r\n  };\r\n  getDefaultCategory = (id) => {\r\n    const { categories } = this.props;\r\n    if (\r\n      categories &&\r\n      Array.isArray(categories) &&\r\n      categories.length > 0 &&\r\n      id !== -1\r\n    ) {\r\n      const selected = categories.filter((el) => el.id === id);\r\n      if (selected.length > 0) {\r\n        return [selected[0]];\r\n      } else {\r\n        return [];\r\n      }\r\n    } else {\r\n      return [];\r\n    }\r\n  };\r\n  render() {\r\n    const { categories, products, applyFilters } = this.props;\r\n    console.log(this.state.cart);\r\n    return (\r\n      <div className=\"container product_section_container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-12 product_section clearfix\">\r\n            <div\r\n              class=\"breadcrumbs d-flex flex-row align-items-center\"\r\n              style={\r\n                this.props.lang.lang == \"en\"\r\n                  ? { direction: \"ltr\" }\r\n                  : { direction: \"rtl\" }\r\n              }\r\n            >\r\n              <ul>\r\n                <li\r\n                  onClick={() => jumpTo(\"/\")}\r\n                  style={{ color: \"gray\", cursor: \"pointer\" }}\r\n                >\r\n                  {this.props.lang.lang == \"en\" ? `Home` : `الصفحة الرئيسية`}\r\n                </li>\r\n                <li class=\"active\" style={{ color: \"gray\", cursor: \"pointer\" }}>\r\n                  <i\r\n                    className={\r\n                      this.props.lang.lang == \"en\"\r\n                        ? `fa fa-angle-right`\r\n                        : `fa fa-angle-left`\r\n                    }\r\n                    style={\r\n                      this.props.lang == \"en\" ? {} : { marginLeft: \"17px\" }\r\n                    }\r\n                    aria-hidden=\"true\"\r\n                  ></i>\r\n                  {this.props.lang.lang == \"en\" ? `Categories` : `الأصناف`}\r\n                </li>\r\n              </ul>\r\n            </div>\r\n            <div className=\"main_content\">\r\n              <div\r\n                class=\"products_iso container\"\r\n                style={{\r\n                  direction: this.props.lang.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n                  float: this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                }}\r\n              >\r\n                <div class=\"row row-cols-1 row-cols-md-2\">\r\n                  <div class=\"col-md-6 col-12\">\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        width: \"100%\",\r\n                        flexDirection: \"column\",\r\n                        gap: \"5px\",\r\n                        textAlign: \"start\",\r\n                      }}\r\n                    >\r\n                      <label\r\n                        style={{\r\n                          fontSize: \"16px\",\r\n                          fontWeight: 500,\r\n                          paddingLeft: \"4px\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang === \"en\" ? \"Search\" : \"ابحث\"}\r\n                      </label>\r\n                      <input\r\n                        onChange={(event) => {\r\n                          event.persist();\r\n                          debounce(() => this.handleInputChange(event), 1000)();\r\n                        }}\r\n                        className=\"form-control-helper\"\r\n                        placeholder={\r\n                          this.props.lang.lang == \"en\"\r\n                            ? \"By name or item code\"\r\n                            : \"حسب الاسم أو رمز المنتج\"\r\n                        }\r\n                        style={{\r\n                          direction:\r\n                            this.props.lang.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n                          marginBottom: \"14px\",\r\n                          // borderRadius: \"8px\",\r\n                          width: \"80%\",\r\n                          // boxShadow: \" 0 0 3px 1px rgba(#ff0000, 0.5)\",\r\n                        }}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-12 col-md-6\">\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        width: \"100%\",\r\n                        flexDirection: \"column\",\r\n                        gap: \"5px\",\r\n                        textAlign: \"start\",\r\n                      }}\r\n                    >\r\n                      <label\r\n                        style={{\r\n                          fontSize: \"16px\",\r\n                          fontWeight: 500,\r\n                          paddingLeft: \"4px\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang === \"en\" ? \"Category\" : \"الصنف\"}\r\n                      </label>\r\n                      <Select\r\n                        className=\"form-control-helper\"\r\n                        options={categories ?? []}\r\n                        values={this.getDefaultCategory(this.state.active)}\r\n                        onChange={(value) => {\r\n                          if (value.length > 0) {\r\n                            this.setState({ active: value[0].id });\r\n                          } else {\r\n                            this.setState({ active: -1 });\r\n                          }\r\n                        }}\r\n                        labelField={\r\n                          this.props.lang.lang === \"en\" ? \"name\" : \"name_a\"\r\n                        }\r\n                        valueField=\"id\"\r\n                        placeholder={\r\n                          this.props.lang.lang === \"en\" ? \"All\" : \"الكل\"\r\n                        }\r\n                        searchable={true}\r\n                        searchBy={\r\n                          this.props.lang.lang === \"en\" ? \"name\" : \"name_a\"\r\n                        }\r\n                        color=\"#fbba1b\"\r\n                        direction={\r\n                          this.props.lang.lang === \"en\" ? \"ltr\" : \"rtl\"\r\n                        }\r\n                        style={{\r\n                          borderRadius: \"8px\",\r\n                          border: \"none\",\r\n                          width: \"80%\",\r\n                        }}\r\n                        separator\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"row row-cols-sm-2 row-cols-md-3 row-cols-lg-4\"\r\n                  style={{\r\n                    direction: this.props.lang.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                    marginTop: \"20px\",\r\n                  }}\r\n                >\r\n                  {this.state.loading && <ProductGridSkeleton />}\r\n                  {!this.state.loading &&\r\n                    this.state.products &&\r\n                    this.state.products.data.map((item, index) => {\r\n                      return (\r\n                        <div\r\n                          className=\"col-lg-3 col-md-4 col-sm-6 col-xs-12\"\r\n                          key={index}\r\n                          data-aos=\"zoom-in\"\r\n                        >\r\n                          <SingleProduct\r\n                            currency={this.props.currency.currency}\r\n                            lang={this.props.lang.lang}\r\n                            productItem={item}\r\n                            addToBag={this.addToBag}\r\n                            cart={this.state.cart}\r\n                            isProductAddedToCart={this.isProductAddedToCart(\r\n                              item.id\r\n                            )}\r\n                            initialColorFromCart={this.getProuctInitialColorFromCart(\r\n                              item.id\r\n                            )}\r\n                            showModal={() => this.setState({ modalShow: true })}\r\n                            postCart={this.props.postCart}\r\n                            removeProductFromCart={\r\n                              this.props.removeProductFromCart\r\n                            }\r\n                          />\r\n                        </div>\r\n                      );\r\n                    })}\r\n                </div>\r\n                <div\r\n                  class=\"row\"\r\n                  style={{\r\n                    direction: this.props.lang.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                  }}\r\n                >\r\n                  {this.state.products &&\r\n                    this.state.products.data.length > 0 &&\r\n                    this.state.products.last_page !== 1 && (\r\n                      <div\r\n                        style={{\r\n                          width: \"100%\",\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          justifyContent: \"center\",\r\n                          alignItems: \"center\",\r\n                          gap: \"20px\",\r\n                          marginTop: \"40px\",\r\n                          direction:\r\n                            this.props.lang.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                        }}\r\n                      >\r\n                        {/* Render the productsToDisplay here */}\r\n                        <button\r\n                          onClick={() =>\r\n                            this.setState({\r\n                              pageIndex: this.state.pageIndex - 1,\r\n                            })\r\n                          }\r\n                          style={{\r\n                            width: \"102px\",\r\n                            height: \"26px\",\r\n                            borderRadius: \"8px\",\r\n                            border: \"none\",\r\n                            backgroundColor:\r\n                              this.state.products.current_page === 1\r\n                                ? \"#12121280\"\r\n                                : \"#FABA1C\",\r\n                            // borderRadius: \"4px\",\r\n                          }}\r\n                          disabled={this.state.products.current_page === 1}\r\n                        >\r\n                          <p\r\n                            style={{\r\n                              color: \"white\",\r\n                              fontSize: \"14px\",\r\n                              fontWeight: 600,\r\n                              lineHeight: \"24px\",\r\n                            }}\r\n                          >\r\n                            {this.props.lang.lang == \"en\"\r\n                              ? \"Previous\"\r\n                              : \"السابق\"}\r\n                          </p>\r\n                        </button>\r\n                        <div>\r\n                          {this.state.products.last_page > 6 ? (\r\n                            <input\r\n                              type=\"number\"\r\n                              value={this.state.products.current_page\r\n                                .toString()\r\n                                .padStart(2, \"0\")}\r\n                              onChange={(e) => {\r\n                                // Get the current value and ensure it's a number\r\n                                let newValue =\r\n                                  parseInt(e.target.value, 10) || \"\"; // Handle empty input as \"\"\r\n\r\n                                // Validate the entered value against min and max\r\n                                if (\r\n                                  newValue < 1 ||\r\n                                  newValue > this.state.products.last_page\r\n                                ) {\r\n                                  // Prevent invalid input from changing state\r\n                                  return; // Exit the function if out of range\r\n                                }\r\n\r\n                                // Update state only with valid input\r\n                                this.setState({ pageIndex: newValue });\r\n                              }}\r\n                              min=\"1\"\r\n                              max={this.state.products.last_page}\r\n                              className=\"form-control-helper\"\r\n                              style={{\r\n                                height: \"30px\",\r\n                                width: \"60px\",\r\n                                textAlign: \"center\",\r\n                                fontSize: \"14px\",\r\n                                fontWeight: 600,\r\n                                lineHeight: \"24px\",\r\n                                // borderRadius: \"8px\",\r\n                              }}\r\n                            />\r\n                          ) : (\r\n                            <div\r\n                              style={{\r\n                                display: \"flex\",\r\n                                flexDirection: \"row\",\r\n                              }}\r\n                            >\r\n                              {Array.from(\r\n                                {\r\n                                  length: this.state.products.last_page,\r\n                                },\r\n                                (_, i) => (\r\n                                  <div\r\n                                    key={i}\r\n                                    onClick={() =>\r\n                                      this.setState({ pageIndex: i + 1 })\r\n                                    }\r\n                                    style={{\r\n                                      height: \"30px\",\r\n                                      width: \"30px\",\r\n                                      display: \"flex\",\r\n                                      alignItems: \"center\",\r\n                                      justifyContent: \"center\",\r\n                                      // border: \"1px black solid\",\r\n                                      color:\r\n                                        this.state.products.current_page ===\r\n                                        i + 1\r\n                                          ? \"#FABA1C\"\r\n                                          : \"black\",\r\n                                      cursor: \"pointer\",\r\n                                      fontSize: \"15px\",\r\n                                      fontWeight: 600,\r\n                                      lineHeight: \"24px\",\r\n                                    }}\r\n                                  >\r\n                                    {(i + 1).toString().padStart(2, \"0\")}\r\n                                  </div>\r\n                                )\r\n                              )}\r\n                            </div>\r\n                          )}\r\n                        </div>\r\n                        <button\r\n                          onClick={() =>\r\n                            this.setState({\r\n                              pageIndex: this.state.pageIndex + 1,\r\n                            })\r\n                          }\r\n                          style={{\r\n                            width: \"102px\",\r\n                            height: \"26px\",\r\n                            borderRadius: \"8px\",\r\n                            border: \"none\",\r\n                            backgroundColor:\r\n                              this.state.products &&\r\n                              this.state.products.current_page ===\r\n                                this.state.products.last_page\r\n                                ? \"#12121280\"\r\n                                : \"#FABA1C\",\r\n                            // borderRadius: \"4px\",\r\n                          }}\r\n                          disabled={\r\n                            this.state.products &&\r\n                            this.state.products.current_page ===\r\n                              this.state.products.last_page\r\n                          }\r\n                        >\r\n                          <p\r\n                            style={{\r\n                              color: \"white\",\r\n                              fontSize: \"14px\",\r\n                              fontWeight: 600,\r\n                              lineHeight: \"24px\",\r\n                            }}\r\n                          >\r\n                            {this.props.lang.lang == \"en\" ? \"Next\" : \"التالي\"}\r\n                          </p>\r\n                        </button>\r\n                      </div>\r\n                    )}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <LoginRegister\r\n          show={this.state.modalShow}\r\n          login={this.state.login}\r\n          registerClicked={() => this.registerClicked()}\r\n          loginClicked={() => this.loginClicked()}\r\n          onHide={() => this.showHideModal()}\r\n        />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default withRouter(Category);\r\n","import {\r\n  getAllProducts,\r\n  applyFilters,\r\n} from \"../../redux/actions/productAction\";\r\nimport { getAllCategories } from \"../../redux/actions/categoryAction\";\r\nimport { connect } from \"react-redux\";\r\nimport Category from \"./Category\";\r\nimport {\r\n  postCart,\r\n  removeProductFromCart,\r\n} from \"../../redux/actions/cartAction\";\r\n\r\nconst mapStoreToProps = (state) => ({\r\n  categories: state.category.categories,\r\n  products: state.product.products,\r\n  productLoading: state.product.loading,\r\n  loading: state.category.loading,\r\n  lang: state.lang,\r\n  currency: state.currency,\r\n  active: state.product.active,\r\n  pageIndex: state.product.pageIndex,\r\n  pageLength: state.product.pageLength,\r\n  search: state.product.search,\r\n  cart: state.cart.cart,\r\n});\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  getAllCategories: () => dispatch(getAllCategories()),\r\n  getAllProducts: (filter) => dispatch(getAllProducts(filter)),\r\n  postCart: (productId, count, color, price, image, en_name, ar_name) =>\r\n    dispatch(postCart(productId, count, color, price, image, en_name, ar_name)),\r\n  removeProductFromCart: (productId, _color) =>\r\n    dispatch(removeProductFromCart(productId, _color)),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(Category);\r\n","import React from \"react\";\r\nimport { BASE_URL_SHORT } from \"../../base\";\r\nimport { Button } from \"react-bootstrap\";\r\n\r\nfunction CartItem({ items, handleClick, lang, currency, removeProduct }) {\r\n  console.log(items);\r\n  return (\r\n    <div style={{ marginTop: 30 }}>\r\n      {items !== undefined &&\r\n        items !== null &&\r\n        Object.keys(items).map((id) => (\r\n          <div\r\n            className=\"row shopping--cart--item\"\r\n            style={lang == \"en\" ? { direction: \"ltr\" } : { direction: \"rtl\" }}\r\n            data-aos=\"fade-up\"\r\n          >\r\n            <div className=\"col-sm-2\">\r\n              <div className=\"cart--item--img\">\r\n                <img\r\n                  src={`${BASE_URL_SHORT}/upload/${items[id].image}`}\r\n                  alt=\"\"\r\n                  style={{\r\n                    width: \"150px\",\r\n                    height: \"150px\",\r\n                    display: \"inline-block\",\r\n                    borderRadius: \"16px\",\r\n                    // boxShadow: \"0px 0px 2px rgba(0,0,0,0.5)\",\r\n                  }}\r\n                />\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-5\">\r\n              <div\r\n                style={\r\n                  lang == \"ar\"\r\n                    ? {\r\n                        justifyContent: \"start\",\r\n                        direction: \"rtl\",\r\n                        display: \"flex\",\r\n                        marginTop: 10,\r\n                        marginBottom: 10,\r\n                      }\r\n                    : { direction: \"ltr\", marginTop: 10, marginBottom: 10 }\r\n                }\r\n                className=\"basket--item--title\"\r\n              >\r\n                <span style={{ fontSize: \"16px\" }}>\r\n                  {lang === \"en\" ? items[id].en_name : items[id].ar_name}\r\n                </span>\r\n              </div>\r\n              <div\r\n                className=\"basket--item--quantity\"\r\n                style={\r\n                  lang == \"ar\"\r\n                    ? {\r\n                        justifyContent: \"start\",\r\n                        direction: \"rtl\",\r\n                        display: \"flex\",\r\n                        marginTop: 10,\r\n                        marginBottom: 10,\r\n                      }\r\n                    : { direction: \"ltr\", marginTop: 10, marginBottom: 10 }\r\n                }\r\n              >\r\n                <span style={{ fontSize: \"13px\" }}>\r\n                  {lang == \"en\" ? \"  Quantity: \" : \" الكمية: \"}\r\n                </span>\r\n                <span\r\n                  style={{\r\n                    fontWeight: \"bold\",\r\n                    margin: \"0 10px 0 10px\",\r\n                    fontSize: \"13px\",\r\n                  }}\r\n                >\r\n                  {items[id].count}\r\n                </span>\r\n              </div>\r\n              <div\r\n                className=\"basket--item--quantity\"\r\n                style={\r\n                  lang == \"ar\"\r\n                    ? {\r\n                        justifyContent: \"start\",\r\n                        direction: \"rtl\",\r\n                        display: \"flex\",\r\n                        marginTop: 10,\r\n                        marginBottom: 10,\r\n                      }\r\n                    : { direction: \"ltr\", marginTop: 10, marginBottom: 10 }\r\n                }\r\n              >\r\n                <span style={{ fontSize: \"13px\" }}>\r\n                  {lang == \"en\" ? \" Color: \" : \" اللون: \"}\r\n                </span>\r\n                <span\r\n                  className=\"ml-2\"\r\n                  style={{\r\n                    width: \"40px\",\r\n                    height: \"20px\",\r\n                    display: \"inline-block\",\r\n                    borderRadius: \"8px\",\r\n                    margin: \"0 10px 0 10px\",\r\n                    backgroundColor: items[id].color,\r\n                    border: \"1px solid\",\r\n                  }}\r\n                ></span>\r\n              </div>\r\n              <div\r\n                className=\"basket--item--price\"\r\n                style={\r\n                  lang == \"ar\"\r\n                    ? {\r\n                        justifyContent: \"start\",\r\n                        direction: \"rtl\",\r\n                        display: \"flex\",\r\n                        marginTop: 10,\r\n                        marginBottom: 10,\r\n                      }\r\n                    : { direction: \"ltr\", marginTop: 10, marginBottom: 10 }\r\n                }\r\n              >\r\n                <span style={{ fontSize: \"13px\" }}>\r\n                  {lang == \"en\" ? \" Price: \" : \" السعر: \"}\r\n                </span>\r\n                <span\r\n                  style={{\r\n                    margin: \"0 10px 0 10px\",\r\n                    fontWeight: \"bold\",\r\n                    fontSize: \"13px\",\r\n                  }}\r\n                >\r\n                  {/* {currency == \"dollar\"\r\n                    ? `$${items[id].price}`\r\n                    : `${(items[id].price * 250.27).toFixed(2)} YRI`} */}\r\n                  {`${items[id].price} ${lang === \"en\" ? \"Dinar\" : \"دينار\"}`}\r\n                </span>\r\n              </div>\r\n            </div>\r\n            <div className=\"col-sm-5\">\r\n              <div\r\n                style={{\r\n                  display: \"flex\",\r\n                  height: \"100%\",\r\n                  width: \"100%\",\r\n                  alignItems: \"flex-end\",\r\n                  justifyContent: \"flex-end\",\r\n                }}\r\n              >\r\n                <Button\r\n                  onClick={() => removeProduct(items[id].id, items[id].color)}\r\n                  color=\"red\"\r\n                >\r\n                  {lang === \"en\" ? \"Remove\" : \"حذف\"}\r\n                </Button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        ))}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default CartItem;\r\n","import api from \"./API\";\r\n\r\nexport default class CartService {\r\n  static async CheckOut(payload) {\r\n    return api\r\n      .post(\"/orders/check-out\", payload)\r\n      .then((resp) => {\r\n        if (resp.data.success) {\r\n          localStorage.removeItem(\"cart\");\r\n          return resp.data.data;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.log(\"Api Error:\", error);\r\n        throw error;\r\n      });\r\n  }\r\n\r\n  static async GuestCheckOut(payload) {\r\n    return api\r\n      .post(\"/orders/guest-check-out\", payload)\r\n      .then((resp) => {\r\n        if (resp.data.success) {\r\n          localStorage.removeItem(\"cart\");\r\n          return resp.data.data;\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        console.log(error.message);\r\n        throw error;\r\n      });\r\n  }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport Heading from \"../../components/Heading\";\r\nimport CartItem from \"./CartItem\";\r\nimport { Button } from \"react-bootstrap\";\r\nimport EmptyCart from \"../../assets/images/empty_cart.png\";\r\nimport CartService from \"../../axios/cartService\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nclass Cart extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      address: \"\",\r\n      coupon: \"\",\r\n      recipient_name: \"\",\r\n      recipient_phone: \"\",\r\n      recipient_notes: \"\",\r\n    };\r\n    this.setAddress = this.setAddress.bind(this);\r\n    this.setCoupon = this.setCoupon.bind(this);\r\n    this.setPhone = this.setPhone.bind(this);\r\n    this.setNotes = this.setNotes.bind(this);\r\n    this.setName = this.setName.bind(this);\r\n    this.checkout = this.checkout.bind(this);\r\n  }\r\n  setAddress = (val) => {\r\n    this.setState({ address: val });\r\n  };\r\n  setCoupon = (val) => {\r\n    this.setState({ coupon: val });\r\n  };\r\n  setName = (val) => {\r\n    this.setState({ recipient_name: val });\r\n  };\r\n  setPhone = (val) => {\r\n    this.setState({ recipient_phone: val });\r\n  };\r\n  setNotes = (val) => {\r\n    this.setState({ recipient_notes: val });\r\n  };\r\n  checkout = () => {\r\n    let _products = this.props.cart.cart.products.map((e) => {\r\n      return {\r\n        id: e.id,\r\n        color: e.color,\r\n        count: e.count,\r\n      };\r\n    });\r\n    let payload = {\r\n      payment_method: \"cache\",\r\n      address: this.state.address,\r\n      coupon: this.state.coupon,\r\n      recipient_name: this.state.recipient_name,\r\n      recipient_phone: this.state.recipient_phone,\r\n      recipient_notes: this.state.recipient_notes,\r\n      products: _products,\r\n    };\r\n    // let token = JSON.parse(localStorage.getItem(\"auth\"))?.token;\r\n    let authStorage = localStorage.getItem(\"auth\");\r\n    let token = null;\r\n    if (authStorage) {\r\n      token = JSON.parse(authStorage).token;\r\n    }\r\n    if (token !== null) {\r\n      CartService.CheckOut(payload)\r\n        .then((resp) => {\r\n          this.props.clearCart();\r\n          this.props.lang.lang == \"en\"\r\n            ? toast.success(\"Order has been submitted successfully\")\r\n            : toast.success(\"تم استلام طلبك بنجاح\");\r\n        })\r\n        .catch((error) =>\r\n          this.props.lang.lang == \"en\"\r\n            ? toast.error(\"An Error Occurred\")\r\n            : toast.error(\"لقد حدث خطأ ما\")\r\n        );\r\n    } else {\r\n      CartService.GuestCheckOut(payload)\r\n        .then((resp) => {\r\n          this.props.clearCart();\r\n          this.props.lang.lang == \"en\"\r\n            ? toast.success(\"Order has been submitted successfully\")\r\n            : toast.success(\"تم استلام طلبك بنجاح\");\r\n        })\r\n        .catch((error) =>\r\n          // this.props.lang.lang == \"en\"\r\n          //   ? toast.error(\"An Error Occurred\")\r\n          //   : toast.error(\"لقد حدث خطأ ما\")\r\n          {}\r\n        );\r\n    }\r\n  };\r\n\r\n  render() {\r\n    const products = this.props.cart.cart?.products;\r\n    const total = this.props.cart.cart?.total;\r\n    const totalQty = this.props.cart.cart?.totalQty;\r\n    const postCart = this.props.postCart;\r\n    console.log(products);\r\n    return (\r\n      <div className=\"shopping--cart\" data-aos=\"fade-up\">\r\n        <div className=\"container\">\r\n          <div className=\"shopping--cart--container\">\r\n            <div className=\"row \">\r\n              <Heading\r\n                title={\r\n                  this.props.lang.lang == \"en\"\r\n                    ? \"Your Shopping Cart\"\r\n                    : \"سلة المنتجات الخاصة بك\"\r\n                }\r\n                data-aos=\"fade-up\"\r\n              />\r\n            </div>\r\n            <div style={{ height: 30 }}></div>\r\n            <CartItem\r\n              currency={this.props.currency.currency}\r\n              lang={this.props.lang.lang}\r\n              items={products || {}}\r\n              handleClick={this.props.postCart}\r\n              removeProduct={this.props.removeProductFromCart}\r\n            />\r\n            {products !== undefined &&\r\n            products !== null &&\r\n            products.length > 0 ? (\r\n              <div className=\"d-flex flex-column justify-content-center align-items-center\">\r\n                <h3 style={{ textAlign: \"center\" }}>\r\n                  {this.props.lang.lang == \"en\" ? `Total: ` : \"المجموع: \"}\r\n                  <span style={{ color: \"#FE4C50\" }}>\r\n                    {/* {this.props.currency.currency == \"dollar\"\r\n                      ? `${total} $`\r\n                      : `${(total * 250.27).toFixed(2)} YRI`} */}\r\n                    {`${total} ${\r\n                      this.props.lang.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                    }`}\r\n                  </span>\r\n                  {/* {this.props.lang.lang == \"ar\" && ` المجموع `} */}\r\n                </h3>\r\n                <div className=\"row\">\r\n                  <div\r\n                    className=\"col-12\"\r\n                    style={{\r\n                      textAlign:\r\n                        this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                      marginBottom: \"20px\",\r\n                    }}\r\n                  >\r\n                    {\" \"}\r\n                    <label className=\"form-label\" style={{ fontSize: \"14px\" }}>\r\n                      {this.props.lang.lang == \"en\" ? `Address` : \" العنوان \"}\r\n                    </label>\r\n                    <input\r\n                      className=\"form-control\"\r\n                      onChange={(event) => this.setAddress(event.target.value)}\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"col-12\"\r\n                    style={{\r\n                      textAlign:\r\n                        this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                      marginBottom: \"20px\",\r\n                    }}\r\n                  >\r\n                    {\" \"}\r\n                    <label className=\"form-label\" style={{ fontSize: \"14px\" }}>\r\n                      {this.props.lang.lang == \"en\"\r\n                        ? `Recipient name`\r\n                        : \" اسم المستلم \"}\r\n                    </label>\r\n                    <input\r\n                      className=\"form-control\"\r\n                      onChange={(event) => this.setName(event.target.value)}\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"col-12\"\r\n                    style={{\r\n                      textAlign:\r\n                        this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                      marginBottom: \"20px\",\r\n                    }}\r\n                  >\r\n                    {\" \"}\r\n                    <label className=\"form-label\" style={{ fontSize: \"14px\" }}>\r\n                      {this.props.lang.lang == \"en\"\r\n                        ? `Phone number`\r\n                        : \" رقم الهاتف \"}\r\n                    </label>\r\n                    <input\r\n                      className=\"form-control\"\r\n                      onChange={(event) => this.setPhone(event.target.value)}\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"col-12\"\r\n                    style={{\r\n                      textAlign:\r\n                        this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                      marginBottom: \"20px\",\r\n                    }}\r\n                  >\r\n                    {\" \"}\r\n                    <label className=\"form-label\" style={{ fontSize: \"14px\" }}>\r\n                      {this.props.lang.lang == \"en\" ? `Notes` : \" ملاحظات \"}\r\n                    </label>\r\n                    <input\r\n                      className=\"form-control\"\r\n                      onChange={(event) => this.setNotes(event.target.value)}\r\n                    />\r\n                  </div>\r\n                  <div\r\n                    className=\"col-12\"\r\n                    style={{\r\n                      textAlign:\r\n                        this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                    }}\r\n                  >\r\n                    {\" \"}\r\n                    <label className=\"form-label\" style={{ fontSize: \"14px\" }}>\r\n                      {this.props.lang.lang == \"en\" ? `Coupon` : \"الكوبون\"}\r\n                    </label>\r\n                    <input\r\n                      className=\"form-control\"\r\n                      onChange={(event) => this.setCoupon(event.target.value)}\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <hr />\r\n                <Button\r\n                  onClick={this.checkout}\r\n                  variant=\"danger\"\r\n                  size=\"sm\"\r\n                  style={{ marginTop: 30 }}\r\n                >\r\n                  {this.props.lang.lang == \"en\"\r\n                    ? ` Confirm Checkout`\r\n                    : \"تأكيد الطلب\"}\r\n                </Button>\r\n              </div>\r\n            ) : (\r\n              <div style={{ textAlign: \"center\" }}>\r\n                <img\r\n                  src={EmptyCart}\r\n                  alt=\"\"\r\n                  style={{ maxHeight: 400, maxWidth: 400 }}\r\n                  className=\"img-fluid\"\r\n                />\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Cart;\r\n","import React, { Component } from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\n// Layout Types\r\nimport BaseLayout from \"../layouts/BaseLayout\";\r\n\r\n// Route Views\r\nimport Home from \"../views/Home/HomeContainer\";\r\nimport SingleProductContainer from \"../views/Product/SingleProductContainer\";\r\nimport CategoryContainer from \"../views/Category/CategoryContainer\";\r\nimport CartContainer from \"../views/Cart/CartContainer\";\r\n\r\nvar routes = [\r\n  {\r\n    path: \"/\",\r\n    exact: true,\r\n    layout: BaseLayout,\r\n    component: Home,\r\n  },\r\n  {\r\n    path: \"/home\",\r\n    layout: BaseLayout,\r\n    component: () => <Redirect to=\"/\" />,\r\n  },\r\n  {\r\n    path: \"/single-product/:id\",\r\n    layout: BaseLayout,\r\n    component: SingleProductContainer,\r\n  },\r\n  {\r\n    path: \"/categories\",\r\n    layout: BaseLayout,\r\n    component: CategoryContainer,\r\n  },\r\n  {\r\n    path: \"/cart\",\r\n    layout: BaseLayout,\r\n    component: CartContainer,\r\n  },\r\n];\r\n\r\nexport default routes;\r\n","import { connect } from \"react-redux\";\r\nimport Cart from \"./Cart\";\r\nimport {\r\n  // getCartByUserId,\r\n  postCart,\r\n  clearCart,\r\n  removeProductFromCart,\r\n} from \"../../redux/actions/cartAction\";\r\n\r\nconst mapStoreToProps = (state) => ({\r\n  cart: state.cart,\r\n  lang: state.lang,\r\n  currency: state.currency,\r\n});\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  // getCartByUserId: dispatch(getCartByUserId()),\r\n  postCart: (productId, count, _color, price, image, en_name, ar_name) =>\r\n    dispatch(\r\n      postCart(productId, count, _color, price, image, en_name, ar_name)\r\n    ),\r\n  clearCart: () => dispatch(clearCart()),\r\n  removeProductFromCart: (productId, _color) =>\r\n    dispatch(removeProductFromCart(productId, _color)),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(Cart);\r\n","import api from \"./API\";\r\n\r\nexport default class OrdersService {\r\n  static async GetMyOrders(filter) {\r\n    return api\r\n      .get(\"/my-orders\", { params: filter })\r\n      .then((resp) => {\r\n        return resp;\r\n      })\r\n      .catch((error) => {\r\n        throw error;\r\n      });\r\n  }\r\n}\r\n","import OrdersService from \"../../axios/OrdersService\";\r\n\r\nexport const getMyOrders = (filter) => (dispatch) => {\r\n  // let userId = Auth.getUserId();\r\n  dispatch({\r\n    type: GET_ORDERS_BY_USERID_BEGIN,\r\n  });\r\n  return OrdersService.GetMyOrders(filter)\r\n    .then((res) => {\r\n      console.log(res);\r\n      dispatch({\r\n        type: GET_ORDERS_BY_USERID_SUCCESS,\r\n        payload: res,\r\n      });\r\n      return res;\r\n    })\r\n    .catch((error) => {\r\n      console.log(error);\r\n      dispatch({\r\n        type: GET_ORDERS_BY_USERID_FAIL,\r\n        payload: {\r\n          error,\r\n        },\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const GET_ORDERS_BY_USERID_BEGIN = \"GET_ORDERS_BY_USERID_BEGIN\";\r\nexport const GET_ORDERS_BY_USERID_SUCCESS = \"GET_ORDERS_BY_USERID_SUCCESS\";\r\nexport const GET_ORDERS_BY_USERID_FAIL = \"GET_ORDERS_BY_USERID_FAIL\";\r\n","import React, { Component } from \"react\";\r\nimport \"./style.css\";\r\nclass InfoCard extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"card border-0\">\r\n        <div class=\"card-header\">\r\n          <h5\r\n            class=\"card-title\"\r\n            style={{\r\n              color: \"#3A94EE\",\r\n              fontSize: \"17px\",\r\n              fontWeight: 500,\r\n              textAlign: this.props.lang === \"en\" ? \"left\" : \"right\",\r\n            }}\r\n          >\r\n            {this.props.title}\r\n          </h5>\r\n        </div>\r\n        <div class=\"card-body\">\r\n          <table class=\"table\">\r\n            <tbody>\r\n              {this.props.elements.map((element) => (\r\n                <tr>\r\n                  <td\r\n                    style={{\r\n                      fontSize: \"14px\",\r\n                      fontWeight: 500,\r\n                      width: \"50%\",\r\n                      textAlign: this.props.lang === \"en\" ? \"left\" : \"right\",\r\n                    }}\r\n                  >\r\n                    {element.title}\r\n                  </td>\r\n                  <td\r\n                    style={{\r\n                      fontSize: \"13px\",\r\n                      fontWeight: 400,\r\n                      width: \"50%\",\r\n                      textAlign: this.props.lang === \"en\" ? \"left\" : \"right\",\r\n                      color: \"gray\",\r\n                    }}\r\n                  >\r\n                    {element.value}\r\n                    {!element.value &&\r\n                      (this.props.lang === \"en\"\r\n                        ? \"No info applied\"\r\n                        : \"لا يوجد معلومات متوفرة\")}\r\n                  </td>\r\n                </tr>\r\n              ))}\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default InfoCard;\r\n","import React, { Component } from \"react\";\r\nimport { Modal, Button } from \"react-bootstrap\";\r\nimport \"./style.css\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport { BASE_URL_SHORT } from \"../../base\";\r\nimport InfoCard from \"./info-card\";\r\nclass SingleOrder extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <Modal\r\n        {...this.props}\r\n        size=\"xl\"\r\n        aria-labelledby=\"contained-modal-title-vcenter\"\r\n        centered\r\n        id=\"orderModal\"\r\n        className=\"modal fade login\"\r\n      >\r\n        <Modal.Body\r\n          style={{\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            gap: 6,\r\n            borderRadius: \"12px\",\r\n            border: \"1px solid\",\r\n            borderColor: \"#2B205E\",\r\n            padding: \"10px\",\r\n            boxShadow: \"1px 1px 3px 3px #2B205E\",\r\n            direction: this.props.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n            float: this.props.lang === \"en\" ? \"left\" : \"right\",\r\n            width: \"100%\",\r\n            maxHeight: \"90vh\",\r\n            overflowY: \"auto\",\r\n          }}\r\n        >\r\n          <div className=\"modal--close--button\" onClick={this.props.onHide}>\r\n            <i className=\"fas fa-times\"></i>\r\n          </div>\r\n          <div class=\"container\">\r\n            <div class=\"row\">\r\n              <div class=\"col-12 col-md-4\">\r\n                <InfoCard\r\n                  title={\r\n                    this.props.lang === \"en\" ? \"Order info\" : \"معلومات الطلب\"\r\n                  }\r\n                  elements={[\r\n                    {\r\n                      title: this.props.lang === \"en\" ? \"Status\" : \"الحالة\",\r\n                      value: (\r\n                        <span\r\n                          style={{\r\n                            border: \"1px solid\",\r\n                            borderColor: this.props.order.order_status.color,\r\n                            color: this.props.order.order_status.color,\r\n                            padding: \"8px\",\r\n                            borderRadius: \"6px\",\r\n                            boxShadow: `0px 0px 1px 1px ${this.props.order.order_status.color}`,\r\n                          }}\r\n                        >\r\n                          {this.props.lang == \"en\"\r\n                            ? this.props.order.order_status.en_name\r\n                            : this.props.order.order_status.ar_name}\r\n                        </span>\r\n                      ),\r\n                    },\r\n                    {\r\n                      title:\r\n                        this.props.lang === \"en\" ? \"Date\" : \"تاريخ الإنشاء\",\r\n                      value: this.props.order.date,\r\n                    },\r\n                    {\r\n                      title:\r\n                        this.props.lang === \"en\"\r\n                          ? \"Payment method\"\r\n                          : \"آلية الدفع\",\r\n                      value: this.props.order.payment_method,\r\n                    },\r\n                  ]}\r\n                  lang={this.props.lang}\r\n                />\r\n              </div>\r\n              <div class=\"col-12 col-md-4\">\r\n                <InfoCard\r\n                  title={\r\n                    this.props.lang === \"en\"\r\n                      ? \"Address info\"\r\n                      : \"معلومات العنوان\"\r\n                  }\r\n                  elements={[\r\n                    {\r\n                      title: this.props.lang === \"en\" ? \"Address\" : \"العنوان\",\r\n                      value: this.props.order.address,\r\n                    },\r\n                    {\r\n                      title: this.props.lang === \"en\" ? \"Location\" : \"الموقع\",\r\n                      value:\r\n                        this.props.order.latitude && this.props.order.longitude\r\n                          ? `${this.props.order.latitude} , ${this.props.order.longitude}`\r\n                          : \"\",\r\n                    },\r\n                  ]}\r\n                  lang={this.props.lang}\r\n                />\r\n              </div>\r\n              <div class=\"col-12 col-md-4\">\r\n                <InfoCard\r\n                  title={\r\n                    this.props.lang === \"en\"\r\n                      ? \"Recipient info\"\r\n                      : \"معلومات المستلم\"\r\n                  }\r\n                  elements={[\r\n                    {\r\n                      title: this.props.lang === \"en\" ? \"Name\" : \"الاسم\",\r\n                      value: this.props.order.recipient_name,\r\n                    },\r\n                    {\r\n                      title:\r\n                        this.props.lang === \"en\"\r\n                          ? \"Phone number\"\r\n                          : \"رقم الهاتف\",\r\n                      value: this.props.order.recipient_phone,\r\n                    },\r\n                    {\r\n                      title:\r\n                        this.props.lang === \"en\"\r\n                          ? \"Recipient notes\"\r\n                          : \"ملاحظات المستلم\",\r\n                      value: this.props.order.recipient_notes,\r\n                    },\r\n                  ]}\r\n                  lang={this.props.lang}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div\r\n            style={{\r\n              display: \"flex\",\r\n              flexDirection: \"row\",\r\n              gap: 15,\r\n              flexWrap: \"wrap\",\r\n              padding: 15,\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n            }}\r\n          >\r\n            {this.props.order.items.map((item, index) => (\r\n              <div\r\n                className=\"product-item men\"\r\n                style={{\r\n                  direction: this.props.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n                  float: this.props.lang === \"en\" ? \"left\" : \"right\",\r\n                  borderRadius: \"16px\",\r\n                  boxShadow: \"0px 4px 4px rgba(0,0,0,0.3)\",\r\n                }}\r\n              >\r\n                <div\r\n                  className=\"product discount product_filter\"\r\n                  style={{\r\n                    borderRadius: \"16px\",\r\n                  }}\r\n                >\r\n                  <div\r\n                    className=\"product_image\"\r\n                    onClick={() => jumpTo(`/single-product/${item.product.id}`)}\r\n                  >\r\n                    <img\r\n                      src={`${BASE_URL_SHORT}/upload/${item.product.image}`}\r\n                      alt=\"\"\r\n                      className=\"img-fluid\"\r\n                    />\r\n                  </div>\r\n\r\n                  <div className=\"product_info\">\r\n                    <h6 className=\"product_name\" style={{ minHeight: \"40px\" }}>\r\n                      <div>\r\n                        {this.props.lang == \"en\"\r\n                          ? item.product.en_name.length > 30\r\n                            ? item.product.en_name.slice(0, 30) + \"...\"\r\n                            : item.product.en_name\r\n                          : item.product.ar_name.length > 30\r\n                          ? item.product.ar_name.slice(0, 30) + \"...\"\r\n                          : item.product.ar_name}\r\n                      </div>\r\n                    </h6>\r\n                    <div\r\n                      style={{\r\n                        height: \"2em\",\r\n                        display: \"flex\",\r\n                        width: \"100%\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\",\r\n                        marginBottom: \"10px\",\r\n                      }}\r\n                    >\r\n                      <div\r\n                        style={{\r\n                          background: item.color,\r\n                          width: \"40px\",\r\n                          borderRadius: \"8px\",\r\n                          height: \"75%\",\r\n                          border: \"0.5px solid\",\r\n                          boxShadow: \"0px 0px 2px 2px rgba(0,0,0,1)\",\r\n                        }}\r\n                      ></div>\r\n                    </div>\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        gap: 10,\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <div\r\n                        style={{\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          gap: \"10px\",\r\n                          alignItems: \"center\",\r\n                          justifyContent: \"center\",\r\n                        }}\r\n                      >\r\n                        <span\r\n                          style={{\r\n                            display: \"inline-block\",\r\n                            fontSize: \"13px\",\r\n                            fontWeight: 500,\r\n                            lineHeight: \"20px\",\r\n                          }}\r\n                        >\r\n                          {this.props.lang === \"en\" ? \"Price: \" : \"السعر: \"}\r\n                        </span>\r\n                        <span\r\n                          style={{\r\n                            display: \"inline-block\",\r\n                            fontSize: \"13px\",\r\n                            fontWeight: 500,\r\n                            lineHeight: \"20px\",\r\n                            color: \"#fbba1b\",\r\n                          }}\r\n                        >\r\n                          {`${item.product.selling_price} ${\r\n                            this.props.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                          }`}\r\n                        </span>\r\n                      </div>\r\n                      <div\r\n                        style={{\r\n                          display: \"flex\",\r\n                          flexDirection: \"row\",\r\n                          gap: \"10px\",\r\n                          alignItems: \"center\",\r\n                          justifyContent: \"center\",\r\n                        }}\r\n                      >\r\n                        <span\r\n                          style={{\r\n                            display: \"inline-block\",\r\n                            fontSize: \"13px\",\r\n                            fontWeight: 500,\r\n                            lineHeight: \"20px\",\r\n                          }}\r\n                        >\r\n                          {this.props.lang === \"en\" ? \"Quantity: \" : \"الكمية: \"}\r\n                        </span>\r\n                        <span\r\n                          style={{\r\n                            display: \"inline-block\",\r\n                            fontSize: \"13px\",\r\n                            fontWeight: 500,\r\n                            lineHeight: \"20px\",\r\n                            color: \"#fbba1b\",\r\n                          }}\r\n                        >\r\n                          {item.count}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        gap: \"10px\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"center\",\r\n                      }}\r\n                    >\r\n                      <span\r\n                        style={{\r\n                          display: \"inline-block\",\r\n                          fontSize: \"15px\",\r\n                          fontWeight: 500,\r\n                          lineHeight: \"30px\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang === \"en\" ? \"Total: \" : \"الإجمالي: \"}\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          display: \"inline-block\",\r\n                          fontSize: \"15px\",\r\n                          fontWeight: 500,\r\n                          lineHeight: \"30px\",\r\n                          color: \"#fbba1b\",\r\n                        }}\r\n                      >\r\n                        {`${item.total} ${\r\n                          this.props.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                        }`}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            ))}\r\n          </div>\r\n          <div class=\"container\">\r\n            <div class=\"row\">\r\n              <div class=\"col-12 col-md-6\">\r\n                {this.props.order.items.length > 0 && (\r\n                  <InfoCard\r\n                    title={this.props.lang === \"en\" ? \"The Bill\" : \"الفاتورة\"}\r\n                    elements={[\r\n                      {\r\n                        title:\r\n                          this.props.lang === \"en\"\r\n                            ? \"Total # of products\"\r\n                            : \"عدد المنتجات الكلي\",\r\n                        value: this.props.order.items.length,\r\n                      },\r\n                      {\r\n                        title:\r\n                          this.props.lang === \"en\"\r\n                            ? \"Amount paid manually\"\r\n                            : \"المبلغ المدفوع يدوياً\",\r\n                        value:\r\n                          this.props.lang === \"en\"\r\n                            ? `${this.props.order.payment_manually} Dinar`\r\n                            : `${this.props.order.payment_manually} دينار`,\r\n                      },\r\n                      {\r\n                        title:\r\n                          this.props.lang === \"en\"\r\n                            ? \"Total amount\"\r\n                            : \"المبلغ الكلي\",\r\n                        value: (\r\n                          <span\r\n                            style={{\r\n                              display: \"inline-block\",\r\n                              fontSize: \"18px\",\r\n                              fontWeight: 500,\r\n                              lineHeight: \"30px\",\r\n                              color: \"#fbba1b\",\r\n                            }}\r\n                          >\r\n                            {this.props.lang === \"en\"\r\n                              ? `${this.props.order.total} Dinar`\r\n                              : `${this.props.order.total} دينار`}\r\n                          </span>\r\n                        ),\r\n                      },\r\n                    ]}\r\n                    lang={this.props.lang}\r\n                  />\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </Modal.Body>\r\n      </Modal>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SingleOrder;\r\n","import React, { Component } from \"react\";\r\n\r\nimport Heading from \"../../components/Heading\";\r\nimport CartService from \"../../axios/cartService\";\r\nimport { toast } from \"react-toastify\";\r\nimport { BASE_URL_SHORT } from \"../../base\";\r\nimport jumpTo from \"../../modules/Navigation\";\r\nimport SingleOrder from \"../../components/orders/single-order\";\r\n\r\nclass Orders extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      orders: this.props.orders,\r\n      pageIndex: this.props.pageIndex,\r\n      pageSize: this.props.pageSize,\r\n      showOrder: false,\r\n      selectedOrder: null,\r\n    };\r\n  }\r\n\r\n  toggleOrderModalState = (newOrder) => {\r\n    this.setState({ showOrder: !this.state.showOrder });\r\n    this.setState({ selectedOrder: newOrder });\r\n  };\r\n\r\n  componentDidMount() {\r\n    this.props.getMyOrders({\r\n      pageIndex: this.state.pageIndex,\r\n      pageSize: this.state.pageSize,\r\n    });\r\n  }\r\n  componentDidUpdate(prevProps, prevState) {\r\n    if (prevProps.orders != this.props.orders)\r\n      this.setState({\r\n        orders: this.props.orders,\r\n      });\r\n    if (prevState.pageIndex !== this.state.pageIndex) {\r\n      this.props.getMyOrders({\r\n        pageIndex: this.state.pageIndex,\r\n        pageSize: this.state.pageSize,\r\n      });\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div className=\"shopping--cart\" data-aos=\"fade-up\">\r\n        <div className=\"container\">\r\n          <div className=\"shopping--cart--container\">\r\n            <div className=\"row \">\r\n              <Heading\r\n                title={this.props.lang.lang == \"en\" ? \"My Orders\" : \"طلباتي\"}\r\n                data-aos=\"fade-up\"\r\n              />\r\n            </div>\r\n            <div style={{ height: 30 }}></div>\r\n            <div\r\n              style={{\r\n                display: \"flex\",\r\n                flexDirection: \"column\",\r\n                gap: 12,\r\n              }}\r\n            >\r\n              {this.state.orders &&\r\n                this.state.orders.data &&\r\n                this.state.orders.data.length > 0 &&\r\n                this.state.orders.data.map((order) => (\r\n                  <div\r\n                    style={{\r\n                      display: \"flex\",\r\n                      flexDirection: \"column\",\r\n                      gap: 6,\r\n                      borderRadius: \"12px\",\r\n                      border: \"1px solid\",\r\n                      borderColor: \"#2B205E\",\r\n                      padding: \"10px\",\r\n                      boxShadow: \"1px 1px 2px 2px #2B205E\",\r\n                      direction: this.props.lang.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n                      float: this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                    }}\r\n                  >\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"space-between\",\r\n                      }}\r\n                    >\r\n                      {\" \"}\r\n                      <span\r\n                        style={{\r\n                          border: \"1px solid\",\r\n                          borderColor: order.order_status.color,\r\n                          color: order.order_status.color,\r\n                          padding: \"8px\",\r\n                          borderRadius: \"6px\",\r\n                          boxShadow: `0px 0px 1px 1px ${order.order_status.color}`,\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang == \"en\"\r\n                          ? order.order_status.en_name\r\n                          : order.order_status.ar_name}\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          display: \"inline-block\",\r\n                          fontSize: \"18px\",\r\n                          fontWeight: 500,\r\n                          lineHeight: \"30px\",\r\n                          color: \"#fbba1b\",\r\n                        }}\r\n                      >\r\n                        {`${order.total} ${\r\n                          this.props.lang.lang === \"en\" ? \"Dinar\" : \"دينار\"\r\n                        }`}\r\n                      </span>\r\n                      <span\r\n                        style={{\r\n                          color: \"gray\",\r\n                          fontWeight: 500,\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                        onClick={() => this.toggleOrderModalState(order)}\r\n                      >\r\n                        {this.props.lang.lang === \"en\"\r\n                          ? \"View details\"\r\n                          : \"مشاهدة التفاصيل\"}\r\n                      </span>\r\n                    </div>\r\n                    <div\r\n                      style={{\r\n                        display: \"flex\",\r\n                        flexDirection: \"row\",\r\n                        gap: 15,\r\n                        flexWrap: \"wrap\",\r\n                        padding: 15,\r\n                      }}\r\n                    >\r\n                      {order.items.map((item, index) => (\r\n                        <div\r\n                          className=\"product-item men\"\r\n                          style={{\r\n                            direction:\r\n                              this.props.lang.lang === \"en\" ? \"ltr\" : \"rtl\",\r\n                            float:\r\n                              this.props.lang.lang === \"en\" ? \"left\" : \"right\",\r\n                            borderRadius: \"16px\",\r\n                            boxShadow: \"0px 4px 4px rgba(0,0,0,0.3)\",\r\n                          }}\r\n                        >\r\n                          <div\r\n                            className=\"product discount product_filter\"\r\n                            style={{\r\n                              borderRadius: \"16px\",\r\n                            }}\r\n                          >\r\n                            <div\r\n                              className=\"product_image\"\r\n                              onClick={() =>\r\n                                jumpTo(`/single-product/${item.product.id}`)\r\n                              }\r\n                            >\r\n                              <img\r\n                                src={`${BASE_URL_SHORT}/upload/${item.product.image}`}\r\n                                alt=\"\"\r\n                                className=\"img-fluid\"\r\n                              />\r\n                            </div>\r\n\r\n                            <div className=\"product_info\">\r\n                              <h6\r\n                                className=\"product_name\"\r\n                                style={{ minHeight: \"40px\" }}\r\n                              >\r\n                                <div>\r\n                                  {this.props.lang.lang == \"en\"\r\n                                    ? item.product.en_name.length > 30\r\n                                      ? item.product.en_name.slice(0, 30) +\r\n                                        \"...\"\r\n                                      : item.product.en_name\r\n                                    : item.product.ar_name.length > 30\r\n                                    ? item.product.ar_name.slice(0, 30) + \"...\"\r\n                                    : item.product.ar_name}\r\n                                </div>\r\n                              </h6>\r\n                              <div\r\n                                style={{\r\n                                  height: \"2em\",\r\n                                  display: \"flex\",\r\n                                  width: \"100%\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  marginBottom: \"10px\",\r\n                                }}\r\n                              >\r\n                                <div\r\n                                  style={{\r\n                                    background: item.color,\r\n                                    width: \"40px\",\r\n                                    borderRadius: \"8px\",\r\n                                    height: \"75%\",\r\n                                    border: \"0.5px solid\",\r\n                                    boxShadow: \"0px 0px 2px 2px rgba(0,0,0,1)\",\r\n                                  }}\r\n                                ></div>\r\n                              </div>\r\n                              <div\r\n                                style={{\r\n                                  display: \"flex\",\r\n                                  flexDirection: \"row\",\r\n                                  gap: 10,\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <div\r\n                                  style={{\r\n                                    display: \"flex\",\r\n                                    flexDirection: \"row\",\r\n                                    gap: \"10px\",\r\n                                    alignItems: \"center\",\r\n                                    justifyContent: \"center\",\r\n                                  }}\r\n                                >\r\n                                  <span\r\n                                    style={{\r\n                                      display: \"inline-block\",\r\n                                      fontSize: \"13px\",\r\n                                      fontWeight: 500,\r\n                                      lineHeight: \"20px\",\r\n                                    }}\r\n                                  >\r\n                                    {this.props.lang.lang === \"en\"\r\n                                      ? \"Price: \"\r\n                                      : \"السعر: \"}\r\n                                  </span>\r\n                                  <span\r\n                                    style={{\r\n                                      display: \"inline-block\",\r\n                                      fontSize: \"13px\",\r\n                                      fontWeight: 500,\r\n                                      lineHeight: \"20px\",\r\n                                      color: \"#fbba1b\",\r\n                                    }}\r\n                                  >\r\n                                    {`${item.product.selling_price} ${\r\n                                      this.props.lang.lang === \"en\"\r\n                                        ? \"Dinar\"\r\n                                        : \"دينار\"\r\n                                    }`}\r\n                                  </span>\r\n                                </div>\r\n                                <div\r\n                                  style={{\r\n                                    display: \"flex\",\r\n                                    flexDirection: \"row\",\r\n                                    gap: \"10px\",\r\n                                    alignItems: \"center\",\r\n                                    justifyContent: \"center\",\r\n                                  }}\r\n                                >\r\n                                  <span\r\n                                    style={{\r\n                                      display: \"inline-block\",\r\n                                      fontSize: \"13px\",\r\n                                      fontWeight: 500,\r\n                                      lineHeight: \"20px\",\r\n                                    }}\r\n                                  >\r\n                                    {this.props.lang.lang === \"en\"\r\n                                      ? \"Quantity: \"\r\n                                      : \"الكمية: \"}\r\n                                  </span>\r\n                                  <span\r\n                                    style={{\r\n                                      display: \"inline-block\",\r\n                                      fontSize: \"13px\",\r\n                                      fontWeight: 500,\r\n                                      lineHeight: \"20px\",\r\n                                      color: \"#fbba1b\",\r\n                                    }}\r\n                                  >\r\n                                    {item.count}\r\n                                  </span>\r\n                                </div>\r\n                              </div>\r\n\r\n                              <div\r\n                                style={{\r\n                                  display: \"flex\",\r\n                                  flexDirection: \"row\",\r\n                                  gap: \"10px\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                }}\r\n                              >\r\n                                <span\r\n                                  style={{\r\n                                    display: \"inline-block\",\r\n                                    fontSize: \"15px\",\r\n                                    fontWeight: 500,\r\n                                    lineHeight: \"30px\",\r\n                                  }}\r\n                                >\r\n                                  {this.props.lang.lang === \"en\"\r\n                                    ? \"Total: \"\r\n                                    : \"الإجمالي: \"}\r\n                                </span>\r\n                                <span\r\n                                  style={{\r\n                                    display: \"inline-block\",\r\n                                    fontSize: \"15px\",\r\n                                    fontWeight: 500,\r\n                                    lineHeight: \"30px\",\r\n                                    color: \"#fbba1b\",\r\n                                  }}\r\n                                >\r\n                                  {`${item.total} ${\r\n                                    this.props.lang.lang === \"en\"\r\n                                      ? \"Dinar\"\r\n                                      : \"دينار\"\r\n                                  }`}\r\n                                </span>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      ))}\r\n                    </div>\r\n                  </div>\r\n                ))}\r\n              {this.state.orders &&\r\n                this.state.orders.meta &&\r\n                this.state.orders.data.length > 0 &&\r\n                this.state.orders.meta.last_page !== 1 && (\r\n                  <div\r\n                    style={{\r\n                      width: \"100%\",\r\n                      display: \"flex\",\r\n                      flexDirection: \"row\",\r\n                      justifyContent: \"center\",\r\n                      alignItems: \"center\",\r\n                      // gap: \"45px\",\r\n                      direction: this.props.lang.lang == \"en\" ? \"ltr\" : \"rtl\",\r\n                    }}\r\n                  >\r\n                    {/* Render the productsToDisplay here */}\r\n                    <button\r\n                      onClick={() =>\r\n                        this.setState({\r\n                          pageIndex: this.state.pageIndex - 1,\r\n                        })\r\n                      }\r\n                      style={{\r\n                        width: \"80px\",\r\n                        height: \"30px\",\r\n                        border: \"none\",\r\n                        backgroundColor:\r\n                          this.state.pageIndex === 1 ? \"gray\" : \"#B18432\",\r\n                        // borderRadius: \"4px\",\r\n                      }}\r\n                      disabled={this.state.pageIndex === 1}\r\n                    >\r\n                      <p\r\n                        style={{\r\n                          color: \"white\",\r\n                          fontSize: \"12px\",\r\n                          padding: \"4px\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang == \"en\" ? \"Previous\" : \"السابق\"}\r\n                      </p>\r\n                    </button>\r\n                    <div>\r\n                      {this.state.orders.meta.last_page > 6 ? (\r\n                        <input\r\n                          type=\"number\"\r\n                          value={this.state.pageIndex}\r\n                          onChange={(e) =>\r\n                            this.setState({\r\n                              pageIndex: parseInt(e.target.value),\r\n                            })\r\n                          }\r\n                          min=\"1\"\r\n                          max={this.state.orders.meta.last_page}\r\n                          style={{\r\n                            height: \"30px\",\r\n                            width: \"50px\",\r\n                            textAlign: \"center\",\r\n                            fontSize: \"13px\",\r\n                          }}\r\n                        />\r\n                      ) : (\r\n                        <div style={{ display: \"flex\", flexDirection: \"row\" }}>\r\n                          {Array.from(\r\n                            {\r\n                              length: this.state.orders.meta.last_page,\r\n                            },\r\n                            (_, i) => (\r\n                              <div\r\n                                key={i}\r\n                                onClick={() =>\r\n                                  this.setState({ pageIndex: i + 1 })\r\n                                }\r\n                                style={{\r\n                                  height: \"30px\",\r\n                                  width: \"30px\",\r\n                                  display: \"flex\",\r\n                                  alignItems: \"center\",\r\n                                  justifyContent: \"center\",\r\n                                  border: \"1px black solid\",\r\n                                  color:\r\n                                    this.state.pageIndex === i + 1\r\n                                      ? \"#B18432\"\r\n                                      : \"black\",\r\n                                  cursor: \"pointer\",\r\n                                }}\r\n                              >\r\n                                {i + 1}\r\n                              </div>\r\n                            )\r\n                          )}\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                    <button\r\n                      onClick={() =>\r\n                        this.setState({\r\n                          pageIndex: this.state.pageIndex + 1,\r\n                        })\r\n                      }\r\n                      style={{\r\n                        width: \"80px\",\r\n                        height: \"30px\",\r\n                        border: \"none\",\r\n                        backgroundColor:\r\n                          this.state.orders.meta &&\r\n                          this.state.pageIndex ===\r\n                            this.state.orders.meta.last_page\r\n                            ? \"gray\"\r\n                            : \"#B18432\",\r\n                        // borderRadius: \"4px\",\r\n                      }}\r\n                      disabled={\r\n                        this.state.orders.meta &&\r\n                        this.state.pageIndex ===\r\n                          this.state.orders.meta.last_page\r\n                      }\r\n                    >\r\n                      <p\r\n                        style={{\r\n                          color: \"white\",\r\n                          fontSize: \"12px\",\r\n                          padding: \"4px\",\r\n                        }}\r\n                      >\r\n                        {this.props.lang.lang == \"en\" ? \"Next\" : \"التالي\"}\r\n                      </p>\r\n                    </button>\r\n                  </div>\r\n                )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {this.state.showOrder ? (\r\n          <SingleOrder\r\n            lang={this.props.lang.lang}\r\n            show={this.state.showOrder}\r\n            onHide={() => this.toggleOrderModalState()}\r\n            order={this.state.selectedOrder}\r\n          />\r\n        ) : null}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\nexport default Orders;\r\n","// Route Views\r\nimport React, { Component } from \"react\";\r\nimport { Redirect } from \"react-router-dom\";\r\n\r\n// Layout Types\r\nimport BaseLayout from \"../layouts/BaseLayout\";\r\n\r\nimport OrdersContainer from \"../views/orders/OrdersContainer\";\r\n\r\nvar PrivateRoutes = [\r\n  {\r\n    path: \"/orders\",\r\n    layout: BaseLayout,\r\n    component: OrdersContainer,\r\n  },\r\n];\r\n\r\nexport default PrivateRoutes;\r\n","import { connect } from \"react-redux\";\r\nimport { getMyOrders } from \"../../redux/actions/OrdersAction\";\r\nimport Orders from \"./Orders\";\r\n\r\nconst mapStoreToProps = (state) => {\r\n  return {\r\n    orders: state.orders.orders, // Use an empty object if orders is undefined\r\n    lang: state.lang,\r\n    currency: state.currency,\r\n    pageIndex: state.orders.pageIndex, // Use default value if pageIndex is missing\r\n    pageSize: state.orders.pageSize, // Use default value if pageLength is missing\r\n  };\r\n};\r\nconst mapDispatchToProps = (dispatch) => ({\r\n  getMyOrders: (filter) => dispatch(getMyOrders(filter)),\r\n});\r\n\r\nexport default connect(mapStoreToProps, mapDispatchToProps)(Orders);\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport {\r\n  HashRouter as Router,\r\n  Redirect,\r\n  Route,\r\n  Switch\r\n} from \"react-router-dom\";\r\nimport { registerNav } from \"../modules/Navigation\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport PageNotFound from \"../views/PageNotFound\";\r\nimport HomeRoutes from \"./HomeRoutes\";\r\nimport PrivateRoutes from \"./PrivateRoutes\";\r\nimport Auth from \"../modules/Auth\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst PrivateRouter = ({ component, ...options }) => {\r\n  const finalComponent =\r\n    Auth.getUserDetails() !== undefined &&\r\n    Auth.getUserDetails() !== null &&\r\n    Auth.getToken() !== undefined ? (\r\n      <Route {...options} component={component} />\r\n    ) : (\r\n      <Redirect to=\"/PageNotFound\" />\r\n    );\r\n\r\n  return finalComponent;\r\n};\r\n\r\nclass Routes extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {};\r\n  }\r\n\r\n  render() {\r\n    const browserHistory = createBrowserHistory();\r\n\r\n    return (\r\n      <div>\r\n        <Router ref={registerNav}>\r\n          <Switch>\r\n            {HomeRoutes.map((homeRoute, index) => {\r\n              return (\r\n                <Route\r\n                  key={index}\r\n                  path={homeRoute.path}\r\n                  exact={homeRoute.exact}\r\n                  component={props => {\r\n                    return (\r\n                      <homeRoute.layout lang={this.props.lang.lang} {...props}>\r\n                        <homeRoute.component {...props} />\r\n                      </homeRoute.layout>\r\n                    );\r\n                  }}\r\n                />\r\n              );\r\n            })}\r\n            {PrivateRoutes.map((privateRoute, index) => {\r\n              return (\r\n                <PrivateRouter\r\n                  key={index}\r\n                  path={privateRoute.path}\r\n                  exact={privateRoute.exact}\r\n                  component={props => {\r\n                    return (\r\n                      <privateRoute.layout {...props}>\r\n                        <privateRoute.component {...props} />\r\n                      </privateRoute.layout>\r\n                    );\r\n                  }}\r\n                />\r\n              );\r\n            })}\r\n            <Route Redirect to=\"/PageNotFound\" exact component={PageNotFound} />\r\n          </Switch>\r\n        </Router>\r\n      </div>\r\n    );\r\n  }\r\n}\r\nconst mapStoreToProps = state => ({\r\n  lang: state.lang,\r\n});\r\nexport default connect(mapStoreToProps, null)(Routes);\r\n","\r\n\r\nimport React, { Component } from \"react\";\r\nimport \"./assets/css/style.css\";\r\nimport \"./assets/css/responsive.css\";\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\nimport Routes from \"./routes\";\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nclass App extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {};\r\n  }\r\n  componentDidMount() {\r\n    AOS.init();\r\n  }\r\n  render() {\r\n    return (\r\n      <>\r\n      <ToastContainer />\r\n      <div>\r\n        <Routes />\r\n      </div>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' }\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import {\r\n  LOGIN_BEGIN,\r\n  LOGIN_SUCCESS,\r\n  LOGIN_FAIL\r\n} from \"../actions/LoginAction\";\r\n\r\nconst initialState = {\r\n  login_loading: false,\r\n  error: {}\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case LOGIN_BEGIN:\r\n      return {\r\n        ...state,\r\n        signin_loading: true\r\n      };\r\n    case LOGIN_SUCCESS:\r\n      return {\r\n        ...state,\r\n        signin_loading: false\r\n      };\r\n    case LOGIN_FAIL:\r\n      return {\r\n        ...state,\r\n        signin_loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};","import {\r\n  POST_REGISTER_BEGIN,\r\n  POST_REGISTER_SUCCESS,\r\n  POST_REGISTER_FAIL\r\n} from \"../actions/RegisterAction\";\r\n\r\nconst initialState = {\r\n  register_loading: false,\r\n  error: {}\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case POST_REGISTER_BEGIN:\r\n      return {\r\n        ...state,\r\n        register_loading: true\r\n      };\r\n    case POST_REGISTER_SUCCESS:\r\n      return {\r\n        ...state,\r\n        register_loading: false\r\n      };\r\n    case POST_REGISTER_FAIL:\r\n      return {\r\n        ...state,\r\n        register_loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};","import API from \"../../axios/API\";\r\nexport const getDepartments = () => dispatch => {\r\n  dispatch({\r\n    type: GET_DEPARTMENTS_BEGIN\r\n  });\r\n  return API({\r\n    method: \"GET\",\r\n    url: \"/departments\"\r\n  })\r\n    .then(res => {\r\n      dispatch({\r\n        type: GET_DEPARTMENTS_SUCCESS,\r\n        payload: res\r\n      });\r\n      return res;\r\n    })\r\n    .catch(error => {\r\n      dispatch({\r\n        type: GET_DEPARTMENTS_FAIL,\r\n        payload: { error }\r\n      });\r\n      return error;\r\n    });\r\n};\r\n\r\nexport const GET_DEPARTMENTS_BEGIN = \"GET_DEPARTMENTS_BEGIN\";\r\nexport const GET_DEPARTMENTS_SUCCESS = \"GET_DEPARTMENTS_SUCCESS\";\r\nexport const GET_DEPARTMENTS_FAIL = \"GET_DEPARTMENTS_FAIL\";\r\n","import {\r\n  GET_DEPARTMENTS_BEGIN,\r\n  GET_DEPARTMENTS_SUCCESS,\r\n  GET_DEPARTMENTS_FAIL\r\n} from \"../actions/DepartmentAction\";\r\n\r\nconst initialState = {\r\n  loading: false,\r\n  departments: null,\r\n  error: null\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case GET_DEPARTMENTS_BEGIN:\r\n      return {\r\n        loading: true,\r\n          error: null\r\n      };\r\n    case GET_DEPARTMENTS_SUCCESS:\r\n      return {\r\n        loading: false,\r\n          departments: action.payload.data.departments\r\n      };\r\n    case GET_DEPARTMENTS_FAIL:\r\n      return {\r\n        loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};","import {\r\n  GET_ALL_PRODUCTS_BEGIN,\r\n  GET_ALL_PRODUCTS_SUCCESS,\r\n  GET_ALL_PRODUCTS_FAIL,\r\n  GET_PRODUCT_BEGIN,\r\n  GET_PRODUCT_SUCCESS,\r\n  GET_PRODUCT_FAIL,\r\n  GET_PRODUCTS_BY_CATEGORY_BEGIN,\r\n  GET_PRODUCTS_BY_CATEGORY_SUCCESS,\r\n  GET_PRODUCTS_BY_CATEGORY_FAIL,\r\n  SEARCH_BEGIN,\r\n  SEARCH_SUCCESS,\r\n  SEARCH_FAIL,\r\n  APPLY_FILTERS_BEGIN,\r\n  APPLY_FILTERS_SUCCESS,\r\n  APPLY_FILTERS_FAIL,\r\n  GET_NEW_ARRIVAL_PRODUCT_BEGIN,\r\n  GET_NEW_ARRIVAL_PRODUCT_SUCCESS,\r\n  GET_NEW_ARRIVAL_PRODUCT_FAIL,\r\n} from \"../actions/productAction\";\r\n\r\nconst initialState = {\r\n  products: null,\r\n  newArrivalProducts: null,\r\n  product: null,\r\n  loading: false,\r\n  error: null,\r\n  pageLength: 10,\r\n  pageIndex: 1,\r\n  search: undefined,\r\n  active: -1,\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case GET_ALL_PRODUCTS_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case GET_ALL_PRODUCTS_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        products: action.payload.data,\r\n        pageLength: action.payload.data.per_page,\r\n        pageIndex: action.payload.data.current_page,\r\n        search: action.payload.search,\r\n        active: action.payload.active,\r\n      };\r\n    case GET_ALL_PRODUCTS_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    case GET_NEW_ARRIVAL_PRODUCT_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case GET_NEW_ARRIVAL_PRODUCT_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        newArrivalProducts: action.payload,\r\n      };\r\n    case GET_NEW_ARRIVAL_PRODUCT_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    case GET_PRODUCT_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case GET_PRODUCT_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        product: action.payload,\r\n      };\r\n    case GET_PRODUCT_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    case GET_PRODUCTS_BY_CATEGORY_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case GET_PRODUCTS_BY_CATEGORY_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        products: action.payload.data.products,\r\n      };\r\n    case GET_PRODUCTS_BY_CATEGORY_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    case SEARCH_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case SEARCH_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        products: action.payload.data.products,\r\n      };\r\n    case SEARCH_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    case APPLY_FILTERS_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case APPLY_FILTERS_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        products: action.payload.data.products,\r\n      };\r\n    case APPLY_FILTERS_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","\r\n\r\nimport {\r\n  GET_VARIANTS_QUERY_BEGIN,\r\n  GET_VARIANTS_QUERY_SUCCESS,\r\n  GET_VARIANTS_QUERY_FAIL\r\n} from \"../actions/variantsAction\";\r\n\r\nconst initialState = {\r\n  variants: null,\r\n  loading: false,\r\n  error: null\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case GET_VARIANTS_QUERY_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null\r\n      };\r\n    case GET_VARIANTS_QUERY_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        variants: action.payload.data.variants\r\n      };\r\n    case GET_VARIANTS_QUERY_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        error: action.payload.error\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import {\r\n  POST_CART_BEGIN,\r\n  POST_CART_SUCCESS,\r\n  POST_CART_FAIL,\r\n  GET_CART_BY_USERID_BEGIN,\r\n  GET_CART_BY_USERID_SUCCESS,\r\n  GET_CART_BY_USERID_FAIL,\r\n  CLEAR_CART,\r\n  REMOVE_PRODUCT_FROM_CART_BEGIN,\r\n  REMOVE_PRODUCT_FROM_CART_SUCCESS,\r\n} from \"../actions/cartAction\";\r\n\r\nconst initialState = {\r\n  cart: JSON.parse(window.localStorage.getItem(\"cart\")) || {},\r\n  loading: false,\r\n  error: {},\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case POST_CART_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: {},\r\n      };\r\n    case POST_CART_SUCCESS:\r\n      return {\r\n        ...state,\r\n        cart: action.payload,\r\n        loading: false,\r\n      };\r\n    case REMOVE_PRODUCT_FROM_CART_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: {},\r\n      };\r\n    case REMOVE_PRODUCT_FROM_CART_SUCCESS:\r\n      return {\r\n        ...state,\r\n        cart: action.payload,\r\n        loading: false,\r\n      };\r\n    case CLEAR_CART:\r\n      return {\r\n        ...state,\r\n        cart: {},\r\n        loading: false,\r\n      };\r\n    case POST_CART_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        //  error: action.payload.error.response.data\r\n      };\r\n    case GET_CART_BY_USERID_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: {},\r\n      };\r\n    case GET_CART_BY_USERID_SUCCESS:\r\n      return {\r\n        ...state,\r\n        cart: action.payload,\r\n        loading: false,\r\n      };\r\n    case GET_CART_BY_USERID_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n        // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import {\r\n  GET_ALL_CATEGORIES_BEGIN,\r\n  GET_ALL_CATEGORIES_SUCCESS,\r\n  GET_ALL_CATEGORIES_FAIL,\r\n  GET_CATEGORY_BEGIN,\r\n  GET_CATEGORY_SUCCESS,\r\n  GET_CATEGORY_FAIL,\r\n  SEARCH_BEGIN,\r\n  SEARCH_SUCCESS,\r\n  SEARCH_FAIL,\r\n} from \"../actions/categoryAction\";\r\n\r\nconst initialState = {\r\n  categories: null,\r\n  category: null,\r\n  loading: false,\r\n  error: null\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case GET_ALL_CATEGORIES_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n          error: null\r\n      };\r\n    case GET_ALL_CATEGORIES_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          categories: action.payload\r\n      };\r\n    case GET_ALL_CATEGORIES_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    case GET_CATEGORY_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n          error: null\r\n      };\r\n    case GET_CATEGORY_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          category: action.payload\r\n      };\r\n    case GET_CATEGORY_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    case SEARCH_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n          error: null\r\n      };\r\n    case SEARCH_SUCCESS:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          categories: action.payload\r\n      };\r\n    case SEARCH_FAIL:\r\n      return {\r\n        ...state,\r\n        loading: false,\r\n          // error: action.payload.error.response.data\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};","import { SET_LANG, GET_LANG } from \"../actions/langAction\";\r\n\r\nconst initialState = {\r\n  lang: window.localStorage.getItem(\"lang\") || \"en\",\r\n  loading: false,\r\n  error: {},\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case SET_LANG:\r\n      console.log(\"action\", action.payload);\r\n      return {\r\n        ...state,\r\n        lang: action.payload,\r\n      };\r\n    case GET_LANG:\r\n      return {\r\n        ...state,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import { SET_Currency, GET_Currency } from \"../actions/CurrencyAction\";\r\n\r\nconst initialState = {\r\n  currency: \"dinar\",\r\n  loading: false,\r\n  error: {},\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case SET_Currency:\r\n      return {\r\n        ...state,\r\n        currency: action.payload,\r\n      };\r\n    case GET_Currency:\r\n      return {\r\n        ...state,\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import {\r\n  GET_ORDERS_BY_USERID_BEGIN,\r\n  GET_ORDERS_BY_USERID_SUCCESS,\r\n} from \"../actions/OrdersAction\";\r\n\r\nconst initialState = {\r\n  orders: null,\r\n  loading: false,\r\n  error: null,\r\n  pageSize: 2,\r\n  pageIndex: 1,\r\n};\r\n\r\nexport default (state = initialState, action) => {\r\n  switch (action.type) {\r\n    case GET_ORDERS_BY_USERID_BEGIN:\r\n      return {\r\n        ...state,\r\n        loading: true,\r\n        error: null,\r\n      };\r\n    case GET_ORDERS_BY_USERID_SUCCESS:\r\n      return {\r\n        ...state,\r\n        orders: action.payload,\r\n        loading: false,\r\n        pageSize: action.payload.meta.per_page,\r\n        pageIndex: action.payload.meta.current_page,\r\n      };\r\n\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n","import { combineReducers } from \"redux\";\r\nimport login from \"./LoginReducer\";\r\nimport register from \"./RegisterReducer\";\r\nimport department from \"./DepartmentReducer\";\r\nimport product from \"./productReducer\";\r\nimport variant from \"./variantsReducer\";\r\nimport cart from \"./cartReducer\";\r\nimport category from \"./categoryReducer\";\r\nimport lang from \"./langReducer\";\r\nimport currency from \"./CurrencyReducer\";\r\n// import checkout from './checkoutReducer'\r\n// import filter from './filterReducer'\r\nimport orders from \"./OrdersReducer\";\r\n\r\nexport default combineReducers({\r\n  department,\r\n  login,\r\n  register,\r\n  product,\r\n  category,\r\n  variant,\r\n  cart,\r\n  lang,\r\n  currency,\r\n  orders,\r\n});\r\n","\r\n\r\nimport rootReducer from \"../reducers\";\r\nimport { createStore, applyMiddleware, compose } from \"redux\";\r\nimport thunk from \"redux-thunk\";\r\n\r\nconst initialState = {};\r\nconst middlewares = [thunk];\r\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\r\n\r\nconst store = createStore(\r\n  rootReducer,\r\n  initialState,\r\n  composeEnhancers(applyMiddleware(...middlewares))\r\n);\r\n\r\nexport default store;\r\n","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\n\r\nimport App from \"./App\";\r\nimport * as serviceWorker from \"./serviceWorker\";\r\nimport \"bootstrap/dist/css/bootstrap.min.css\";\r\n\r\nimport { Provider } from \"react-redux\";\r\nimport store from \"./redux/store\";\r\n\r\nReactDOM.render(\r\n  <Provider store={store}>\r\n    <App />\r\n  </Provider>,\r\n  document.getElementById(\"root\")\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","module.exports = __webpack_public_path__ + \"static/media/emptyCart.02800820.png\";","module.exports = __webpack_public_path__ + \"static/media/logo_bg.09baf877.png\";","module.exports = __webpack_public_path__ + \"static/media/deal_ofthe_week.18a6bbdf.png\";","module.exports = __webpack_public_path__ + \"static/media/empty_cart.abebef23.png\";"],"sourceRoot":""}