tabexseriescomponents 0.0.104 → 0.0.106

package/dist/index.cjs.js

@@ -17,7 +17,11 @@ var jwtDecode = require('jwt-decode');
 var FacebookLogin = require('react-facebook-login/dist/facebook-login-render-props');
 var FaFacebookF = require('@react-icons/all-files/fa/FaFacebookF');
 var AiOutlineUser = require('@react-icons/all-files/ai/AiOutlineUser');
+var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
+var reactBootstrap = require('react-bootstrap');
+require('react-query');
 var ImageGallery = require('react-image-gallery');
+var ShowMoreText = require('react-show-more-text');
 var reactRouter = require('react-router');
 var imagekitioReact = require('imagekitio-react');
 var MdAddShoppingCart$1 = require('@react-icons/all-files/md/MdAddShoppingCart');
@@ -36,7 +40,6 @@ var AiOutlineSecurityScan = require('@react-icons/all-files/ai/AiOutlineSecurity
 var FiMapPin = require('@react-icons/all-files/fi/FiMapPin');
 var FaShippingFast = require('@react-icons/all-files/fa/FaShippingFast');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var reactBootstrap = require('react-bootstrap');
 var FaStar = require('@react-icons/all-files/fa/FaStar');
 require('@react-icons/all-files/ai/AiOutlineLogout');
 var IoLocationSharp = require('@react-icons/all-files/io5/IoLocationSharp');
@@ -45,7 +48,6 @@ var HiOutlineChevronLeft = require('@react-icons/all-files/hi/HiOutlineChevronLe
 var GoGlobe = require('@react-icons/all-files/go/GoGlobe');
 var VscGlobe = require('@react-icons/all-files/vsc/VscGlobe');
 var HiOutlineTrash = require('@react-icons/all-files/hi/HiOutlineTrash');
-var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
 var TextareaAutosize = require('react-textarea-autosize');
 var HiUser = require('@react-icons/all-files/hi/HiUser');
 var GrMail = require('@react-icons/all-files/gr/GrMail');
@@ -57,7 +59,6 @@ var BsChevronRight = require('@react-icons/all-files/bs/BsChevronRight');
 var RiArrowUpSLine = require('@react-icons/all-files/ri/RiArrowUpSLine');
 var RiArrowDownSLine = require('@react-icons/all-files/ri/RiArrowDownSLine');
 require('react-router-dom');
-require('react-query');
 var IoBagCheckOutline = require('@react-icons/all-files/io5/IoBagCheckOutline');
 var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline');
 var Dropdown = require('react-bootstrap/Dropdown');
@@ -147,6 +148,7 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+var ShowMoreText__default = /*#__PURE__*/_interopDefaultLegacy(ShowMoreText);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
@@ -625,17 +627,49 @@ var Login = function Login(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var SocialLoginMutationContext = props.actions.SocialLoginMutationContext;
+  var ForgetpasswordMutationContext = props.actions.ForgetpasswordMutationContext;
   var LoginMutation = props.actions.LoginMutationContext;
+  var NotificationManager = props.actions.NotificationManager;
   var instapikey = props.actions.instapikey;
   var actions = props.actions;
   var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2);
-    _useState2[0];
-    var setCurrentPageId = _useState2[1];
-  var _useState3 = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    statusreason = _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState({
+      instapikey: instapikey,
+      email: '',
+      code: '',
+      newpassword: '',
+      confirmnewpassword: ''
+    }),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
+    forgotpasswordpayload = _useState4[0],
+    setforgotpasswordpayload = _useState4[1];
+  var _useState5 = React.useState({
+      instapikey: instapikey,
+      email: '',
+      password: ''
+    }),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    payloadobj = _useState6[0],
+    setpayloadobj = _useState6[1];
+  var _useState7 = React.useState('send'),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    forgetpasswordstage = _useState8[0],
+    setforgetpasswordstage = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    forgetpasswordmodal = _useState10[0],
+    setforgetpasswordmodal = _useState10[1];
+  var _useState11 = React.useState(''),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    var setCurrentPageId = _useState12[1];
+  var _useState13 = React.useState(''),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    sectionproperties = _useState14[0],
+    setsectionproperties = _useState14[1];
   React.useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb77283';
@@ -654,18 +688,26 @@ var Login = function Login(props) {
       setsectionproperties(_objectSpread$1H({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    statusreason = _useState6[0];
-    _useState6[1];
-  var _useState7 = React.useState({
-      instapikey: instapikey,
-      email: '',
-      password: ''
-    }),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    payloadobj = _useState8[0],
-    setpayloadobj = _useState8[1];
+  React.useEffect(function () {
+    if (ForgetpasswordMutationContext.isSuccess) {
+      if (ForgetpasswordMutationContext.data.data.status) {
+        if (ForgetpasswordMutationContext.data.data.stage == 'send') {
+          setforgetpasswordstage('verify');
+        } else if (ForgetpasswordMutationContext.data.data.stage == 'verify') {
+          setforgetpasswordstage('send');
+          setforgotpasswordpayload({
+            instapikey: instapikey,
+            email: '',
+            code: '',
+            newpassword: '',
+            confirmnewpassword: ''
+          });
+          setforgetpasswordmodal(false);
+          NotificationManager.success('', 'Password changed successfully');
+        }
+      }
+    }
+  }, [ForgetpasswordMutationContext.isSuccess]);
   var loginstyles2 = {
     loginbtn: glamor.css({
       background: sectionproperties.login_btn_backgroundtransparent == 'Transparent' ? 'transparent' : sectionproperties.login_btn_background,
@@ -792,6 +834,13 @@ var Login = function Login(props) {
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: " fa fa-at h-100 d-flex align-items-center justify-content-center"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12  mb-3 d-flex justify-content-end mt-1 cursor-pointer text-light text-lighthover font-13 ",
+    onClick: function onClick() {
+      setforgetpasswordmodal(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 '
+  }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12  d-flex justify-content-center font-13 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
@@ -888,7 +937,151 @@ var Login = function Login(props) {
     type: "hidden",
     name: "password",
     value: payloadobj.password
-  }))));
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+    show: forgetpasswordmodal,
+    onHide: function onHide() {
+      return setforgetpasswordmodal(false);
+    },
+    centered: true,
+    size: 'md'
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex align-items-center justify-content-center bgdanger-hover",
+    style: {
+      position: 'absolute',
+      right: -15,
+      top: -15,
+      width: '4vh',
+      height: '4vh',
+      background: '#000',
+      borderRadius: '50%'
+    },
+    onClick: function onClick() {
+      return setforgetpasswordmodal(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    size: 15,
+    color: "white"
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "text-md-center m-0 p-0 mb-2",
+    style: {
+      fontSize: '19px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Reset Password' : 'إعادة تعيين كلمة المرور')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    className: "".concat(loginstyles2.form_control),
+    value: forgotpasswordpayload.email,
+    onChange: function onChange(event) {
+      var temppayloadobj = _objectSpread$1H({}, forgotpasswordpayload);
+      temppayloadobj.email = event.target.value;
+      setforgotpasswordpayload(_objectSpread$1H({}, temppayloadobj));
+    },
+    disabled: forgetpasswordstage == 'verify' ? true : false
+  }), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
+    size: 18
+  })))), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    className: "".concat(loginstyles2.form_control),
+    value: forgotpasswordpayload.code,
+    onChange: function onChange(event) {
+      var temppayloadobj = _objectSpread$1H({}, forgotpasswordpayload);
+      temppayloadobj.code = event.target.value;
+      setforgotpasswordpayload(_objectSpread$1H({}, temppayloadobj));
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, lang.password), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "password",
+    className: "".concat(loginstyles2.form_control),
+    value: forgotpasswordpayload.newpassword,
+    onChange: function onChange(event) {
+      var temppayloadobj = _objectSpread$1H({}, forgotpasswordpayload);
+      temppayloadobj.newpassword = event.target.value;
+      setforgotpasswordpayload(_objectSpread$1H({}, temppayloadobj));
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, lang.confirmpassword), /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "password",
+    className: "".concat(loginstyles2.form_control),
+    value: forgotpasswordpayload.confirmnewpassword,
+    onChange: function onChange(event) {
+      var temppayloadobj = _objectSpread$1H({}, forgotpasswordpayload);
+      temppayloadobj.confirmnewpassword = event.target.value;
+      setforgotpasswordpayload(_objectSpread$1H({}, temppayloadobj));
+    }
+  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: " ".concat(loginstyles2.loginbtn) + ' d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      if (forgotpasswordpayload.email.length != 0) {
+        var runfunc = false;
+        var tempforgotpasswordpayload = _objectSpread$1H({}, forgotpasswordpayload);
+        tempforgotpasswordpayload.functype = forgetpasswordstage;
+        if (forgetpasswordstage == 'verify') {
+          if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
+            if (tempforgotpasswordpayload.newpassword == tempforgotpasswordpayload.confirmnewpassword) {
+              runfunc = true;
+            } else {
+              NotificationManager.warning('', 'Passwords do not match');
+            }
+          } else {
+            NotificationManager.warning('', 'Please complete the missing fields');
+          }
+        } else {
+          runfunc = true;
+        }
+        if (runfunc) {
+          ForgetpasswordMutationContext.mutate(tempforgotpasswordpayload);
+        }
+      } else {
+        NotificationManager.warning('', 'Please write your email');
+      }
+    },
+    type: 'button',
+    disabled: ForgetpasswordMutationContext.isLoading == true ? true : false,
+    style: {
+      width: '230px'
+    }
+  }, ForgetpasswordMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !ForgetpasswordMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : '',
+      textTransform: sectionproperties.login_btn_texttransform
+    }
+  }, forgetpasswordstage == 'verify' ? langdetect == 'en' ? 'Reset password' : 'إعادة تعيين كلمة المرور' : langdetect == 'en' ? 'Send verification code' : 'أرسل رمز التحقق'))))));
 };
 
 var css_248z$J = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important;\n    padding: 0 2px !important;\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    transform: scale(1.1);\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n    transform: scale(1.1);\n}\n";
