tabexseriescomponents 0.0.277 → 0.0.279

package/dist/index.umd.js

@@ -10788,6 +10788,9 @@
         _useState12 = _slicedToArray__default["default"](_useState11, 2),
         raterangevalue = _useState12[0],
         setraterangevalue = _useState12[1];
+      props.actions.fetchTabexCountriesQueryContext;
+      props.actions.FetchQueriesEngineContext;
+      props.actions.setFetchQueriesEngineContext;
       var timeoutRef = React__default["default"].useRef(null);
       var _useState13 = React.useState([{
           payloadvalue: 'sortprice',
@@ -10849,6 +10852,18 @@
           }
         }, 500);
       }, [raterangevalue]);
+
+      // useEffect(() => {
+      //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
+      //     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
+      //     tempFetchQueriesEngineContext.fetchtabexcountries = true;
+      //     setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
+
+      //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
+
+      //     alert(JSON.stringify(tempFetchQueriesEngineContext));
+      //     alert(JSON.stringify(FetchQueriesEngineContext));
+      // }, []);
       var filterupdater = function filterupdater() {
         if (instfilters.length != 0) {
           var _ProductFilterObjCont;
@@ -12324,7 +12339,7 @@
         }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-          "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
+          "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
           onClick: function onClick() {
             if (fetchingtype == 'products') {
               if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
@@ -12340,7 +12355,7 @@
             flexDirection: 'row'
           }
         }, /*#__PURE__*/React__default["default"].createElement("span", {
-          "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
+          "class": 'd-flex justify-content-center align-items-center'
         }, /*#__PURE__*/React__default["default"].createElement("span", {
           "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
         }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
@@ -12353,17 +12368,6 @@
           size: sectionproperties.viewmoreiconfontsize
         }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
           size: sectionproperties.viewmoreiconfontsize
-        }))), /*#__PURE__*/React__default["default"].createElement("span", {
-          "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
-          style: {
-            color: sectionproperties.viewmorebtn_Textcolor
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("i", {
-          "class": "h-100 d-flex align-items-center justify-content-center"
-        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
-          size: sectionproperties.viewmorebtn_fontSize
-        }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
-          size: sectionproperties.viewmorebtn_fontSize
         }))))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none ',
           style: {
@@ -12530,7 +12534,7 @@
                 }
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
-                  "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
+                  "class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
                 }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
                   sectiontypeprops: 'horizontal',
                   sectiontypeprops2: 'vertical',
@@ -17110,7 +17114,11 @@
           paddingLeft: langdetect == 'en' ? sectionproperties.lowersection_paddingleft + 'px' : sectionproperties.lowersection_paddingright + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.lowersection_paddingright + 'px' : sectionproperties.lowersection_paddingleft + 'px',
           paddingTop: sectionproperties.lowersection_paddingtop + 'px',
