tabexseriescomponents 0.0.612 → 0.0.613

package/dist/index.cjs.js

@@ -8295,7 +8295,7 @@ var Ordershistory = function Ordershistory(props) {
       style: {
         backgroundColor: item.instorderstatus != null ? item.instorderstatus.statuscolor : 'orange'
       }
-    }, item.instorderstatus != null ? item.instorderstatus.orderstatusname_en : lang.inprogress))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
+    }, item.instorderstatus != null ? langdetect == 'en' ? item.instorderstatus.orderstatusname_en : item.instorderstatus.orderstatusname_ar : langdetect == 'en' ? 'In Progress' : 'جاري'))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
       className: "text-center",
       style: {
         minWidth: '200px'
@@ -8396,7 +8396,7 @@ var Ordershistory = function Ordershistory(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: 'orange'
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? langdetect == 'en' ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_ar : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-3"
@@ -17364,41 +17364,37 @@ var CardsSection = function CardsSection(props) {
   props.actions.setsortbycontext;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
-    showShowMoreButon = _useState2[0],
-    setshowShowMoreButon = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    openFilterSlider = _useState4[0],
-    setopenFilterSlider = _useState4[1];
+    openFilterSlider = _useState2[0],
+    setopenFilterSlider = _useState2[1];
   var actions = props.actions;
-  var _useState5 = React.useState(''),
+  var _useState3 = React.useState(''),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  var _useState7 = React.useState([]),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    cardsarray = _useState8[0],
-    setcardsarray = _useState8[1];
-  var _useState9 = React.useState(''),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    sectionitem = _useState10[0],
-    setsectionitem = _useState10[1];
-  var _useState11 = React.useState({
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = React.useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = React.useState([]),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    ProductsFetchingTypeSectionObj = _useState12[0],
-    setProductsFetchingTypeSectionObj = _useState12[1];
-  var _useState13 = React.useState([]),
+    maincontainerarrayofobjs = _useState12[0],
+    setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = React.useState(12),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    maincontainerarrayofobjs = _useState14[0],
-    setmaincontainerarrayofobjs = _useState14[1];
-  var _useState15 = React.useState(12),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    perpageItems = _useState16[0],
-    setperpageItems = _useState16[1];
+    perpageItems = _useState14[0],
+    setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   React.useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
@@ -17446,11 +17442,6 @@ var CardsSection = function CardsSection(props) {
       }
     });
   }, [StatePagePropertiesContext]);
-  React.useEffect(function () {
-    setTimeout(function () {
-      setshowShowMoreButon(true);
-    }, 500);
-  }, []);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (cardsarray.length == 0) {
@@ -17857,15 +17848,13 @@ var CardsSection = function CardsSection(props) {
   }
   var section_cssstyles = {
     sectioncontainerr: glamor.css({
-      // width: sectionproperties.width + 'vw',
-
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
-        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
-        // width: sectionproperties.widthresponsive + 'vw',
+        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
+        width: sectionproperties.widthresponsive + 'vw'
       }
     }),
-
     innercardssection: glamor.css({
       paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -18206,7 +18195,7 @@ var CardsSection = function CardsSection(props) {
         marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
         marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
       }
-    }, SectionTitle()), showShowMoreButon && sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__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) + ' 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 ',
@@ -18277,7 +18266,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-    }, showShowMoreButon && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__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 ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -18697,7 +18686,7 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    })), showShowMoreButon && sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 allcentered"
     }, /*#__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) + ' 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 ',

package/dist/index.esm.js

@@ -8246,7 +8246,7 @@ var Ordershistory = function Ordershistory(props) {
       style: {
         backgroundColor: item.instorderstatus != null ? item.instorderstatus.statuscolor : 'orange'
       }
-    }, item.instorderstatus != null ? item.instorderstatus.orderstatusname_en : lang.inprogress))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React.createElement("td", {
+    }, item.instorderstatus != null ? langdetect == 'en' ? item.instorderstatus.orderstatusname_en : item.instorderstatus.orderstatusname_ar : langdetect == 'en' ? 'In Progress' : 'جاري'))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React.createElement("td", {
       className: "text-center",
       style: {
         minWidth: '200px'
@@ -8347,7 +8347,7 @@ var Ordershistory = function Ordershistory(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: 'orange'
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : lang.inprogress)), /*#__PURE__*/React.createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? langdetect == 'en' ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_ar : lang.inprogress)), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     className: "mt-2 mb-3"
@@ -17315,41 +17315,37 @@ var CardsSection = function CardsSection(props) {
   props.actions.setsortbycontext;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    showShowMoreButon = _useState2[0],
-    setshowShowMoreButon = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    openFilterSlider = _useState4[0],
-    setopenFilterSlider = _useState4[1];
+    openFilterSlider = _useState2[0],
+    setopenFilterSlider = _useState2[1];
   var actions = props.actions;
-  var _useState5 = useState(''),
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  var _useState7 = useState([]),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = useState(''),
     _useState8 = _slicedToArray(_useState7, 2),
-    cardsarray = _useState8[0],
-    setcardsarray = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray(_useState9, 2),
-    sectionitem = _useState10[0],
-    setsectionitem = _useState10[1];
-  var _useState11 = useState({
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
+    _useState10 = _slicedToArray(_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = useState([]),
     _useState12 = _slicedToArray(_useState11, 2),
-    ProductsFetchingTypeSectionObj = _useState12[0],
-    setProductsFetchingTypeSectionObj = _useState12[1];
-  var _useState13 = useState([]),
+    maincontainerarrayofobjs = _useState12[0],
+    setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = useState(12),
     _useState14 = _slicedToArray(_useState13, 2),
-    maincontainerarrayofobjs = _useState14[0],
-    setmaincontainerarrayofobjs = _useState14[1];
-  var _useState15 = useState(12),
-    _useState16 = _slicedToArray(_useState15, 2),
-    perpageItems = _useState16[0],
-    setperpageItems = _useState16[1];
+    perpageItems = _useState14[0],
+    setperpageItems = _useState14[1];
   var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
   useEffect(function () {
     var productfilerobjtemp = ProductFilterObjContext;
@@ -17397,11 +17393,6 @@ var CardsSection = function CardsSection(props) {
       }
     });
   }, [StatePagePropertiesContext]);
-  useEffect(function () {
-    setTimeout(function () {
-      setshowShowMoreButon(true);
-    }, 500);
-  }, []);
   useEffect(function () {
     if (sectionproperties.length != 0) {
       if (cardsarray.length == 0) {
@@ -17808,15 +17799,13 @@ var CardsSection = function CardsSection(props) {
   }
   var section_cssstyles = {
     sectioncontainerr: css({
-      // width: sectionproperties.width + 'vw',
-
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
-        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
-        // width: sectionproperties.widthresponsive + 'vw',
+        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
+        width: sectionproperties.widthresponsive + 'vw'
       }
     }),
-
     innercardssection: css({
       paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
       paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -18157,7 +18146,7 @@ var CardsSection = function CardsSection(props) {
         marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
         marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
       }
-    }, SectionTitle()), showShowMoreButon && sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
+    }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.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) + ' 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 ',
@@ -18228,7 +18217,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-    }, showShowMoreButon && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.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 ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -18648,7 +18637,7 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    })), showShowMoreButon && sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 allcentered"
     }, /*#__PURE__*/React.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) + ' 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 ',

