tabexseriescomponents 0.0.440 → 0.0.442

package/dist/index.cjs.js

@@ -1435,6 +1435,7 @@ var Variantoptions = function Variantoptions(props) {
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var variantvalueidentifier = props.actions.variantvalueidentifier;
   var selectproductoptionvalue = props.actions.selectproductoptionvalue;
   var clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1444,7 +1445,7 @@ var Variantoptions = function Variantoptions(props) {
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
     _useState2[0];
-    var setcolorvalue = _useState2[1];
+    _useState2[1];
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
@@ -1509,7 +1510,11 @@ var Variantoptions = function Variantoptions(props) {
         textTransform: sectionproperties.varianttitle_texttransform,
         fontSize: sectionproperties.varianttitle_fontSize + 'px'
       }
-    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' || item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        color: '#62554a'
+      }
+    }, variantvalueidentifier))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
       style: {
         paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1531,16 +1536,11 @@ var Variantoptions = function Variantoptions(props) {
         return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
           onClick: function onClick() {
+            // here
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
-              if (optionvaluesitem.valuename == '#000000') {
-                setcolorvalue('Black');
-              } else if (optionvaluesitem.valuename == '#c9b0a1') {
-                setcolorvalue('Beige');
-              }
             } else {
               clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
-              setcolorvalue('');
             }
           },
           style: {
@@ -2939,7 +2939,7 @@ var Product_itemtype = function Product_itemtype(props) {
   })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -3028,7 +3028,7 @@ var Product_itemtype = function Product_itemtype(props) {
   })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -3079,7 +3079,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, langdetect == 'en' ? 'Buy Now' : 'إشترى الان'), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "white",
+    color: sectionproperties.cartBtnTextcolor,
     width: "20px",
     height: "20px",
     duration: "1s"
@@ -5268,6 +5268,10 @@ var Productinfo = function Productinfo(props) {
     _useState42 = _slicedToArray__default["default"](_useState41, 2),
     productVideos = _useState42[0],
     setproductVideos = _useState42[1];
+  var _useState43 = React.useState([]),
+    _useState44 = _slicedToArray__default["default"](_useState43, 2),
+    variantvalueidentifier = _useState44[0],
+    setvariantvalueidentifier = _useState44[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -5421,6 +5425,10 @@ var Productinfo = function Productinfo(props) {
     } else {
       productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
     }
+    if (productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
+      var _productarr$data$prod;
+      setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
+    }
     productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
       if (optionvaluesindex != arrayindex) {
         arrayItem.isselected = 0;
@@ -5558,7 +5566,6 @@ var Productinfo = function Productinfo(props) {
             setisoutofstock(false);
           }
           setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
-          // alert(variantsku);
           setcurrentshowingimageindex(variantimageindex);
           setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
@@ -6499,7 +6506,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _ref)
+    }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _defineProperty__default["default"](_ref, "variantsku", variantsku), _defineProperty__default["default"](_ref, "variantvalueidentifier", variantvalueidentifier), _ref)
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref2 = {
       variantsku: variantsku,
@@ -19304,7 +19311,7 @@ var Subheader = function Subheader(props) {
   }, /*#__PURE__*/React__default["default"].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-500,h-500/' + currentimagecollection,
+    path: '/tr:w-' + sectionproperties.subheadercollimagetr + ',h-' + sectionproperties.subheadercollimageth + '/' + currentimagecollection,
     style: {
       width: '100%',
       height: '100%',
@@ -19875,12 +19882,13 @@ var Headerresponsive = function Headerresponsive(props) {
       marginRight: langdetect == 'ar' ? '0.25rem' : 0
       // flex: sectionproperties.searchbar_show == 'Show' ? '' : 1,
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'allcentered m-0 cursor-pointer'
-  }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
     style: {
       direction: 'rtl'
+    },
+    onClick: function onClick() {
+      setlang('ar');
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 font-weight-500"
@@ -19888,10 +19896,13 @@ var Headerresponsive = function Headerresponsive(props) {
     className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
   }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
     size: 20
-  }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
     style: {
       direction: 'ltr'
+    },
+    onClick: function onClick() {
+      setlang('en');
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 font-weight-500 mr-1"
@@ -19899,45 +19910,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
     size: 20
-  }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    className: "".concat(header_cssstyles.dropdownitem),
-    onClick: function onClick() {
-      setlang('ar');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
-    size: 15
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ml-2 mr-2"
-  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    className: "".concat(header_cssstyles.dropdownitem),
-    onClick: function onClick() {
-      setlang('en');
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
-    src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
-    style: {
-      maxWidth: '2vh',
-      maxHeight: '2vh'
-    }
-  }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
-    size: 15
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "ml-2 mr-2"
-  }, lang.english))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 p-0",
     style: {
       borderTop: '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive,
@@ -20256,7 +20229,7 @@ var Headerresponsive = function Headerresponsive(props) {
       transition: '.3s',
       color: '#000'
     }
-  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.titlerespen : sectionproperties.titlerespar))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 anim '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
@@ -20304,7 +20277,7 @@ var Headerresponsive = function Headerresponsive(props) {
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start",
@@ -23702,10 +23675,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -26846,10 +26816,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }),
     header_innercontainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -27541,6 +27508,7 @@ var Simpleheader = function Simpleheader(props) {
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
+  props.actions.scrollcontext;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var templateproperties_context = props.actions.templateproperties_context;
@@ -27664,9 +27632,6 @@ var Simpleheader = function Simpleheader(props) {
         borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
       }
     }),
-    // user_btn2:css({
-    //     color:sec
-    // })
     header_logo: glamor.css({
       width: templateproperties_context.logo_width + 'px',
       height: templateproperties_context.logo_height + 'px'
@@ -27777,6 +27742,24 @@ var Simpleheader = function Simpleheader(props) {
       color: sectionproperties.closeSlider_colorOnHover,
       borderColor: sectionproperties.closeSlider_colorOnHover
     }
+  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainer", glamor.css({
+    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
+    paddingTop: sectionproperties.header_paddingTop + 'px',
+    paddingBottom: sectionproperties.header_paddingBottom + 'px',
+    backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor
+    // ':hover': {
+    //     backgroundColor: sectionproperties.header_backgroundColor,
+    //     transition: '.3s ease-in-out',
+    // },
+  })), _defineProperty__default["default"](_header_cssstyles, "headerinnercontainerscrolled", glamor.css({
+    borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
+    paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
+    paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
+    paddingTop: sectionproperties.header_paddingTop + 'px',
+    paddingBottom: sectionproperties.header_paddingBottom + 'px',
+    backgroundColor: sectionproperties.header_backgroundColor
   })), _header_cssstyles);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-center ",
@@ -27802,18 +27785,7 @@ var Simpleheader = function Simpleheader(props) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100",
-    style: {
-      backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
-      paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
-      paddingTop: sectionproperties.header_paddingTop + 'px',
-      paddingBottom: sectionproperties.header_paddingBottom + 'px'
-    }
+    "class": header_cssstyles.headerinnercontainer + ' row m-0 w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -30072,10 +30044,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
       position: sectionproperties.headerstyles_position,
       zIndex: 11000,
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -30644,7 +30613,16 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }))));
@@ -30722,10 +30700,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -33694,10 +33669,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
     }),
     lowerHeaderContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -34674,10 +34646,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     }),
     headerMiddleContainer: glamor.css({
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.header_borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.header_borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -37111,10 +37080,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
       justifyContent: 'center',
       width: sectionproperties.header_width + 'vw',
       backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
-      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.header_borderBottomLeftRadius + 'px' : sectionproperties.header_BorderBottomRightRadius + 'px',
-      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.header_BorderBottomRightRadius + 'px' : sectionproperties.header_borderBottomLeftRadius + 'px',
-      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.header_borderTopLeftRadius + 'px' : sectionproperties.header_borderTopRightRadius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.header_borderTopRightRadius + 'px' : sectionproperties.header_borderTopLeftRadius + 'px',
+      borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
       paddingTop: sectionproperties.header_paddingTop + 'px',
@@ -57742,7 +57708,7 @@ var Slideshowfade = function Slideshowfade(props) {
     }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 d-flex justify-content-start'
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "m-0 p-0 wordbreak PacificoFont",
+      className: "m-0 p-0 wordbreak text-sm-center",
       style: {
         fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
         color: sectionproperties.slideshowText1ContentColor,
@@ -71429,7 +71395,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
       overflow: 'hidden',
       height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
-      // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
       borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
@@ -71720,16 +71685,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
       direction: 'ltr'
     }
   }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
-    style: {
-      marginBottom: sectionproperties.image_mb + 'px'
-    }
-  }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": card_cssstyles.productcardimagecont + ' d-none d-md-flex ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
     }
-  }, Image('responsive')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Image('normal')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"