tabexseriescomponents 0.0.274 → 0.0.275

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 (5) hide show
  1. package/dist/index.cjs.js +153 -46
  2. package/dist/index.esm.js +153 -46
  3. package/dist/index.umd.js +153 -46
  4. package/package.json +1 -1
  5. package/srclib.zip +0 -0
package/dist/index.cjs.js CHANGED
@@ -11449,7 +11449,7 @@ var Filter$1 = function Filter(props) {
11449
11449
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11450
11450
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
11451
11451
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
11452
- "class": "col-lg-12 p-0"
11452
+ "class": "col-lg-12 p-0 mb-4"
11453
11453
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
11454
11454
  transitionBehavior: 'auto',
11455
11455
  wrapperClassName: '',
@@ -11930,11 +11930,6 @@ var CardsSection = function CardsSection(props) {
11930
11930
  if (fetchProductsQuery.isSuccess) {
11931
11931
  var _fetchProductsQuery$d, _fetchProductsQuery$d2, _fetchProductsQuery$d3;
11932
11932
  var allpagesarr = [];
11933
- // fetchProductsQuery.data.pages.forEach((page) => {
11934
- // page.data.products.forEach((productobj) => {
11935
- // allpagesarr.push(productobj);
11936
- // });
11937
- // });
11938
11933
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d = fetchProductsQuery.data) === null || _fetchProductsQuery$d === void 0 ? void 0 : (_fetchProductsQuery$d2 = _fetchProductsQuery$d.data) === null || _fetchProductsQuery$d2 === void 0 ? void 0 : (_fetchProductsQuery$d3 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.forEach(function (item) {
11939
11934
  allpagesarr.push(item);
11940
11935
  });
@@ -12053,11 +12048,6 @@ var CardsSection = function CardsSection(props) {
12053
12048
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12054
12049
  var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
12055
12050
  var allpagesarr = [];
12056
- // fetchProductsQuery.data.pages.forEach((page) => {
12057
- // page.data.products.forEach((productobj) => {
12058
- // allpagesarr.push(productobj);
12059
- // });
12060
- // });
12061
12051
  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) {
12062
12052
  allpagesarr.push(item);
12063
12053
  });
@@ -12205,7 +12195,6 @@ var CardsSection = function CardsSection(props) {
12205
12195
  setcardsarray([].concat(temparray));
12206
12196
  };
12207
12197
  // Example items, to simulate fetching from another resources.
12208
-
12209
12198
  var handlePageClick = function handlePageClick(event) {
12210
12199
  props.scrolltotop();
12211
12200
  var tempProductFilterObjContext = _objectSpread$1M({}, ProductFilterObjContext);
@@ -12520,7 +12509,10 @@ var CardsSection = function CardsSection(props) {
12520
12509
  }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
12521
12510
  size: sectionproperties.viewmoreiconfontsize
12522
12511
  }))), /*#__PURE__*/React__default["default"].createElement("span", {
12523
- "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
12512
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
12513
+ style: {
12514
+ color: sectionproperties.viewmorebtn_Textcolor
12515
+ }
12524
12516
  }, /*#__PURE__*/React__default["default"].createElement("i", {
12525
12517
  "class": "h-100 d-flex align-items-center justify-content-center"
12526
12518
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
@@ -12562,7 +12554,7 @@ var CardsSection = function CardsSection(props) {
12562
12554
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React__default["default"].createElement("div", {
12563
12555
  "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
12564
12556
  style: {
12565
- marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
12557
+ marginTop: sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.viewmoremt + 'px' : 0
12566
12558
  }
12567
12559
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12568
12560
  "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
@@ -13150,7 +13142,7 @@ var Subheader = function Subheader(props) {
13150
13142
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
13151
13143
  "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 dropdownouter d-flex flex-row align-items-center justify-content-center w-sm-100 ',
13152
13144
  style: {
13153
- position: 'relative',
13145
+ position: sectionproperties.subheaderstyle == 'Style 1' ? 'relative' : '',
13154
13146
  background: 'transparent'
13155
13147
  }
13156
13148
  }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13228,7 +13220,8 @@ var Subheader = function Subheader(props) {
13228
13220
  },
13229
13221
  style: {
13230
13222
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
13231
- marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
13223
+ marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
13224
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13232
13225
  }
13233
13226
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13234
13227
  }
@@ -13242,7 +13235,8 @@ var Subheader = function Subheader(props) {
13242
13235
  },
13243
13236
  style: {
13244
13237
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
13245
- marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0
13238
+ marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
13239
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13246
13240
  }
13247
13241
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13248
13242
  }
@@ -22788,7 +22782,10 @@ var Modernheader = function Modernheader(props) {
22788
22782
  }
22789
22783
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22790
22784
  "class": "row m-0 w-100"
22791
- }, /*#__PURE__*/React__default["default"].createElement("div", {
22785
+ }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
22786
+ sectionpropertiesprops: sectionproperties,
22787
+ actions: actions
22788
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22792
22789
  "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
22793
22790
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22794
22791
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
@@ -22828,7 +22825,8 @@ var Modernheader = function Modernheader(props) {
22828
22825
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
22829
22826
  style: {
22830
22827
  maxWidth: '100%',
22831
- maxHeight: '100%'
22828
+ maxHeight: '100%',
22829
+ objectFit: 'contain'
22832
22830
  }
22833
22831
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22834
22832
  "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -23186,6 +23184,10 @@ var StylishHeader = function StylishHeader(props) {
23186
23184
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
23187
23185
  var ikimagecredcontext = props.actions.ikimagecredcontext;
23188
23186
  var actions = props.actions;
23187
+ var _useState3 = React.useState(false),
23188
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
23189
+ openSearchBar = _useState4[0],
23190
+ setopenSearchBar = _useState4[1];
23189
23191
  React.useEffect(function () {
23190
23192
  var secpropobj = {};
23191
23193
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23202,10 +23204,10 @@ var StylishHeader = function StylishHeader(props) {
23202
23204
  }
23203
23205
  setsectionproperties(_objectSpread$1x({}, secpropobj));
23204
23206
  }, [StatePagePropertiesContext]);
23205
- var _useState3 = React.useState([]),
23206
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
23207
- logoarrayofobjects = _useState4[0],
23208
- setlogoarrayofobjects = _useState4[1];
23207
+ var _useState5 = React.useState([]),
23208
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
23209
+ logoarrayofobjects = _useState6[0],
23210
+ setlogoarrayofobjects = _useState6[1];
23209
23211
  React.useEffect(function () {
23210
23212
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
23211
23213
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23214,10 +23216,6 @@ var StylishHeader = function StylishHeader(props) {
23214
23216
  }
23215
23217
  }
23216
23218
  }, [templateproperties_context]);
23217
- var _useState5 = React.useState(false),
23218
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
23219
- openSearchBar = _useState6[0],
23220
- setopenSearchBar = _useState6[1];
23221
23219
  var header_cssstyles = {
23222
23220
  upperHeaderSection: glamor.css({
23223
23221
  background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
@@ -23766,9 +23764,23 @@ var StylishHeader = function StylishHeader(props) {
23766
23764
  className: ' d-flex align-items-center justify-content-center '
23767
23765
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
23768
23766
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23769
- }, /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
23767
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23768
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
23769
+ className: "mr-2",
23770
+ style: {
23771
+ maxWidth: '2.5vh',
23772
+ maxHeight: '2.5vh'
23773
+ }
23774
+ }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
23770
23775
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23771
- }, /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23776
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23777
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
23778
+ className: "ml-2",
23779
+ style: {
23780
+ maxWidth: '2.5vh',
23781
+ maxHeight: '2.5vh'
23782
+ }
23783
+ }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23772
23784
  onClick: function onClick() {
23773
23785
  setlang('ar');
23774
23786
  }
@@ -33851,17 +33863,17 @@ var ModernFooter = function ModernFooter(props) {
33851
33863
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33852
33864
  "class": "row m-0 w-100"
33853
33865
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33854
- "class": "col-lg-4 col-md-12 col-sm-12"
33866
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12' : 'col-lg-4 col-md-12 col-sm-12'
33855
33867
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33856
33868
  "class": "row m-0 w-100 d-flex justify-content-start"
33857
33869
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33858
- "class": 'col-lg-4 col-md-12 col-sm-12 p-0 align-items-center'
33870
+ "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
33859
33871
  }, /*#__PURE__*/React__default["default"].createElement("p", {
33860
- "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak mb-3 ',
33872
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
33861
33873
  style: {
33862
33874
  textAlign: langdetect == 'en' ? 'left' : 'right'
33863
33875
  }
33864
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33876
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33865
33877
  if (item.isnavigation == 1 && item.isactive == 1) {
33866
33878
  return /*#__PURE__*/React__default["default"].createElement("div", {
33867
33879
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
@@ -33909,8 +33921,8 @@ var ModernFooter = function ModernFooter(props) {
33909
33921
  style: {
33910
33922
  textAlign: langdetect == 'en' ? 'left' : 'right'
33911
33923
  }
33912
- }, lang.policies)))))), /*#__PURE__*/React__default["default"].createElement("div", {
33913
- "class": "col-lg-4 col-md-12 col-sm-12"
33924
+ }, lang.policies))))), /*#__PURE__*/React__default["default"].createElement("div", {
33925
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33914
33926
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33915
33927
  "class": "row m-0 w-100 d-flex justify-content-start"
33916
33928
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33951,7 +33963,7 @@ var ModernFooter = function ModernFooter(props) {
33951
33963
  }
33952
33964
  }
33953
33965
  }, "WhatsApp")))), /*#__PURE__*/React__default["default"].createElement("div", {
33954
- "class": "col-lg-4 col-md-12 col-sm-12"
33966
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33955
33967
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33956
33968
  "class": "row m-0 w-100"
33957
33969
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33995,7 +34007,61 @@ var ModernFooter = function ModernFooter(props) {
33995
34007
  }
33996
34008
  }, /*#__PURE__*/React__default["default"].createElement("i", {
33997
34009
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
33998
- }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))))));
34010
+ }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
34011
+ "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3"
34012
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34013
+ className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
34014
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34015
+ className: "".concat(footerStyles.sectionTitle) + ' m-0 p-0 '
34016
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle3en : sectionproperties.otherinfotitle3ar)), /*#__PURE__*/React__default["default"].createElement("div", {
34017
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-1 mb-sm-3'
34018
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
34019
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
34020
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
34021
+ onClick: function onClick() {
34022
+ var _authdetailsContext$i17;
34023
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.mobileapplink_appstore, '_blank');
34024
+ },
34025
+ style: {
34026
+ width: '40%',
34027
+ height: '40%'
34028
+ }
34029
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
34030
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
34031
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
34032
+ onClick: function onClick() {
34033
+ var _authdetailsContext$i18;
34034
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.mobileapplink_appstore, '_blank');
34035
+ },
34036
+ style: {
34037
+ width: '20%',
34038
+ height: '20%'
34039
+ }
34040
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
34041
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
34042
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
34043
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
34044
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
34045
+ onClick: function onClick() {
34046
+ var _authdetailsContext$i19;
34047
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_playstore, '_blank');
34048
+ },
34049
+ style: {
34050
+ width: '40%',
34051
+ height: '40%'
34052
+ }
34053
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
34054
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
34055
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
34056
+ onClick: function onClick() {
34057
+ var _authdetailsContext$i20;
34058
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
34059
+ },
34060
+ style: {
34061
+ width: '20%',
34062
+ height: '20%'
34063
+ }
34064
+ }))))));
33999
34065
  };
34000
34066
 
34001
34067
  function ownKeys$1d(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; }
@@ -52828,10 +52894,11 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52828
52894
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52829
52895
  "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
52830
52896
  style: {
52831
- position: 'relative',
52832
- marginBottom: sectionproperties.image_mb + 'px'
52897
+ position: 'relative'
52898
+ // marginBottom: sectionproperties.image_borderType == 'All' ? 0 : sectionproperties.image_mb + 'px',
52899
+ // paddingBottom: sectionproperties.image_borderType == 'All' ? sectionproperties.image_mb + 'px' : 0,
52833
52900
  }
52834
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52901
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52835
52902
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
52836
52903
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
52837
52904
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -52845,7 +52912,21 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52845
52912
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52846
52913
  },
52847
52914
  loading: "lazy"
52848
- }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52915
+ }), item.image == '' && /*#__PURE__*/React__default["default"].createElement("div", {
52916
+ style: {
52917
+ width: '100%',
52918
+ height: '100%',
52919
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
52920
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
52921
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
52922
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
52923
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52924
+ }
52925
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
52926
+ "class": "h-100 allcentered text-light"
52927
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
52928
+ size: 26
52929
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52849
52930
  "class": "allcentered",
52850
52931
  style: {
52851
52932
  position: 'absolute',
@@ -53638,6 +53719,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53638
53719
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
53639
53720
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
53640
53721
  var ikimagecredcontext = props.actions.ikimagecredcontext;
53722
+ var NotificationManager = NotificationManager;
53641
53723
  React.useEffect(function () {
53642
53724
  var secpropobj = {};
53643
53725
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -53749,6 +53831,21 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53749
53831
  color: sectionproperties.cartBtnTextcoloronhover,
53750
53832
  borderColor: sectionproperties.cartBtnTextcoloronhover
53751
53833
  }
53834
+ }),
53835
+ outstockbadge: glamor.css({
53836
+ width: sectionproperties.outstock_width + 'px',
53837
+ height: sectionproperties.outstock_height + 'px',
53838
+ background: sectionproperties.outstock_bg,
53839
+ color: sectionproperties.outstock_color,
53840
+ fontSize: sectionproperties.outstock_fontSize + 'px',
53841
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
53842
+ position: 'absolute',
53843
+ zIndex: 2,
53844
+ top: 0,
53845
+ bottom: 0,
53846
+ left: 0,
53847
+ right: 0,
53848
+ margin: 'auto'
53752
53849
  })
53753
53850
  };
53754
53851
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53768,7 +53865,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53768
53865
  "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
53769
53866
  style: {
53770
53867
  height: sectionproperties.image_height + 'px',
53771
- marginBottom: sectionproperties.image_mb + 'px'
53868
+ marginBottom: sectionproperties.image_mb + 'px',
53869
+ position: 'relative'
53772
53870
  }
53773
53871
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
53774
53872
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -53784,7 +53882,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53784
53882
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
53785
53883
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
53786
53884
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
53787
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
53885
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
53886
+ opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
53788
53887
  }
53789
53888
  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
53790
53889
  "class": "allcentered",
@@ -53822,7 +53921,11 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53822
53921
  fontSize: sectionproperties.pillfontSize + 'px',
53823
53922
  direction: 'ltr'
53824
53923
  }
53825
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React__default["default"].createElement("div", {
53924
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
53925
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
53926
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
53927
+ "class": "m-0 p-0"
53928
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
53826
53929
  "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
53827
53930
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
53828
53931
  onClick: function onClick() {
@@ -53844,8 +53947,12 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53844
53947
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53845
53948
  "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
53846
53949
  onClick: function onClick() {
53847
- setShowProductInfoModalContext(true);
53848
- setProductIdProdutInfoModalContext(item.productid);
53950
+ if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
53951
+ NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
53952
+ } else {
53953
+ setShowProductInfoModalContext(true);
53954
+ setProductIdProdutInfoModalContext(item.productid);
53955
+ }
53849
53956
  }
53850
53957
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
53851
53958
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
package/dist/index.esm.js CHANGED
@@ -11402,7 +11402,7 @@ var Filter$1 = function Filter(props) {
11402
11402
  }, /*#__PURE__*/React.createElement("p", {
11403
11403
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
11404
11404
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React.createElement("div", {
11405
- "class": "col-lg-12 p-0"
11405
+ "class": "col-lg-12 p-0 mb-4"
11406
11406
  }, /*#__PURE__*/React.createElement(ScrollMenu, {
11407
11407
  transitionBehavior: 'auto',
11408
11408
  wrapperClassName: '',
@@ -11883,11 +11883,6 @@ var CardsSection = function CardsSection(props) {
11883
11883
  if (fetchProductsQuery.isSuccess) {
11884
11884
  var _fetchProductsQuery$d, _fetchProductsQuery$d2, _fetchProductsQuery$d3;
11885
11885
  var allpagesarr = [];
11886
- // fetchProductsQuery.data.pages.forEach((page) => {
11887
- // page.data.products.forEach((productobj) => {
11888
- // allpagesarr.push(productobj);
11889
- // });
11890
- // });
11891
11886
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d = fetchProductsQuery.data) === null || _fetchProductsQuery$d === void 0 ? void 0 : (_fetchProductsQuery$d2 = _fetchProductsQuery$d.data) === null || _fetchProductsQuery$d2 === void 0 ? void 0 : (_fetchProductsQuery$d3 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.forEach(function (item) {
11892
11887
  allpagesarr.push(item);
11893
11888
  });
@@ -12006,11 +12001,6 @@ var CardsSection = function CardsSection(props) {
12006
12001
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
12007
12002
  var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
12008
12003
  var allpagesarr = [];
12009
- // fetchProductsQuery.data.pages.forEach((page) => {
12010
- // page.data.products.forEach((productobj) => {
12011
- // allpagesarr.push(productobj);
12012
- // });
12013
- // });
12014
12004
  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) {
12015
12005
  allpagesarr.push(item);
12016
12006
  });
@@ -12158,7 +12148,6 @@ var CardsSection = function CardsSection(props) {
12158
12148
  setcardsarray([].concat(temparray));
12159
12149
  };
12160
12150
  // Example items, to simulate fetching from another resources.
12161
-
12162
12151
  var handlePageClick = function handlePageClick(event) {
12163
12152
  props.scrolltotop();
12164
12153
  var tempProductFilterObjContext = _objectSpread$1M({}, ProductFilterObjContext);
@@ -12473,7 +12462,10 @@ var CardsSection = function CardsSection(props) {
12473
12462
  }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
12474
12463
  size: sectionproperties.viewmoreiconfontsize
12475
12464
  }))), /*#__PURE__*/React.createElement("span", {
12476
- "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
12465
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
12466
+ style: {
12467
+ color: sectionproperties.viewmorebtn_Textcolor
12468
+ }
12477
12469
  }, /*#__PURE__*/React.createElement("i", {
12478
12470
  "class": "h-100 d-flex align-items-center justify-content-center"
12479
12471
  }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
@@ -12515,7 +12507,7 @@ var CardsSection = function CardsSection(props) {
12515
12507
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React.createElement("div", {
12516
12508
  "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
12517
12509
  style: {
12518
- marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
12510
+ marginTop: sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.viewmoremt + 'px' : 0
12519
12511
  }
12520
12512
  }, /*#__PURE__*/React.createElement("div", {
12521
12513
  "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
@@ -13103,7 +13095,7 @@ var Subheader = function Subheader(props) {
13103
13095
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React.createElement("div", {
13104
13096
  "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 dropdownouter d-flex flex-row align-items-center justify-content-center w-sm-100 ',
13105
13097
  style: {
13106
- position: 'relative',
13098
+ position: sectionproperties.subheaderstyle == 'Style 1' ? 'relative' : '',
13107
13099
  background: 'transparent'
13108
13100
  }
13109
13101
  }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React.createElement("div", {
@@ -13181,7 +13173,8 @@ var Subheader = function Subheader(props) {
13181
13173
  },
13182
13174
  style: {
13183
13175
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
13184
- marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
13176
+ marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
13177
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13185
13178
  }
13186
13179
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13187
13180
  }
@@ -13195,7 +13188,8 @@ var Subheader = function Subheader(props) {
13195
13188
  },
13196
13189
  style: {
13197
13190
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
13198
- marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0
13191
+ marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
13192
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13199
13193
  }
13200
13194
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13201
13195
  }
@@ -22741,7 +22735,10 @@ var Modernheader = function Modernheader(props) {
22741
22735
  }
22742
22736
  }, /*#__PURE__*/React.createElement("div", {
22743
22737
  "class": "row m-0 w-100"
22744
- }, /*#__PURE__*/React.createElement("div", {
22738
+ }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
22739
+ sectionpropertiesprops: sectionproperties,
22740
+ actions: actions
22741
+ }), /*#__PURE__*/React.createElement("div", {
22745
22742
  "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
22746
22743
  }, /*#__PURE__*/React.createElement("div", {
22747
22744
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
@@ -22781,7 +22778,8 @@ var Modernheader = function Modernheader(props) {
22781
22778
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
22782
22779
  style: {
22783
22780
  maxWidth: '100%',
22784
- maxHeight: '100%'
22781
+ maxHeight: '100%',
22782
+ objectFit: 'contain'
22785
22783
  }
22786
22784
  }))), /*#__PURE__*/React.createElement("div", {
22787
22785
  "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -23139,6 +23137,10 @@ var StylishHeader = function StylishHeader(props) {
23139
23137
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
23140
23138
  var ikimagecredcontext = props.actions.ikimagecredcontext;
23141
23139
  var actions = props.actions;
23140
+ var _useState3 = useState(false),
23141
+ _useState4 = _slicedToArray(_useState3, 2),
23142
+ openSearchBar = _useState4[0],
23143
+ setopenSearchBar = _useState4[1];
23142
23144
  useEffect(function () {
23143
23145
  var secpropobj = {};
23144
23146
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23155,10 +23157,10 @@ var StylishHeader = function StylishHeader(props) {
23155
23157
  }
23156
23158
  setsectionproperties(_objectSpread$1x({}, secpropobj));
23157
23159
  }, [StatePagePropertiesContext]);
23158
- var _useState3 = useState([]),
23159
- _useState4 = _slicedToArray(_useState3, 2),
23160
- logoarrayofobjects = _useState4[0],
23161
- setlogoarrayofobjects = _useState4[1];
23160
+ var _useState5 = useState([]),
23161
+ _useState6 = _slicedToArray(_useState5, 2),
23162
+ logoarrayofobjects = _useState6[0],
23163
+ setlogoarrayofobjects = _useState6[1];
23162
23164
  useEffect(function () {
23163
23165
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
23164
23166
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23167,10 +23169,6 @@ var StylishHeader = function StylishHeader(props) {
23167
23169
  }
23168
23170
  }
23169
23171
  }, [templateproperties_context]);
23170
- var _useState5 = useState(false),
23171
- _useState6 = _slicedToArray(_useState5, 2),
23172
- openSearchBar = _useState6[0],
23173
- setopenSearchBar = _useState6[1];
23174
23172
  var header_cssstyles = {
23175
23173
  upperHeaderSection: css({
23176
23174
  background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
@@ -23719,9 +23717,23 @@ var StylishHeader = function StylishHeader(props) {
23719
23717
  className: ' d-flex align-items-center justify-content-center '
23720
23718
  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
23721
23719
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23722
- }, /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
23720
+ }, /*#__PURE__*/React.createElement("img", {
23721
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
23722
+ className: "mr-2",
23723
+ style: {
23724
+ maxWidth: '2.5vh',
23725
+ maxHeight: '2.5vh'
23726
+ }
23727
+ }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
23723
23728
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23724
- }, /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
23729
+ }, /*#__PURE__*/React.createElement("img", {
23730
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
23731
+ className: "ml-2",
23732
+ style: {
23733
+ maxWidth: '2.5vh',
23734
+ maxHeight: '2.5vh'
23735
+ }
23736
+ }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
23725
23737
  onClick: function onClick() {
23726
23738
  setlang('ar');
23727
23739
  }
@@ -33804,17 +33816,17 @@ var ModernFooter = function ModernFooter(props) {
33804
33816
  }, /*#__PURE__*/React.createElement("div", {
33805
33817
  "class": "row m-0 w-100"
33806
33818
  }, /*#__PURE__*/React.createElement("div", {
33807
- "class": "col-lg-4 col-md-12 col-sm-12"
33819
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12' : 'col-lg-4 col-md-12 col-sm-12'
33808
33820
  }, /*#__PURE__*/React.createElement("div", {
33809
33821
  "class": "row m-0 w-100 d-flex justify-content-start"
33810
33822
  }, /*#__PURE__*/React.createElement("div", {
33811
- "class": 'col-lg-4 col-md-12 col-sm-12 p-0 align-items-center'
33823
+ "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
33812
33824
  }, /*#__PURE__*/React.createElement("p", {
33813
- "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak mb-3 ',
33825
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
33814
33826
  style: {
33815
33827
  textAlign: langdetect == 'en' ? 'left' : 'right'
33816
33828
  }
33817
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33829
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33818
33830
  if (item.isnavigation == 1 && item.isactive == 1) {
33819
33831
  return /*#__PURE__*/React.createElement("div", {
33820
33832
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
@@ -33862,8 +33874,8 @@ var ModernFooter = function ModernFooter(props) {
33862
33874
  style: {
33863
33875
  textAlign: langdetect == 'en' ? 'left' : 'right'
33864
33876
  }
33865
- }, lang.policies)))))), /*#__PURE__*/React.createElement("div", {
33866
- "class": "col-lg-4 col-md-12 col-sm-12"
33877
+ }, lang.policies))))), /*#__PURE__*/React.createElement("div", {
33878
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33867
33879
  }, /*#__PURE__*/React.createElement("div", {
33868
33880
  "class": "row m-0 w-100 d-flex justify-content-start"
33869
33881
  }, /*#__PURE__*/React.createElement("div", {
@@ -33904,7 +33916,7 @@ var ModernFooter = function ModernFooter(props) {
33904
33916
  }
33905
33917
  }
33906
33918
  }, "WhatsApp")))), /*#__PURE__*/React.createElement("div", {
33907
- "class": "col-lg-4 col-md-12 col-sm-12"
33919
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33908
33920
  }, /*#__PURE__*/React.createElement("div", {
33909
33921
  "class": "row m-0 w-100"
33910
33922
  }, /*#__PURE__*/React.createElement("div", {
@@ -33948,7 +33960,61 @@ var ModernFooter = function ModernFooter(props) {
33948
33960
  }
33949
33961
  }, /*#__PURE__*/React.createElement("i", {
33950
33962
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
33951
- }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))))));
33963
+ }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
33964
+ "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3"
33965
+ }, /*#__PURE__*/React.createElement("div", {
33966
+ className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
33967
+ }, /*#__PURE__*/React.createElement("p", {
33968
+ className: "".concat(footerStyles.sectionTitle) + ' m-0 p-0 '
33969
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle3en : sectionproperties.otherinfotitle3ar)), /*#__PURE__*/React.createElement("div", {
33970
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-1 mb-sm-3'
33971
+ }, /*#__PURE__*/React.createElement("img", {
33972
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
33973
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
33974
+ onClick: function onClick() {
33975
+ var _authdetailsContext$i17;
33976
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.mobileapplink_appstore, '_blank');
33977
+ },
33978
+ style: {
33979
+ width: '40%',
33980
+ height: '40%'
33981
+ }
33982
+ }), /*#__PURE__*/React.createElement("img", {
33983
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
33984
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
33985
+ onClick: function onClick() {
33986
+ var _authdetailsContext$i18;
33987
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.mobileapplink_appstore, '_blank');
33988
+ },
33989
+ style: {
33990
+ width: '20%',
33991
+ height: '20%'
33992
+ }
33993
+ })), /*#__PURE__*/React.createElement("div", {
33994
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
33995
+ }, /*#__PURE__*/React.createElement("img", {
33996
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
33997
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
33998
+ onClick: function onClick() {
33999
+ var _authdetailsContext$i19;
34000
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_playstore, '_blank');
34001
+ },
34002
+ style: {
34003
+ width: '40%',
34004
+ height: '40%'
34005
+ }
34006
+ }), /*#__PURE__*/React.createElement("img", {
34007
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
34008
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
34009
+ onClick: function onClick() {
34010
+ var _authdetailsContext$i20;
34011
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
34012
+ },
34013
+ style: {
34014
+ width: '20%',
34015
+ height: '20%'
34016
+ }
34017
+ }))))));
33952
34018
  };
33953
34019
 
33954
34020
  function ownKeys$1d(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; }
@@ -52781,10 +52847,11 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52781
52847
  }, /*#__PURE__*/React.createElement("div", {
52782
52848
  "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
52783
52849
  style: {
52784
- position: 'relative',
52785
- marginBottom: sectionproperties.image_mb + 'px'
52850
+ position: 'relative'
52851
+ // marginBottom: sectionproperties.image_borderType == 'All' ? 0 : sectionproperties.image_mb + 'px',
52852
+ // paddingBottom: sectionproperties.image_borderType == 'All' ? sectionproperties.image_mb + 'px' : 0,
52786
52853
  }
52787
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
52854
+ }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
52788
52855
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
52789
52856
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
52790
52857
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -52798,7 +52865,21 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52798
52865
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52799
52866
  },
52800
52867
  loading: "lazy"
52801
- }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
52868
+ }), item.image == '' && /*#__PURE__*/React.createElement("div", {
52869
+ style: {
52870
+ width: '100%',
52871
+ height: '100%',
52872
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
52873
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
52874
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
52875
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
52876
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52877
+ }
52878
+ }, /*#__PURE__*/React.createElement("i", {
52879
+ "class": "h-100 allcentered text-light"
52880
+ }, /*#__PURE__*/React.createElement(FiLayers, {
52881
+ size: 26
52882
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
52802
52883
  "class": "allcentered",
52803
52884
  style: {
52804
52885
  position: 'absolute',
@@ -53591,6 +53672,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53591
53672
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
53592
53673
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
53593
53674
  var ikimagecredcontext = props.actions.ikimagecredcontext;
53675
+ var NotificationManager = NotificationManager;
53594
53676
  useEffect(function () {
53595
53677
  var secpropobj = {};
53596
53678
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -53702,6 +53784,21 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53702
53784
  color: sectionproperties.cartBtnTextcoloronhover,
53703
53785
  borderColor: sectionproperties.cartBtnTextcoloronhover
53704
53786
  }
53787
+ }),
53788
+ outstockbadge: css({
53789
+ width: sectionproperties.outstock_width + 'px',
53790
+ height: sectionproperties.outstock_height + 'px',
53791
+ background: sectionproperties.outstock_bg,
53792
+ color: sectionproperties.outstock_color,
53793
+ fontSize: sectionproperties.outstock_fontSize + 'px',
53794
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
53795
+ position: 'absolute',
53796
+ zIndex: 2,
53797
+ top: 0,
53798
+ bottom: 0,
53799
+ left: 0,
53800
+ right: 0,
53801
+ margin: 'auto'
53705
53802
  })
53706
53803
  };
53707
53804
  return /*#__PURE__*/React.createElement("div", {
@@ -53721,7 +53818,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53721
53818
  "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
53722
53819
  style: {
53723
53820
  height: sectionproperties.image_height + 'px',
53724
- marginBottom: sectionproperties.image_mb + 'px'
53821
+ marginBottom: sectionproperties.image_mb + 'px',
53822
+ position: 'relative'
53725
53823
  }
53726
53824
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
53727
53825
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -53737,7 +53835,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53737
53835
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
53738
53836
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
53739
53837
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
53740
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
53838
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
53839
+ opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
53741
53840
  }
53742
53841
  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
53743
53842
  "class": "allcentered",
@@ -53775,7 +53874,11 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53775
53874
  fontSize: sectionproperties.pillfontSize + 'px',
53776
53875
  direction: 'ltr'
53777
53876
  }
53778
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React.createElement("div", {
53877
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
53878
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
53879
+ }, /*#__PURE__*/React.createElement("p", {
53880
+ "class": "m-0 p-0"
53881
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", {
53779
53882
  "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
53780
53883
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
53781
53884
  onClick: function onClick() {
@@ -53797,8 +53900,12 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53797
53900
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
53798
53901
  "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
53799
53902
  onClick: function onClick() {
53800
- setShowProductInfoModalContext(true);
53801
- setProductIdProdutInfoModalContext(item.productid);
53903
+ if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
53904
+ NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
53905
+ } else {
53906
+ setShowProductInfoModalContext(true);
53907
+ setProductIdProdutInfoModalContext(item.productid);
53908
+ }
53802
53909
  }
53803
53910
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("span", {
53804
53911
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
package/dist/index.umd.js CHANGED
@@ -11294,7 +11294,7 @@
11294
11294
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11295
11295
  className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
11296
11296
  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
11297
- "class": "col-lg-12 p-0"
11297
+ "class": "col-lg-12 p-0 mb-4"
11298
11298
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
11299
11299
  transitionBehavior: 'auto',
11300
11300
  wrapperClassName: '',
@@ -11775,11 +11775,6 @@
11775
11775
  if (fetchProductsQuery.isSuccess) {
11776
11776
  var _fetchProductsQuery$d, _fetchProductsQuery$d2, _fetchProductsQuery$d3;
11777
11777
  var allpagesarr = [];
11778
- // fetchProductsQuery.data.pages.forEach((page) => {
11779
- // page.data.products.forEach((productobj) => {
11780
- // allpagesarr.push(productobj);
11781
- // });
11782
- // });
11783
11778
  fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d = fetchProductsQuery.data) === null || _fetchProductsQuery$d === void 0 ? void 0 : (_fetchProductsQuery$d2 = _fetchProductsQuery$d.data) === null || _fetchProductsQuery$d2 === void 0 ? void 0 : (_fetchProductsQuery$d3 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.forEach(function (item) {
11784
11779
  allpagesarr.push(item);
11785
11780
  });
@@ -11898,11 +11893,6 @@
11898
11893
  if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
11899
11894
  var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
11900
11895
  var allpagesarr = [];
11901
- // fetchProductsQuery.data.pages.forEach((page) => {
11902
- // page.data.products.forEach((productobj) => {
11903
- // allpagesarr.push(productobj);
11904
- // });
11905
- // });
11906
11896
  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) {
11907
11897
  allpagesarr.push(item);
11908
11898
  });
@@ -12050,7 +12040,6 @@
12050
12040
  setcardsarray([].concat(temparray));
12051
12041
  };
12052
12042
  // Example items, to simulate fetching from another resources.
12053
-
12054
12043
  var handlePageClick = function handlePageClick(event) {
12055
12044
  props.scrolltotop();
12056
12045
  var tempProductFilterObjContext = _objectSpread$1M({}, ProductFilterObjContext);
@@ -12365,7 +12354,10 @@
12365
12354
  }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
12366
12355
  size: sectionproperties.viewmoreiconfontsize
12367
12356
  }))), /*#__PURE__*/React__default["default"].createElement("span", {
12368
- "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
12357
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center',
12358
+ style: {
12359
+ color: sectionproperties.viewmorebtn_Textcolor
12360
+ }
12369
12361
  }, /*#__PURE__*/React__default["default"].createElement("i", {
12370
12362
  "class": "h-100 d-flex align-items-center justify-content-center"
12371
12363
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
@@ -12407,7 +12399,7 @@
12407
12399
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), /*#__PURE__*/React__default["default"].createElement("div", {
12408
12400
  "class": sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.showFilter == 'show' ? 'col-lg-12 col-md-3 col-sm-3 d-flex align-item-center justify-content-center p-0' : 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-3 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
12409
12401
  style: {
12410
- marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '5px' : 0
12402
+ marginTop: sectionproperties.sectiontitleposition == 'Centered' ? sectionproperties.viewmoremt + 'px' : 0
12411
12403
  }
12412
12404
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12413
12405
  "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
@@ -12995,7 +12987,7 @@
12995
12987
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
12996
12988
  "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 dropdownouter d-flex flex-row align-items-center justify-content-center w-sm-100 ',
12997
12989
  style: {
12998
- position: 'relative',
12990
+ position: sectionproperties.subheaderstyle == 'Style 1' ? 'relative' : '',
12999
12991
  background: 'transparent'
13000
12992
  }
13001
12993
  }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13073,7 +13065,8 @@
13073
13065
  },
13074
13066
  style: {
13075
13067
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingLeftprops : 0,
13076
- marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0
13068
+ marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
13069
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13077
13070
  }
13078
13071
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13079
13072
  }
@@ -13087,7 +13080,8 @@
13087
13080
  },
13088
13081
  style: {
13089
13082
  marginLeft: langdetect == 'ar' ? (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.paddingLeftprops : 0,
13090
- marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0
13083
+ marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
13084
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13091
13085
  }
13092
13086
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13093
13087
  }
@@ -22633,7 +22627,10 @@
22633
22627
  }
22634
22628
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22635
22629
  "class": "row m-0 w-100"
22636
- }, /*#__PURE__*/React__default["default"].createElement("div", {
22630
+ }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
22631
+ sectionpropertiesprops: sectionproperties,
22632
+ actions: actions
22633
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22637
22634
  "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
22638
22635
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22639
22636
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
@@ -22673,7 +22670,8 @@
22673
22670
  path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
22674
22671
  style: {
22675
22672
  maxWidth: '100%',
22676
- maxHeight: '100%'
22673
+ maxHeight: '100%',
22674
+ objectFit: 'contain'
22677
22675
  }
22678
22676
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22679
22677
  "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -23031,6 +23029,10 @@
23031
23029
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
23032
23030
  var ikimagecredcontext = props.actions.ikimagecredcontext;
23033
23031
  var actions = props.actions;
23032
+ var _useState3 = React.useState(false),
23033
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
23034
+ openSearchBar = _useState4[0],
23035
+ setopenSearchBar = _useState4[1];
23034
23036
  React.useEffect(function () {
23035
23037
  var secpropobj = {};
23036
23038
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23047,10 +23049,10 @@
23047
23049
  }
23048
23050
  setsectionproperties(_objectSpread$1x({}, secpropobj));
23049
23051
  }, [StatePagePropertiesContext]);
23050
- var _useState3 = React.useState([]),
23051
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
23052
- logoarrayofobjects = _useState4[0],
23053
- setlogoarrayofobjects = _useState4[1];
23052
+ var _useState5 = React.useState([]),
23053
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
23054
+ logoarrayofobjects = _useState6[0],
23055
+ setlogoarrayofobjects = _useState6[1];
23054
23056
  React.useEffect(function () {
23055
23057
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
23056
23058
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23059,10 +23061,6 @@
23059
23061
  }
23060
23062
  }
23061
23063
  }, [templateproperties_context]);
23062
- var _useState5 = React.useState(false),
23063
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
23064
- openSearchBar = _useState6[0],
23065
- setopenSearchBar = _useState6[1];
23066
23064
  var header_cssstyles = {
23067
23065
  upperHeaderSection: glamor.css({
23068
23066
  background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
@@ -23611,9 +23609,23 @@
23611
23609
  className: ' d-flex align-items-center justify-content-center '
23612
23610
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
23613
23611
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23614
- }, /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
23612
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23613
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
23614
+ className: "mr-2",
23615
+ style: {
23616
+ maxWidth: '2.5vh',
23617
+ maxHeight: '2.5vh'
23618
+ }
23619
+ }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
23615
23620
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
23616
- }, /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23621
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23622
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
23623
+ className: "ml-2",
23624
+ style: {
23625
+ maxWidth: '2.5vh',
23626
+ maxHeight: '2.5vh'
23627
+ }
23628
+ }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23617
23629
  onClick: function onClick() {
23618
23630
  setlang('ar');
23619
23631
  }
@@ -33696,17 +33708,17 @@
33696
33708
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33697
33709
  "class": "row m-0 w-100"
33698
33710
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33699
- "class": "col-lg-4 col-md-12 col-sm-12"
33711
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12' : 'col-lg-4 col-md-12 col-sm-12'
33700
33712
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33701
33713
  "class": "row m-0 w-100 d-flex justify-content-start"
33702
33714
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33703
- "class": 'col-lg-4 col-md-12 col-sm-12 p-0 align-items-center'
33715
+ "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
33704
33716
  }, /*#__PURE__*/React__default["default"].createElement("p", {
33705
- "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak mb-3 ',
33717
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
33706
33718
  style: {
33707
33719
  textAlign: langdetect == 'en' ? 'left' : 'right'
33708
33720
  }
33709
- }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33721
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
33710
33722
  if (item.isnavigation == 1 && item.isactive == 1) {
33711
33723
  return /*#__PURE__*/React__default["default"].createElement("div", {
33712
33724
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
@@ -33754,8 +33766,8 @@
33754
33766
  style: {
33755
33767
  textAlign: langdetect == 'en' ? 'left' : 'right'
33756
33768
  }
33757
- }, lang.policies)))))), /*#__PURE__*/React__default["default"].createElement("div", {
33758
- "class": "col-lg-4 col-md-12 col-sm-12"
33769
+ }, lang.policies))))), /*#__PURE__*/React__default["default"].createElement("div", {
33770
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33759
33771
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33760
33772
  "class": "row m-0 w-100 d-flex justify-content-start"
33761
33773
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33796,7 +33808,7 @@
33796
33808
  }
33797
33809
  }
33798
33810
  }, "WhatsApp")))), /*#__PURE__*/React__default["default"].createElement("div", {
33799
- "class": "col-lg-4 col-md-12 col-sm-12"
33811
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3'
33800
33812
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33801
33813
  "class": "row m-0 w-100"
33802
33814
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33840,7 +33852,61 @@
33840
33852
  }
33841
33853
  }, /*#__PURE__*/React__default["default"].createElement("i", {
33842
33854
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
33843
- }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))))));
33855
+ }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
33856
+ "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3"
33857
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
33858
+ className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
33859
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
33860
+ className: "".concat(footerStyles.sectionTitle) + ' m-0 p-0 '
33861
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle3en : sectionproperties.otherinfotitle3ar)), /*#__PURE__*/React__default["default"].createElement("div", {
33862
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-1 mb-sm-3'
33863
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
33864
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
33865
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
33866
+ onClick: function onClick() {
33867
+ var _authdetailsContext$i17;
33868
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.mobileapplink_appstore, '_blank');
33869
+ },
33870
+ style: {
33871
+ width: '40%',
33872
+ height: '40%'
33873
+ }
33874
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
33875
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
33876
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
33877
+ onClick: function onClick() {
33878
+ var _authdetailsContext$i18;
33879
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.mobileapplink_appstore, '_blank');
33880
+ },
33881
+ style: {
33882
+ width: '20%',
33883
+ height: '20%'
33884
+ }
33885
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
33886
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
33887
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
33888
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
33889
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
33890
+ onClick: function onClick() {
33891
+ var _authdetailsContext$i19;
33892
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_playstore, '_blank');
33893
+ },
33894
+ style: {
33895
+ width: '40%',
33896
+ height: '40%'
33897
+ }
33898
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
33899
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
33900
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
33901
+ onClick: function onClick() {
33902
+ var _authdetailsContext$i20;
33903
+ window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
33904
+ },
33905
+ style: {
33906
+ width: '20%',
33907
+ height: '20%'
33908
+ }
33909
+ }))))));
33844
33910
  };
33845
33911
 
33846
33912
  function ownKeys$1d(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; }
@@ -52673,10 +52739,11 @@
52673
52739
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52674
52740
  "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
52675
52741
  style: {
52676
- position: 'relative',
52677
- marginBottom: sectionproperties.image_mb + 'px'
52742
+ position: 'relative'
52743
+ // marginBottom: sectionproperties.image_borderType == 'All' ? 0 : sectionproperties.image_mb + 'px',
52744
+ // paddingBottom: sectionproperties.image_borderType == 'All' ? sectionproperties.image_mb + 'px' : 0,
52678
52745
  }
52679
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52746
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52680
52747
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
52681
52748
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
52682
52749
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -52690,7 +52757,21 @@
52690
52757
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52691
52758
  },
52692
52759
  loading: "lazy"
52693
- }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52760
+ }), item.image == '' && /*#__PURE__*/React__default["default"].createElement("div", {
52761
+ style: {
52762
+ width: '100%',
52763
+ height: '100%',
52764
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
52765
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
52766
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
52767
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
52768
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52769
+ }
52770
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
52771
+ "class": "h-100 allcentered text-light"
52772
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
52773
+ size: 26
52774
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52694
52775
  "class": "allcentered",
52695
52776
  style: {
52696
52777
  position: 'absolute',
@@ -53483,6 +53564,7 @@
53483
53564
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
53484
53565
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
53485
53566
  var ikimagecredcontext = props.actions.ikimagecredcontext;
53567
+ var NotificationManager = NotificationManager;
53486
53568
  React.useEffect(function () {
53487
53569
  var secpropobj = {};
53488
53570
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -53594,6 +53676,21 @@
53594
53676
  color: sectionproperties.cartBtnTextcoloronhover,
53595
53677
  borderColor: sectionproperties.cartBtnTextcoloronhover
53596
53678
  }
53679
+ }),
53680
+ outstockbadge: glamor.css({
53681
+ width: sectionproperties.outstock_width + 'px',
53682
+ height: sectionproperties.outstock_height + 'px',
53683
+ background: sectionproperties.outstock_bg,
53684
+ color: sectionproperties.outstock_color,
53685
+ fontSize: sectionproperties.outstock_fontSize + 'px',
53686
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
53687
+ position: 'absolute',
53688
+ zIndex: 2,
53689
+ top: 0,
53690
+ bottom: 0,
53691
+ left: 0,
53692
+ right: 0,
53693
+ margin: 'auto'
53597
53694
  })
53598
53695
  };
53599
53696
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53613,7 +53710,8 @@
53613
53710
  "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
53614
53711
  style: {
53615
53712
  height: sectionproperties.image_height + 'px',
53616
- marginBottom: sectionproperties.image_mb + 'px'
53713
+ marginBottom: sectionproperties.image_mb + 'px',
53714
+ position: 'relative'
53617
53715
  }
53618
53716
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
53619
53717
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -53629,7 +53727,8 @@
53629
53727
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
53630
53728
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
53631
53729
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
53632
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
53730
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
53731
+ opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
53633
53732
  }
53634
53733
  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
53635
53734
  "class": "allcentered",
@@ -53667,7 +53766,11 @@
53667
53766
  fontSize: sectionproperties.pillfontSize + 'px',
53668
53767
  direction: 'ltr'
53669
53768
  }
53670
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React__default["default"].createElement("div", {
53769
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
53770
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
53771
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
53772
+ "class": "m-0 p-0"
53773
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
53671
53774
  "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
53672
53775
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
53673
53776
  onClick: function onClick() {
@@ -53689,8 +53792,12 @@
53689
53792
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53690
53793
  "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
53691
53794
  onClick: function onClick() {
53692
- setShowProductInfoModalContext(true);
53693
- setProductIdProdutInfoModalContext(item.productid);
53795
+ if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
53796
+ NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
53797
+ } else {
53798
+ setShowProductInfoModalContext(true);
53799
+ setProductIdProdutInfoModalContext(item.productid);
53800
+ }
53694
53801
  }
53695
53802
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
53696
53803
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.274",
3
+ "version": "0.0.275",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {
package/srclib.zip ADDED
Binary file