tabexseriescomponents 0.0.104 → 0.0.106

package/dist/index.esm.js

@@ -15,7 +15,11 @@ import jwtDecode from 'jwt-decode';
 import FacebookLogin from 'react-facebook-login/dist/facebook-login-render-props';
 import { FaFacebookF } from '@react-icons/all-files/fa/FaFacebookF';
 import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
+import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
+import { Modal, Offcanvas } from 'react-bootstrap';
+import 'react-query';
 import ImageGallery from 'react-image-gallery';
+import ShowMoreText from 'react-show-more-text';
 import { useParams } from 'react-router';
 import { IKImage } from 'imagekitio-react';
 import { MdAddShoppingCart as MdAddShoppingCart$1 } from '@react-icons/all-files/md/MdAddShoppingCart';
@@ -34,7 +38,6 @@ import { AiOutlineSecurityScan } from '@react-icons/all-files/ai/AiOutlineSecuri
 import { FiMapPin } from '@react-icons/all-files/fi/FiMapPin';
 import { FaShippingFast } from '@react-icons/all-files/fa/FaShippingFast';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { Offcanvas } from 'react-bootstrap';
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
 import '@react-icons/all-files/ai/AiOutlineLogout';
 import { IoLocationSharp } from '@react-icons/all-files/io5/IoLocationSharp';
@@ -43,7 +46,6 @@ import { HiOutlineChevronLeft } from '@react-icons/all-files/hi/HiOutlineChevron
 import { GoGlobe } from '@react-icons/all-files/go/GoGlobe';
 import { VscGlobe } from '@react-icons/all-files/vsc/VscGlobe';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
-import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
 import TextareaAutosize from 'react-textarea-autosize';
 import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
@@ -55,7 +57,6 @@ import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
 import { RiArrowUpSLine } from '@react-icons/all-files/ri/RiArrowUpSLine';
 import { RiArrowDownSLine } from '@react-icons/all-files/ri/RiArrowDownSLine';
 import 'react-router-dom';
-import 'react-query';
 import { IoBagCheckOutline } from '@react-icons/all-files/io5/IoBagCheckOutline';
 import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutline';
 import Dropdown from 'react-bootstrap/Dropdown';