package/dist/index.umd.js

@@ -8119,7 +8119,7 @@
           style: {
             backgroundColor: item.instorderstatus != null ? item.instorderstatus.statuscolor : 'orange'
           }
-        }, item.instorderstatus != null ? item.instorderstatus.orderstatusname_en : lang.inprogress))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
+        }, item.instorderstatus != null ? langdetect == 'en' ? item.instorderstatus.orderstatusname_en : item.instorderstatus.orderstatusname_ar : langdetect == 'en' ? 'In Progress' : 'جاري'))), sectionproperties.hidenoproducts == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
           className: "text-center",
           style: {
             minWidth: '200px'
@@ -8220,7 +8220,7 @@
           textAlign: langdetect == 'en' ? 'left' : 'right',
           color: 'orange'
         }
-      }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus != null ? langdetect == 'en' ? fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_en : fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].instorderstatus.orderstatusname_ar : lang.inprogress)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         className: "mt-2 mb-3"
@@ -17188,41 +17188,37 @@
       props.actions.setsortbycontext;
       var _useState = React.useState(false),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
-        showShowMoreButon = _useState2[0],
-        setshowShowMoreButon = _useState2[1];
-      var _useState3 = React.useState(false),
-        _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        openFilterSlider = _useState4[0],
-        setopenFilterSlider = _useState4[1];
+        openFilterSlider = _useState2[0],
+        setopenFilterSlider = _useState2[1];
       var actions = props.actions;
-      var _useState5 = React.useState(''),
+      var _useState3 = React.useState(''),
+        _useState4 = _slicedToArray__default["default"](_useState3, 2),
+        sectionproperties = _useState4[0],
+        setsectionproperties = _useState4[1];
+      var _useState5 = React.useState([]),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        sectionproperties = _useState6[0],
-        setsectionproperties = _useState6[1];
-      var _useState7 = React.useState([]),
+        cardsarray = _useState6[0],
+        setcardsarray = _useState6[1];
+      var _useState7 = React.useState(''),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        cardsarray = _useState8[0],
-        setcardsarray = _useState8[1];
-      var _useState9 = React.useState(''),
-        _useState10 = _slicedToArray__default["default"](_useState9, 2),
-        sectionitem = _useState10[0],
-        setsectionitem = _useState10[1];
-      var _useState11 = React.useState({
+        sectionitem = _useState8[0],
+        setsectionitem = _useState8[1];
+      var _useState9 = React.useState({
           productfetchingtype: 'Random',
           collectionid: '',
           grouptype: ''
         }),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        ProductsFetchingTypeSectionObj = _useState10[0],
+        setProductsFetchingTypeSectionObj = _useState10[1];
+      var _useState11 = React.useState([]),
         _useState12 = _slicedToArray__default["default"](_useState11, 2),
-        ProductsFetchingTypeSectionObj = _useState12[0],
-        setProductsFetchingTypeSectionObj = _useState12[1];
-      var _useState13 = React.useState([]),
+        maincontainerarrayofobjs = _useState12[0],
+        setmaincontainerarrayofobjs = _useState12[1];
+      var _useState13 = React.useState(12),
         _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        maincontainerarrayofobjs = _useState14[0],
-        setmaincontainerarrayofobjs = _useState14[1];
-      var _useState15 = React.useState(12),
-        _useState16 = _slicedToArray__default["default"](_useState15, 2),
-        perpageItems = _useState16[0],
-        setperpageItems = _useState16[1];
+        perpageItems = _useState14[0],
+        setperpageItems = _useState14[1];
       var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
       React.useEffect(function () {
         var productfilerobjtemp = ProductFilterObjContext;
@@ -17270,11 +17266,6 @@
           }
         });
       }, [StatePagePropertiesContext]);
-      React.useEffect(function () {
-        setTimeout(function () {
-          setshowShowMoreButon(true);
-        }, 500);
-      }, []);
       React.useEffect(function () {
         if (sectionproperties.length != 0) {
           if (cardsarray.length == 0) {
@@ -17681,15 +17672,13 @@
       }
       var section_cssstyles = {
         sectioncontainerr: glamor.css({
-          // width: sectionproperties.width + 'vw',
-
+          width: sectionproperties.width + 'vw',
           marginTop: sectionproperties.marginTop + 'px',
           '@media (max-width: 800px)': {
-            marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
-            // width: sectionproperties.widthresponsive + 'vw',
+            marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
+            width: sectionproperties.widthresponsive + 'vw'
           }
         }),
-
         innercardssection: glamor.css({
           paddingLeft: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px' : 0,
           paddingRight: sectionproperties.showFilter == 'show' ? langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px' : 0,
@@ -18030,7 +18019,7 @@
             marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
             marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
           }
-        }, SectionTitle()), showShowMoreButon && sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+        }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__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) + ' 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 ',
@@ -18101,7 +18090,7 @@
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-        }, showShowMoreButon && sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
+        }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__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 ',
           onClick: function onClick() {
             if (fetchingtype == 'products') {
@@ -18521,7 +18510,7 @@
               }))));
             }
           }
-        })), showShowMoreButon && sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 allcentered"
         }, /*#__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) + ' 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 ',

package/package.json

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