tabexseriescomponents 0.0.347 → 0.0.348

package/dist/index.esm.js

@@ -56,7 +56,7 @@ 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 { BiSad } from '@react-icons/all-files/bi/BiSad';
+import '@react-icons/all-files/bi/BiSad';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
 import Dropdown from 'react-bootstrap/Dropdown';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -7129,14 +7129,16 @@ function ownKeys$2g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
   var fetchFavoriteProductsQueryContext = props.actions.fetchFavoriteProductsQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
@@ -7148,6 +7150,7 @@ var Wishlist = function Wishlist(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     bgimagesarray = _useState4[0],
     setbgimagesarray = _useState4[1];
+  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -7200,22 +7203,23 @@ var Wishlist = function Wishlist(props) {
     cart_btn: css({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
-      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      background: sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        background: sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     trash_btn: css({
-      width: sectionproperties.trashbtn_Width + 'px',
-      height: sectionproperties.trashbtn_Height + 'px',
+      width: sectionproperties.trashbtn_Width == 0 ? 'auto' : sectionproperties.trashbtn_Width + 'px',
+      height: sectionproperties.trashbtn_Height == 0 ? 'auto' : sectionproperties.trashbtn_Height + 'px',
       background: sectionproperties.trashbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.trashbtn_bgColor,
       color: sectionproperties.trashbtn_Textcolor,
       borderRadius: sectionproperties.trashbtn_borderBottomLeftRadius + 'px',
@@ -7227,20 +7231,13 @@ var Wishlist = function Wishlist(props) {
       }
     }),
     imagecont: css({
-      width: '70px',
-      height: '60px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+      width: '100px',
+      height: '90px',
       backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.productimageborderradius + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
       position: 'relative'
     }),
     containerstyle: css({
@@ -7250,6 +7247,23 @@ var Wishlist = function Wishlist(props) {
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp + 'px'
       }
+    }),
+    btnstyles: css({
+      width: sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: '80%'
+      }
     })
   };
   useEffect(function () {
@@ -7300,10 +7314,7 @@ var Wishlist = function Wishlist(props) {
       margin: 0,
       padding: 0,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1,
       objectFit: sectionproperties.bgcovercontain
     }
@@ -7319,45 +7330,19 @@ var Wishlist = function Wishlist(props) {
       padding: 0,
       objectFit: sectionproperties.bgcovercontainresponsive,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1
     }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
-    style: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    className: ' m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.imagetextfontsize + 'px',
-      color: sectionproperties.imagetextcolor,
-      textTransform: sectionproperties.imagetexttextTransform,
-      fontWeight: sectionproperties.imagetextfontWeight
-    }
-  }, lang.mywishlist)))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      width: sectionproperties.width + 'vw',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -7367,24 +7352,118 @@ var Wishlist = function Wishlist(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
   }, fetchFavoriteProductsQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
-    className: "w-100 d-flex align-items-center justify-content-center",
+    className: "row m-0 w-100 align-items-center justify-content-center",
+    style: {
+      height: '50vh',
+      padding: '20px'
+    }
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex d-md-none"
+  }, /*#__PURE__*/React.createElement("table", {
+    className: 'table'
+  }, /*#__PURE__*/React.createElement("thead", {
+    className: ""
+  }, /*#__PURE__*/React.createElement("th", {
+    className: 'mw-150 mw-md-300'
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React.createElement("th", {
+    className: "text-center",
+    style: {
+      minWidth: '100px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React.createElement("th", {
+    className: "text-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "my-1 is-loading"
+  }))), /*#__PURE__*/React.createElement("tbody", null, _toConsumableArray(Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("tr", {
+      className: ""
+    }, /*#__PURE__*/React.createElement("td", {
+      className: "mw-150 mw-md-300"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "my-1 is-loading"
+    })));
+  })))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0  d-none d-md-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 align-items-center justify-content-center",
     style: {
       height: '50vh'
     }