@@ -583,17 +584,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 = useState(''),
-    _useState2 = _slicedToArray(_useState, 2);
-    _useState2[0];
-    var setCurrentPageId = _useState2[1];
-  var _useState3 = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    statusreason = _useState2[0];
+    _useState2[1];
+  var _useState3 = useState({
+      instapikey: instapikey,
+      email: '',
+      code: '',
+      newpassword: '',
+      confirmnewpassword: ''
+    }),
     _useState4 = _slicedToArray(_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
+    forgotpasswordpayload = _useState4[0],
+    setforgotpasswordpayload = _useState4[1];
+  var _useState5 = useState({
+      instapikey: instapikey,
+      email: '',
+      password: ''
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    payloadobj = _useState6[0],
+    setpayloadobj = _useState6[1];
+  var _useState7 = useState('send'),
+    _useState8 = _slicedToArray(_useState7, 2),
+    forgetpasswordstage = _useState8[0],
+    setforgetpasswordstage = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    forgetpasswordmodal = _useState10[0],
+    setforgetpasswordmodal = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    var setCurrentPageId = _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    sectionproperties = _useState14[0],
+    setsectionproperties = _useState14[1];
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb77283';
@@ -612,18 +645,26 @@ var Login = function Login(props) {
       setsectionproperties(_objectSpread$1H({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    statusreason = _useState6[0];
-    _useState6[1];
-  var _useState7 = useState({
-      instapikey: instapikey,
-      email: '',
-      password: ''
-    }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    payloadobj = _useState8[0],
-    setpayloadobj = _useState8[1];
+  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: css({
       background: sectionproperties.login_btn_backgroundtransparent == 'Transparent' ? 'transparent' : sectionproperties.login_btn_background,
@@ -750,6 +791,13 @@ var Login = function Login(props) {
   }, /*#__PURE__*/React.createElement("i", {
     className: " fa fa-at h-100 d-flex align-items-center justify-content-center"
   }))), /*#__PURE__*/React.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.createElement("p", {
+    className: 'm-0 p-0 '
+  }, langdetect == 'en' ? 'Forgot Password?' : 'هل نسيت كلمة السر؟')), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12  d-flex justify-content-center font-13 mb-2"
   }, /*#__PURE__*/React.createElement("p", {
     style: {
@@ -846,7 +894,151 @@ var Login = function Login(props) {
     type: "hidden",
     name: "password",
     value: payloadobj.password
-  }))));
+  }))), /*#__PURE__*/React.createElement(Modal, {
+    show: forgetpasswordmodal,
+    onHide: function onHide() {
+      return setforgetpasswordmodal(false);
+    },
+    centered: true,
+    size: 'md'
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.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.createElement(IoMdClose, {
+    size: 15,
+    color: "white"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.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.createElement("span", {
+    className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React.createElement(AiOutlineUser, {
+    size: 18
+  })))), forgetpasswordstage == 'verify' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, lang.password), /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
+  }, lang.confirmpassword), /*#__PURE__*/React.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.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
+  }, /*#__PURE__*/React.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.createElement(CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !ForgetpasswordMutationContext.isLoading && /*#__PURE__*/React.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";
@@ -1433,7 +1625,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React.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.createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React.createElement(ShowMoreText, {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React.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.createElement("div", {
     className: "col-lg-12 p-0 mb-5 d-flex justify-content-center",
     style: {
       minHeight: '15vh'
@@ -1442,7 +1649,22 @@ var Productinfo = function Productinfo(props) {
     className: "row m-0 w-100 d-flex flex-column"
   }, /*#__PURE__*/React.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.createElement("div", {
+  }, lang.description, ":"), /*#__PURE__*/React.createElement(ShowMoreText, {
+    lines: 5,
+    more: lang.showmore,
+    less: lang.showless,
+    anchorClass: "my-anchor-css-className",
+    expanded: false,
+    truncatedEndingComponent: '... '
+  }, /*#__PURE__*/React.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.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.createElement("div", {
@@ -1537,7 +1759,7 @@ var Productinfo = function Productinfo(props) {
       }
     }))));
   })), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mb-3"
+    className: "col-lg-12 p-0 mb-3 mt-4"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
@@ -20246,23 +20468,13 @@ var SearchHeader = function SearchHeader(props) {
       borderBottomLeftRadius: sectionproperties.uppersection_bblradius + 'px',
       borderBottomRightRadius: sectionproperties.uppersection_bbrradius + 'px'
     }),
-    headerMiddleContainer: 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: 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: css({
       fontSize: sectionproperties.footerinfotext_fontsize + 'px',
@@ -20839,8 +21051,10 @@ var SearchHeader = function SearchHeader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
   }, /*#__PURE__*/React.createElement("nav", {
-    "class": headerstyles$4.navbar
-  }, /*#__PURE__*/React.createElement("ul", null, templatepropcontext.pagesnprop.map(function (item, index) {
+    "class": ' row m-0 w-100 '
+  }, /*#__PURE__*/React.createElement("ul", {
+    "class": "row m-0 w-100"
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("li", {
         style: {
@@ -22962,9 +23176,10 @@ var Footer3 = function Footer3(props) {
     }),
     divider: 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.createElement("div", {
@@ -23073,7 +23288,7 @@ var Footer3 = function Footer3(props) {
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
   })))))), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.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.createElement("div", {
     "class": "".concat(footerStyles.divider)
   })), /*#__PURE__*/React.createElement("div", {
@@ -25342,21 +25557,14 @@ var Filter$1 = function Filter(props) {
       boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
     }),
     btn_item: 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: css({
-      // background: 'green',
       background: sectionproperties.btn_item_activebgcolor
     }),
     timelineinnercont_active: css({
@@ -26560,9 +26768,7 @@ var CardsSection2 = function CardsSection2(props) {
             duration: "1s"
           }) : fetchProductsQuery.hasNextPage ? /*#__PURE__*/React.createElement("i", {
             className: "fa fa-spinner"
-          }) : /*#__PURE__*/React.createElement("i", {
-            className: "fa fa-spinner"
-          })))));
+          }) : ''))));
         }
       }
     }))))));
@@ -32699,7 +32905,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.createElement(IKImage, {
       urlEndpoint: IKurlEndpoint,
@@ -39155,7 +39362,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,
@@ -41599,7 +41805,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',