-          paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
+          paddingBottom: sectionproperties.lowersection_paddingbottom + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderBottomLeftRadius + 'px' : sectionproperties.lowersection_BorderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.lowersection_BorderBottomRightRadius + 'px' : sectionproperties.lowersection_borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopLeftRadius + 'px' : sectionproperties.lowersection_borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.lowersection_borderTopRightRadius + 'px' : sectionproperties.lowersection_borderTopLeftRadius + 'px'
         }),
         facebook_btn: glamor.css({
           cursor: 'pointer',
@@ -17266,7 +17274,13 @@
         "class": "row m-0 w-100 justify-content-center",
         style: {
           width: '100vw',
-          zIndex: 1000
+          zIndex: 1000,
+          background: sectionproperties.header_backgroundColor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-md-100",
+        style: {
+          width: sectionproperties.header_width + 'vw'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -17501,7 +17515,61 @@
         size: sectionproperties.cartBtn_iconFontSize
       }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
         size: sectionproperties.cartBtn_iconFontSize
-      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
+      }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+        "class": ' d-flex align-items-center justify-content-center '
+      }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 mr-2"
+      }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 ml-2"
+      }, "\u0639"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+        onClick: function onClick() {
+          setlang('ar');
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": 'dropdownitem d-flex align-items-center m-0 p-0',
+        style: {
+          fontSize: sectionproperties.dropdown_fontsize + 'px',
+          fontWeight: sectionproperties.dropdown_fontweight,
+          textTransform: sectionproperties.dropdown_texttransform
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
+        style: {
+          maxWidth: '2vh',
+          maxHeight: '2vh'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": '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, {
+        onClick: function onClick() {
+          setlang('en');
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+        style: {
+          fontSize: sectionproperties.dropdown_fontsize + 'px',
+          fontWeight: sectionproperties.dropdown_fontweight,
+          textTransform: sectionproperties.dropdown_texttransform
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
+        style: {
+          maxWidth: '2vh',
+          maxHeight: '2vh'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": 'ml-2 mr-2'
+      }, lang.english))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 allcentered",
         style: {
           backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'Transparent' : sectionproperties.uppersection_bgcolor
@@ -17595,7 +17663,7 @@
           }, ButtonDropdown(item, index, fetchedarray));
         }
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-6 p-0 d-flex align-items-center justify-content-center"
+        "class": sectionproperties.generalbtn_show == 'Hide' && sectionproperties.fbbtn_show == 'Hide' && sectionproperties.instbtn_show == 'Hide' && sectionproperties.youtbtn_show == 'Hide' && sectionproperties.lang_position == 'Top' ? 'col-lg-12 p-0 d-flex align-items-center justify-content-center' : 'col-lg-6 p-0 d-flex align-items-center justify-content-center'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "scrollhorizontal w-100 align-items-center justify-content-center h-100 flex-row",
         style: {
@@ -17676,7 +17744,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.youtubebtniconfontsize
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? 'headerdropdownml ml-3' : 'headerdropdownmr mr-3'
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": ' d-flex align-items-center justify-content-center '
@@ -17746,7 +17814,7 @@
       }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
-      })));
+      }))));
     };
 
     var css_248z$v = ".Header_threesectionslogocentered-module_header_innercontainer__yjjgZ {\n    display: flex;\n    align-items: center;\n    align-content: center;\n    position: relative;\n    z-index: 1000;\n    transition: all 0.2s;\n}\n\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 {\n    position: relative;\n    cursor: pointer;\n    white-space: nowrap;\n    display: flex;\n    align-items: center;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls {\n    transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);\n    transition: 0.3s;\n    padding: 0;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8 .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    position: absolute;\n    left: 0;\n    bottom: -10px;\n    right: 0;\n    width: 7px;\n    height: 7px;\n    content: '';\n    border-radius: 50%;\n    margin: 0 auto;\n    opacity: 0;\n    -webkit-transition: all, 0.3s;\n    -moz-transition: all, 0.3s;\n    -ms-transition: all, 0.3s;\n    -o-transition: all, 0.3s;\n    transition: all, 0.3s;\n}\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item__YMaF8:hover .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n/* Side Nav Active */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_navbar_item_active__ladUm .Header_threesectionslogocentered-module_navbar_item_text__0DPls:after {\n    opacity: 1;\n}\n\n/* Search Bar */\n.Header_threesectionslogocentered-module_header_innercontainer__yjjgZ .Header_threesectionslogocentered-module_searchbarcont__9MNXO input::placeholder {\n    color: #8c8c8c;\n    font-weight: normal;\n}\n/* Badge */\n.Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Header_threesectionslogocentered-module_searchbar__5KdKx:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Header_threesectionslogocentered-module_searchbaractive__8Pp-9 {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -18499,7 +18567,7 @@
         setsectionproperties = _useState2[1];
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
-      props.actions.setsidecartnavshowcontext;
+      var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
       var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
@@ -18832,9 +18900,10 @@
           justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' scrollhorizontal w-100 align-items-center justify-content-start ',
+        "class": ' scrollhorizontal w-100 align-items-center ',
         style: {
-          display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+          display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
+          justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
         }
       }, templatepropcontext.pagesnprop.map(function (item, index) {
         if (item.isselected) ;
@@ -18892,7 +18961,10 @@
         style: {
           position: 'relative'
         },
-        "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
+        "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center ',
+        onClick: function onClick() {
+          setsidecartnavshowcontext(true);
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
       }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), /*#__PURE__*/React__default["default"].createElement("i", {
@@ -44199,7 +44271,9 @@
         }))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex justify-content-center align-items-center ',
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-flex d-md-none justify-content-center align-items-center ',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
@@ -44340,7 +44414,149 @@
           sectionproperties: sectionproperties,
           props: props
         });
-      })))))));
+      }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center pl-sm-2 pr-sm-2' : 'row ml-0 mr-0 w-100 d-none d-md-flex justify-content-center align-items-center ',
+        style: {
+          paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+          background: sectionproperties.backgroundColor,
+          marginBottom: sectionproperties.marginBottom + 'px',
+          paddingTop: sectionproperties.marginTopResp + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": cardarrayofobjs.length != 0 ? 'col-lg-12 p-0 d-flex justify-content-center' : 'col-lg-12 p-0 d-flex justify-content-center h-md-auto h-sm-auto',
+        style: {
+          height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": cardarrayofobjs.length != 0 ? '' : sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
+        style: {
+          position: 'relative',
+          borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+          borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+          borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+          width: sectionproperties.width + 'vw',
+          height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto',
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
+        transitionDuration: 1500,
+        duration: 1500,
+        arrow: true,
+        easing: "ease"
+      }), Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": cardarrayofobjs.length != 0 ? 'row m-0 w-100' : 'row m-0 w-100 h-md-auto h-sm-auto',
+          style: {
+            borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+            borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+            borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+            borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+            height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": ' p-0 align-items-center d-flex d-md-none ',
+          key: index,
+          style: {
+            cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+            width: '100%',
+            height: '100%',
+            borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+            borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+            borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+            borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+            paddingTop: sectionproperties.paddingTop + 'px',
+            paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+            paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+          },
+          onClick: function onClick() {
+            if (item.IsClickableimg == 'Yes') {
+              if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+                routingcountext(item.clickableimg_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+              }
+            }
+          }
+        }, /*#__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: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imageen : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.imagear,
+          style: {
+            cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+            objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+            margin: 0,
+            padding: 0,
+            width: '100%',
+            height: '100%'
+          }
+        }), SlideShowTextContainer(item)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": ' p-0 align-items-center d-none d-md-flex ',
+          key: index,
+          style: {
+            cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+            width: '100%',
+            height: '100%',
+            borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+            borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+            borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+            borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+            paddingTop: sectionproperties.paddingTop + 'px',
+            paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
+            paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
+          },
+          onClick: function onClick() {
+            if (item.IsClickableimg == 'Yes') {
+              if (item.clickableimg_page_route && item.clickableimg_page_route.length != 0) {
+                routingcountext(item.clickableimg_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickableimg_getcoection);
+              }
+            }
+          }
+        }, /*#__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: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
+          style: {
+            cursor: item.IsClickableimg == 'Yes' ? 'pointer' : 'default',
+            objectFit: sectionproperties.bgcovercontainresponsive == 'Cover' ? 'cover' : 'contain',
+            margin: 0,
+            padding: 0,
+            width: '100%',
+            height: '100%'
+          }
+        }), SlideShowTextContainer(item)));
+      })), cardarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          position: 'absolute',
+          left: 0,
+          bottom: 60,
+          zIndex: 100
+        },
+        "class": "row m-0 w-100 "
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
+      }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+        itemClassName: "slideshowCard"
+        // LeftArrow={LeftArrow}
+        // RightArrow={RightArrow}
+        ,
+        transitionDuration: 500,
+        transitionEase: easingFunctions['linear'],
+        scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+      }, Object.keys(cardarrayofobjs).length != 0 && cardarrayofobjs.map(function (cardItem, cardIndex) {
+        var id = cardIndex;
+        return /*#__PURE__*/React__default["default"].createElement(CardsArrayOfObjects, {
+          title: id,
+          itemId: id,
+          key: id,
+          cardItem: cardItem,
+          sectionproperties: sectionproperties,
+          props: props
+        });
+      }))))))));
     };
     var easingFunctions = {
       noEasing: undefined,
@@ -55763,10 +55979,14 @@
         }
       }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
+            setShowProductInfoModalContext(true);
+            setProductIdProdutInfoModalContext(item.productid);
+          } else {
+            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          }
         },
-        "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 allcentered ',
+        "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center d-md-none ',
         style: {
           zIndex: 1,
           marginBottom: sectionproperties.image_mb + 'px'
@@ -55781,6 +56001,31 @@
           height: sectionproperties.imageInnerWidth_Height + '%',
           objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
         }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
+            setShowProductInfoModalContext(true);
+            setProductIdProdutInfoModalContext(item.productid);
+          } else {
+            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+          }
+        },
+        "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-none d-md-flex align-items-center justify-content-center ',
+        style: {
+          zIndex: 1,
+          marginBottom: sectionproperties.image_mb + 'px',
+          height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive
+        }
+      }, item.image != '' && /*#__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-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+        loading: "lazy",
+        style: {
+          width: sectionproperties.imageInnerWidth_Height + '%',
+          height: sectionproperties.imageInnerWidth_Height + '%',
+          objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+        }
       })), item.productquantity < 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", {

package/package.json

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