-  }, /*#__PURE__*/React.createElement(Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
+  }, _toConsumableArray(Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 is-loading image '
+    })), /*#__PURE__*/React.createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-10 p-0 mb-1"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: ' m-0 p-0 is-loading mb-auto '
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": ' m-0 p-0 is-loading '
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: ' w-100 is-loading ',
+      style: {
+        height: sectionproperties.cartBtnHeight + 'px'
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  })))), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100 "
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 d-flex justify-content-center w-100',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
       padding: '20px',
       minHeight: '70vh'
@@ -7449,24 +7528,7 @@ var Wishlist = function Wishlist(props) {
         fontSize: sectionproperties.cartBtnTextfontsize + 'px'
       }
     }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
-  })), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100",
-    style: {
-      height: '50vh'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement(BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
-    style: {
-      fontWeight: sectionproperties.noprod_fontWeight,
-      color: sectionproperties.noprod_color,
-      fontSize: sectionproperties.noprod_fontSize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.pagedesign == 'Design 2 (Table)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 p-sm-3 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
@@ -7476,21 +7538,49 @@ var Wishlist = function Wishlist(props) {
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 table_responsive p-0 '
+    className: ' row m-0 w-100 d-block '
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 table_responsive p-0 d-block d-md-none '
   }, /*#__PURE__*/React.createElement("table", {
     className: 'table'
   }, /*#__PURE__*/React.createElement("thead", {
     className: ""
   }, /*#__PURE__*/React.createElement("th", {
-    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
-  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light",
+    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 mw-150 mw-md-300' : 'text-right font-weight-500 font-14 mw-150 mw-md-300',
     style: {
-      minWidth: '100px'
+      color: sectionproperties.sectionTitleColor
+    }
+  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light"
-  }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+  }, langdetect == 'en' ? 'Unit Price' : 'السعر'), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor
+    }
+  }), /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      color: sectionproperties.sectionTitleColor
+    }
+  })), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -7506,14 +7596,28 @@ var Wishlist = function Wishlist(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-9 col-md-9 col-sm-8"
+      className: "col-lg-9 col-md-9 col-sm-8 pt-2"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
-    }, item.name_en)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 allcentered flex-column"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mt-2 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
       className: "text-center",
       style: {
         minWidth: '100px'
@@ -7524,28 +7628,7 @@ var Wishlist = function Wishlist(props) {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }))), /*#__PURE__*/React.createElement("td", {
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("td", {
       className: "text-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(wishlist_cssstyles.trash_btn) + ' d-flex align-items-center justify-content-center text-uppercase font-weight-500 m-auto ',
@@ -7555,22 +7638,110 @@ var Wishlist = function Wishlist(props) {
       style: {
         fontSize: sectionproperties.trashbtn_Textfontsize + 'px'
       }
-    }, lang.remove)));
-  }))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5"
+    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))));
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 p-0 d-none d-md-flex align-items-center justify-content-start '
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement(BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
+    className: ' row m-0 w-100 d-flex align-items-center justify-content-start '
+  }, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 '
+    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: item.productmainimage,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-10 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-2 p-0 d-flex align-items-center justify-content-end"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: " ".concat(wishlist_cssstyles.trash_btnresp) + ' allcentered ',
+      onClick: function onClick() {
+        addtofavoritescontext(item.productid);
+      }
+    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mx-2 mt-auto '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : '')))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React.createElement("button", {
+      className: "".concat(wishlist_cssstyles.cart_btn) + ' w-100 ',
+      onClick: function onClick() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  }))))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex justify-content-center pt-5 pb-5",
+    style: {
+      maxHeight: '60vh',
+      padding: '20px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0  mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))))))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(wishlist_cssstyles.btnstyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
   })));
 };
@@ -7601,6 +7772,10 @@ var Viewcart = function Viewcart(props) {
     _useState4 = _slicedToArray(_useState3, 2);
     _useState4[0];
     var setimagesarray = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    bgimagesarray = _useState6[0],
+    setbgimagesarray = _useState6[1];
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var _StatePagePropertiesC;
@@ -7627,6 +7802,16 @@ var Viewcart = function Viewcart(props) {
       }
     }
   }, [sectionproperties]);
+  useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.arrayofobjectimagesonly != null) {
+        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
   var Summary = function Summary() {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
     return /*#__PURE__*/React.createElement("div", {
@@ -7698,6 +7883,23 @@ var Viewcart = function Viewcart(props) {
     }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar)))));
   };
   var viewcart_cssstyles = {
+    btnstyles: css({
+      width: sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: '80%'
+      }
+    }),
     checkoutbtnstyles: css({
       background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
       width: sectionproperties.checkoutBtnWidth + 'px',
@@ -7832,38 +8034,8 @@ var Viewcart = function Viewcart(props) {
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.marginTopResp + 'px'
       }
-    }),
-    shopbuttonstyles: css({
-      width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderRadius: sectionproperties.generalbtnborderradius,
-      backgroundColor: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover,
-        borderColor: sectionproperties.generalbtn_textColoronhover
-      }
     })
   };
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    bgimagesarray = _useState6[0],
-    setbgimagesarray = _useState6[1];
-  useEffect(function () {
-    if (sectionproperties.length != 0) {
-      if (sectionproperties.arrayofobjectimagesonly != null) {
-        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
-        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
-          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
-        }
-      }
-    }
-  }, [sectionproperties]);
   return /*#__PURE__*/React.createElement("div", {
     className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
     style: {}
@@ -7924,16 +8096,11 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -8148,38 +8315,40 @@ var Viewcart = function Viewcart(props) {
   })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
   }, Summary())), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems.length) == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5",
+    className: "row m-0 w-100 d-flex justify-content-center pt-5 pb-5",
     style: {
-      height: '60vh'
+      maxHeight: '60vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React.createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {
-      maxWidth: '250px',
-      maxHeight: '250px'
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
-  }), sectionproperties.noproducticontype == 'Calendar' && /*#__PURE__*/React.createElement(FiCalendar, {
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
     style: {
-      fontSize: sectionproperties.noprod_iconfontSize + 'px',
-      color: sectionproperties.noprod_iconcolor
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }), /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-2",
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React.createElement("button", {
-    className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(viewcart_cssstyles.btnstyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
 };
 
 var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    /* min-height: 100px !important; */\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
@@ -8495,15 +8664,13 @@ var Checkout = function Checkout(props) {
   })), _defineProperty(_checkoutstyles, "containerstyles", css({
     marginTop: sectionproperties.marginTop + 'px',
     marginBottom: sectionproperties.marginBottom + 'px',
-    paddingLeft: sectionproperties.paddingLeft + 'px',
-    paddingRight: sectionproperties.paddingRight + 'px',
+    paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+    paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
     paddingTop: sectionproperties.paddingTop + 'px',
     paddingBottom: sectionproperties.paddingBottom + 'px',
     background: sectionproperties.backgroundColor,
-    borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-    borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-    borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-    borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+    borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+    minHeight: '70vh',
     '@media (max-width: 800px)': {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
@@ -8901,13 +9068,16 @@ var Checkout = function Checkout(props) {
         __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
       }
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3",
+      className: "col-lg-12 d-flex align-items-center justify-content-center mt-4 p-0 mb-2 mt-sm-3",
       style: {
         marginTop: sectionproperties.showtotalsection == 'Show' ? 0 : '0.5rem'
       }
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
       onClick: function onClick() {
+        if (sectionproperties.showpaymentfooter == 'Hide') {
+          cartinfoupdater('paymentmethod', 'cod');
+        }
         addorderfuncrunner();
         // AddOrderMutationContext.mutate(payloadobj);
       },
@@ -8923,7 +9093,9 @@ var Checkout = function Checkout(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
   }, /*#__PURE__*/React.createElement("div", {
-    className: checkoutstyles.containerstyles + ' col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 '
+    className: ' col-lg-12 w-100 d-flex justify-content-center p-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: checkoutstyles.containerstyles + ' w-100 d-flex justify-content-center px-md-2 '
   }, /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 w-100 justify-content-center '
   }, /*#__PURE__*/React.createElement("div", {
@@ -9287,7 +9459,7 @@ var Checkout = function Checkout(props) {
       resize: 'none',
       boxShadow: 'none'
     }
-  }))))), /*#__PURE__*/React.createElement("div", {
+  }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -9513,7 +9685,7 @@ var Checkout = function Checkout(props) {
     }
   })))))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
-  }, Mycart()))));
+  }, Mycart())))));
 };
 
 function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -11984,7 +12156,7 @@ var CartSlider = function CartSlider(props) {
       setsidecartnavshowWorkplaceDesigncontext(false);
       setsidecartnavshowcontext(false);
     },
-    placement: "end",
+    placement: langdetect == 'en' ? 'end' : 'start',
     scroll: true,
     style: {
       backgroundColor: sectionproperties.backgroundColor,
@@ -12175,25 +12347,39 @@ var CartSlider = function CartSlider(props) {
       "class": "col-9 p-0 d-flex justify-content-start align-items-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.createElement("span", {
+    }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
       }
     }, /*#__PURE__*/React.createElement(FiMinus, {
       size: sectionproperties.remove_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
+      }
+    }, /*#__PURE__*/React.createElement(FiPlus, {
+      size: sectionproperties.add_quantitybtn_textfontsize
     })), /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
       style: {
         background: 'transparent'
       }
-    }, item.quantity), /*#__PURE__*/React.createElement("span", {
+    }, item.quantity), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
       className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
       }
     }, /*#__PURE__*/React.createElement(FiPlus, {
       size: sectionproperties.add_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
+      }
+    }, /*#__PURE__*/React.createElement(FiMinus, {
+      size: sectionproperties.remove_quantitybtn_textfontsize
     })))), /*#__PURE__*/React.createElement("div", {
       "class": "col-3 p-0 d-flex justify-content-end align-items-center"
     }, /*#__PURE__*/React.createElement("p", {
@@ -15219,7 +15405,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto';
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
-                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
@@ -18617,7 +18803,7 @@ var ElegantHeader = function ElegantHeader(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  props.actions.setlang;
+  var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var templateproperties_context = props.actions.templateproperties_context;
@@ -18948,7 +19134,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 p-0 text-end"
   }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('en');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
     style: {
@@ -18965,7 +19154,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('ar');
+    }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
     style: {
@@ -18984,7 +19176,7 @@ var ElegantHeader = function ElegantHeader(props) {
   }, "En")), /*#__PURE__*/React.createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
+    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
     sytle: {
       position: 'relative'
     },
@@ -19121,7 +19313,7 @@ var ElegantHeader = function ElegantHeader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length == 0 ? 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": " ".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -24318,16 +24510,6 @@ var Simpleheader = function Simpleheader(props) {
   }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), " ", lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Policies);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineSecurityScan, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
@@ -42977,7 +43159,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
         fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0',
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0 p-0',
       style: {
         marginBottom: sectionproperties.descriptionMarginBottom + 'px'
       }
@@ -43040,7 +43222,10 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' :
+            // : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard'
+            // ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard '
+            item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
@@ -47230,18 +47415,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, [sectionproperties]);
   var sectionstyles = {
     btnstyles: css({
-      width: sectionproperties.generalbtn_width + 'px',
+      width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       background: sectionproperties.generalbtn_bgColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textTransform: sectionproperties.generalbtn_texttransform,
       ':hover': {
         transition: '.3s',
         background: sectionproperties.generalbtn_bgColoronhover,
@@ -47299,6 +47480,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       position: 'relative',
       marginLeft: sectionproperties.card_marginLeft + 'px',
       marginRight: sectionproperties.card_marginRight + 'px',
+      backgroundColor: 'white',
       '@media (max-width: 800px)': {
         height: sectionproperties.height_responsive + 'vh'
       }
@@ -47321,7 +47503,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       height: '100%',
       objectFit: 'cover'
     }
-  })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.sectionstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -47387,7 +47569,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     // onClick={() => {
     //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
     // }}
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.sectionstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered",
     style: {
       zIndex: 2
@@ -47456,9 +47638,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     getOptionValue: function getOptionValue(option) {
       return option.collectionid;
     },
-    autocomplete: "new-password"
-    // value={fetchTabexCountriesQueryContext.data.data.countries.filter((option) => option.id == props?.payloadobj?.countryid)}
-    ,
+    autocomplete: "new-password",
     onChange: function onChange(option) {
       var temp = payloadobj;
       temp.collections = [];
@@ -47470,10 +47650,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     placeholder: ''
   })), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? 'col-lg-8 p-0' : sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Hide' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
-  }, /*#__PURE__*/React.createElement(CustomerAddressForm
-  // customeraddressrequierd={customeraddressrequierd}
-  // payloadobj={payloadobj}
-  , {
+  }, /*#__PURE__*/React.createElement(CustomerAddressForm, {
     payloadobj: payloadobj,
     setpayloadobj: setpayloadobj,
     sectionproperties: sectionproperties
@@ -47554,7 +47731,191 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
         routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       }
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), sectionproperties.sectionstyletype == 'Style 3' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
+    style: {
+      zIndex: 2
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "wordbreak",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      color: sectionproperties.prodCatColor,
+      textTransform: sectionproperties.prodCatTextTranform,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      maxWidth: '500px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
+    style: {
+      backgroundColor: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingTop: sectionproperties.reservation_padding_top + 'px',
+      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+      paddingLeft: sectionproperties.reservation_padding_left + 'px',
+      paddingRight: sectionproperties.reservation_padding_right + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: 'Tesla',
+      value: 1
+    }, {
+      label: 'VW',
+      value: 0
+    }, {
+      label: 'BYD',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '100000',
+      value: 1
+    }, {
+      label: '50000',
+      value: 0
+    }, {
+      label: '30000',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '2023',
+      value: 1
+    }, {
+      label: '2022',
+      value: 0
+    }, {
+      label: '2021',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
+    style: {
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React.createElement(InputRange, {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: parseInt(sectionproperties.filterpricemaxvalue),
+    minValue: parseInt(sectionproperties.filterpriceminvalue),
+    value: pricevalue,
+    onChange: function onChange(value) {
+      setpricevalue(_objectSpread$16({}, value));
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-1"
+  }), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": sectionstyles.btnstyles + ' allcentered ',
+    onClick: function onClick() {
+      var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
+      var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
+        } else {
+          tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid2 = payloadobj.stateid) === null || _payloadobj$stateid2 === void 0 ? void 0 : _payloadobj$stateid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
+        } else {
+          tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid2 = payloadobj.cityid) === null || _payloadobj$cityid2 === void 0 ? void 0 : _payloadobj$cityid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
+        } else {
+          tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
+        tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min2 = pricevalue.min) === null || _pricevalue$min2 === void 0 ? void 0 : _pricevalue$min2.length) != 0) {
+        tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max2 = pricevalue.max) === null || _pricevalue$max2 === void 0 ? void 0 : _pricevalue$max2.length) != 0) {
+        if (sectionproperties.showpricerange == 'Hide') {
+          tempfetchproductsfilerobjcontext.price_max = 99999999999999;
+        } else {
+          tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
+        }
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
+        routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
 };
 
 function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -65403,7 +65764,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center",
+    "class": "col-lg-12 d-flex align-items-center p-0",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }