tabexseriescomponents 0.0.274 → 0.0.276

package/dist/index.esm.js

@@ -10896,6 +10896,7 @@ var Filter$1 = function Filter(props) {
     _useState12 = _slicedToArray(_useState11, 2),
     raterangevalue = _useState12[0],
     setraterangevalue = _useState12[1];
+  var timeoutRef = React.useRef(null);
   var _useState13 = useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
@@ -10941,7 +10942,6 @@ var Filter$1 = function Filter(props) {
   useEffect(function () {
     filterupdater();
   }, [ProductFilterObjContext]);
-  var timeoutRef = React.useRef(null);
   React.useEffect(function () {
     if (timeoutRef.current !== null) {
       clearTimeout(timeoutRef.current);
@@ -11062,101 +11062,6 @@ var Filter$1 = function Filter(props) {
     setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-  var filter_cssstyles = {
-    collapsetitle: css({
-      fontSize: sectionproperties.filtertitle_fontsize + 'px',
-      fontWeight: sectionproperties.filtertitle_fontweight,
-      textTransform: sectionproperties.filtertitle_texttransform,
-      color: sectionproperties.filtertitle_color,
-      ':hover': {
-        color: sectionproperties.filtertitle_coloronhover
-      }
-    }),
-    titlecontainer: css({
-      color: sectionproperties.filtertitle_color,
-      ':hover .collapsetitle': {
-        color: sectionproperties.filtertitle_coloronhover
-      }
-    }),
-    timeline_text: css({
-      fontSize: sectionproperties.timeline_text_fontsize + 'px',
-      fontWeight: sectionproperties.timeline_text_fontweight,
-      textTransform: sectionproperties.timeline_text_texttransform,
-      color: sectionproperties.timeline_text_color,
-      transition: '.3s',
-      ':hover': {
-        color: sectionproperties.timeline_text_coloronhover
-      }
-    }),
-    btnstyles: css({
-      color: sectionproperties.generalbtn_textColor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      textTransform: sectionproperties.generalbtn_texttransform,
-      width: sectionproperties.generalbtn_width + 'px',
-      height: sectionproperties.generalbtn_height + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
-      }
-    }),
-    close_menu_icon_cont: css({
-      background: sectionproperties.closeSliderBgColor,
-      width: sectionproperties.closeSliderWidth + 'px',
-      height: sectionproperties.closeSliderHeight + 'px',
-      borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
-      ':hover': {
-        background: sectionproperties.closeSliderBgColorHover
-      }
-    }),
-    horizontalfilter_card: css({
-      marginBottom: sectionproperties.horizontalfilter_mb + 'px',
-      marginTop: sectionproperties.horizontalfilter_mt + 'px',
-      background: sectionproperties.horizontalfilter_cardbg,
-      border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
-      boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
-    }),
-    btn_item: css({
-      width: '20px',
-      height: '20px',
-      background: sectionproperties.filteritembtn_bgcolor,
-      ':hover': {
-        background: sectionproperties.filteritembtn_bghover
-      }
-    }),
-    btn_item_active: css({
-      background: sectionproperties.btn_item_activebgcolor
-    }),
-    timelineinnercont_active: css({
-      fontWeight: sectionproperties.activecat_fontweight,
-      color: sectionproperties.activecat_color
-    }),
-    categoryName: css({
-      color: sectionproperties.filtertitle_color,
-      fontWeight: sectionproperties.filterCatFontWeight,
-      fontSize: sectionproperties.filterCatFontSize + 'px'
-    }),
-    pCollectionName: css({
-      color: sectionproperties.filtertitle_color,
-      fontWeight: sectionproperties.filterPCollFontWeight,
-      fontSize: sectionproperties.filterPCollFontSize + 'px'
-    }),
-    explorebtn: css({
-      fontSize: sectionproperties.explorebtnfontsize + 'px',
-      fontWeight: 600,
-      color: sectionproperties.explorebtncolor,
-      transition: '.3s',
-      ':hover': {
-        color: sectionproperties.explorebtncoloronhover
-      }
-    })
-  };
   var CategoriesFilter = function CategoriesFilter() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
@@ -11390,6 +11295,101 @@ var Filter$1 = function Filter(props) {
       }));
     }));
   };
+  var filter_cssstyles = {
+    collapsetitle: css({
+      fontSize: sectionproperties.filtertitle_fontsize + 'px',
+      fontWeight: sectionproperties.filtertitle_fontweight,
+      textTransform: sectionproperties.filtertitle_texttransform,
+      color: sectionproperties.filtertitle_color,
+      ':hover': {
+        color: sectionproperties.filtertitle_coloronhover
+      }
+    }),
+    titlecontainer: css({
+      color: sectionproperties.filtertitle_color,
+      ':hover .collapsetitle': {
+        color: sectionproperties.filtertitle_coloronhover
+      }
+    }),
+    timeline_text: css({
+      fontSize: sectionproperties.timeline_text_fontsize + 'px',
+      fontWeight: sectionproperties.timeline_text_fontweight,
+      textTransform: sectionproperties.timeline_text_texttransform,
+      color: sectionproperties.timeline_text_color,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.timeline_text_coloronhover
+      }
+    }),
+    btnstyles: css({
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      textTransform: sectionproperties.generalbtn_texttransform,
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    close_menu_icon_cont: css({
+      background: sectionproperties.closeSliderBgColor,
+      width: sectionproperties.closeSliderWidth + 'px',
+      height: sectionproperties.closeSliderHeight + 'px',
+      borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
+      ':hover': {
+        background: sectionproperties.closeSliderBgColorHover
+      }
+    }),
+    horizontalfilter_card: css({
+      marginBottom: sectionproperties.horizontalfilter_mb + 'px',
+      marginTop: sectionproperties.horizontalfilter_mt + 'px',
+      background: sectionproperties.horizontalfilter_cardbg,
+      border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
+      boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
+    }),
+    btn_item: css({
+      width: '20px',
+      height: '20px',
+      background: sectionproperties.filteritembtn_bgcolor,
+      ':hover': {
+        background: sectionproperties.filteritembtn_bghover
+      }
+    }),
+    btn_item_active: css({
+      background: sectionproperties.btn_item_activebgcolor
+    }),
+    timelineinnercont_active: css({
+      fontWeight: sectionproperties.activecat_fontweight,
+      color: sectionproperties.activecat_color
+    }),
+    categoryName: css({
+      color: sectionproperties.filtertitle_color,
+      fontWeight: sectionproperties.filterCatFontWeight,
+      fontSize: sectionproperties.filterCatFontSize + 'px'
+    }),
+    pCollectionName: css({
+      color: sectionproperties.filtertitle_color,
+      fontWeight: sectionproperties.filterPCollFontWeight,
+      fontSize: sectionproperties.filterPCollFontSize + 'px'
+    }),
+    explorebtn: css({
+      fontSize: sectionproperties.explorebtnfontsize + 'px',
+      fontWeight: 600,
+      color: sectionproperties.explorebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.explorebtncoloronhover
+      }
+    })
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
     style: {
@@ -11402,7 +11402,7 @@ var Filter$1 = function Filter(props) {
   }, /*#__PURE__*/React.createElement("p", {
     className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
   }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
+    "class": "col-lg-12 p-0 mb-4"
   }, /*#__PURE__*/React.createElement(ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
@@ -11883,11 +11883,6 @@ var CardsSection = function CardsSection(props) {
           if (fetchProductsQuery.isSuccess) {
             var _fetchProductsQuery$d, _fetchProductsQuery$d2, _fetchProductsQuery$d3;
             var allpagesarr = [];
-            // fetchProductsQuery.data.pages.forEach((page) => {
-            //     page.data.products.forEach((productobj) => {
-            //         allpagesarr.push(productobj);
-            //     });
-            // });
             fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d = fetchProductsQuery.data) === null || _fetchProductsQuery$d === void 0 ? void 0 : (_fetchProductsQuery$d2 = _fetchProductsQuery$d.data) === null || _fetchProductsQuery$d2 === void 0 ? void 0 : (_fetchProductsQuery$d3 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.forEach(function (item) {
               allpagesarr.push(item);
             });
@@ -12006,11 +12001,6 @@ var CardsSection = function CardsSection(props) {
       if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
         var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
         var allpagesarr = [];
-        // fetchProductsQuery.data.pages.forEach((page) => {
-        //     page.data.products.forEach((productobj) => {
-        //         allpagesarr.push(productobj);
-        //     });
-        // });
         fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : (_fetchProductsQuery$d5 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : (_fetchProductsQuery$d6 = _fetchProductsQuery$d5.products) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.forEach(function (item) {
           allpagesarr.push(item);
         });
@@ -12158,7 +12148,6 @@ var CardsSection = function CardsSection(props) {
     setcardsarray([].concat(temparray));
   };
   // Example items, to simulate fetching from another resources.
-
   var handlePageClick = function handlePageClick(event) {
     props.scrolltotop();
     var tempProductFilterObjContext = _objectSpread$1M({}, ProductFilterObjContext);
@@ -12473,7 +12462,10 @@ var CardsSection = function CardsSection(props) {
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
       size: sectionproperties.viewmoreiconfontsize
     }))), /*#__PURE__*/React.createElement("span", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
+      style: {
+        color: sectionproperties.viewmorebtn_Textcolor
+      }
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
     }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
@@ -12515,7 +12507,7 @@ var CardsSection = function CardsSection(props) {
     }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
       style: {
-        marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
+        marginTop: sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.viewmoremt + 'px' : 0
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
@@ -12554,9 +12546,11 @@ var CardsSection = function CardsSection(props) {
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
     }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
-      size: sectionproperties.viewmorebtn_fontSize
+      size: sectionproperties.viewmorebtn_fontSize,
+      color: sectionproperties.viewmorebtn_Textcolor
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
-      size: sectionproperties.viewmorebtn_fontSize
+      size: sectionproperties.viewmorebtn_fontSize,
+      color: sectionproperties.viewmorebtn_Textcolor
     })))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
       "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
@@ -13103,7 +13097,7 @@ var Subheader = function Subheader(props) {
   }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 dropdownouter d-flex flex-row align-items-center justify-content-center w-sm-100 ',
     style: {
-      position: 'relative',
+      position: sectionproperties.subheaderstyle == 'Style 1' ? 'relative' : '',
       background: 'transparent'
     }
   }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React.createElement("div", {
@@ -13181,7 +13175,8 @@ var Subheader = function Subheader(props) {
         },
         style: {
           marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
-          marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
+          marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
+          position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar);
     }
@@ -13195,7 +13190,8 @@ var Subheader = function Subheader(props) {
         },
         style: {
           marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
-          marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0
+          marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
+          position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar);
     }
@@ -13813,7 +13809,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: ' d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     className: "ml-2 mr-2"
   }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
@@ -13848,7 +13844,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     className: ' d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? 'ml-2' : 'mr-2'
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -13943,6 +13939,8 @@ var Headerresponsive = function Headerresponsive(props) {
     size: sectionproperties.cartBtniconresp_size
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtniconresp_size
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtniconresp_size
   }))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.badge_counter_header_notifications),
     style: {
@@ -14611,6 +14609,8 @@ var Gotoheader = function Gotoheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   })), /*#__PURE__*/React.createElement("p", {
     "class": ' allcenetered m-0 p-0 '
   }, lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
@@ -14688,6 +14688,8 @@ var Gotoheader = function Gotoheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
   }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : (_fetchcustomercartQue7 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length : 0)), /*#__PURE__*/React.createElement("p", {
@@ -15501,7 +15503,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -15571,6 +15573,8 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml d-flex align-items-center justify-content-center' : 'headerdropdownmr d-flex align-items-center justify-content-center'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
@@ -19012,6 +19016,8 @@ var Simpleheader = function Simpleheader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ml-2 ' : " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center mr-2 ',
     sytle: {
@@ -19070,6 +19076,8 @@ var Simpleheader = function Simpleheader(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -19963,7 +19971,7 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
     style: {
@@ -20065,6 +20073,8 @@ var Header8 = function Header8(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'ml-2 d-flex d-lg-none' : 'mr-2 d-flex d-lg-none'
   }, /*#__PURE__*/React.createElement("div", {
@@ -21409,6 +21419,8 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), /*#__PURE__*/React.createElement("span", null, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -21494,6 +21506,8 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(headerstyles$9.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
     style: {
@@ -22246,7 +22260,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -22320,6 +22334,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
@@ -22741,7 +22757,10 @@ var Modernheader = function Modernheader(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
@@ -22781,7 +22800,8 @@ var Modernheader = function Modernheader(props) {
     path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
     style: {
       maxWidth: '100%',
-      maxHeight: '100%'
+      maxHeight: '100%',
+      objectFit: 'contain'
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -23139,6 +23159,10 @@ var StylishHeader = function StylishHeader(props) {
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openSearchBar = _useState4[0],
+    setopenSearchBar = _useState4[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23155,10 +23179,10 @@ var StylishHeader = function StylishHeader(props) {
     }
     setsectionproperties(_objectSpread$1x({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23167,10 +23191,6 @@ var StylishHeader = function StylishHeader(props) {
       }
     }
   }, [templateproperties_context]);
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    openSearchBar = _useState6[0],
-    setopenSearchBar = _useState6[1];
   var header_cssstyles = {
     upperHeaderSection: css({
       background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
@@ -23719,9 +23739,23 @@ var StylishHeader = function StylishHeader(props) {
     className: ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
+    className: "mr-2",
+    style: {
+      maxWidth: '2.5vh',
+      maxHeight: '2.5vh'
+    }
+  }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
     className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
+    className: "ml-2",
+    style: {
+      maxWidth: '2.5vh',
+      maxHeight: '2.5vh'
+    }
+  }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       setlang('ar');
     }
@@ -24427,7 +24461,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -24621,6 +24655,8 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "ml-2 mr-2"
   }, /*#__PURE__*/React.createElement("div", {
@@ -25532,7 +25568,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -25606,6 +25642,8 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
@@ -26387,6 +26425,8 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   }))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.user_btnContainer + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement("div", {
@@ -26471,7 +26511,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -27783,6 +27823,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), lang.orderhistory))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -27838,6 +27880,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   })))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -28435,6 +28479,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+    size: sectionproperties.cartBtn_iconFontSize
   })), /*#__PURE__*/React.createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
     style: {
@@ -28540,7 +28586,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), /*#__PURE__*/React.createElement("span", {
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.orderhistory)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
@@ -33804,17 +33850,17 @@ var ModernFooter = function ModernFooter(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-12 col-sm-12"
+    "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12' : 'col-lg-4 col-md-12 col-sm-12'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-4 col-md-12 col-sm-12 p-0 align-items-center'
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
   }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak mb-3 ',
+    "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
@@ -33862,8 +33908,8 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.policies)))))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-12 col-sm-12"
+  }, lang.policies))))), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
@@ -33904,7 +33950,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, "WhatsApp")))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-12 col-sm-12"
+    "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
@@ -33948,7 +33994,61 @@ var ModernFooter = function ModernFooter(props) {
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))))));
+  }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "".concat(footerStyles.sectionTitle) + ' m-0 p-0 '
+  }, langdetect == 'en' ? sectionproperties.otherinfotitle3en : sectionproperties.otherinfotitle3ar)), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-1 mb-sm-3'
+  }, /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i17;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.mobileapplink_appstore, '_blank');
+    },
+    style: {
+      width: '40%',
+      height: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i18;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.mobileapplink_appstore, '_blank');
+    },
+    style: {
+      width: '20%',
+      height: '20%'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
+  }, /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i19;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_playstore, '_blank');
+    },
+    style: {
+      width: '40%',
+      height: '40%'
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i20;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
+    },
+    style: {
+      width: '20%',
+      height: '20%'
+    }
+  }))))));
 };
 
 function ownKeys$1d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -40333,23 +40433,15 @@ var VideosSection = function VideosSection(props) {
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions;
   useEffect(function () {
-    if (props.srcfrom == 'addsectionform') {
-      var secpropobj = {};
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
-      setsectionproperties(_objectSpread$X({}, secpropobj));
-    } else {
-      var secpropobj = {};
-      StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
-        if (sectionitem.sectionid == props.sectionidprops) {
-          sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
-            secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
-          });
-        }
-      });
-      setsectionproperties(_objectSpread$X({}, secpropobj));
-    }
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
+      }
+    });
+    setsectionproperties(_objectSpread$X({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (sectionproperties.length != 0 && sectionproperties.videosarrayofobjs != undefined) {
@@ -40454,7 +40546,14 @@ var VideosSection = function VideosSection(props) {
       marginBottom: sectionproperties.descriptionMarginBottom + 'px',
       fontSize: sectionproperties.prodCatFontSizeResp + 'px'
     }
-  }, Description()), Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
+  }, Description()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex",
+    style: {
+      justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+    }
+  }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'd-flex align-items-stretch col-md-6 col-sm-12 col-lg-' + item.numberofcols,
       style: {
@@ -40482,7 +40581,16 @@ var VideosSection = function VideosSection(props) {
       loop: true,
       muted: true,
       playsinline: true
-    }), item.linkclicked == false && /*#__PURE__*/React.createElement("div", {
+    }), item.image == null && item.linktype != 'External Link ' && /*#__PURE__*/React.createElement(ReactPlayer, {
+      url: item.url,
+      height: sectionproperties.image_height + 'px',
+      width: '100%',
+      playing: true,
+      controls: true,
+      loop: true,
+      muted: true,
+      playsinline: true
+    }), item.linkclicked == false && item.image != '' && item.image != null && /*#__PURE__*/React.createElement("div", {
       onClick: function onClick() {
         if (item.linktype == 'External Link') {
           window.open(item.url, '_blank');
@@ -40509,7 +40617,7 @@ var VideosSection = function VideosSection(props) {
     }))), sectionproperties.sectionbgstyle != 'Text above image' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 mt-3"
     }, ImageContent(item))));
-  }));
+  }))));
 };
 
 function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -40553,22 +40661,6 @@ var FullVideoSection = function FullVideoSection(props) {
       }
     }
   }, [sectionproperties]);
-  ({
-    text1styles: css({
-      color: sectionproperties.slideshowText1ContentColor,
-      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-      textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
-      marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px'
-    }),
-    text2styles: css({
-      color: sectionproperties.slideshowText2ContentColor,
-      marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px',
-      fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
-      fontWeight: sectionproperties.slideshowText2ContentFontWeight,
-      textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
-    })
-  });
   var SectionTitle = function SectionTitle() {
     return /*#__PURE__*/React.createElement("div", {
       "class": "d-flex align-items-center justify-content-md-center flex-row pl-md-2 pr-md-2 w-100",
@@ -40601,7 +40693,10 @@ var FullVideoSection = function FullVideoSection(props) {
   };
   var Content = function Content() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-6 p-0"
+      "class": "col-lg-6 p-0",
+      style: {
+        display: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'none' : 'flex'
+      }
     }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
       style: {
@@ -40650,8 +40745,9 @@ var FullVideoSection = function FullVideoSection(props) {
     })));
   };
   var Video = function Video() {
+    var _Videosarrayofobjs$;
     return /*#__PURE__*/React.createElement("div", {
-      className: 'col-lg-6 col-md-12 col-sm-12  p-0 d-flex align-items-stretch ',
+      className: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'col-lg-12 col-md-12 col-sm-12 p-0 allcentered' : 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch',
       style: {
         marginBottom: sectionproperties.image_mb + 'px'
       }
@@ -40666,7 +40762,11 @@ var FullVideoSection = function FullVideoSection(props) {
       url: Videosarrayofobjs[0].url,
       height: sectionproperties.image_height + 'px',
       width: '100%'
-    }), Videosarrayofobjs[0].linkclicked == false && /*#__PURE__*/React.createElement("button", {
+    }), ((_Videosarrayofobjs$ = Videosarrayofobjs[0]) === null || _Videosarrayofobjs$ === void 0 ? void 0 : _Videosarrayofobjs$.image) == null && /*#__PURE__*/React.createElement(ReactPlayer, {
+      url: Videosarrayofobjs[0].url,
+      height: sectionproperties.image_height + 'px',
+      width: '100%'
+    }), Videosarrayofobjs[0].linkclicked == false && Videosarrayofobjs[0].image != '' && Videosarrayofobjs[0].image != null && /*#__PURE__*/React.createElement("button", {
       onClick: function onClick() {
         var temparr = _toConsumableArray(Videosarrayofobjs);
         temparr[0].linkclicked = true;
@@ -52781,10 +52881,11 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
     style: {
-      position: 'relative',
-      marginBottom: sectionproperties.image_mb + 'px'
+      position: 'relative'
+      // marginBottom: sectionproperties.image_borderType == 'All' ? 0 : sectionproperties.image_mb + 'px',
+      // paddingBottom: sectionproperties.image_borderType == 'All' ? sectionproperties.image_mb + 'px' : 0,
     }
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__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: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -52798,7 +52899,21 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
     },
     loading: "lazy"
-  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+  }), item.image == '' && /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered text-light"
+  }, /*#__PURE__*/React.createElement(FiLayers, {
+    size: 26
+  }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
     style: {
       position: 'absolute',
@@ -53591,6 +53706,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var NotificationManager = NotificationManager;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -53702,6 +53818,21 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
+    }),
+    outstockbadge: css({
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      margin: 'auto'
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -53721,7 +53852,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
     "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
     style: {
       height: sectionproperties.image_height + 'px',
-      marginBottom: sectionproperties.image_mb + 'px'
+      marginBottom: sectionproperties.image_mb + 'px',
+      position: 'relative'
     }
   }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -53737,7 +53869,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
     }
   }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
     "class": "allcentered",
@@ -53775,7 +53908,11 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React.createElement("div", {
+  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
     "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -53797,8 +53934,12 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
     }
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? 'mr-2' : 'ml-2',