@@ -1475,7 +1668,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), langdetect == 'ar' && fetchProductInfoQueryContext.data.data.productinfo.description_ar != '' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-5 d-flex justify-content-center",
     style: {
       minHeight: '15vh'
@@ -1484,7 +1692,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0 text-light font-15 d-flex justify-content-start"
-  }, lang.description, ":"))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React__default["default"].createElement(ShowMoreText__default["default"], {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.description_en : fetchProductInfoQueryContext.data.data.productinfo.description_ar
+    }
+  })))), fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, fetchProductInfoQueryContext.data.data.productinfo.productoptions.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1579,7 +1802,7 @@ var Productinfo = function Productinfo(props) {
       }
     }))));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 mb-3"
+    className: "col-lg-12 p-0 mb-3 mt-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
@@ -20288,23 +20511,13 @@ var SearchHeader = function SearchHeader(props) {
       borderBottomLeftRadius: sectionproperties.uppersection_bblradius + 'px',
       borderBottomRightRadius: sectionproperties.uppersection_bbrradius + 'px'
     }),
-    headerMiddleContainer: glamor.css({
-      backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
-      paddingTop: sectionproperties.header_paddingTop + 'px',
-      paddingBottom: sectionproperties.header_paddingBottom + 'px'
-    }),
     lowerheaderSection: glamor.css({
-      backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
+      backgroundColor: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
       paddingTop: sectionproperties.lowersection_paddingtop + 'px',
       paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
+      zIndex: 200
     }),
     upperheadertext: glamor.css({
       fontSize: sectionproperties.footerinfotext_fontsize + 'px',
@@ -20881,8 +21094,10 @@ var SearchHeader = function SearchHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
   }, /*#__PURE__*/React__default["default"].createElement("nav", {
-    "class": headerstyles$4.navbar
-  }, /*#__PURE__*/React__default["default"].createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+    "class": ' row m-0 w-100 '
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+    "class": "row m-0 w-100"
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React__default["default"].createElement("li", {
         style: {
@@ -23004,9 +23219,10 @@ var Footer3 = function Footer3(props) {
     }),
     divider: glamor.css({
       height: sectionproperties.vl_height + 'px',
-      width: '100%',
-      overflow: 'hidden',
-      background: sectionproperties.vl_bg
+      width: sectionproperties.vl_width + '%',
+      background: sectionproperties.vl_bg,
+      marginTop: sectionproperties.divider_mt + 'px',
+      marginBottom: sectionproperties.divider_mb + 'px'
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -23115,7 +23331,7 @@ var Footer3 = function Footer3(props) {
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
   })))))), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 pl-3 pr-3 pl-sm-2 pr-sm-2 mt-3"
+    "class": "col-lg-12 p-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.divider)
   })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25384,21 +25600,14 @@ var Filter$1 = function Filter(props) {
       boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
     }),
     btn_item: glamor.css({
-      ':hover': {
-        background: sectionproperties.filteritembtn_bghover
-      },
       width: '20px',
       height: '20px',
-      // borderTopLeftRadius: sectionproperties.filteritembtn_borderTopLeftRadius + 'px',
-      // borderTopRightRadius: sectionproperties.filteritembtn_borderTopRightRadius + 'px',
-      // borderBottomLeftRadius: sectionproperties.filteritembtn_borderBottomLeftRadius + 'px',
-      // borderBottomRightRadius: sectionproperties.filteritembtn_borderBottomRightRadius + 'px',
-      background: sectionproperties.filteritembtn_bgcolor
-      // marginLeft: sectionproperties.filteritembtn_ml + 'px',
+      background: sectionproperties.filteritembtn_bgcolor,
+      ':hover': {
+        background: sectionproperties.filteritembtn_bghover
+      }
     }),
-
     btn_item_active: glamor.css({
-      // background: 'green',
       background: sectionproperties.btn_item_activebgcolor
     }),
     timelineinnercont_active: glamor.css({
@@ -26602,9 +26811,7 @@ var CardsSection2 = function CardsSection2(props) {
             duration: "1s"
           }) : fetchProductsQuery.hasNextPage ? /*#__PURE__*/React__default["default"].createElement("i", {
             className: "fa fa-spinner"
-          }) : /*#__PURE__*/React__default["default"].createElement("i", {
-            className: "fa fa-spinner"
-          })))));
+          }) : ''))));
         }
       }
     }))))));
@@ -32741,7 +32948,8 @@ var Servicesection = function Servicesection(props) {
         width: 50,
         height: 50,
         marginBottom: 'auto',
-        marginRight: '10px'
+        marginRight: langdetect == 'en' ? '10px' : 0,
+        marginLeft: langdetect == 'ar' ? '10px' : 0
       }
     }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
       urlEndpoint: IKurlEndpoint,
@@ -39197,7 +39405,6 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
@@ -41641,7 +41848,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
     style: {
       width: '100%',
       height: '100%',
-      objectFit: 'cover',
+      objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',