tabexseriescomponents 0.0.35 → 0.0.37

package/dist/index.cjs.js

@@ -2,7 +2,14 @@
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
+var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
+var _createClass = require('@babel/runtime/helpers/createClass');
+var _assertThisInitialized = require('@babel/runtime/helpers/assertThisInitialized');
+var _inherits = require('@babel/runtime/helpers/inherits');
+var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
+var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var Cookies = require('universal-cookie');
 var ai = require('react-icons/ai');
 var reactCssfxLoading = require('react-cssfx-loading');
 var glamor = require('glamor');
@@ -38,7 +45,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
+var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
+var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
+var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
+var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
+var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
@@ -78,6 +92,283 @@ var AwesomeButton = function AwesomeButton(props) {
   }, "123sdasdasdadsd", children.toUpperCase());
 };
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var LanguageContext$1 = /*#__PURE__*/React__default["default"].createContext();
+var LanguageProvider = /*#__PURE__*/function (_Component) {
+  _inherits__default["default"](LanguageProvider, _Component);
+
+  var _super = _createSuper(LanguageProvider);
+
+  function LanguageProvider(props) {
+    var _en, _ar;
+
+    var _this;
+
+    _classCallCheck__default["default"](this, LanguageProvider);
+
+    _this = _super.call(this, props);
+
+    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlang", function (key) {
+      var cookies = new Cookies__default["default"]();
+      cookies.set('sitelang', key, {
+        path: '/'
+      });
+
+      _this.setState({
+        langdetect: key
+      });
+
+      window.location.reload();
+    });
+
+    _this.state = {
+      lang: {
+        en: (_en = {
+          workinghours: 'Working Hours',
+          english: 'English',
+          arabic: 'Arabic',
+          hello: 'Hello',
+          // Static Pages
+          orderhistory: 'Previous orders',
+          policies: 'Policies',
+          wishlist: 'Wishlist',
+          mywishlist: 'My wishlist',
+          accountinformation: 'Account information',
+          account: 'Account',
+          viewcart: 'View cart',
+          cart: 'Cart',
+          myshoppingcart: 'My shopping cart',
+          previousorders: 'Previous orders',
+          checkout: 'Checkout',
+          mycart: 'My cart',
+          login: 'Login',
+          signup: 'Signup',
+          // General
+          inprogress: 'In progress',
+          status: 'Status',
+          excludingdelivery: 'Excluding delivery',
+          stayconnected: 'Stay connected',
+          availability: 'Availability',
+          available: 'Available',
+          limitedquantity: 'Limited quantity',
+          securepayment: 'Secure payment',
+          trustedshipping: 'Trusted shipping',
+          callus: 'CALL US',
+          returnpolicy: 'Return policy',
+          shippingpolicy: 'Shipping policy',
+          deliverto: 'Deliver to',
+          support247: 'Support 24/7',
+          select: 'Select',
+          usefullinks: 'Useful links',
+          helpcenter: 'Help center',
+          loggedinas: 'Logged in as',
+          // Buttons
+          logout: 'Logout',
+          addtocart: 'Add to cart',
+          addtofavorites: 'Add to favorites',
+          removefromfav: 'Remove from favorites',
+          description: 'Description',
+          showmore: 'Show more',
+          remove: 'Remove',
+          shopbycategory: 'shop by category',
+          confirmorder: 'Confirm Order',
+          continuetopayment: 'Continue To Payment',
+          doyouhavepromocode: 'Do you have a promo code?',
+          loginwithfacebook: 'Sign in with facebook',
+          orsigninwith: 'Or Sign in with',
+          orsignupwith: 'Or Sign up with',
+          // Products
+          price: 'Price',
+          relatedproducts: 'Related products',
+          qty: 'QTY',
+          emptyshoppingcart: 'Your shopping cart is empty',
+          shopnow: 'Shop now',
+          total: 'Total',
+          otherinformation: 'Other information',
+          productname: 'Product name',
+          quantity: 'Quantity',
+          // Orders
+          orderid: 'Order ID',
+          numberofproducts: 'Number of products',
+          checkyourorder: 'Check your order',
+          // Placeholders
+          searchproducts: 'Search for products...',
+          choosecity: 'Choose city',
+          choosestategov: 'Choose state/governorate',
+          choosecountry: 'Choose country',
+          giftcarddicountcode: 'Gift Card Or Discount Code...',
+          nosearchresults: 'No search results',
+          sale: 'Sale',
+          //
+          nofavoriteproducts: 'Your wishlist is empty',
+          // Notifications
+          loggedoutsuccess: 'Logged out successfully',
+          addedtocartsuccess: 'Cart is updated successfully',
+          promocodeapplied: 'Promo code is applied.',
+          promocoderemoved: 'Promo code is removed',
+          countryandstateupdatedsuccess: 'Country and state are updated successfully',
+          orderaddedsuccess: 'Order is added successfully',
+          addedtowishlist: 'Product is added to your wishlist',
+          productrmovedfromwishlist: 'Product is removed from your wishlist',
+          fillthemissingfields: 'Please complete the missing fields',
+          passwordsdontmatch: "Passwords don't match",
+          loggedinsuccess: 'Logged in successfully',
+          // Checkout
+          subtotal: 'Sub total',
+          discount: 'Discount',
+          outofzone: 'Out of zone'
+        }, _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "signup", 'Signup'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As a guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _en),
+        ar: (_ar = {
+          workinghours: 'مواعيد العمل',
+          english: 'لغه إنجليزيه',
+          arabic: 'لغه عربيه',
+          hello: 'مرحبا',
+          // Static Pages
+          orderhistory: 'الطلبات السابقة',
+          policies: 'السياسات',
+          wishlist: 'المفضلات',
+          mywishlist: 'مفضلاتى',
+          accountinformation: 'الملف الشخصي',
+          account: 'الملف الشخصي',
+          viewcart: 'حقيبة التسوق',
+          cart: 'حقيبة التسوق',
+          myshoppingcart: 'حقيبة التسوق',
+          previousorders: 'الطلبات السابقة',
+          checkout: 'الدفع',
+          mycart: 'عربة التسوق',
+          login: 'تسجيل الدخول',
+          signup: 'إنشاء الحساب',
+          // General
+          inprogress: 'جارى',
+          status: 'الحالة',
+          excludingdelivery: 'غير شامل سعر الشحن',
+          stayconnected: 'ابق على اتصال بنا',
+          availability: 'توافر المنتج',
+          available: 'متوافر',
+          limitedquantity: 'كمية محدودة',
+          securepayment: 'دفع امن',
+          trustedshipping: 'شحن امن',
+          callus: 'إتصل بنا',
+          returnpolicy: 'سياسة الإستبدال و الإسترجاع',
+          shippingpolicy: 'سياسة الشحن',
+          deliverto: 'التوصيل إلى',
+          support247: 'متواجدون 24/7',
+          select: 'إختر',
+          usefullinks: 'روابط هامة',
+          helpcenter: 'مركز الخدمات',
+          loggedinas: 'البيانات المسجلة',
+          // Buttons
+          logout: 'تسجيل الخروج',
+          addtocart: 'اضف لسلة التسوق',
+          addtofavorites: 'اضف إلى المفضلات',
+          removefromfav: 'حذف من المفضلات',
+          description: 'التفاصيل',
+          showmore: 'تفاصيل اخري',
+          remove: 'حذف',
+          shopbycategory: 'تسوق بالمجموعات',
+          confirmorder: 'تأكيد الطلب',
+          continuetopayment: 'الدفع',
+          doyouhavepromocode: 'هل لديك كود خصم',
+          loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
+          orsigninwith: 'او تسجيل الدخول عن طريق',
+          orsignupwith: 'او انشاء حساب عن طريق',
+          // Products
+          price: 'السعر',
+          relatedproducts: 'منتجات ذات صلة',
+          qty: 'الكمية',
+          emptyshoppingcart: 'حقيبة التسوق فارغة',
+          shopnow: 'تسوق الان',
+          total: 'الإجمالى',
+          otherinformation: 'معلومات اخرى',
+          productname: 'إسم المنتج',
+          quantity: 'الكمية',
+          // Orders
+          orderid: 'رقم الطلب',
+          numberofproducts: 'عدد المنتجات',
+          checkyourorder: 'الذهاب إلى طلبك',
+          // Placeholders
+          searchproducts: 'ابحث...',
+          choosecity: 'إختر المدينة',
+          choosestategov: 'إختر المحافظة/الولاية',
+          choosecountry: 'إختر البلد',
+          giftcarddicountcode: 'كود خصم',
+          nosearchresults: 'لا توجد نتائج',
+          sale: 'خصم',
+          //
+          nofavoriteproducts: 'لا توجد منتجات مفضلة',
+          // Notifications
+          loggedoutsuccess: 'تم تسجيل الخروج',
+          addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
+          promocodeapplied: 'تم تطبيق كود الخصم',
+          promocoderemoved: 'تم حذف كود الخصم',
+          countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
+          orderaddedsuccess: 'تم إضافة الطلب',
+          addedtowishlist: 'تم إضافة المنتج فى المفضلات',
+          productrmovedfromwishlist: 'تم حذف المنتج من المفضلات',
+          fillthemissingfields: 'من فضلك اكمل باقى البيانات',
+          passwordsdontmatch: 'كلمات السر لا تتطابق',
+          loggedinsuccess: 'تم تسجيل الدخول',
+          // Checkout
+          subtotal: 'إجمالي المبلغ',
+          discount: 'الخصم',
+          outofzone: 'خارج نطاق الشحن'
+        }, _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "signup", 'إنشاء الحساب'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
+      },
+      langdetect: 'en',
+      setlang: _this.setlang
+    };
+    return _this;
+  }
+
+  _createClass__default["default"](LanguageProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var cookies = new Cookies__default["default"]();
+      var lastlangselected = cookies.get('sitelang');
+
+      if (lastlangselected == 'en') {
+        this.setState({
+          langdetect: 'en'
+        });
+      } else if (lastlangselected == 'ar') {
+        this.setState({
+          langdetect: 'ar'
+        });
+      } else {
+        this.setState({
+          langdetect: 'en'
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var setlang = this.state.setlang;
+      var lang = '';
+
+      if (this.state.langdetect == 'en') {
+        lang = this.state.lang.en; // window.document.body.setAttribute('dir', 'ltr');
+      } else if (this.state.langdetect == 'ar') {
+        lang = this.state.lang.ar; // window.document.body.setAttribute('dir', 'rtl');
+      }
+
+      var langdetect = this.state.langdetect;
+      return /*#__PURE__*/React__default["default"].createElement(LanguageContext$1.Provider, {
+        value: {
+          lang: lang,
+          setlang: setlang,
+          langdetect: langdetect
+        }
+      }, this.props.children);
+    }
+  }]);
+
+  return LanguageProvider;
+}(React.Component);
+LanguageContext$1.Consumer;
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -23919,6 +24210,8 @@ var StylishProductCard = function StylishProductCard(props) {
 
 var returnLibrary = function returnLibrary() {
   return {
+    LanguageContext: LanguageContext$1,
+    LanguageProvider: LanguageProvider,
     AwesomeButton: AwesomeButton,
     // Checkout: Checkout,
     // Signup: Signup,

package/dist/index.esm.js

@@ -1,6 +1,13 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useEffect, useContext } from 'react';
+import React, { useState, useEffect, Component, useContext } from 'react';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import Cookies from 'universal-cookie';
 import { AiOutlineUser, AiOutlineMinus, AiOutlineLogin, AiOutlineUserAdd, AiFillStar, AiOutlineHeart, AiOutlineStar, AiOutlineInstagram, AiFillInstagram, AiFillPhone, AiOutlineMail, AiOutlineClockCircle, AiOutlinePhone } from 'react-icons/ai';
 import { CircularProgress } from 'react-cssfx-loading';
 import { css } from 'glamor';
@@ -64,6 +71,283 @@ var AwesomeButton = function AwesomeButton(props) {
   }, "123sdasdasdadsd", children.toUpperCase());
 };
 
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var LanguageContext$1 = /*#__PURE__*/React.createContext();
+var LanguageProvider = /*#__PURE__*/function (_Component) {
+  _inherits(LanguageProvider, _Component);
+
+  var _super = _createSuper(LanguageProvider);
+
+  function LanguageProvider(props) {
+    var _en, _ar;
+
+    var _this;
+
+    _classCallCheck(this, LanguageProvider);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "setlang", function (key) {
+      var cookies = new Cookies();
+      cookies.set('sitelang', key, {
+        path: '/'
+      });
+
+      _this.setState({
+        langdetect: key
+      });
+
+      window.location.reload();
+    });
+
+    _this.state = {
+      lang: {
+        en: (_en = {
+          workinghours: 'Working Hours',
+          english: 'English',
+          arabic: 'Arabic',
+          hello: 'Hello',
+          // Static Pages
+          orderhistory: 'Previous orders',
+          policies: 'Policies',
+          wishlist: 'Wishlist',
+          mywishlist: 'My wishlist',
+          accountinformation: 'Account information',
+          account: 'Account',
+          viewcart: 'View cart',
+          cart: 'Cart',
+          myshoppingcart: 'My shopping cart',
+          previousorders: 'Previous orders',
+          checkout: 'Checkout',
+          mycart: 'My cart',
+          login: 'Login',
+          signup: 'Signup',
+          // General
+          inprogress: 'In progress',
+          status: 'Status',
+          excludingdelivery: 'Excluding delivery',
+          stayconnected: 'Stay connected',
+          availability: 'Availability',
+          available: 'Available',
+          limitedquantity: 'Limited quantity',
+          securepayment: 'Secure payment',
+          trustedshipping: 'Trusted shipping',
+          callus: 'CALL US',
+          returnpolicy: 'Return policy',
+          shippingpolicy: 'Shipping policy',
+          deliverto: 'Deliver to',
+          support247: 'Support 24/7',
+          select: 'Select',
+          usefullinks: 'Useful links',
+          helpcenter: 'Help center',
+          loggedinas: 'Logged in as',
+          // Buttons
+          logout: 'Logout',
+          addtocart: 'Add to cart',
+          addtofavorites: 'Add to favorites',
+          removefromfav: 'Remove from favorites',
+          description: 'Description',
+          showmore: 'Show more',
+          remove: 'Remove',
+          shopbycategory: 'shop by category',
+          confirmorder: 'Confirm Order',
+          continuetopayment: 'Continue To Payment',
+          doyouhavepromocode: 'Do you have a promo code?',
+          loginwithfacebook: 'Sign in with facebook',
+          orsigninwith: 'Or Sign in with',
+          orsignupwith: 'Or Sign up with',
+          // Products
+          price: 'Price',
+          relatedproducts: 'Related products',
+          qty: 'QTY',
+          emptyshoppingcart: 'Your shopping cart is empty',
+          shopnow: 'Shop now',
+          total: 'Total',
+          otherinformation: 'Other information',
+          productname: 'Product name',
+          quantity: 'Quantity',
+          // Orders
+          orderid: 'Order ID',
+          numberofproducts: 'Number of products',
+          checkyourorder: 'Check your order',
+          // Placeholders
+          searchproducts: 'Search for products...',
+          choosecity: 'Choose city',
+          choosestategov: 'Choose state/governorate',
+          choosecountry: 'Choose country',
+          giftcarddicountcode: 'Gift Card Or Discount Code...',
+          nosearchresults: 'No search results',
+          sale: 'Sale',
+          //
+          nofavoriteproducts: 'Your wishlist is empty',
+          // Notifications
+          loggedoutsuccess: 'Logged out successfully',
+          addedtocartsuccess: 'Cart is updated successfully',
+          promocodeapplied: 'Promo code is applied.',
+          promocoderemoved: 'Promo code is removed',
+          countryandstateupdatedsuccess: 'Country and state are updated successfully',
+          orderaddedsuccess: 'Order is added successfully',
+          addedtowishlist: 'Product is added to your wishlist',
+          productrmovedfromwishlist: 'Product is removed from your wishlist',
+          fillthemissingfields: 'Please complete the missing fields',
+          passwordsdontmatch: "Passwords don't match",
+          loggedinsuccess: 'Logged in successfully',
+          // Checkout
+          subtotal: 'Sub total',
+          discount: 'Discount',
+          outofzone: 'Out of zone'
+        }, _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "signup", 'Signup'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _en),
+        ar: (_ar = {
+          workinghours: 'مواعيد العمل',
+          english: 'لغه إنجليزيه',
+          arabic: 'لغه عربيه',
+          hello: 'مرحبا',
+          // Static Pages
+          orderhistory: 'الطلبات السابقة',
+          policies: 'السياسات',
+          wishlist: 'المفضلات',
+          mywishlist: 'مفضلاتى',
+          accountinformation: 'الملف الشخصي',
+          account: 'الملف الشخصي',
+          viewcart: 'حقيبة التسوق',
+          cart: 'حقيبة التسوق',
+          myshoppingcart: 'حقيبة التسوق',
+          previousorders: 'الطلبات السابقة',
+          checkout: 'الدفع',
+          mycart: 'عربة التسوق',
+          login: 'تسجيل الدخول',
+          signup: 'إنشاء الحساب',
+          // General
+          inprogress: 'جارى',
+          status: 'الحالة',
+          excludingdelivery: 'غير شامل سعر الشحن',
+          stayconnected: 'ابق على اتصال بنا',
+          availability: 'توافر المنتج',
+          available: 'متوافر',
+          limitedquantity: 'كمية محدودة',
+          securepayment: 'دفع امن',
+          trustedshipping: 'شحن امن',
+          callus: 'إتصل بنا',
+          returnpolicy: 'سياسة الإستبدال و الإسترجاع',
+          shippingpolicy: 'سياسة الشحن',
+          deliverto: 'التوصيل إلى',
+          support247: 'متواجدون 24/7',
+          select: 'إختر',
+          usefullinks: 'روابط هامة',
+          helpcenter: 'مركز الخدمات',
+          loggedinas: 'البيانات المسجلة',
+          // Buttons
+          logout: 'تسجيل الخروج',
+          addtocart: 'اضف لسلة التسوق',
+          addtofavorites: 'اضف إلى المفضلات',
+          removefromfav: 'حذف من المفضلات',
+          description: 'التفاصيل',
+          showmore: 'تفاصيل اخري',
+          remove: 'حذف',
+          shopbycategory: 'تسوق بالمجموعات',
+          confirmorder: 'تأكيد الطلب',
+          continuetopayment: 'الدفع',
+          doyouhavepromocode: 'هل لديك كود خصم',
+          loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
+          orsigninwith: 'او تسجيل الدخول عن طريق',
+          orsignupwith: 'او انشاء حساب عن طريق',
+          // Products
+          price: 'السعر',
+          relatedproducts: 'منتجات ذات صلة',
+          qty: 'الكمية',
+          emptyshoppingcart: 'حقيبة التسوق فارغة',
+          shopnow: 'تسوق الان',
+          total: 'الإجمالى',
+          otherinformation: 'معلومات اخرى',
+          productname: 'إسم المنتج',
+          quantity: 'الكمية',
+          // Orders
+          orderid: 'رقم الطلب',
+          numberofproducts: 'عدد المنتجات',
+          checkyourorder: 'الذهاب إلى طلبك',
+          // Placeholders
+          searchproducts: 'ابحث...',
+          choosecity: 'إختر المدينة',
+          choosestategov: 'إختر المحافظة/الولاية',
+          choosecountry: 'إختر البلد',
+          giftcarddicountcode: 'كود خصم',
+          nosearchresults: 'لا توجد نتائج',
+          sale: 'خصم',
+          //
+          nofavoriteproducts: 'لا توجد منتجات مفضلة',
+          // Notifications
+          loggedoutsuccess: 'تم تسجيل الخروج',
+          addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
+          promocodeapplied: 'تم تطبيق كود الخصم',
+          promocoderemoved: 'تم حذف كود الخصم',
+          countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
+          orderaddedsuccess: 'تم إضافة الطلب',
+          addedtowishlist: 'تم إضافة المنتج فى المفضلات',
+          productrmovedfromwishlist: 'تم حذف المنتج من المفضلات',
+          fillthemissingfields: 'من فضلك اكمل باقى البيانات',
+          passwordsdontmatch: 'كلمات السر لا تتطابق',
+          loggedinsuccess: 'تم تسجيل الدخول',
+          // Checkout
+          subtotal: 'إجمالي المبلغ',
+          discount: 'الخصم',
+          outofzone: 'خارج نطاق الشحن'
+        }, _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "signup", 'إنشاء الحساب'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
+      },
+      langdetect: 'en',
+      setlang: _this.setlang
+    };
+    return _this;
+  }
+
+  _createClass(LanguageProvider, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var cookies = new Cookies();
+      var lastlangselected = cookies.get('sitelang');
+
+      if (lastlangselected == 'en') {
+        this.setState({
+          langdetect: 'en'
+        });
+      } else if (lastlangselected == 'ar') {
+        this.setState({
+          langdetect: 'ar'
+        });
+      } else {
+        this.setState({
+          langdetect: 'en'
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var setlang = this.state.setlang;
+      var lang = '';
+
+      if (this.state.langdetect == 'en') {
+        lang = this.state.lang.en; // window.document.body.setAttribute('dir', 'ltr');
+      } else if (this.state.langdetect == 'ar') {
+        lang = this.state.lang.ar; // window.document.body.setAttribute('dir', 'rtl');
+      }
+
+      var langdetect = this.state.langdetect;
+      return /*#__PURE__*/React.createElement(LanguageContext$1.Provider, {
+        value: {
+          lang: lang,
+          setlang: setlang,
+          langdetect: langdetect
+        }
+      }, this.props.children);
+    }
+  }]);
+
+  return LanguageProvider;
+}(Component);
+LanguageContext$1.Consumer;
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -23905,6 +24189,8 @@ var StylishProductCard = function StylishProductCard(props) {
 
 var returnLibrary = function returnLibrary() {
   return {
+    LanguageContext: LanguageContext$1,
+    LanguageProvider: LanguageProvider,
     AwesomeButton: AwesomeButton,
     // Checkout: Checkout,
     // Signup: Signup,

package/dist/index.umd.js

@@ -1,14 +1,21 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/defineProperty'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/io5'), require('imagekitio-react'), require('react-icons/hi'), require('react-icons/go'), require('react-icons/bs'), require('react-icons/fi'), require('react-icons/md'), require('react-icons/io'), require('react-icons/cg'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('axios'), require('react-horizontal-scrolling-menu'), require('react-background-slideshow'), require('react-slideshow-image'), require('@babel/runtime/helpers/extends'), require('react-router-dom'), require('react-icons/bi'), require('react-icons/ri'), require('react-notifications')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/defineProperty', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/io5', 'imagekitio-react', 'react-icons/hi', 'react-icons/go', 'react-icons/bs', 'react-icons/fi', 'react-icons/md', 'react-icons/io', 'react-icons/cg', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'axios', 'react-horizontal-scrolling-menu', 'react-background-slideshow', 'react-slideshow-image', '@babel/runtime/helpers/extends', 'react-router-dom', 'react-icons/bi', 'react-icons/ri', 'react-notifications'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._defineProperty, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global._toConsumableArray, global.reactBootstrap, global.io5, global.imagekitioReact, global.hi, global.go, global.bs, global.fi, global.md, global.io, global.cg, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, global.reactRouterDom, global.bi, global.ri));
-})(this, (function (_slicedToArray, React, _defineProperty, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, _toConsumableArray, reactBootstrap, io5, imagekitioReact, hi, go, bs, fi, md, io, cg, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, axios, reactHorizontalScrollingMenu, BackgroundSlideshow, reactSlideshowImage, _extends, reactRouterDom, bi, ri) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/io5'), require('imagekitio-react'), require('react-icons/hi'), require('react-icons/go'), require('react-icons/bs'), require('react-icons/fi'), require('react-icons/md'), require('react-icons/io'), require('react-icons/cg'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('axios'), require('react-horizontal-scrolling-menu'), require('react-background-slideshow'), require('react-slideshow-image'), require('@babel/runtime/helpers/extends'), require('react-router-dom'), require('react-icons/bi'), require('react-icons/ri'), require('react-notifications')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/io5', 'imagekitio-react', 'react-icons/hi', 'react-icons/go', 'react-icons/bs', 'react-icons/fi', 'react-icons/md', 'react-icons/io', 'react-icons/cg', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'axios', 'react-horizontal-scrolling-menu', 'react-background-slideshow', 'react-slideshow-image', '@babel/runtime/helpers/extends', 'react-router-dom', 'react-icons/bi', 'react-icons/ri', 'react-notifications'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global._toConsumableArray, global.reactBootstrap, global.io5, global.imagekitioReact, global.hi, global.go, global.bs, global.fi, global.md, global.io, global.cg, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, global.reactRouterDom, global.bi, global.ri));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, _toConsumableArray, reactBootstrap, io5, imagekitioReact, hi, go, bs, fi, md, io, cg, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, axios, reactHorizontalScrollingMenu, BackgroundSlideshow, reactSlideshowImage, _extends, reactRouterDom, bi, ri) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
+    var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
+    var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assertThisInitialized);
+    var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
+    var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
+    var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
     var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+    var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
     var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
     var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
     var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
@@ -48,6 +55,283 @@
       }, "123sdasdasdadsd", children.toUpperCase());
     };
 
+    function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
+
+    function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+    var LanguageContext$1 = /*#__PURE__*/React__default["default"].createContext();
+    var LanguageProvider = /*#__PURE__*/function (_Component) {
+      _inherits__default["default"](LanguageProvider, _Component);
+
+      var _super = _createSuper(LanguageProvider);
+
+      function LanguageProvider(props) {
+        var _en, _ar;
+
+        var _this;
+
+        _classCallCheck__default["default"](this, LanguageProvider);
+
+        _this = _super.call(this, props);
+
+        _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "setlang", function (key) {
+          var cookies = new Cookies__default["default"]();
+          cookies.set('sitelang', key, {
+            path: '/'
+          });
+
+          _this.setState({
+            langdetect: key
+          });
+
+          window.location.reload();
+        });
+
+        _this.state = {
+          lang: {
+            en: (_en = {
+              workinghours: 'Working Hours',
+              english: 'English',
+              arabic: 'Arabic',
+              hello: 'Hello',
+              // Static Pages
+              orderhistory: 'Previous orders',
+              policies: 'Policies',
+              wishlist: 'Wishlist',
+              mywishlist: 'My wishlist',
+              accountinformation: 'Account information',
+              account: 'Account',
+              viewcart: 'View cart',
+              cart: 'Cart',
+              myshoppingcart: 'My shopping cart',
+              previousorders: 'Previous orders',
+              checkout: 'Checkout',
+              mycart: 'My cart',
+              login: 'Login',
+              signup: 'Signup',
+              // General
+              inprogress: 'In progress',
+              status: 'Status',
+              excludingdelivery: 'Excluding delivery',
+              stayconnected: 'Stay connected',
+              availability: 'Availability',
+              available: 'Available',
+              limitedquantity: 'Limited quantity',
+              securepayment: 'Secure payment',
+              trustedshipping: 'Trusted shipping',
+              callus: 'CALL US',
+              returnpolicy: 'Return policy',
+              shippingpolicy: 'Shipping policy',
+              deliverto: 'Deliver to',
+              support247: 'Support 24/7',
+              select: 'Select',
+              usefullinks: 'Useful links',
+              helpcenter: 'Help center',
+              loggedinas: 'Logged in as',
+              // Buttons
+              logout: 'Logout',
+              addtocart: 'Add to cart',
+              addtofavorites: 'Add to favorites',
+              removefromfav: 'Remove from favorites',
+              description: 'Description',
+              showmore: 'Show more',
+              remove: 'Remove',
+              shopbycategory: 'shop by category',
+              confirmorder: 'Confirm Order',
+              continuetopayment: 'Continue To Payment',
+              doyouhavepromocode: 'Do you have a promo code?',
+              loginwithfacebook: 'Sign in with facebook',
+              orsigninwith: 'Or Sign in with',
+              orsignupwith: 'Or Sign up with',
+              // Products
+              price: 'Price',
+              relatedproducts: 'Related products',
+              qty: 'QTY',
+              emptyshoppingcart: 'Your shopping cart is empty',
+              shopnow: 'Shop now',
+              total: 'Total',
+              otherinformation: 'Other information',
+              productname: 'Product name',
+              quantity: 'Quantity',
+              // Orders
+              orderid: 'Order ID',
+              numberofproducts: 'Number of products',
+              checkyourorder: 'Check your order',
+              // Placeholders
+              searchproducts: 'Search for products...',
+              choosecity: 'Choose city',
+              choosestategov: 'Choose state/governorate',
+              choosecountry: 'Choose country',
+              giftcarddicountcode: 'Gift Card Or Discount Code...',
+              nosearchresults: 'No search results',
+              sale: 'Sale',
+              //
+              nofavoriteproducts: 'Your wishlist is empty',
+              // Notifications
+              loggedoutsuccess: 'Logged out successfully',
+              addedtocartsuccess: 'Cart is updated successfully',
+              promocodeapplied: 'Promo code is applied.',
+              promocoderemoved: 'Promo code is removed',
+              countryandstateupdatedsuccess: 'Country and state are updated successfully',
+              orderaddedsuccess: 'Order is added successfully',
+              addedtowishlist: 'Product is added to your wishlist',
+              productrmovedfromwishlist: 'Product is removed from your wishlist',
+              fillthemissingfields: 'Please complete the missing fields',
+              passwordsdontmatch: "Passwords don't match",
+              loggedinsuccess: 'Logged in successfully',
+              // Checkout
+              subtotal: 'Sub total',
+              discount: 'Discount',
+              outofzone: 'Out of zone'
+            }, _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "signup", 'Signup'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As a guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _en),
+            ar: (_ar = {
+              workinghours: 'مواعيد العمل',
+              english: 'لغه إنجليزيه',
+              arabic: 'لغه عربيه',
+              hello: 'مرحبا',
+              // Static Pages
+              orderhistory: 'الطلبات السابقة',
+              policies: 'السياسات',
+              wishlist: 'المفضلات',
+              mywishlist: 'مفضلاتى',
+              accountinformation: 'الملف الشخصي',
+              account: 'الملف الشخصي',
+              viewcart: 'حقيبة التسوق',
+              cart: 'حقيبة التسوق',
+              myshoppingcart: 'حقيبة التسوق',
+              previousorders: 'الطلبات السابقة',
+              checkout: 'الدفع',
+              mycart: 'عربة التسوق',
+              login: 'تسجيل الدخول',
+              signup: 'إنشاء الحساب',
+              // General
+              inprogress: 'جارى',
+              status: 'الحالة',
+              excludingdelivery: 'غير شامل سعر الشحن',
+              stayconnected: 'ابق على اتصال بنا',
+              availability: 'توافر المنتج',
+              available: 'متوافر',
+              limitedquantity: 'كمية محدودة',
+              securepayment: 'دفع امن',
+              trustedshipping: 'شحن امن',
+              callus: 'إتصل بنا',
+              returnpolicy: 'سياسة الإستبدال و الإسترجاع',
+              shippingpolicy: 'سياسة الشحن',
+              deliverto: 'التوصيل إلى',
+              support247: 'متواجدون 24/7',
+              select: 'إختر',
+              usefullinks: 'روابط هامة',
+              helpcenter: 'مركز الخدمات',
+              loggedinas: 'البيانات المسجلة',
+              // Buttons
+              logout: 'تسجيل الخروج',
+              addtocart: 'اضف لسلة التسوق',
+              addtofavorites: 'اضف إلى المفضلات',
+              removefromfav: 'حذف من المفضلات',
+              description: 'التفاصيل',
+              showmore: 'تفاصيل اخري',
+              remove: 'حذف',
+              shopbycategory: 'تسوق بالمجموعات',
+              confirmorder: 'تأكيد الطلب',
+              continuetopayment: 'الدفع',
+              doyouhavepromocode: 'هل لديك كود خصم',
+              loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
+              orsigninwith: 'او تسجيل الدخول عن طريق',
+              orsignupwith: 'او انشاء حساب عن طريق',
+              // Products
+              price: 'السعر',
+              relatedproducts: 'منتجات ذات صلة',
+              qty: 'الكمية',
+              emptyshoppingcart: 'حقيبة التسوق فارغة',
+              shopnow: 'تسوق الان',
+              total: 'الإجمالى',
+              otherinformation: 'معلومات اخرى',
+              productname: 'إسم المنتج',
+              quantity: 'الكمية',
+              // Orders
+              orderid: 'رقم الطلب',
+              numberofproducts: 'عدد المنتجات',
+              checkyourorder: 'الذهاب إلى طلبك',
+              // Placeholders
+              searchproducts: 'ابحث...',
+              choosecity: 'إختر المدينة',
+              choosestategov: 'إختر المحافظة/الولاية',
+              choosecountry: 'إختر البلد',
+              giftcarddicountcode: 'كود خصم',
+              nosearchresults: 'لا توجد نتائج',
+              sale: 'خصم',
+              //
+              nofavoriteproducts: 'لا توجد منتجات مفضلة',
+              // Notifications
+              loggedoutsuccess: 'تم تسجيل الخروج',
+              addedtocartsuccess: 'تم إضافة المنتج لعربة التسوق',
+              promocodeapplied: 'تم تطبيق كود الخصم',
+              promocoderemoved: 'تم حذف كود الخصم',
+              countryandstateupdatedsuccess: 'تم تحديث البلد و المدينة',
+              orderaddedsuccess: 'تم إضافة الطلب',
+              addedtowishlist: 'تم إضافة المنتج فى المفضلات',
+              productrmovedfromwishlist: 'تم حذف المنتج من المفضلات',
+              fillthemissingfields: 'من فضلك اكمل باقى البيانات',
+              passwordsdontmatch: 'كلمات السر لا تتطابق',
+              loggedinsuccess: 'تم تسجيل الدخول',
+              // Checkout
+              subtotal: 'إجمالي المبلغ',
+              discount: 'الخصم',
+              outofzone: 'خارج نطاق الشحن'
+            }, _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "signup", 'إنشاء الحساب'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
+          },
+          langdetect: 'en',
+          setlang: _this.setlang
+        };
+        return _this;
+      }
+
+      _createClass__default["default"](LanguageProvider, [{
+        key: "componentDidMount",
+        value: function componentDidMount() {
+          var cookies = new Cookies__default["default"]();
+          var lastlangselected = cookies.get('sitelang');
+
+          if (lastlangselected == 'en') {
+            this.setState({
+              langdetect: 'en'
+            });
+          } else if (lastlangselected == 'ar') {
+            this.setState({
+              langdetect: 'ar'
+            });
+          } else {
+            this.setState({
+              langdetect: 'en'
+            });
+          }
+        }
+      }, {
+        key: "render",
+        value: function render() {
+          var setlang = this.state.setlang;
+          var lang = '';
+
+          if (this.state.langdetect == 'en') {
+            lang = this.state.lang.en; // window.document.body.setAttribute('dir', 'ltr');
+          } else if (this.state.langdetect == 'ar') {
+            lang = this.state.lang.ar; // window.document.body.setAttribute('dir', 'rtl');
+          }
+
+          var langdetect = this.state.langdetect;
+          return /*#__PURE__*/React__default["default"].createElement(LanguageContext$1.Provider, {
+            value: {
+              lang: lang,
+              setlang: setlang,
+              langdetect: langdetect
+            }
+          }, this.props.children);
+        }
+      }]);
+
+      return LanguageProvider;
+    }(React.Component);
+    LanguageContext$1.Consumer;
+
     function styleInject(css, ref) {
       if ( ref === void 0 ) ref = {};
       var insertAt = ref.insertAt;
@@ -23889,6 +24173,8 @@
 
     var returnLibrary = function returnLibrary() {
       return {
+        LanguageContext: LanguageContext$1,
+        LanguageProvider: LanguageProvider,
         AwesomeButton: AwesomeButton,
         // Checkout: Checkout,
         // Signup: Signup,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.35",
+	"version": "0.0.37",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {