tabexseriescomponents 0.0.301 → 0.0.303

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +66 -65
  2. package/dist/index.esm.js +66 -65
  3. package/dist/index.umd.js +66 -65
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -11901,8 +11901,7 @@ var Filter$1 = function Filter(props) {
11901
11901
  var InstFilters = function InstFilters() {
11902
11902
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
11903
11903
  allowMultipleExpanded: true,
11904
- allowZeroExpanded: true,
11905
- preExpanded: [0, 1, 2, 3]
11904
+ allowZeroExpanded: true
11906
11905
  }, instfilters.map(function (item, index) {
11907
11906
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
11908
11907
  uuid: index
@@ -12636,6 +12635,10 @@ var CardsSection = function CardsSection(props) {
12636
12635
  // fetchProductsQuery.fetchNextPage();
12637
12636
  // }
12638
12637
  // }, [inView]);
12638
+ var _useState13 = React.useState(12),
12639
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12640
+ perpageItems = _useState14[0],
12641
+ setperpageItems = _useState14[1];
12639
12642
  React.useEffect(function () {
12640
12643
  var productfilerobjtemp = ProductFilterObjContext;
12641
12644
  if (props.filterparamsprops != undefined) {
@@ -12809,11 +12812,15 @@ var CardsSection = function CardsSection(props) {
12809
12812
  React.useEffect(function () {
12810
12813
  if (fetchingtype == 'products') {
12811
12814
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12812
- 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;
12813
12816
  var allpagesarr = [];
12814
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) {
12815
12818
  allpagesarr.push(item);
12816
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
+ }
12817
12824
  cardobjassigner(allpagesarr);
12818
12825
  }
12819
12826
  }
@@ -12977,14 +12984,15 @@ var CardsSection = function CardsSection(props) {
12977
12984
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12978
12985
  };
12979
12986
  function PaginatedItems(_ref) {
12980
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12987
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12981
12988
  _ref.itemsPerPage;
12982
- 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);
12989
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12990
+ 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);
12983
12991
  return /*#__PURE__*/React__default["default"].createElement("div", {
12984
12992
  "class": "d-flex containerClassName"
12985
12993
  }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
12986
12994
  breakLabel: "...",
12987
- 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,
12995
+ 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,
12988
12996
  nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
12989
12997
  size: parseInt(sectionproperties.paginationFontSize) + 3
12990
12998
  }),
@@ -13425,7 +13433,7 @@ var CardsSection = function CardsSection(props) {
13425
13433
  // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
13426
13434
  // ? 'scrollmenuclassnameitemUpSlideEffectCard'
13427
13435
  item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
13428
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
13436
+ scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
13429
13437
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
13430
13438
  return /*#__PURE__*/React__default["default"].createElement("div", {
13431
13439
  className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13790,50 +13798,66 @@ var Searchlist$1 = function Searchlist(props) {
13790
13798
  function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13791
13799
  function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13792
13800
  var MarqueeHeader = function MarqueeHeader(props) {
13801
+ var _textarray$, _textarray$2;
13793
13802
  props.actions;
13794
13803
  props.actions.lang;
13795
13804
  var langdetect = props.actions.langdetect;
13796
13805
  props.actions.StatePagePropertiesContext;
13797
13806
  var _useState = React.useState({}),
13798
- _useState2 = _slicedToArray__default["default"](_useState, 2),
13799
- sectionproperties = _useState2[0],
13800
- setsectionproperties = _useState2[1];
13801
- var _useState3 = React.useState([]),
13807
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
13808
+ _useState2[0];
13809
+ var setsectionproperties = _useState2[1];
13810
+ var _useState3 = React.useState({}),
13802
13811
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
13803
- textarray = _useState4[0],
13804
- settextarray = _useState4[1];
13805
- React.useEffect(function () {
13806
- if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
13807
- var textarrayparsed = JSON.parse(sectionproperties.txtArray);
13808
- if (Array.isArray(textarrayparsed)) {
13809
- settextarray(_toConsumableArray__default["default"](textarrayparsed));
13810
- }
13811
- }
13812
- }, [sectionproperties]);
13812
+ templateproperties_context = _useState4[0],
13813
+ settemplateproperties_context = _useState4[1];
13814
+ var _useState5 = React.useState([]),
13815
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
13816
+ textarray = _useState6[0],
13817
+ settextarray = _useState6[1];
13813
13818
  React.useEffect(function () {
13814
13819
  if (props.sectionpropertiesprops != undefined) {
13815
13820
  setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
13816
13821
  }
13817
13822
  }, [props.sectionpropertiesprops]);
13823
+ React.useEffect(function () {
13824
+ if (props.templateproperties_contextprops != undefined) {
13825
+ settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
13826
+ }
13827
+ }, [props.templateproperties_contextprops]);
13828
+ React.useEffect(function () {
13829
+ if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
13830
+ var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
13831
+ if (Array.isArray(textarrayparsed)) {
13832
+ settextarray(_toConsumableArray__default["default"](textarrayparsed));
13833
+ }
13834
+ }
13835
+ }, [templateproperties_context]);
13818
13836
  var header_cssstyles = {
13819
13837
  textSlider: glamor.css({
13820
- fontSize: sectionproperties.textsliderfontsize + 'px',
13821
- color: sectionproperties.textsliderfontcolor,
13822
- fontWeight: sectionproperties.textsliderfontweight
13838
+ fontSize: templateproperties_context.textsliderfontsize + 'px',
13839
+ color: templateproperties_context.textsliderfontcolor,
13840
+ fontWeight: templateproperties_context.textsliderfontweight
13823
13841
  })
13824
13842
  };
13825
13843
  return /*#__PURE__*/React__default["default"].createElement("div", {
13826
- "class": "col-lg-12 p-0 pt-1",
13844
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13827
13845
  style: {
13828
- background: sectionproperties.textsliderbgcolor
13846
+ background: templateproperties_context.textsliderbgcolor,
13847
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13848
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13829
13849
  }
13830
- }, /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13850
+ }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13831
13851
  "class": "d-flex flex-row align-items-center"
13832
13852
  }, textarray.map(function (item, index) {
13833
13853
  return /*#__PURE__*/React__default["default"].createElement("p", {
13834
13854
  "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
13835
13855
  }, langdetect == 'en' ? item.textEnglish : item.textArabic);
13836
- }))));
13856
+ }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
13857
+ "class": "w-100 allcentered"
13858
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13859
+ "class": header_cssstyles.textSlider + ' mb-0 p-0 '
13860
+ }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
13837
13861
  };
13838
13862
 
13839
13863
  var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n position: relative;\n}\n@media screen and (max-width: 800px) {\n .subheader-module_sub_outercontainer__-z5ZD {\n position: relative !important;\n top: 0 !important;\n }\n}\n.subheader-module_nav__item__8oLkw {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n position: absolute;\n top: 0;\n left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n display: none;\n margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n display: inline-block;\n width: 100%;\n height: 300px;\n top: 55px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n display: inline-block !important ;\n height: 300px;\n top: 45px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n .subheader-module_subheader__aW8fS {\n width: 100%;\n display: block;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .subheader-module_nav__item__8oLkw {\n /* width: 50% !important; */\n float: none;\n display: inline-block;\n zoom: 1;\n border-right: 0 !important;\n }\n}\n";
@@ -17082,8 +17106,9 @@ var ClassicHeader = function ClassicHeader(props) {
17082
17106
  style: {
17083
17107
  width: sectionproperties.header_width + 'vw'
17084
17108
  }
17085
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
17109
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
17086
17110
  sectionpropertiesprops: sectionproperties,
17111
+ templateproperties_contextprops: templateproperties_context,
17087
17112
  actions: actions
17088
17113
  }), /*#__PURE__*/React__default["default"].createElement("div", {
17089
17114
  "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none ',
@@ -18409,8 +18434,9 @@ var CTAHeader = function CTAHeader(props) {
18409
18434
  style: {
18410
18435
  position: sectionproperties.headerstyles_position
18411
18436
  }
18412
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18437
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18413
18438
  sectionpropertiesprops: sectionproperties,
18439
+ templateproperties_contextprops: templateproperties_context,
18414
18440
  actions: actions
18415
18441
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18416
18442
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23790,7 +23816,8 @@ var Modernheader = function Modernheader(props) {
23790
23816
  height: sectionproperties.badge_height + 'px',
23791
23817
  color: sectionproperties.badge_color,
23792
23818
  borderRadius: sectionproperties.badge_borderradius + 'px',
23793
- fontSize: sectionproperties.badge_fontsize + 'px'
23819
+ fontSize: sectionproperties.badge_fontsize + 'px',
23820
+ fontWeight: sectionproperties.badgefontweight
23794
23821
  }),
23795
23822
  cartbadge: glamor.css({
23796
23823
  top: sectionproperties.cartbadgetop + 'px',
@@ -31764,7 +31791,7 @@ var Allinonefooter = function Allinonefooter(props) {
31764
31791
  }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31765
31792
  "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
31766
31793
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31767
- "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
31794
+ "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
31768
31795
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31769
31796
  "class": "col-lg-12 p-0 mb-2"
31770
31797
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -31773,7 +31800,7 @@ var Allinonefooter = function Allinonefooter(props) {
31773
31800
  textAlign: langdetect == 'en' ? 'left' : 'right'
31774
31801
  }
31775
31802
  }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React__default["default"].createElement("div", {
31776
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
31803
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
31777
31804
  }, /*#__PURE__*/React__default["default"].createElement("img", {
31778
31805
  "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31779
31806
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31782,7 +31809,7 @@ var Allinonefooter = function Allinonefooter(props) {
31782
31809
  window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
31783
31810
  }
31784
31811
  })), /*#__PURE__*/React__default["default"].createElement("div", {
31785
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
31812
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
31786
31813
  }, /*#__PURE__*/React__default["default"].createElement("img", {
31787
31814
  "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31788
31815
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -48061,35 +48088,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
48061
48088
  scale: 1.4
48062
48089
  };
48063
48090
  ({
48064
- beforebg: glamor.css({
48065
- content: 's',
48066
- fontSize: 0,
48067
- position: 'absolute',
48068
- top: 0,
48069
- bottom: 0,
48070
- left: 0,
48071
- right: 0,
48072
- width: '100%',
48073
- height: '100%',
48074
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
48075
- }),
48076
- slideshow_btn: glamor.css({
48077
- height: sectionproperties.generalbtn_height + 'px',
48078
- width: sectionproperties.generalbtn_width + 'px',
48079
- background: sectionproperties.generalbtn_bgColor,
48080
- color: sectionproperties.generalbtn_textColor,
48081
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
48082
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
48083
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
48084
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
48085
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
48086
- lineHeight: sectionproperties.generalbtn_fontsize + 'px',
48087
- textTransform: sectionproperties.generalbtn_texttransform,
48088
- fontWeight: sectionproperties.generalbtn_fontweight,
48089
- transition: '.3s',
48090
- ':hover': {
48091
- background: sectionproperties.generalbtn_bgColoronhover,
48092
- color: sectionproperties.generalbtn_textColoronhover
48091
+ slideshowcontainer: glamor.css({
48092
+ '@media (max-width: 800px)': {
48093
+ height: sectionproperties.height_responsive + 'px'
48093
48094
  }
48094
48095
  })
48095
48096
  });
@@ -48118,8 +48119,8 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
48118
48119
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48119
48120
  className: "row m-0 w-100"
48120
48121
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48121
- "class": "col-lg-8 mb-md-3 p-md-0"
48122
- }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
48122
+ "class": ' col-lg-8 mb-md-3 p-md-0 '
48123
+ }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
48123
48124
  transitionDuration: 1500,
48124
48125
  duration: 1500,
48125
48126
  arrow: true,
package/dist/index.esm.js CHANGED
@@ -11854,8 +11854,7 @@ var Filter$1 = function Filter(props) {
11854
11854
  var InstFilters = function InstFilters() {
11855
11855
  return /*#__PURE__*/React.createElement(Accordion, {
11856
11856
  allowMultipleExpanded: true,
11857
- allowZeroExpanded: true,
11858
- preExpanded: [0, 1, 2, 3]
11857
+ allowZeroExpanded: true
11859
11858
  }, instfilters.map(function (item, index) {
11860
11859
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
11861
11860
  uuid: index
@@ -12589,6 +12588,10 @@ var CardsSection = function CardsSection(props) {
12589
12588
  // fetchProductsQuery.fetchNextPage();
12590
12589
  // }
12591
12590
  // }, [inView]);
12591
+ var _useState13 = useState(12),
12592
+ _useState14 = _slicedToArray(_useState13, 2),
12593
+ perpageItems = _useState14[0],
12594
+ setperpageItems = _useState14[1];
12592
12595
  useEffect(function () {
12593
12596
  var productfilerobjtemp = ProductFilterObjContext;
12594
12597
  if (props.filterparamsprops != undefined) {
@@ -12762,11 +12765,15 @@ var CardsSection = function CardsSection(props) {
12762
12765
  useEffect(function () {
12763
12766
  if (fetchingtype == 'products') {
12764
12767
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12765
- 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;
12766
12769
  var allpagesarr = [];
12767
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) {
12768
12771
  allpagesarr.push(item);
12769
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
+ }
12770
12777
  cardobjassigner(allpagesarr);
12771
12778
  }
12772
12779
  }
@@ -12930,14 +12937,15 @@ var CardsSection = function CardsSection(props) {
12930
12937
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12931
12938
  };
12932
12939
  function PaginatedItems(_ref) {
12933
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12940
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12934
12941
  _ref.itemsPerPage;
12935
- 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);
12942
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12943
+ 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);
12936
12944
  return /*#__PURE__*/React.createElement("div", {
12937
12945
  "class": "d-flex containerClassName"
12938
12946
  }, /*#__PURE__*/React.createElement(ReactPaginate, {
12939
12947
  breakLabel: "...",
12940
- 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,
12948
+ 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,
12941
12949
  nextLabel: /*#__PURE__*/React.createElement(FiChevronRight, {
12942
12950
  size: parseInt(sectionproperties.paginationFontSize) + 3
12943
12951
  }),
@@ -13378,7 +13386,7 @@ var CardsSection = function CardsSection(props) {
13378
13386
  // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
13379
13387
  // ? 'scrollmenuclassnameitemUpSlideEffectCard'
13380
13388
  item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
13381
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
13389
+ scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
13382
13390
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
13383
13391
  return /*#__PURE__*/React.createElement("div", {
13384
13392
  className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13743,50 +13751,66 @@ var Searchlist$1 = function Searchlist(props) {
13743
13751
  function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13744
13752
  function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13745
13753
  var MarqueeHeader = function MarqueeHeader(props) {
13754
+ var _textarray$, _textarray$2;
13746
13755
  props.actions;
13747
13756
  props.actions.lang;
13748
13757
  var langdetect = props.actions.langdetect;
13749
13758
  props.actions.StatePagePropertiesContext;
13750
13759
  var _useState = useState({}),
13751
- _useState2 = _slicedToArray(_useState, 2),
13752
- sectionproperties = _useState2[0],
13753
- setsectionproperties = _useState2[1];
13754
- var _useState3 = useState([]),
13760
+ _useState2 = _slicedToArray(_useState, 2);
13761
+ _useState2[0];
13762
+ var setsectionproperties = _useState2[1];
13763
+ var _useState3 = useState({}),
13755
13764
  _useState4 = _slicedToArray(_useState3, 2),
13756
- textarray = _useState4[0],
13757
- settextarray = _useState4[1];
13758
- useEffect(function () {
13759
- if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
13760
- var textarrayparsed = JSON.parse(sectionproperties.txtArray);
13761
- if (Array.isArray(textarrayparsed)) {
13762
- settextarray(_toConsumableArray(textarrayparsed));
13763
- }
13764
- }
13765
- }, [sectionproperties]);
13765
+ templateproperties_context = _useState4[0],
13766
+ settemplateproperties_context = _useState4[1];
13767
+ var _useState5 = useState([]),
13768
+ _useState6 = _slicedToArray(_useState5, 2),
13769
+ textarray = _useState6[0],
13770
+ settextarray = _useState6[1];
13766
13771
  useEffect(function () {
13767
13772
  if (props.sectionpropertiesprops != undefined) {
13768
13773
  setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
13769
13774
  }
13770
13775
  }, [props.sectionpropertiesprops]);
13776
+ useEffect(function () {
13777
+ if (props.templateproperties_contextprops != undefined) {
13778
+ settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
13779
+ }
13780
+ }, [props.templateproperties_contextprops]);
13781
+ useEffect(function () {
13782
+ if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
13783
+ var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
13784
+ if (Array.isArray(textarrayparsed)) {
13785
+ settextarray(_toConsumableArray(textarrayparsed));
13786
+ }
13787
+ }
13788
+ }, [templateproperties_context]);
13771
13789
  var header_cssstyles = {
13772
13790
  textSlider: css({
13773
- fontSize: sectionproperties.textsliderfontsize + 'px',
13774
- color: sectionproperties.textsliderfontcolor,
13775
- fontWeight: sectionproperties.textsliderfontweight
13791
+ fontSize: templateproperties_context.textsliderfontsize + 'px',
13792
+ color: templateproperties_context.textsliderfontcolor,
13793
+ fontWeight: templateproperties_context.textsliderfontweight
13776
13794
  })
13777
13795
  };
13778
13796
  return /*#__PURE__*/React.createElement("div", {
13779
- "class": "col-lg-12 p-0 pt-1",
13797
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13780
13798
  style: {
13781
- background: sectionproperties.textsliderbgcolor
13799
+ background: templateproperties_context.textsliderbgcolor,
13800
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13801
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13782
13802
  }
13783
- }, /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
13803
+ }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React.createElement("marquee", null, /*#__PURE__*/React.createElement("span", {
13784
13804
  "class": "d-flex flex-row align-items-center"
13785
13805
  }, textarray.map(function (item, index) {
13786
13806
  return /*#__PURE__*/React.createElement("p", {
13787
13807
  "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
13788
13808
  }, langdetect == 'en' ? item.textEnglish : item.textArabic);
13789
- }))));
13809
+ }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React.createElement("div", {
13810
+ "class": "w-100 allcentered"
13811
+ }, /*#__PURE__*/React.createElement("p", {
13812
+ "class": header_cssstyles.textSlider + ' mb-0 p-0 '
13813
+ }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
13790
13814
  };
13791
13815
 
13792
13816
  var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n position: relative;\n}\n@media screen and (max-width: 800px) {\n .subheader-module_sub_outercontainer__-z5ZD {\n position: relative !important;\n top: 0 !important;\n }\n}\n.subheader-module_nav__item__8oLkw {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n position: absolute;\n top: 0;\n left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n display: none;\n margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n display: inline-block;\n width: 100%;\n height: 300px;\n top: 55px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n display: inline-block !important ;\n height: 300px;\n top: 45px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n .subheader-module_subheader__aW8fS {\n width: 100%;\n display: block;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .subheader-module_nav__item__8oLkw {\n /* width: 50% !important; */\n float: none;\n display: inline-block;\n zoom: 1;\n border-right: 0 !important;\n }\n}\n";
@@ -17035,8 +17059,9 @@ var ClassicHeader = function ClassicHeader(props) {
17035
17059
  style: {
17036
17060
  width: sectionproperties.header_width + 'vw'
17037
17061
  }
17038
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
17062
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
17039
17063
  sectionpropertiesprops: sectionproperties,
17064
+ templateproperties_contextprops: templateproperties_context,
17040
17065
  actions: actions
17041
17066
  }), /*#__PURE__*/React.createElement("div", {
17042
17067
  "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none ',
@@ -18362,8 +18387,9 @@ var CTAHeader = function CTAHeader(props) {
18362
18387
  style: {
18363
18388
  position: sectionproperties.headerstyles_position
18364
18389
  }
18365
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
18390
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
18366
18391
  sectionpropertiesprops: sectionproperties,
18392
+ templateproperties_contextprops: templateproperties_context,
18367
18393
  actions: actions
18368
18394
  }), /*#__PURE__*/React.createElement("div", {
18369
18395
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23743,7 +23769,8 @@ var Modernheader = function Modernheader(props) {
23743
23769
  height: sectionproperties.badge_height + 'px',
23744
23770
  color: sectionproperties.badge_color,
23745
23771
  borderRadius: sectionproperties.badge_borderradius + 'px',
23746
- fontSize: sectionproperties.badge_fontsize + 'px'
23772
+ fontSize: sectionproperties.badge_fontsize + 'px',
23773
+ fontWeight: sectionproperties.badgefontweight
23747
23774
  }),
23748
23775
  cartbadge: css({
23749
23776
  top: sectionproperties.cartbadgetop + 'px',
@@ -31717,7 +31744,7 @@ var Allinonefooter = function Allinonefooter(props) {
31717
31744
  }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
31718
31745
  "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
31719
31746
  }, /*#__PURE__*/React.createElement("div", {
31720
- "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
31747
+ "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
31721
31748
  }, /*#__PURE__*/React.createElement("div", {
31722
31749
  "class": "col-lg-12 p-0 mb-2"
31723
31750
  }, /*#__PURE__*/React.createElement("p", {
@@ -31726,7 +31753,7 @@ var Allinonefooter = function Allinonefooter(props) {
31726
31753
  textAlign: langdetect == 'en' ? 'left' : 'right'
31727
31754
  }
31728
31755
  }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React.createElement("div", {
31729
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
31756
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
31730
31757
  }, /*#__PURE__*/React.createElement("img", {
31731
31758
  "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31732
31759
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31735,7 +31762,7 @@ var Allinonefooter = function Allinonefooter(props) {
31735
31762
  window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
31736
31763
  }
31737
31764
  })), /*#__PURE__*/React.createElement("div", {
31738
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
31765
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
31739
31766
  }, /*#__PURE__*/React.createElement("img", {
31740
31767
  "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31741
31768
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -48014,35 +48041,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
48014
48041
  scale: 1.4
48015
48042
  };
48016
48043
  ({
48017
- beforebg: css({
48018
- content: 's',
48019
- fontSize: 0,
48020
- position: 'absolute',
48021
- top: 0,
48022
- bottom: 0,
48023
- left: 0,
48024
- right: 0,
48025
- width: '100%',
48026
- height: '100%',
48027
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
48028
- }),
48029
- slideshow_btn: css({
48030
- height: sectionproperties.generalbtn_height + 'px',
48031
- width: sectionproperties.generalbtn_width + 'px',
48032
- background: sectionproperties.generalbtn_bgColor,
48033
- color: sectionproperties.generalbtn_textColor,
48034
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
48035
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
48036
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
48037
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
48038
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
48039
- lineHeight: sectionproperties.generalbtn_fontsize + 'px',
48040
- textTransform: sectionproperties.generalbtn_texttransform,
48041
- fontWeight: sectionproperties.generalbtn_fontweight,
48042
- transition: '.3s',
48043
- ':hover': {
48044
- background: sectionproperties.generalbtn_bgColoronhover,
48045
- color: sectionproperties.generalbtn_textColoronhover
48044
+ slideshowcontainer: css({
48045
+ '@media (max-width: 800px)': {
48046
+ height: sectionproperties.height_responsive + 'px'
48046
48047
  }
48047
48048
  })
48048
48049
  });
@@ -48071,8 +48072,8 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
48071
48072
  }, /*#__PURE__*/React.createElement("div", {
48072
48073
  className: "row m-0 w-100"
48073
48074
  }, /*#__PURE__*/React.createElement("div", {
48074
- "class": "col-lg-8 mb-md-3 p-md-0"
48075
- }, /*#__PURE__*/React.createElement(Slide, _extends({}, Slideshowsettings, {
48075
+ "class": ' col-lg-8 mb-md-3 p-md-0 '
48076
+ }, /*#__PURE__*/React.createElement(Zoom, _extends({}, Slideshowsettings, {
48076
48077
  transitionDuration: 1500,
48077
48078
  duration: 1500,
48078
48079
  arrow: true,
package/dist/index.umd.js CHANGED
@@ -11746,8 +11746,7 @@
11746
11746
  var InstFilters = function InstFilters() {
11747
11747
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
11748
11748
  allowMultipleExpanded: true,
11749
- allowZeroExpanded: true,
11750
- preExpanded: [0, 1, 2, 3]
11749
+ allowZeroExpanded: true
11751
11750
  }, instfilters.map(function (item, index) {
11752
11751
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
11753
11752
  uuid: index
@@ -12481,6 +12480,10 @@
12481
12480
  // fetchProductsQuery.fetchNextPage();
12482
12481
  // }
12483
12482
  // }, [inView]);
12483
+ var _useState13 = React.useState(12),
12484
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12485
+ perpageItems = _useState14[0],
12486
+ setperpageItems = _useState14[1];
12484
12487
  React.useEffect(function () {
12485
12488
  var productfilerobjtemp = ProductFilterObjContext;
12486
12489
  if (props.filterparamsprops != undefined) {
@@ -12654,11 +12657,15 @@
12654
12657
  React.useEffect(function () {
12655
12658
  if (fetchingtype == 'products') {
12656
12659
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12657
- 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;
12658
12661
  var allpagesarr = [];
12659
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) {
12660
12663
  allpagesarr.push(item);
12661
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
+ }
12662
12669
  cardobjassigner(allpagesarr);
12663
12670
  }
12664
12671
  }
@@ -12822,14 +12829,15 @@
12822
12829
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, pasturl + encodeURIComponent(JSON.stringify(tempProductFilterObjContext)));
12823
12830
  };
12824
12831
  function PaginatedItems(_ref) {
12825
- var _fetchProductsQuery$d7, _fetchProductsQuery$d8, _fetchProductsQuery$d9, _fetchProductsQuery$d10;
12832
+ var _fetchProductsQuery$d16, _fetchProductsQuery$d17, _fetchProductsQuery$d18, _fetchProductsQuery$d19;
12826
12833
  _ref.itemsPerPage;
12827
- 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);
12834
+ // const pageCount = Math.ceil(fetchProductsQuery?.data?.data?.productscou / 12);
12835
+ 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);
12828
12836
  return /*#__PURE__*/React__default["default"].createElement("div", {
12829
12837
  "class": "d-flex containerClassName"
12830
12838
  }, /*#__PURE__*/React__default["default"].createElement(ReactPaginate__default["default"], {
12831
12839
  breakLabel: "...",
12832
- 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,
12840
+ 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,
12833
12841
  nextLabel: /*#__PURE__*/React__default["default"].createElement(FiChevronRight.FiChevronRight, {
12834
12842
  size: parseInt(sectionproperties.paginationFontSize) + 3
12835
12843
  }),
@@ -13270,7 +13278,7 @@
13270
13278
  // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
13271
13279
  // ? 'scrollmenuclassnameitemUpSlideEffectCard'
13272
13280
  item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
13273
- scrollContainerClassName: 'scrollmenuclasssubscrollbar'
13281
+ scrollContainerClassName: sectionproperties.showscrollbar == 'Show' ? 'scrollmenuclasssubscrollbar2' : 'scrollmenuclasssubscrollbar'
13274
13282
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
13275
13283
  return /*#__PURE__*/React__default["default"].createElement("div", {
13276
13284
  className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100'
@@ -13635,50 +13643,66 @@
13635
13643
  function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13636
13644
  function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13637
13645
  var MarqueeHeader = function MarqueeHeader(props) {
13646
+ var _textarray$, _textarray$2;
13638
13647
  props.actions;
13639
13648
  props.actions.lang;
13640
13649
  var langdetect = props.actions.langdetect;
13641
13650
  props.actions.StatePagePropertiesContext;
13642
13651
  var _useState = React.useState({}),
13643
- _useState2 = _slicedToArray__default["default"](_useState, 2),
13644
- sectionproperties = _useState2[0],
13645
- setsectionproperties = _useState2[1];
13646
- var _useState3 = React.useState([]),
13652
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
13653
+ _useState2[0];
13654
+ var setsectionproperties = _useState2[1];
13655
+ var _useState3 = React.useState({}),
13647
13656
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
13648
- textarray = _useState4[0],
13649
- settextarray = _useState4[1];
13650
- React.useEffect(function () {
13651
- if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
13652
- var textarrayparsed = JSON.parse(sectionproperties.txtArray);
13653
- if (Array.isArray(textarrayparsed)) {
13654
- settextarray(_toConsumableArray__default["default"](textarrayparsed));
13655
- }
13656
- }
13657
- }, [sectionproperties]);
13657
+ templateproperties_context = _useState4[0],
13658
+ settemplateproperties_context = _useState4[1];
13659
+ var _useState5 = React.useState([]),
13660
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
13661
+ textarray = _useState6[0],
13662
+ settextarray = _useState6[1];
13658
13663
  React.useEffect(function () {
13659
13664
  if (props.sectionpropertiesprops != undefined) {
13660
13665
  setsectionproperties(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
13661
13666
  }
13662
13667
  }, [props.sectionpropertiesprops]);
13668
+ React.useEffect(function () {
13669
+ if (props.templateproperties_contextprops != undefined) {
13670
+ settemplateproperties_context(_objectSpread$1P({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
13671
+ }
13672
+ }, [props.templateproperties_contextprops]);
13673
+ React.useEffect(function () {
13674
+ if (templateproperties_context.length != 0 && templateproperties_context.txtArray != undefined) {
13675
+ var textarrayparsed = JSON.parse(templateproperties_context.txtArray);
13676
+ if (Array.isArray(textarrayparsed)) {
13677
+ settextarray(_toConsumableArray__default["default"](textarrayparsed));
13678
+ }
13679
+ }
13680
+ }, [templateproperties_context]);
13663
13681
  var header_cssstyles = {
13664
13682
  textSlider: glamor.css({
13665
- fontSize: sectionproperties.textsliderfontsize + 'px',
13666
- color: sectionproperties.textsliderfontcolor,
13667
- fontWeight: sectionproperties.textsliderfontweight
13683
+ fontSize: templateproperties_context.textsliderfontsize + 'px',
13684
+ color: templateproperties_context.textsliderfontcolor,
13685
+ fontWeight: templateproperties_context.textsliderfontweight
13668
13686
  })
13669
13687
  };
13670
13688
  return /*#__PURE__*/React__default["default"].createElement("div", {
13671
- "class": "col-lg-12 p-0 pt-1",
13689
+ "class": "col-lg-12 px-0 d-flex align-items-center",
13672
13690
  style: {
13673
- background: sectionproperties.textsliderbgcolor
13691
+ background: templateproperties_context.textsliderbgcolor,
13692
+ paddingTop: templateproperties_context.paddinghorizontal + 'px',
13693
+ paddingBottom: templateproperties_context.paddinghorizontal + 'px'
13674
13694
  }
13675
- }, /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13695
+ }, templateproperties_context.textslidertype == 'Slider' && /*#__PURE__*/React__default["default"].createElement("marquee", null, /*#__PURE__*/React__default["default"].createElement("span", {
13676
13696
  "class": "d-flex flex-row align-items-center"
13677
13697
  }, textarray.map(function (item, index) {
13678
13698
  return /*#__PURE__*/React__default["default"].createElement("p", {
13679
13699
  "class": header_cssstyles.textSlider + ' ml-4 mr-4 mb-0 p-0 '
13680
13700
  }, langdetect == 'en' ? item.textEnglish : item.textArabic);
13681
- }))));
13701
+ }))), templateproperties_context.textslidertype == 'Text' && /*#__PURE__*/React__default["default"].createElement("div", {
13702
+ "class": "w-100 allcentered"
13703
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
13704
+ "class": header_cssstyles.textSlider + ' mb-0 p-0 '
13705
+ }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic)));
13682
13706
  };
13683
13707
 
13684
13708
  var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n position: relative;\n}\n@media screen and (max-width: 800px) {\n .subheader-module_sub_outercontainer__-z5ZD {\n position: relative !important;\n top: 0 !important;\n }\n}\n.subheader-module_nav__item__8oLkw {\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.subheader-module_nav__item__8oLkw::before {\n position: absolute;\n top: 0;\n left: 0;\n}\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY {\n cursor: pointer;\n position: relative;\n white-space: nowrap;\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n transform-origin: 100% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::after {\n position: absolute;\n width: 100%;\n height: 1px;\n background: currentColor;\n top: 100%;\n left: 0;\n pointer-events: none;\n content: '';\n top: calc(100% + 4px);\n transform-origin: 0% 50%;\n transform: scale3d(0, 1, 1);\n transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY::before {\n content: '';\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::before {\n transform-origin: 0% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n\n.subheader-module_nav__item__8oLkw .subheader-module_link__7IEBY:hover::after {\n transform-origin: 100% 50%;\n transform: scale3d(1, 1, 1);\n transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.subheader-module_dropmenu__lL4Sc {\n display: none;\n margin-top: 20px !important;\n}\n.subheader-module_link__7IEBY:hover .subheader-module_dropmenu__lL4Sc {\n display: inline-block;\n width: 100%;\n height: 300px;\n top: 55px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n.subheader-module_active__MjZNG {\n display: inline-block !important ;\n height: 300px;\n top: 45px;\n bottom: 0px;\n position: absolute;\n transition: 0.3s;\n}\n\n@media screen and (max-width: 800px) {\n .subheader-module_subheader__aW8fS {\n width: 100%;\n display: block;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .subheader-module_nav__item__8oLkw {\n /* width: 50% !important; */\n float: none;\n display: inline-block;\n zoom: 1;\n border-right: 0 !important;\n }\n}\n";
@@ -16927,8 +16951,9 @@
16927
16951
  style: {
16928
16952
  width: sectionproperties.header_width + 'vw'
16929
16953
  }
16930
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
16954
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
16931
16955
  sectionpropertiesprops: sectionproperties,
16956
+ templateproperties_contextprops: templateproperties_context,
16932
16957
  actions: actions
16933
16958
  }), /*#__PURE__*/React__default["default"].createElement("div", {
16934
16959
  "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none ',
@@ -18254,8 +18279,9 @@
18254
18279
  style: {
18255
18280
  position: sectionproperties.headerstyles_position
18256
18281
  }
18257
- }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18282
+ }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18258
18283
  sectionpropertiesprops: sectionproperties,
18284
+ templateproperties_contextprops: templateproperties_context,
18259
18285
  actions: actions
18260
18286
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18261
18287
  "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center px-2015-4 '
@@ -23635,7 +23661,8 @@
23635
23661
  height: sectionproperties.badge_height + 'px',
23636
23662
  color: sectionproperties.badge_color,
23637
23663
  borderRadius: sectionproperties.badge_borderradius + 'px',
23638
- fontSize: sectionproperties.badge_fontsize + 'px'
23664
+ fontSize: sectionproperties.badge_fontsize + 'px',
23665
+ fontWeight: sectionproperties.badgefontweight
23639
23666
  }),
23640
23667
  cartbadge: glamor.css({
23641
23668
  top: sectionproperties.cartbadgetop + 'px',
@@ -31609,7 +31636,7 @@
31609
31636
  }, sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
31610
31637
  "class": "col-lg-12 justify-content-start align-items-center mb-4 mb-md-4 p-0"
31611
31638
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31612
- "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-center"
31639
+ "class": "row m-0 w-100 align-items-center flex-row justify-content-start justify-content-start justify-content-sm-start"
31613
31640
  }, /*#__PURE__*/React__default["default"].createElement("div", {
31614
31641
  "class": "col-lg-12 p-0 mb-2"
31615
31642
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -31618,7 +31645,7 @@
31618
31645
  textAlign: langdetect == 'en' ? 'left' : 'right'
31619
31646
  }
31620
31647
  }, langdetect == 'en' ? sectionproperties.otherinfotitle1en : sectionproperties.otherinfotitle1ar)), /*#__PURE__*/React__default["default"].createElement("div", {
31621
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 p-0 pr-2' : 'col-lg-6 col-md-4 col-sm-6 p-0 pl-2'
31648
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 p-0 pr-2' : 'col-lg-5 col-md-4 col-sm-4 p-0 pl-2'
31622
31649
  }, /*#__PURE__*/React__default["default"].createElement("img", {
31623
31650
  "class": "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31624
31651
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
@@ -31627,7 +31654,7 @@
31627
31654
  window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.mobileapplink_appstore, '_blank');
31628
31655
  }
31629
31656
  })), /*#__PURE__*/React__default["default"].createElement("div", {
31630
- "class": langdetect == 'en' ? 'col-lg-6 col-md-4 col-sm-6 pl-0' : 'col-lg-6 col-md-4 col-sm-6 pr-0'
31657
+ "class": langdetect == 'en' ? 'col-lg-5 col-md-4 col-sm-4 pl-0' : 'col-lg-5 col-md-4 col-sm-4 pr-0'
31631
31658
  }, /*#__PURE__*/React__default["default"].createElement("img", {
31632
31659
  "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer ',
31633
31660
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
@@ -47906,35 +47933,9 @@
47906
47933
  scale: 1.4
47907
47934
  };
47908
47935
  ({
47909
- beforebg: glamor.css({
47910
- content: 's',
47911
- fontSize: 0,
47912
- position: 'absolute',
47913
- top: 0,
47914
- bottom: 0,
47915
- left: 0,
47916
- right: 0,
47917
- width: '100%',
47918
- height: '100%',
47919
- backgroundColor: 'rgba(0,0,0,' + sectionproperties.darknessopacity + ')'
47920
- }),
47921
- slideshow_btn: glamor.css({
47922
- height: sectionproperties.generalbtn_height + 'px',
47923
- width: sectionproperties.generalbtn_width + 'px',
47924
- background: sectionproperties.generalbtn_bgColor,
47925
- color: sectionproperties.generalbtn_textColor,
47926
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
47927
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
47928
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
47929
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
47930
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
47931
- lineHeight: sectionproperties.generalbtn_fontsize + 'px',
47932
- textTransform: sectionproperties.generalbtn_texttransform,
47933
- fontWeight: sectionproperties.generalbtn_fontweight,
47934
- transition: '.3s',
47935
- ':hover': {
47936
- background: sectionproperties.generalbtn_bgColoronhover,
47937
- color: sectionproperties.generalbtn_textColoronhover
47936
+ slideshowcontainer: glamor.css({
47937
+ '@media (max-width: 800px)': {
47938
+ height: sectionproperties.height_responsive + 'px'
47938
47939
  }
47939
47940
  })
47940
47941
  });
@@ -47963,8 +47964,8 @@
47963
47964
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47964
47965
  className: "row m-0 w-100"
47965
47966
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47966
- "class": "col-lg-8 mb-md-3 p-md-0"
47967
- }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Slide, _extends__default["default"]({}, Slideshowsettings, {
47967
+ "class": ' col-lg-8 mb-md-3 p-md-0 '
47968
+ }, /*#__PURE__*/React__default["default"].createElement(reactSlideshowImage.Zoom, _extends__default["default"]({}, Slideshowsettings, {
47968
47969
  transitionDuration: 1500,
47969
47970
  duration: 1500,
47970
47971
  arrow: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.301",
3
+ "version": "0.0.303",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {