tabexseriescomponents 0.0.441 → 0.0.443

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);
@@ -5403,8 +5410,6 @@
           if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
             if (addtocardpayloadobj.variantid.length != 0) {
               runfunc = true;
-            } else {
-              NotificationManager.warning('', 'Please Choose Product Options');
             }
           } else {
             runfunc = true;
@@ -6325,7 +6330,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,
@@ -15624,7 +15629,12 @@
               className: "h-100 d-flex align-items-center"
             }))), /*#__PURE__*/React__default["default"].createElement("div", {
               className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-            }, /*#__PURE__*/React__default["default"].createElement("p", {
+            }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
+              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+              style: {
+                color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+              }
+            }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
               className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
               style: {
                 color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
@@ -17374,7 +17384,7 @@
         setopenFilterSlider: setopenFilterSlider,
         show_product_group_titles: show_product_group_titles
       })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: 'col-lg-3 d-flex'
+        className: 'col-lg-3 d-flex d-md-none'
       }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
         sectionpropertiesprops: sectionproperties,
         actions: actions,
@@ -18525,7 +18535,11 @@
         "class": "d-flex flex-row align-items-center"
       }, textarray.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
+          "class": header_cssstyles.textSlider + ' mb-0 p-0 ',
+          style: {
+            marginLeft: 200,
+            marginRight: 200
+          }
         }, langdetect == 'en' ? item.textEnglish : item.textArabic);
       }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.srcfrom == 'sidemarquee' ? 'w-100 text-start' : 'w-100 allcentered'
@@ -19130,7 +19144,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%',
@@ -23494,10 +23508,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',
@@ -26638,10 +26649,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',
@@ -27333,6 +27341,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;
@@ -27456,9 +27465,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'
@@ -27569,6 +27575,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 ",
@@ -27594,18 +27618,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", {
@@ -29864,10 +29877,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',
@@ -30523,10 +30533,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',
@@ -33495,10 +33502,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',
@@ -34475,10 +34479,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',
@@ -36912,10 +36913,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',
@@ -58413,16 +58411,19 @@
       };
       var SlideShowTextContainer = function SlideShowTextContainer(item) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6' : 'row m-0 w-100 allcentered align-items-md-center justify-content-md-center p-0',
+          "class": cardarrayofobjs.length != 0 ? 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 mt-sm-n6 px-5' : 'row m-0 w-sm-100 allcentered align-items-md-center justify-content-md-center p-0 px-5'
+          // style={{ position: 'absolute', top: cardarrayofobjs.length != 0 ? '40%' : '50%', zIndex: 2 }}
+          ,
           style: {
             position: 'absolute',
-            top: cardarrayofobjs.length != 0 ? '40%' : '50%',
-            zIndex: 2
+            bottom: 40,
+            zIndex: 2,
+            width: '50%'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+          "class": sectionproperties.text1centered == 'Centered' ? 'col-lg-12 allcentered mb-1' : 'col-lg-12 mb-1 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: "m-0 p-0 wordbreak PacificoFont",
+          className: "m-0 p-0 wordbreak",
           style: {
             fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
             color: sectionproperties.slideshowText1ContentColor,
@@ -58430,7 +58431,7 @@
             textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
           }
         }, langdetect == 'en' ? item.titleen : item.titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 '
+          "class": sectionproperties.text2centered == 'Centered' ? 'col-lg-12 allcentered mb-3' : 'col-lg-12 mb-3 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: "m-0 p-0 wordbreak",
           style: {
@@ -58449,11 +58450,7 @@
           style: {
             direction: langdetect == 'en' ? 'ltr' : 'rtl'
           }
-        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-          size: 20
-        }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-          size: 20
-        }))));
+        }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
@@ -63468,11 +63465,15 @@
           border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+          transition: 'all, 0.4s',
           ':hover .iconsContainer': {
             opacity: 1,
             transition: 'all, 0.4s',
             right: 10,
             transform: "translateX(0px)"
+          },
+          ':hover': {
+            boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor
           }
         }),
         iconsContainer2: glamor.css({
@@ -63554,10 +63555,10 @@
           },
           loading: "lazy",
           onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-            // setShowProductInfoModalContext(true);
+            if (sectionproperties.hideshowcardtransition != 'Show') {
+              e.stopPropagation();
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            } // setShowProductInfoModalContext(true);
             // setProductIdProdutInfoModalContext(item.productid);
           }
         }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -63576,9 +63577,10 @@
           },
           loading: "lazy",
           onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
+            if (sectionproperties.hideshowcardtransition == 'Show') {
+              e.stopPropagation();
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+            }
             // setShowProductInfoModalContext(true);
             // setProductIdProdutInfoModalContext(item.productid);
           }
@@ -63712,7 +63714,8 @@
         "class": " ".concat(cardsstyles2.showmodal),
         onClick: function onClick(e) {
           e.stopPropagation();
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          setShowProductInfoModalContext(true);
+          setProductIdProdutInfoModalContext(item.productid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63750,7 +63753,8 @@
         "class": " ".concat(cardsstyles2.showmodal),
         onClick: function onClick(e) {
           e.stopPropagation();
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          setShowProductInfoModalContext(true);
+          setProductIdProdutInfoModalContext(item.productid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
@@ -63763,18 +63767,16 @@
           paddingBottom: sectionproperties.paddingBottom + 'px'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
+        "class":
+        // sectionproperties.hideshowcardtransition == 'Show'
+        //     ? ` ${cardsstyles2.imageContainer} ${cardstyles.imagecontainer}` + ' d-flex d-md-none '
+        //     : ` ${cardsstyles2.imageContainer} ` + ' d-flex d-md-none '
+        sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex ',
         style: {
           height: sectionproperties.image_height + 'px',
           marginBottom: sectionproperties.image_mb + 'px'
         }
       }, Image('normal')), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
-        style: {
-          height: sectionproperties.height_responsive + 'px',
-          marginBottom: sectionproperties.image_mb + 'px'
-        }
-      }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.innersectionpaddinghorizontal == 0 ? 'row m-0 w-100' : 'row m-0 w-100 pl-sm-2 pr-sm-2',
         style: {
           paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -63871,8 +63873,7 @@
       }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(cardsstyles2.cart_btn) + ' allcentered mt-3 ',
         onClick: function onClick() {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center justify-content-center"
@@ -71230,7 +71231,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',
@@ -71380,10 +71380,6 @@
             width: sectionproperties.imageInnerWidth_Height + '%',
             height: sectionproperties.imageInnerWidth_Height + '%',
             objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-          },
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
           }
         }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
           "class": cardstyles$7.secondaryimage,
@@ -71395,17 +71391,26 @@
             width: sectionproperties.imageInnerWidth_Height + '%',
             height: sectionproperties.imageInnerWidth_Height + '%',
             objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-          },
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-
-            // setShowProductInfoModalContext(true);
-            // setProductIdProdutInfoModalContext(item.productid);
           }
         }));
       };
+      var _useState7 = React.useState(0),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        clickCount = _useState8[0],
+        setClickCount = _useState8[1];
+      var handleClick = function handleClick() {
+        // Increase the click count by 1
+        setClickCount(function (prevCount) {
+          return prevCount + 1;
+        });
 
+        // Check if it's the second click
+        if (clickCount === 1) {
+          // Do whatever you want on the second click
+
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
         style: {
@@ -71524,13 +71529,20 @@
         "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'
+        },
+        onClick: function onClick(e) {
+          e.stopPropagation();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
       }, 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-none d-md-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-none d-md-flex ',
         style: {
           marginBottom: sectionproperties.image_mb + 'px'
+        },
+        onClick: function onClick(e) {
+          handleClick();
         }
-      }, 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.441",
+    "version": "0.0.443",
     "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',