tabexseriescomponents 0.0.302 → 0.0.304

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -12635,6 +12635,10 @@ var CardsSection = function CardsSection(props) {
12635
12635
  // fetchProductsQuery.fetchNextPage();
12636
12636
  // }
12637
12637
  // }, [inView]);
12638
+ var _useState13 = React.useState(12),
12639
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12640
+ perpageItems = _useState14[0],
12641
+ setperpageItems = _useState14[1];
12638
12642
  React.useEffect(function () {
12639
12643
  var productfilerobjtemp = ProductFilterObjContext;
12640
12644
  if (props.filterparamsprops != undefined) {
@@ -12808,11 +12812,15 @@ var CardsSection = function CardsSection(props) {
12808
12812
  React.useEffect(function () {
12809
12813
  if (fetchingtype == 'products') {
12810
12814
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12811
- var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
12815
+ var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6, _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10, _fetchProductsQuery$d11, _fetchProductsQuery$d12, _fetchProductsQuery$d13;
12812
12816
  var allpagesarr = [];
12813
12817
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : (_fetchProductsQuery$d5 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : (_fetchProductsQuery$d6 = _fetchProductsQuery$d5.products) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.forEach(function (item) {
12814
12818
  allpagesarr.push(item);
12815
12819
  });
12820
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.PerPageProducts) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.PerPageProducts) != null && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d11 = fetchProductsQuery.data) === null || _fetchProductsQuery$d11 === void 0 ? void 0 : (_fetchProductsQuery$d12 = _fetchProductsQuery$d11.data) === null || _fetchProductsQuery$d12 === void 0 ? void 0 : (_fetchProductsQuery$d13 = _fetchProductsQuery$d12.PerPageProducts) === null || _fetchProductsQuery$d13 === void 0 ? void 0 : _fetchProductsQuery$d13.length) != 0) {
12821
+ var _fetchProductsQuery$d14, _fetchProductsQuery$d15;
12822
+ setperpageItems(fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d14 = fetchProductsQuery.data) === null || _fetchProductsQuery$d14 === void 0 ? void 0 : (_fetchProductsQuery$d15 = _fetchProductsQuery$d14.data) === null || _fetchProductsQuery$d15 === void 0 ? void 0 : _fetchProductsQuery$d15.PerPageProducts);
12823
+ }
12816
12824
  cardobjassigner(allpagesarr);
12817
12825
  }
12818
12826
  }
@@ -12924,6 +12932,7 @@ var CardsSection = function CardsSection(props) {
12924
12932
  }
12925
12933
  } else if (fetchingtype == 'collections' || fetchingtype == 'innerparentcollections') {
12926
12934
  cardobj.collectionid = arrayItem.collectionid;
12935
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12927
12936
  if (langdetect == 'en') {
12928
12937
  cardobj.name = arrayItem.title_en;
12929
12938
  cardobj.description = arrayItem.description_en;
@@ -12934,6 +12943,7 @@ var CardsSection = function CardsSection(props) {
12934
12943
  cardobj.image = arrayItem.collectionlogo;
12935
12944
  } else if (fetchingtype == 'categories') {
12936
12945
  cardobj.collectionid = arrayItem.categoryid;
12946
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12937
12947
  if (langdetect == 'en') {
12938
12948
  cardobj.name = arrayItem.title_en;
12939
12949
  cardobj.description = arrayItem.description_en;
@@ -12944,6 +12954,7 @@ var CardsSection = function CardsSection(props) {
12944
12954
  cardobj.image = arrayItem.categorylogo;
12945
12955
  } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
12946
12956
  cardobj.collectionid = arrayItem.parentcollectionid;
12957
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12947
12958
  if (langdetect == 'en') {
12948
12959
  cardobj.name = arrayItem.title_en;
12949
12960
  cardobj.description = arrayItem.description_en;
@@ -12976,14 +12987,15 @@ var CardsSection = function CardsSection(props) {
12976
12987
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12977
12988
  };
12978
12989
  function PaginatedItems(_ref) {
12979
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12990
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12980
12991
  _ref.itemsPerPage;
12981
- var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.productscou) / 12);
12992
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12993
+ var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d16 = fetchProductsQuery.data) === null || _fetchProductsQuery$d16 === void 0 ? void 0 : (_fetchProductsQuery$d17 = _fetchProductsQuery$d16.data) === null || _fetchProductsQuery$d17 === void 0 ? void 0 : _fetchProductsQuery$d17.productscou) / perpageItems);
12982
12994
  return /*#__PURE__*/React__default["default"].createElement("div", {
12983
12995
  "class": "d-flex containerClassName"
12984
12996
  }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
12985
12997
  breakLabel: "...",
12986
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page,
12998
+ forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d18 = fetchProductsQuery.data) === null || _fetchProductsQuery$d18 === void 0 ? void 0 : (_fetchProductsQuery$d19 = _fetchProductsQuery$d18.data) === null || _fetchProductsQuery$d19 === void 0 ? void 0 : _fetchProductsQuery$d19.page,
12987
12999
  nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
12988
13000
  size: parseInt(sectionproperties.paginationFontSize) + 3
12989
13001
  }),
@@ -13145,17 +13157,19 @@ var CardsSection = function CardsSection(props) {
13145
13157
  }),
13146
13158
  viewmorebtn: glamor.css({
13147
13159
  width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
13148
- height: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
13160
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
13149
13161
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
13150
13162
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
13151
13163
  color: sectionproperties.viewmorebtn_Textcolor,
13152
13164
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
13153
13165
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
13154
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
13166
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
13155
13167
  transition: '.3s',
13168
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
13156
13169
  ':hover': {
13157
13170
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
13158
- color: sectionproperties.viewmorebtn_Textcoloronhover
13171
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
13172
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
13159
13173
  }
13160
13174
  }),
13161
13175
  loadbtn: glamor.css({
@@ -13832,9 +13846,11 @@ var MarqueeHeader = function MarqueeHeader(props) {
13832
13846
  })
13833
13847
  };
13834
13848
  return /*#__PURE__*/React__default["default"].createElement("div", {
13835
- "class": "col-lg-12 p-0 pt-1",
13849
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13836
13850
  style: {
13837
- background: templateproperties_context.textsliderbgcolor
13851
+ background: templateproperties_context.textsliderbgcolor,
13852
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13853
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13838
13854
  }
13839
13855
  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13840
13856
  "class": "d-flex flex-row align-items-center"
@@ -18423,8 +18439,9 @@ var CTAHeader = function CTAHeader(props) {
18423
18439
  style: {
18424
18440
  position: sectionproperties.headerstyles_position
18425
18441
  }
18426
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18442
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18427
18443
  sectionpropertiesprops: sectionproperties,
18444
+ templateproperties_contextprops: templateproperties_context,
18428
18445
  actions: actions
18429
18446
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18430
18447
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23804,7 +23821,8 @@ var Modernheader = function Modernheader(props) {
23804
23821
  height: sectionproperties.badge_height + 'px',
23805
23822
  color: sectionproperties.badge_color,
23806
23823
  borderRadius: sectionproperties.badge_borderradius + 'px',
23807
- fontSize: sectionproperties.badge_fontsize + 'px'
23824
+ fontSize: sectionproperties.badge_fontsize + 'px',
23825
+ fontWeight: sectionproperties.badgefontweight
23808
23826
  }),
23809
23827
  cartbadge: glamor.css({
23810
23828
  top: sectionproperties.cartbadgetop + 'px',
@@ -59126,7 +59144,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
59126
59144
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
59127
59145
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 && sectionproperties.paddingTop != 0 && sectionproperties.paddingBottom != 0 ? card_cssstyles.cardcontainer + ' w-100 p-sm-3 ' : card_cssstyles.cardcontainer + ' w-100 ',
59128
59146
  onClick: function onClick() {
59129
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
59147
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
59148
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
59130
59149
  }
59131
59150
  }, /*#__PURE__*/React__default["default"].createElement("div", {
59132
59151
  "class": " row m-0 w-100 allcentered"
package/dist/index.esm.js CHANGED
@@ -12588,6 +12588,10 @@ var CardsSection = function CardsSection(props) {
12588
12588
  // fetchProductsQuery.fetchNextPage();
12589
12589
  // }
12590
12590
  // }, [inView]);
12591
+ var _useState13 = useState(12),
12592
+ _useState14 = _slicedToArray(_useState13, 2),
12593
+ perpageItems = _useState14[0],
12594
+ setperpageItems = _useState14[1];
12591
12595
  useEffect(function () {
12592
12596
  var productfilerobjtemp = ProductFilterObjContext;
12593
12597
  if (props.filterparamsprops != undefined) {
@@ -12761,11 +12765,15 @@ var CardsSection = function CardsSection(props) {
12761
12765
  useEffect(function () {
12762
12766
  if (fetchingtype == 'products') {
12763
12767
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12764
- var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
12768
+ var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6, _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10, _fetchProductsQuery$d11, _fetchProductsQuery$d12, _fetchProductsQuery$d13;
12765
12769
  var allpagesarr = [];
12766
12770
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : (_fetchProductsQuery$d5 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : (_fetchProductsQuery$d6 = _fetchProductsQuery$d5.products) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.forEach(function (item) {
12767
12771
  allpagesarr.push(item);
12768
12772
  });
12773
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.PerPageProducts) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.PerPageProducts) != null && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d11 = fetchProductsQuery.data) === null || _fetchProductsQuery$d11 === void 0 ? void 0 : (_fetchProductsQuery$d12 = _fetchProductsQuery$d11.data) === null || _fetchProductsQuery$d12 === void 0 ? void 0 : (_fetchProductsQuery$d13 = _fetchProductsQuery$d12.PerPageProducts) === null || _fetchProductsQuery$d13 === void 0 ? void 0 : _fetchProductsQuery$d13.length) != 0) {
12774
+ var _fetchProductsQuery$d14, _fetchProductsQuery$d15;
12775
+ setperpageItems(fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d14 = fetchProductsQuery.data) === null || _fetchProductsQuery$d14 === void 0 ? void 0 : (_fetchProductsQuery$d15 = _fetchProductsQuery$d14.data) === null || _fetchProductsQuery$d15 === void 0 ? void 0 : _fetchProductsQuery$d15.PerPageProducts);
12776
+ }
12769
12777
  cardobjassigner(allpagesarr);
12770
12778
  }
12771
12779
  }
@@ -12877,6 +12885,7 @@ var CardsSection = function CardsSection(props) {
12877
12885
  }
12878
12886
  } else if (fetchingtype == 'collections' || fetchingtype == 'innerparentcollections') {
12879
12887
  cardobj.collectionid = arrayItem.collectionid;
12888
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12880
12889
  if (langdetect == 'en') {
12881
12890
  cardobj.name = arrayItem.title_en;
12882
12891
  cardobj.description = arrayItem.description_en;
@@ -12887,6 +12896,7 @@ var CardsSection = function CardsSection(props) {
12887
12896
  cardobj.image = arrayItem.collectionlogo;
12888
12897
  } else if (fetchingtype == 'categories') {
12889
12898
  cardobj.collectionid = arrayItem.categoryid;
12899
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12890
12900
  if (langdetect == 'en') {
12891
12901
  cardobj.name = arrayItem.title_en;
12892
12902
  cardobj.description = arrayItem.description_en;
@@ -12897,6 +12907,7 @@ var CardsSection = function CardsSection(props) {
12897
12907
  cardobj.image = arrayItem.categorylogo;
12898
12908
  } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
12899
12909
  cardobj.collectionid = arrayItem.parentcollectionid;
12910
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12900
12911
  if (langdetect == 'en') {
12901
12912
  cardobj.name = arrayItem.title_en;
12902
12913
  cardobj.description = arrayItem.description_en;
@@ -12929,14 +12940,15 @@ var CardsSection = function CardsSection(props) {
12929
12940
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12930
12941
  };
12931
12942
  function PaginatedItems(_ref) {
12932
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12943
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12933
12944
  _ref.itemsPerPage;
12934
- var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.productscou) / 12);
12945
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12946
+ var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d16 = fetchProductsQuery.data) === null || _fetchProductsQuery$d16 === void 0 ? void 0 : (_fetchProductsQuery$d17 = _fetchProductsQuery$d16.data) === null || _fetchProductsQuery$d17 === void 0 ? void 0 : _fetchProductsQuery$d17.productscou) / perpageItems);
12935
12947
  return /*#__PURE__*/React.createElement("div", {
12936
12948
  "class": "d-flex containerClassName"
12937
12949
  }, /*#__PURE__*/React.createElement(ReactPaginate, {
12938
12950
  breakLabel: "...",
12939
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page,
12951
+ forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d18 = fetchProductsQuery.data) === null || _fetchProductsQuery$d18 === void 0 ? void 0 : (_fetchProductsQuery$d19 = _fetchProductsQuery$d18.data) === null || _fetchProductsQuery$d19 === void 0 ? void 0 : _fetchProductsQuery$d19.page,
12940
12952
  nextLabel: /*#__PURE__*/React.createElement(FiChevronRight, {
12941
12953
  size: parseInt(sectionproperties.paginationFontSize) + 3
12942
12954
  }),
@@ -13098,17 +13110,19 @@ var CardsSection = function CardsSection(props) {
13098
13110
  }),
13099
13111
  viewmorebtn: css({
13100
13112
  width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
13101
- height: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
13113
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
13102
13114
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
13103
13115
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
13104
13116
  color: sectionproperties.viewmorebtn_Textcolor,
13105
13117
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
13106
13118
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
13107
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
13119
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
13108
13120
  transition: '.3s',
13121
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
13109
13122
  ':hover': {
13110
13123
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
13111
- color: sectionproperties.viewmorebtn_Textcoloronhover
13124
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
13125
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
13112
13126
  }
13113
13127
  }),
13114
13128
  loadbtn: css({
@@ -13785,9 +13799,11 @@ var MarqueeHeader = function MarqueeHeader(props) {
13785
13799
  })
13786
13800
  };
13787
13801
  return /*#__PURE__*/React.createElement("div", {
13788
- "class": "col-lg-12 p-0 pt-1",
13802
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13789
13803
  style: {
13790
- background: templateproperties_context.textsliderbgcolor
13804
+ background: templateproperties_context.textsliderbgcolor,
13805
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13806
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13791
13807
  }
13792
13808
  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
13793
13809
  "class": "d-flex flex-row align-items-center"
@@ -18376,8 +18392,9 @@ var CTAHeader = function CTAHeader(props) {
18376
18392
  style: {
18377
18393
  position: sectionproperties.headerstyles_position
18378
18394
  }
18379
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
18395
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
18380
18396
  sectionpropertiesprops: sectionproperties,
18397
+ templateproperties_contextprops: templateproperties_context,
18381
18398
  actions: actions
18382
18399
  }), /*#__PURE__*/React.createElement("div", {
18383
18400
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23757,7 +23774,8 @@ var Modernheader = function Modernheader(props) {
23757
23774
  height: sectionproperties.badge_height + 'px',
23758
23775
  color: sectionproperties.badge_color,
23759
23776
  borderRadius: sectionproperties.badge_borderradius + 'px',
23760
- fontSize: sectionproperties.badge_fontsize + 'px'
23777
+ fontSize: sectionproperties.badge_fontsize + 'px',
23778
+ fontWeight: sectionproperties.badgefontweight
23761
23779
  }),
23762
23780
  cartbadge: css({
23763
23781
  top: sectionproperties.cartbadgetop + 'px',
@@ -59079,7 +59097,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
59079
59097
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
59080
59098
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 && sectionproperties.paddingTop != 0 && sectionproperties.paddingBottom != 0 ? card_cssstyles.cardcontainer + ' w-100 p-sm-3 ' : card_cssstyles.cardcontainer + ' w-100 ',
59081
59099
  onClick: function onClick() {
59082
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
59100
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
59101
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
59083
59102
  }
59084
59103
  }, /*#__PURE__*/React.createElement("div", {
59085
59104
  "class": " row m-0 w-100 allcentered"
package/dist/index.umd.js CHANGED
@@ -12480,6 +12480,10 @@
12480
12480
  // fetchProductsQuery.fetchNextPage();
12481
12481
  // }
12482
12482
  // }, [inView]);
12483
+ var _useState13 = React.useState(12),
12484
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12485
+ perpageItems = _useState14[0],
12486
+ setperpageItems = _useState14[1];
12483
12487
  React.useEffect(function () {
12484
12488
  var productfilerobjtemp = ProductFilterObjContext;
12485
12489
  if (props.filterparamsprops != undefined) {
@@ -12653,11 +12657,15 @@
12653
12657
  React.useEffect(function () {
12654
12658
  if (fetchingtype == 'products') {
12655
12659
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12656
- var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
12660
+ var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6, _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10, _fetchProductsQuery$d11, _fetchProductsQuery$d12, _fetchProductsQuery$d13;
12657
12661
  var allpagesarr = [];
12658
12662
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : (_fetchProductsQuery$d5 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : (_fetchProductsQuery$d6 = _fetchProductsQuery$d5.products) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.forEach(function (item) {
12659
12663
  allpagesarr.push(item);
12660
12664
  });
12665
+ if ((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.PerPageProducts) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.PerPageProducts) != null && (fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d11 = fetchProductsQuery.data) === null || _fetchProductsQuery$d11 === void 0 ? void 0 : (_fetchProductsQuery$d12 = _fetchProductsQuery$d11.data) === null || _fetchProductsQuery$d12 === void 0 ? void 0 : (_fetchProductsQuery$d13 = _fetchProductsQuery$d12.PerPageProducts) === null || _fetchProductsQuery$d13 === void 0 ? void 0 : _fetchProductsQuery$d13.length) != 0) {
12666
+ var _fetchProductsQuery$d14, _fetchProductsQuery$d15;
12667
+ setperpageItems(fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d14 = fetchProductsQuery.data) === null || _fetchProductsQuery$d14 === void 0 ? void 0 : (_fetchProductsQuery$d15 = _fetchProductsQuery$d14.data) === null || _fetchProductsQuery$d15 === void 0 ? void 0 : _fetchProductsQuery$d15.PerPageProducts);
12668
+ }
12661
12669
  cardobjassigner(allpagesarr);
12662
12670
  }
12663
12671
  }
@@ -12769,6 +12777,7 @@
12769
12777
  }
12770
12778
  } else if (fetchingtype == 'collections' || fetchingtype == 'innerparentcollections') {
12771
12779
  cardobj.collectionid = arrayItem.collectionid;
12780
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12772
12781
  if (langdetect == 'en') {
12773
12782
  cardobj.name = arrayItem.title_en;
12774
12783
  cardobj.description = arrayItem.description_en;
@@ -12779,6 +12788,7 @@
12779
12788
  cardobj.image = arrayItem.collectionlogo;
12780
12789
  } else if (fetchingtype == 'categories') {
12781
12790
  cardobj.collectionid = arrayItem.categoryid;
12791
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12782
12792
  if (langdetect == 'en') {
12783
12793
  cardobj.name = arrayItem.title_en;
12784
12794
  cardobj.description = arrayItem.description_en;
@@ -12789,6 +12799,7 @@
12789
12799
  cardobj.image = arrayItem.categorylogo;
12790
12800
  } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
12791
12801
  cardobj.collectionid = arrayItem.parentcollectionid;
12802
+ cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
12792
12803
  if (langdetect == 'en') {
12793
12804
  cardobj.name = arrayItem.title_en;
12794
12805
  cardobj.description = arrayItem.description_en;
@@ -12821,14 +12832,15 @@
12821
12832
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12822
12833
  };
12823
12834
  function PaginatedItems(_ref) {
12824
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12835
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12825
12836
  _ref.itemsPerPage;
12826
- var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d7 = fetchProductsQuery.data) === null || _fetchProductsQuery$d7 === void 0 ? void 0 : (_fetchProductsQuery$d8 = _fetchProductsQuery$d7.data) === null || _fetchProductsQuery$d8 === void 0 ? void 0 : _fetchProductsQuery$d8.productscou) / 12);
12837
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12838
+ var pageCount = Math.ceil((fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d16 = fetchProductsQuery.data) === null || _fetchProductsQuery$d16 === void 0 ? void 0 : (_fetchProductsQuery$d17 = _fetchProductsQuery$d16.data) === null || _fetchProductsQuery$d17 === void 0 ? void 0 : _fetchProductsQuery$d17.productscou) / perpageItems);
12827
12839
  return /*#__PURE__*/React__default["default"].createElement("div", {
12828
12840
  "class": "d-flex containerClassName"
12829
12841
  }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
12830
12842
  breakLabel: "...",
12831
- forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d9 = fetchProductsQuery.data) === null || _fetchProductsQuery$d9 === void 0 ? void 0 : (_fetchProductsQuery$d10 = _fetchProductsQuery$d9.data) === null || _fetchProductsQuery$d10 === void 0 ? void 0 : _fetchProductsQuery$d10.page,
12843
+ forcePage: fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d18 = fetchProductsQuery.data) === null || _fetchProductsQuery$d18 === void 0 ? void 0 : (_fetchProductsQuery$d19 = _fetchProductsQuery$d18.data) === null || _fetchProductsQuery$d19 === void 0 ? void 0 : _fetchProductsQuery$d19.page,
12832
12844
  nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
12833
12845
  size: parseInt(sectionproperties.paginationFontSize) + 3
12834
12846
  }),
@@ -12990,17 +13002,19 @@
12990
13002
  }),
12991
13003
  viewmorebtn: glamor.css({
12992
13004
  width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
12993
- height: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
13005
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
12994
13006
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
12995
13007
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
12996
13008
  color: sectionproperties.viewmorebtn_Textcolor,
12997
13009
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
12998
13010
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
12999
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
13011
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
13000
13012
  transition: '.3s',
13013
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
13001
13014
  ':hover': {
13002
13015
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
13003
- color: sectionproperties.viewmorebtn_Textcoloronhover
13016
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
13017
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
13004
13018
  }
13005
13019
  }),
13006
13020
  loadbtn: glamor.css({
@@ -13677,9 +13691,11 @@
13677
13691
  })
13678
13692
  };
13679
13693
  return /*#__PURE__*/React__default["default"].createElement("div", {
13680
- "class": "col-lg-12 p-0 pt-1",
13694
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13681
13695
  style: {
13682
- background: templateproperties_context.textsliderbgcolor
13696
+ background: templateproperties_context.textsliderbgcolor,
13697
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13698
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13683
13699
  }
13684
13700
  }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13685
13701
  "class": "d-flex flex-row align-items-center"
@@ -18268,8 +18284,9 @@
18268
18284
  style: {
18269
18285
  position: sectionproperties.headerstyles_position
18270
18286
  }
18271
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18287
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18272
18288
  sectionpropertiesprops: sectionproperties,
18289
+ templateproperties_contextprops: templateproperties_context,
18273
18290
  actions: actions
18274
18291
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18275
18292
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23649,7 +23666,8 @@
23649
23666
  height: sectionproperties.badge_height + 'px',
23650
23667
  color: sectionproperties.badge_color,
23651
23668
  borderRadius: sectionproperties.badge_borderradius + 'px',
23652
- fontSize: sectionproperties.badge_fontsize + 'px'
23669
+ fontSize: sectionproperties.badge_fontsize + 'px',
23670
+ fontWeight: sectionproperties.badgefontweight
23653
23671
  }),
23654
23672
  cartbadge: glamor.css({
23655
23673
  top: sectionproperties.cartbadgetop + 'px',
@@ -58971,7 +58989,8 @@
58971
58989
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
58972
58990
  "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 && sectionproperties.paddingTop != 0 && sectionproperties.paddingBottom != 0 ? card_cssstyles.cardcontainer + ' w-100 p-sm-3 ' : card_cssstyles.cardcontainer + ' w-100 ',
58973
58991
  onClick: function onClick() {
58974
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
58992
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
58993
+ // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
58975
58994
  }
58976
58995
  }, /*#__PURE__*/React__default["default"].createElement("div", {
58977
58996
  "class": " row m-0 w-100 allcentered"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.302",
3
+ "version": "0.0.304",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {