tabexseriescomponents 0.0.440 → 0.0.442

package/dist/index.umd.js

@@ -1261,6 +1261,7 @@
       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;
@@ -1270,7 +1271,7 @@
       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,
@@ -1335,7 +1336,11 @@
             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
@@ -1357,16 +1362,11 @@
             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: {
@@ -2765,7 +2765,7 @@
       })), 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"
@@ -2854,7 +2854,7 @@
       })), 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"
@@ -2905,7 +2905,7 @@
       }, 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"
@@ -5094,6 +5094,10 @@
         _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);
       };
@@ -5247,6 +5251,10 @@
         } 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;
@@ -5384,7 +5392,6 @@
                 setisoutofstock(false);
               }
               setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
-              // alert(variantsku);
               setcurrentshowingimageindex(variantimageindex);
               setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
               setvariantindexcompleted(ProductVariantIndex);
@@ -6325,7 +6332,7 @@
           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,
@@ -19130,7 +19137,7 @@
       }, /*#__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%',
@@ -19701,12 +19708,13 @@
           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"
@@ -19714,10 +19722,13 @@
         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"
@@ -19725,45 +19736,7 @@
         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,
@@ -20082,7 +20055,7 @@
           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"
@@ -20130,7 +20103,7 @@
         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",
@@ -23528,10 +23501,7 @@
         }),
         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',
@@ -26672,10 +26642,7 @@
         }),
         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',
@@ -27367,6 +27334,7 @@
       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;
@@ -27490,9 +27458,6 @@
             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'
@@ -27603,6 +27568,24 @@
           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 ",
@@ -27628,18 +27611,7 @@
       })), /*#__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", {
@@ -29898,10 +29870,7 @@
           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',
@@ -30470,7 +30439,16 @@
         }
       }))), /*#__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
       }))));
@@ -30548,10 +30526,7 @@
         }),
         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',
@@ -33520,10 +33495,7 @@
         }),
         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',
@@ -34500,10 +34472,7 @@
         }),
         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',
@@ -36937,10 +36906,7 @@
           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',
@@ -57568,7 +57534,7 @@
         }, 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,
@@ -71255,7 +71221,6 @@
           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',
@@ -71546,16 +71511,11 @@
           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"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.440",
+    "version": "0.0.442",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {

package/src22-1/TabexComponents/Headers/CategoryFeaturingHeader/CategoryFeaturingHeader.jsx

@@ -139,10 +139,7 @@ const CategoryFeaturingHeader = (props) => {
         }),
         lowerHeaderContainer: 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',

package/src22-1/TabexComponents/Headers/HeaderRestaurant/HeaderRestaurant.jsx

@@ -81,10 +81,7 @@ const 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',

package/src22-1/TabexComponents/Headers/Header_threesectionslogocentered/Header_threesectionslogocentered.jsx

@@ -83,10 +83,7 @@ const Header_threesectionslogocentered = (props) => {
         }),
         header_innercontainer: 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',

package/src22-1/TabexComponents/Headers/HeaderwithContactinfo/HeaderwithContactinfo.jsx

@@ -91,14 +91,11 @@ const HeaderwithContactinfo = (props) => {
         }),
         lowerHeaderContainer: 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',
             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',
+            borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
         }),
         header_logo: css({
             width: templateproperties_context.logo_width + 'px',