tabexseriescomponents 0.0.274 → 0.0.276

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -10943,6 +10943,7 @@ var Filter$1 = function Filter(props) {
10943
10943
  _useState12 = _slicedToArray__default["default"](_useState11, 2),
10944
10944
  raterangevalue = _useState12[0],
10945
10945
  setraterangevalue = _useState12[1];
10946
+ var timeoutRef = React__default["default"].useRef(null);
10946
10947
  var _useState13 = React.useState([{
10947
10948
  payloadvalue: 'sortprice',
10948
10949
  name: lang.price,
@@ -10988,7 +10989,6 @@ var Filter$1 = function Filter(props) {
10988
10989
  React.useEffect(function () {
10989
10990
  filterupdater();
10990
10991
  }, [ProductFilterObjContext]);
10991
- var timeoutRef = React__default["default"].useRef(null);
10992
10992
  React__default["default"].useEffect(function () {
10993
10993
  if (timeoutRef.current !== null) {
10994
10994
  clearTimeout(timeoutRef.current);
@@ -11109,101 +11109,6 @@ var Filter$1 = function Filter(props) {
11109
11109
  setProductFilterObjContext(_objectSpread$1N({}, tempfetchproductsfilerobjcontext));
11110
11110
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
11111
11111
  };
11112
- var filter_cssstyles = {
11113
- collapsetitle: glamor.css({
11114
- fontSize: sectionproperties.filtertitle_fontsize + 'px',
11115
- fontWeight: sectionproperties.filtertitle_fontweight,
11116
- textTransform: sectionproperties.filtertitle_texttransform,
11117
- color: sectionproperties.filtertitle_color,
11118
- ':hover': {
11119
- color: sectionproperties.filtertitle_coloronhover
11120
- }
11121
- }),
11122
- titlecontainer: glamor.css({
11123
- color: sectionproperties.filtertitle_color,
11124
- ':hover .collapsetitle': {
11125
- color: sectionproperties.filtertitle_coloronhover
11126
- }
11127
- }),
11128
- timeline_text: glamor.css({
11129
- fontSize: sectionproperties.timeline_text_fontsize + 'px',
11130
- fontWeight: sectionproperties.timeline_text_fontweight,
11131
- textTransform: sectionproperties.timeline_text_texttransform,
11132
- color: sectionproperties.timeline_text_color,
11133
- transition: '.3s',
11134
- ':hover': {
11135
- color: sectionproperties.timeline_text_coloronhover
11136
- }
11137
- }),
11138
- btnstyles: glamor.css({
11139
- color: sectionproperties.generalbtn_textColor,
11140
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
11141
- textTransform: sectionproperties.generalbtn_texttransform,
11142
- width: sectionproperties.generalbtn_width + 'px',
11143
- height: sectionproperties.generalbtn_height + 'px',
11144
- background: sectionproperties.generalbtn_bgColor,
11145
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
11146
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
11147
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
11148
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
11149
- fontWeight: sectionproperties.generalbtn_fontweight,
11150
- transition: '.3s',
11151
- ':hover': {
11152
- background: sectionproperties.generalbtn_bgColoronhover,
11153
- color: sectionproperties.generalbtn_textColoronhover
11154
- }
11155
- }),
11156
- close_menu_icon_cont: glamor.css({
11157
- background: sectionproperties.closeSliderBgColor,
11158
- width: sectionproperties.closeSliderWidth + 'px',
11159
- height: sectionproperties.closeSliderHeight + 'px',
11160
- borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
11161
- ':hover': {
11162
- background: sectionproperties.closeSliderBgColorHover
11163
- }
11164
- }),
11165
- horizontalfilter_card: glamor.css({
11166
- marginBottom: sectionproperties.horizontalfilter_mb + 'px',
11167
- marginTop: sectionproperties.horizontalfilter_mt + 'px',
11168
- background: sectionproperties.horizontalfilter_cardbg,
11169
- border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
11170
- boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
11171
- }),
11172
- btn_item: glamor.css({
11173
- width: '20px',
11174
- height: '20px',
11175
- background: sectionproperties.filteritembtn_bgcolor,
11176
- ':hover': {
11177
- background: sectionproperties.filteritembtn_bghover
11178
- }
11179
- }),
11180
- btn_item_active: glamor.css({
11181
- background: sectionproperties.btn_item_activebgcolor
11182
- }),
11183
- timelineinnercont_active: glamor.css({
11184
- fontWeight: sectionproperties.activecat_fontweight,
11185
- color: sectionproperties.activecat_color
11186
- }),
11187
- categoryName: glamor.css({
11188
- color: sectionproperties.filtertitle_color,
11189
- fontWeight: sectionproperties.filterCatFontWeight,
11190
- fontSize: sectionproperties.filterCatFontSize + 'px'
11191
- }),
11192
- pCollectionName: glamor.css({
11193
- color: sectionproperties.filtertitle_color,
11194
- fontWeight: sectionproperties.filterPCollFontWeight,
11195
- fontSize: sectionproperties.filterPCollFontSize + 'px'
11196
- }),
11197
- explorebtn: glamor.css({
11198
- fontSize: sectionproperties.explorebtnfontsize + 'px',
11199
- fontWeight: 600,
11200
- color: sectionproperties.explorebtncolor,
11201
- transition: '.3s',
11202
- ':hover': {
11203
- color: sectionproperties.explorebtncoloronhover
11204
- }
11205
- })
11206
- };
11207
11112
  var CategoriesFilter = function CategoriesFilter() {
11208
11113
  return /*#__PURE__*/React__default["default"].createElement("div", {
11209
11114
  "class": "col-lg-12 p-0"
@@ -11437,6 +11342,101 @@ var Filter$1 = function Filter(props) {
11437
11342
  }));
11438
11343
  }));
11439
11344
  };
11345
+ var filter_cssstyles = {
11346
+ collapsetitle: glamor.css({
11347
+ fontSize: sectionproperties.filtertitle_fontsize + 'px',
11348
+ fontWeight: sectionproperties.filtertitle_fontweight,
11349
+ textTransform: sectionproperties.filtertitle_texttransform,
11350
+ color: sectionproperties.filtertitle_color,
11351
+ ':hover': {
11352
+ color: sectionproperties.filtertitle_coloronhover
11353
+ }
11354
+ }),
11355
+ titlecontainer: glamor.css({
11356
+ color: sectionproperties.filtertitle_color,
11357
+ ':hover .collapsetitle': {
11358
+ color: sectionproperties.filtertitle_coloronhover
11359
+ }
11360
+ }),
11361
+ timeline_text: glamor.css({
11362
+ fontSize: sectionproperties.timeline_text_fontsize + 'px',
11363
+ fontWeight: sectionproperties.timeline_text_fontweight,
11364
+ textTransform: sectionproperties.timeline_text_texttransform,
11365
+ color: sectionproperties.timeline_text_color,
11366
+ transition: '.3s',
11367
+ ':hover': {
11368
+ color: sectionproperties.timeline_text_coloronhover
11369
+ }
11370
+ }),
11371
+ btnstyles: glamor.css({
11372
+ color: sectionproperties.generalbtn_textColor,
11373
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
11374
+ textTransform: sectionproperties.generalbtn_texttransform,
11375
+ width: sectionproperties.generalbtn_width + 'px',
11376
+ height: sectionproperties.generalbtn_height + 'px',
11377
+ background: sectionproperties.generalbtn_bgColor,
11378
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
11379
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
11380
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
11381
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
11382
+ fontWeight: sectionproperties.generalbtn_fontweight,
11383
+ transition: '.3s',
11384
+ ':hover': {
11385
+ background: sectionproperties.generalbtn_bgColoronhover,
11386
+ color: sectionproperties.generalbtn_textColoronhover
11387
+ }
11388
+ }),
11389
+ close_menu_icon_cont: glamor.css({
11390
+ background: sectionproperties.closeSliderBgColor,
11391
+ width: sectionproperties.closeSliderWidth + 'px',
11392
+ height: sectionproperties.closeSliderHeight + 'px',
11393
+ borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
11394
+ ':hover': {
11395
+ background: sectionproperties.closeSliderBgColorHover
11396
+ }
11397
+ }),
11398
+ horizontalfilter_card: glamor.css({
11399
+ marginBottom: sectionproperties.horizontalfilter_mb + 'px',
11400
+ marginTop: sectionproperties.horizontalfilter_mt + 'px',
11401
+ background: sectionproperties.horizontalfilter_cardbg,
11402
+ border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
11403
+ boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
11404
+ }),
11405
+ btn_item: glamor.css({
11406
+ width: '20px',
11407
+ height: '20px',
11408
+ background: sectionproperties.filteritembtn_bgcolor,
11409
+ ':hover': {
11410
+ background: sectionproperties.filteritembtn_bghover
11411
+ }
11412
+ }),
11413
+ btn_item_active: glamor.css({
11414
+ background: sectionproperties.btn_item_activebgcolor
11415
+ }),
11416
+ timelineinnercont_active: glamor.css({
11417
+ fontWeight: sectionproperties.activecat_fontweight,
11418
+ color: sectionproperties.activecat_color
11419
+ }),
11420
+ categoryName: glamor.css({
11421
+ color: sectionproperties.filtertitle_color,
11422
+ fontWeight: sectionproperties.filterCatFontWeight,
11423
+ fontSize: sectionproperties.filterCatFontSize + 'px'
11424
+ }),
11425
+ pCollectionName: glamor.css({
11426
+ color: sectionproperties.filtertitle_color,
11427
+ fontWeight: sectionproperties.filterPCollFontWeight,
11428
+ fontSize: sectionproperties.filterPCollFontSize + 'px'
11429
+ }),
11430
+ explorebtn: glamor.css({
11431
+ fontSize: sectionproperties.explorebtnfontsize + 'px',
11432
+ fontWeight: 600,
11433
+ color: sectionproperties.explorebtncolor,
11434
+ transition: '.3s',
11435
+ ':hover': {
11436
+ color: sectionproperties.explorebtncoloronhover
11437
+ }
11438
+ })
11439
+ };
11440
11440
  return /*#__PURE__*/React__default["default"].createElement("div", {
11441
11441
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
11442
11442
  style: {
@@ -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 '
@@ -12601,9 +12593,11 @@ var CardsSection = function CardsSection(props) {
12601
12593
  }, /*#__PURE__*/React__default["default"].createElement("i", {
12602
12594
  "class": "h-100 d-flex align-items-center justify-content-center"
12603
12595
  }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
12604
- size: sectionproperties.viewmorebtn_fontSize
12596
+ size: sectionproperties.viewmorebtn_fontSize,
12597
+ color: sectionproperties.viewmorebtn_Textcolor
12605
12598
  }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
12606
- size: sectionproperties.viewmorebtn_fontSize
12599
+ size: sectionproperties.viewmorebtn_fontSize,
12600
+ color: sectionproperties.viewmorebtn_Textcolor
12607
12601
  })))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
12608
12602
  "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
12609
12603
  onClick: function onClick() {
@@ -13150,7 +13144,7 @@ var Subheader = function Subheader(props) {
13150
13144
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
13151
13145
  "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
13146
  style: {
13153
- position: 'relative',
13147
+ position: sectionproperties.subheaderstyle == 'Style 1' ? 'relative' : '',
13154
13148
  background: 'transparent'
13155
13149
  }
13156
13150
  }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -13228,7 +13222,8 @@ var Subheader = function Subheader(props) {
13228
13222
  },
13229
13223
  style: {
13230
13224
  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
13225
+ marginRight: langdetect == 'en' ? (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.paddingRightprops : 0,
13226
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13232
13227
  }
13233
13228
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13234
13229
  }
@@ -13242,7 +13237,8 @@ var Subheader = function Subheader(props) {
13242
13237
  },
13243
13238
  style: {
13244
13239
  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
13240
+ marginRight: langdetect == 'en' ? (_props$subheaderprope11 = props.subheaderpropertiesprops) === null || _props$subheaderprope11 === void 0 ? void 0 : _props$subheaderprope11.paddingRightprops : 0,
13241
+ position: sectionproperties.subheaderstyle == 'Style 2' ? 'relative' : ''
13246
13242
  }
13247
13243
  }, langdetect == 'en' ? item.title_en : item.title_ar);
13248
13244
  }
@@ -13860,7 +13856,7 @@ var Headerresponsive = function Headerresponsive(props) {
13860
13856
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
13861
13857
  }, /*#__PURE__*/React__default["default"].createElement("p", {
13862
13858
  className: ' d-flex align-items-center m-0 p-0 '
13863
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
13859
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
13864
13860
  className: "ml-2 mr-2"
13865
13861
  }, lang.viewcart))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
13866
13862
  style: {
@@ -13895,7 +13891,7 @@ var Headerresponsive = function Headerresponsive(props) {
13895
13891
  className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
13896
13892
  }, /*#__PURE__*/React__default["default"].createElement("p", {
13897
13893
  className: ' d-flex align-items-center m-0 p-0 '
13898
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
13894
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
13899
13895
  className: langdetect == 'en' ? 'ml-2' : 'mr-2'
13900
13896
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
13901
13897
  style: {
@@ -13990,6 +13986,8 @@ var Headerresponsive = function Headerresponsive(props) {
13990
13986
  size: sectionproperties.cartBtniconresp_size
13991
13987
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
13992
13988
  size: sectionproperties.cartBtniconresp_size
13989
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
13990
+ size: sectionproperties.cartBtniconresp_size
13993
13991
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
13994
13992
  className: "".concat(header_cssstyles.badge_counter_header_notifications),
13995
13993
  style: {
@@ -14658,6 +14656,8 @@ var Gotoheader = function Gotoheader(props) {
14658
14656
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
14659
14657
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
14660
14658
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
14659
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
14660
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
14661
14661
  })), /*#__PURE__*/React__default["default"].createElement("p", {
14662
14662
  "class": ' allcenetered m-0 p-0 '
14663
14663
  }, lang.orderhistory))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
@@ -14735,6 +14735,8 @@ var Gotoheader = function Gotoheader(props) {
14735
14735
  size: sectionproperties.cartBtn_iconFontSize
14736
14736
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
14737
14737
  size: sectionproperties.cartBtn_iconFontSize
14738
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
14739
+ size: sectionproperties.cartBtn_iconFontSize
14738
14740
  }), /*#__PURE__*/React__default["default"].createElement("div", {
14739
14741
  "class": "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
14740
14742
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : (_fetchcustomercartQue7 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length : 0)), /*#__PURE__*/React__default["default"].createElement("p", {
@@ -15548,7 +15550,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
15548
15550
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
15549
15551
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15550
15552
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
15551
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
15553
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
15552
15554
  "class": "ml-2 mr-2"
15553
15555
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
15554
15556
  onClick: function onClick() {
@@ -15618,6 +15620,8 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
15618
15620
  size: sectionproperties.cartBtn_iconFontSize
15619
15621
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
15620
15622
  size: sectionproperties.cartBtn_iconFontSize
15623
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
15624
+ size: sectionproperties.cartBtn_iconFontSize
15621
15625
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
15622
15626
  "class": langdetect == 'en' ? 'headerdropdownml d-flex align-items-center justify-content-center' : 'headerdropdownmr d-flex align-items-center justify-content-center'
15623
15627
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
@@ -19059,6 +19063,8 @@ var Simpleheader = function Simpleheader(props) {
19059
19063
  size: sectionproperties.cartBtn_iconFontSize
19060
19064
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
19061
19065
  size: sectionproperties.cartBtn_iconFontSize
19066
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
19067
+ size: sectionproperties.cartBtn_iconFontSize
19062
19068
  }))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
19063
19069
  "class": langdetect == 'en' ? " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ml-2 ' : " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center mr-2 ',
19064
19070
  sytle: {
@@ -19117,6 +19123,8 @@ var Simpleheader = function Simpleheader(props) {
19117
19123
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
19118
19124
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
19119
19125
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
19126
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
19127
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
19120
19128
  }), lang.orderhistory))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
19121
19129
  onClick: function onClick() {
19122
19130
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -20010,7 +20018,7 @@ var Header8 = function Header8(props) {
20010
20018
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
20011
20019
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20012
20020
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20013
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
20021
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
20014
20022
  "class": "ml-2 mr-2"
20015
20023
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
20016
20024
  style: {
@@ -20112,6 +20120,8 @@ var Header8 = function Header8(props) {
20112
20120
  size: sectionproperties.cartBtn_iconFontSize
20113
20121
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
20114
20122
  size: sectionproperties.cartBtn_iconFontSize
20123
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
20124
+ size: sectionproperties.cartBtn_iconFontSize
20115
20125
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
20116
20126
  "class": langdetect == 'en' ? 'ml-2 d-flex d-lg-none' : 'mr-2 d-flex d-lg-none'
20117
20127
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21456,6 +21466,8 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
21456
21466
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21457
21467
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
21458
21468
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21469
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
21470
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
21459
21471
  }), /*#__PURE__*/React__default["default"].createElement("span", null, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
21460
21472
  onClick: function onClick() {
21461
21473
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -21541,6 +21553,8 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
21541
21553
  size: sectionproperties.cartBtn_iconFontSize
21542
21554
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
21543
21555
  size: sectionproperties.cartBtn_iconFontSize
21556
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
21557
+ size: sectionproperties.cartBtn_iconFontSize
21544
21558
  })), /*#__PURE__*/React__default["default"].createElement("div", {
21545
21559
  className: "".concat(headerstyles$9.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center text-center ',
21546
21560
  style: {
@@ -22293,7 +22307,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
22293
22307
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
22294
22308
  }, /*#__PURE__*/React__default["default"].createElement("p", {
22295
22309
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22296
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
22310
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
22297
22311
  "class": "ml-2 mr-2"
22298
22312
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
22299
22313
  onClick: function onClick() {
@@ -22367,6 +22381,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
22367
22381
  size: sectionproperties.cartBtn_iconFontSize
22368
22382
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
22369
22383
  size: sectionproperties.cartBtn_iconFontSize
22384
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
22385
+ size: sectionproperties.cartBtn_iconFontSize
22370
22386
  }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
22371
22387
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
22372
22388
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
@@ -22788,7 +22804,10 @@ var Modernheader = function Modernheader(props) {
22788
22804
  }
22789
22805
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22790
22806
  "class": "row m-0 w-100"
22791
- }, /*#__PURE__*/React__default["default"].createElement("div", {
22807
+ }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
22808
+ sectionpropertiesprops: sectionproperties,
22809
+ actions: actions
22810
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22792
22811
  "class": "".concat(header_cssstyles.top_bar) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
22793
22812
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22794
22813
  "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0",
@@ -22828,7 +22847,8 @@ var Modernheader = function Modernheader(props) {
22828
22847
  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
22848
  style: {
22830
22849
  maxWidth: '100%',
22831
- maxHeight: '100%'
22850
+ maxHeight: '100%',
22851
+ objectFit: 'contain'
22832
22852
  }
22833
22853
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
22834
22854
  "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
@@ -23186,6 +23206,10 @@ var StylishHeader = function StylishHeader(props) {
23186
23206
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
23187
23207
  var ikimagecredcontext = props.actions.ikimagecredcontext;
23188
23208
  var actions = props.actions;
23209
+ var _useState3 = React.useState(false),
23210
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
23211
+ openSearchBar = _useState4[0],
23212
+ setopenSearchBar = _useState4[1];
23189
23213
  React.useEffect(function () {
23190
23214
  var secpropobj = {};
23191
23215
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -23202,10 +23226,10 @@ var StylishHeader = function StylishHeader(props) {
23202
23226
  }
23203
23227
  setsectionproperties(_objectSpread$1x({}, secpropobj));
23204
23228
  }, [StatePagePropertiesContext]);
23205
- var _useState3 = React.useState([]),
23206
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
23207
- logoarrayofobjects = _useState4[0],
23208
- setlogoarrayofobjects = _useState4[1];
23229
+ var _useState5 = React.useState([]),
23230
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
23231
+ logoarrayofobjects = _useState6[0],
23232
+ setlogoarrayofobjects = _useState6[1];
23209
23233
  React.useEffect(function () {
23210
23234
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
23211
23235
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -23214,10 +23238,6 @@ var StylishHeader = function StylishHeader(props) {
23214
23238
  }
23215
23239
  }
23216
23240
  }, [templateproperties_context]);
23217
- var _useState5 = React.useState(false),
23218
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
23219
- openSearchBar = _useState6[0],
23220
- setopenSearchBar = _useState6[1];
23221
23241
  var header_cssstyles = {
23222
23242
  upperHeaderSection: glamor.css({
23223
23243
  background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
@@ -23766,9 +23786,23 @@ var StylishHeader = function StylishHeader(props) {
23766
23786
  className: ' d-flex align-items-center justify-content-center '
23767
23787
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
23768
23788
  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", {
23789
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23790
+ src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
23791
+ className: "mr-2",
23792
+ style: {
23793
+ maxWidth: '2.5vh',
23794
+ maxHeight: '2.5vh'
23795
+ }
23796
+ }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
23770
23797
  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, {
23798
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23799
+ src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
23800
+ className: "ml-2",
23801
+ style: {
23802
+ maxWidth: '2.5vh',
23803
+ maxHeight: '2.5vh'
23804
+ }
23805
+ }), /*#__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
23806
  onClick: function onClick() {
23773
23807
  setlang('ar');
23774
23808
  }
@@ -24474,7 +24508,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
24474
24508
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
24475
24509
  }, /*#__PURE__*/React__default["default"].createElement("p", {
24476
24510
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
24477
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
24511
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
24478
24512
  "class": "ml-2 mr-2"
24479
24513
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
24480
24514
  onClick: function onClick() {
@@ -24668,6 +24702,8 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
24668
24702
  size: sectionproperties.cartBtn_iconFontSize
24669
24703
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
24670
24704
  size: sectionproperties.cartBtn_iconFontSize
24705
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
24706
+ size: sectionproperties.cartBtn_iconFontSize
24671
24707
  }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24672
24708
  "class": "ml-2 mr-2"
24673
24709
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25579,7 +25615,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
25579
25615
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
25580
25616
  }, /*#__PURE__*/React__default["default"].createElement("p", {
25581
25617
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
25582
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
25618
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
25583
25619
  "class": "ml-2 mr-2"
25584
25620
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
25585
25621
  onClick: function onClick() {
@@ -25653,6 +25689,8 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
25653
25689
  size: sectionproperties.cartBtn_iconFontSize
25654
25690
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
25655
25691
  size: sectionproperties.cartBtn_iconFontSize
25692
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
25693
+ size: sectionproperties.cartBtn_iconFontSize
25656
25694
  }))), sectionproperties.showupperheadersection == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
25657
25695
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
25658
25696
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
@@ -26434,6 +26472,8 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
26434
26472
  size: sectionproperties.cartBtn_iconFontSize
26435
26473
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
26436
26474
  size: sectionproperties.cartBtn_iconFontSize
26475
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
26476
+ size: sectionproperties.cartBtn_iconFontSize
26437
26477
  }))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
26438
26478
  "class": header_cssstyles.user_btnContainer + ' d-flex justify-content-center align-items-center '
26439
26479
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -26518,7 +26558,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
26518
26558
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
26519
26559
  }, /*#__PURE__*/React__default["default"].createElement("p", {
26520
26560
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
26521
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
26561
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
26522
26562
  "class": "ml-2 mr-2"
26523
26563
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26524
26564
  onClick: function onClick() {
@@ -27830,6 +27870,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
27830
27870
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
27831
27871
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
27832
27872
  "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
27873
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
27874
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
27833
27875
  }), lang.orderhistory))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
27834
27876
  onClick: function onClick() {
27835
27877
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -27885,6 +27927,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
27885
27927
  size: sectionproperties.cartBtn_iconFontSize
27886
27928
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
27887
27929
  size: sectionproperties.cartBtn_iconFontSize
27930
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
27931
+ size: sectionproperties.cartBtn_iconFontSize
27888
27932
  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
27889
27933
  "class": "col-lg-12 p-0"
27890
27934
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28482,6 +28526,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
28482
28526
  size: sectionproperties.cartBtn_iconFontSize
28483
28527
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
28484
28528
  size: sectionproperties.cartBtn_iconFontSize
28529
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
28530
+ size: sectionproperties.cartBtn_iconFontSize
28485
28531
  })), /*#__PURE__*/React__default["default"].createElement("div", {
28486
28532
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
28487
28533
  style: {
@@ -28587,7 +28633,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
28587
28633
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
28588
28634
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28589
28635
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
28590
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
28636
+ }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, null), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, null), /*#__PURE__*/React__default["default"].createElement("span", {
28591
28637
  "class": "ml-2 mr-2"
28592
28638
  }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28593
28639
  onClick: function onClick() {
@@ -33851,17 +33897,17 @@ var ModernFooter = function ModernFooter(props) {
33851
33897
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33852
33898
  "class": "row m-0 w-100"
33853
33899
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33854
- "class": "col-lg-4 col-md-12 col-sm-12"
33900
+ "class": sectionproperties.showdownloadsection == 'Show' ? 'col-lg-3 col-md-12 col-sm-12' : 'col-lg-4 col-md-12 col-sm-12'
33855
33901
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33856
33902
  "class": "row m-0 w-100 d-flex justify-content-start"
33857
33903
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33858
- "class": 'col-lg-4 col-md-12 col-sm-12 p-0 align-items-center'
33904
+ "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
33859
33905
  }, /*#__PURE__*/React__default["default"].createElement("p", {
33860
- "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak mb-3 ',
33906
+ "class": "".concat(footerStyles.sectionTitle) + ' m-0 p-0 wordbreak ',
33861
33907
  style: {
33862
33908
  textAlign: langdetect == 'en' ? 'left' : 'right'
33863
33909
  }
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) {
33910
+ }, 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
33911
  if (item.isnavigation == 1 && item.isactive == 1) {
33866
33912
  return /*#__PURE__*/React__default["default"].createElement("div", {
33867
33913
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
@@ -33909,8 +33955,8 @@ var ModernFooter = function ModernFooter(props) {
33909
33955
  style: {
33910
33956
  textAlign: langdetect == 'en' ? 'left' : 'right'
33911
33957
  }
33912
- }, lang.policies)))))), /*#__PURE__*/React__default["default"].createElement("div", {
33913
- "class": "col-lg-4 col-md-12 col-sm-12"
33958
+ }, lang.policies))))), /*#__PURE__*/React__default["default"].createElement("div", {
33959
+ "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
33960
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33915
33961
  "class": "row m-0 w-100 d-flex justify-content-start"
33916
33962
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33951,7 +33997,7 @@ var ModernFooter = function ModernFooter(props) {
33951
33997
  }
33952
33998
  }
33953
33999
  }, "WhatsApp")))), /*#__PURE__*/React__default["default"].createElement("div", {
33954
- "class": "col-lg-4 col-md-12 col-sm-12"
34000
+ "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
34001
  }, /*#__PURE__*/React__default["default"].createElement("div", {
33956
34002
  "class": "row m-0 w-100"
33957
34003
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -33995,7 +34041,61 @@ var ModernFooter = function ModernFooter(props) {
33995
34041
  }
33996
34042
  }, /*#__PURE__*/React__default["default"].createElement("i", {
33997
34043
  "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)))))));
34044
+ }), 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", {
34045
+ "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3"
34046
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
34047
+ className: "col-lg-12 p-0 d-flex justify-content-start mb-3"
34048
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
34049
+ className: "".concat(footerStyles.sectionTitle) + ' m-0 p-0 '
34050
+ }, langdetect == 'en' ? sectionproperties.otherinfotitle3en : sectionproperties.otherinfotitle3ar)), /*#__PURE__*/React__default["default"].createElement("div", {
34051
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-1 mb-sm-3'
34052
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
34053
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-flex d-md-none ',
34054
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
34055
+ onClick: function onClick() {
34056
+ var _authdetailsContext$i17;
34057
+ 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');
34058
+ },
34059
+ style: {
34060
+ width: '40%',
34061
+ height: '40%'
34062
+ }
34063
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
34064
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
34065
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
34066
+ onClick: function onClick() {
34067
+ var _authdetailsContext$i18;
34068
+ 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');
34069
+ },
34070
+ style: {
34071
+ width: '20%',
34072
+ height: '20%'
34073
+ }
34074
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
34075
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
34076
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
34077
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
34078
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
34079
+ onClick: function onClick() {
34080
+ var _authdetailsContext$i19;
34081
+ 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');
34082
+ },
34083
+ style: {
34084
+ width: '40%',
34085
+ height: '40%'
34086
+ }
34087
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
34088
+ "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
34089
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
34090
+ onClick: function onClick() {
34091
+ var _authdetailsContext$i20;
34092
+ 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');
34093
+ },
34094
+ style: {
34095
+ width: '20%',
34096
+ height: '20%'
34097
+ }
34098
+ }))))));
33999
34099
  };
34000
34100
 
34001
34101
  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; }
@@ -40380,23 +40480,15 @@ var VideosSection = function VideosSection(props) {
40380
40480
  var ikimagecredcontext = props.actions.ikimagecredcontext;
40381
40481
  props.actions;
40382
40482
  React.useEffect(function () {
40383
- if (props.srcfrom == 'addsectionform') {
40384
- var secpropobj = {};
40385
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
40386
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
40387
- });
40388
- setsectionproperties(_objectSpread$X({}, secpropobj));
40389
- } else {
40390
- var secpropobj = {};
40391
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
40392
- if (sectionitem.sectionid == props.sectionidprops) {
40393
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
40394
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
40395
- });
40396
- }
40397
- });
40398
- setsectionproperties(_objectSpread$X({}, secpropobj));
40399
- }
40483
+ var secpropobj = {};
40484
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
40485
+ if (sectionitem.sectionid == props.sectionidprops) {
40486
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
40487
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
40488
+ });
40489
+ }
40490
+ });
40491
+ setsectionproperties(_objectSpread$X({}, secpropobj));
40400
40492
  }, [StatePagePropertiesContext]);
40401
40493
  React.useEffect(function () {
40402
40494
  if (sectionproperties.length != 0 && sectionproperties.videosarrayofobjs != undefined) {
@@ -40501,7 +40593,14 @@ var VideosSection = function VideosSection(props) {
40501
40593
  marginBottom: sectionproperties.descriptionMarginBottom + 'px',
40502
40594
  fontSize: sectionproperties.prodCatFontSizeResp + 'px'
40503
40595
  }
40504
- }, Description()), Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
40596
+ }, Description()), /*#__PURE__*/React__default["default"].createElement("div", {
40597
+ "class": "col-lg-12 p-0"
40598
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
40599
+ "class": "row m-0 w-100 d-flex",
40600
+ style: {
40601
+ justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
40602
+ }
40603
+ }, Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
40505
40604
  return /*#__PURE__*/React__default["default"].createElement("div", {
40506
40605
  className: 'd-flex align-items-stretch col-md-6 col-sm-12 col-lg-' + item.numberofcols,
40507
40606
  style: {
@@ -40529,7 +40628,16 @@ var VideosSection = function VideosSection(props) {
40529
40628
  loop: true,
40530
40629
  muted: true,
40531
40630
  playsinline: true
40532
- }), item.linkclicked == false && /*#__PURE__*/React__default["default"].createElement("div", {
40631
+ }), item.image == null && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
40632
+ url: item.url,
40633
+ height: sectionproperties.image_height + 'px',
40634
+ width: '100%',
40635
+ playing: true,
40636
+ controls: true,
40637
+ loop: true,
40638
+ muted: true,
40639
+ playsinline: true
40640
+ }), item.linkclicked == false && item.image != '' && item.image != null && /*#__PURE__*/React__default["default"].createElement("div", {
40533
40641
  onClick: function onClick() {
40534
40642
  if (item.linktype == 'External Link') {
40535
40643
  window.open(item.url, '_blank');
@@ -40556,7 +40664,7 @@ var VideosSection = function VideosSection(props) {
40556
40664
  }))), sectionproperties.sectionbgstyle != 'Text above image' && /*#__PURE__*/React__default["default"].createElement("div", {
40557
40665
  "class": "col-lg-12 p-0 mt-3"
40558
40666
  }, ImageContent(item))));
40559
- }));
40667
+ }))));
40560
40668
  };
40561
40669
 
40562
40670
  function ownKeys$W(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; }
@@ -40600,22 +40708,6 @@ var FullVideoSection = function FullVideoSection(props) {
40600
40708
  }
40601
40709
  }
40602
40710
  }, [sectionproperties]);
40603
- ({
40604
- text1styles: glamor.css({
40605
- color: sectionproperties.slideshowText1ContentColor,
40606
- fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
40607
- fontWeight: sectionproperties.slideshowText1ContentFontWeight,
40608
- textAlign: sectionproperties.text1centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
40609
- marginBottom: sectionproperties.slideshowText1Content_marginBottom + 'px'
40610
- }),
40611
- text2styles: glamor.css({
40612
- color: sectionproperties.slideshowText2ContentColor,
40613
- marginBottom: sectionproperties.slideshowText2Content_marginBottom + 'px',
40614
- fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
40615
- fontWeight: sectionproperties.slideshowText2ContentFontWeight,
40616
- textAlign: sectionproperties.text2centered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
40617
- })
40618
- });
40619
40711
  var SectionTitle = function SectionTitle() {
40620
40712
  return /*#__PURE__*/React__default["default"].createElement("div", {
40621
40713
  "class": "d-flex align-items-center justify-content-md-center flex-row pl-md-2 pr-md-2 w-100",
@@ -40648,7 +40740,10 @@ var FullVideoSection = function FullVideoSection(props) {
40648
40740
  };
40649
40741
  var Content = function Content() {
40650
40742
  return /*#__PURE__*/React__default["default"].createElement("div", {
40651
- "class": "col-lg-6 p-0"
40743
+ "class": "col-lg-6 p-0",
40744
+ style: {
40745
+ display: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'none' : 'flex'
40746
+ }
40652
40747
  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
40653
40748
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
40654
40749
  style: {
@@ -40697,8 +40792,9 @@ var FullVideoSection = function FullVideoSection(props) {
40697
40792
  })));
40698
40793
  };
40699
40794
  var Video = function Video() {
40795
+ var _Videosarrayofobjs$;
40700
40796
  return /*#__PURE__*/React__default["default"].createElement("div", {
40701
- className: 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch ',
40797
+ className: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'col-lg-12 col-md-12 col-sm-12 p-0 allcentered' : 'col-lg-6 col-md-12 col-sm-12 p-0 d-flex align-items-stretch',
40702
40798
  style: {
40703
40799
  marginBottom: sectionproperties.image_mb + 'px'
40704
40800
  }
@@ -40713,7 +40809,11 @@ var FullVideoSection = function FullVideoSection(props) {
40713
40809
  url: Videosarrayofobjs[0].url,
40714
40810
  height: sectionproperties.image_height + 'px',
40715
40811
  width: '100%'
40716
- }), Videosarrayofobjs[0].linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
40812
+ }), ((_Videosarrayofobjs$ = Videosarrayofobjs[0]) === null || _Videosarrayofobjs$ === void 0 ? void 0 : _Videosarrayofobjs$.image) == null && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
40813
+ url: Videosarrayofobjs[0].url,
40814
+ height: sectionproperties.image_height + 'px',
40815
+ width: '100%'
40816
+ }), Videosarrayofobjs[0].linkclicked == false && Videosarrayofobjs[0].image != '' && Videosarrayofobjs[0].image != null && /*#__PURE__*/React__default["default"].createElement("button", {
40717
40817
  onClick: function onClick() {
40718
40818
  var temparr = _toConsumableArray__default["default"](Videosarrayofobjs);
40719
40819
  temparr[0].linkclicked = true;
@@ -52828,10 +52928,11 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52828
52928
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52829
52929
  "class": "".concat(card_cssstyles.image_container, " ").concat(cardstyles.image_container) + ' d-flex d-sm-none ',
52830
52930
  style: {
52831
- position: 'relative',
52832
- marginBottom: sectionproperties.image_mb + 'px'
52931
+ position: 'relative'
52932
+ // marginBottom: sectionproperties.image_borderType == 'All' ? 0 : sectionproperties.image_mb + 'px',
52933
+ // paddingBottom: sectionproperties.image_borderType == 'All' ? sectionproperties.image_mb + 'px' : 0,
52833
52934
  }
52834
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52935
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
52835
52936
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
52836
52937
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
52837
52938
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -52845,7 +52946,21 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
52845
52946
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52846
52947
  },
52847
52948
  loading: "lazy"
52848
- }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52949
+ }), item.image == '' && /*#__PURE__*/React__default["default"].createElement("div", {
52950
+ style: {
52951
+ width: '100%',
52952
+ height: '100%',
52953
+ background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
52954
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
52955
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
52956
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
52957
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
52958
+ }
52959
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
52960
+ "class": "h-100 allcentered text-light"
52961
+ }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
52962
+ size: 26
52963
+ }))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
52849
52964
  "class": "allcentered",
52850
52965
  style: {
52851
52966
  position: 'absolute',
@@ -53638,6 +53753,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53638
53753
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
53639
53754
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
53640
53755
  var ikimagecredcontext = props.actions.ikimagecredcontext;
53756
+ var NotificationManager = NotificationManager;
53641
53757
  React.useEffect(function () {
53642
53758
  var secpropobj = {};
53643
53759
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -53749,6 +53865,21 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53749
53865
  color: sectionproperties.cartBtnTextcoloronhover,
53750
53866
  borderColor: sectionproperties.cartBtnTextcoloronhover
53751
53867
  }
53868
+ }),
53869
+ outstockbadge: glamor.css({
53870
+ width: sectionproperties.outstock_width + 'px',
53871
+ height: sectionproperties.outstock_height + 'px',
53872
+ background: sectionproperties.outstock_bg,
53873
+ color: sectionproperties.outstock_color,
53874
+ fontSize: sectionproperties.outstock_fontSize + 'px',
53875
+ borderRadius: sectionproperties.outstock_borderradius + 'px',
53876
+ position: 'absolute',
53877
+ zIndex: 2,
53878
+ top: 0,
53879
+ bottom: 0,
53880
+ left: 0,
53881
+ right: 0,
53882
+ margin: 'auto'
53752
53883
  })
53753
53884
  };
53754
53885
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53768,7 +53899,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53768
53899
  "class": "".concat(card_cssstyles.productcardimagecont) + ' p-0 cursor-pointer ',
53769
53900
  style: {
53770
53901
  height: sectionproperties.image_height + 'px',
53771
- marginBottom: sectionproperties.image_mb + 'px'
53902
+ marginBottom: sectionproperties.image_mb + 'px',
53903
+ position: 'relative'
53772
53904
  }
53773
53905
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
53774
53906
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -53784,7 +53916,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53784
53916
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
53785
53917
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
53786
53918
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
53787
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
53919
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
53920
+ opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
53788
53921
  }
53789
53922
  }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
53790
53923
  "class": "allcentered",
@@ -53822,7 +53955,11 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53822
53955
  fontSize: sectionproperties.pillfontSize + 'px',
53823
53956
  direction: 'ltr'
53824
53957
  }
53825
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React__default["default"].createElement("div", {
53958
+ }, '-' + 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", {
53959
+ "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
53960
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
53961
+ "class": "m-0 p-0"
53962
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
53826
53963
  "class": card_cssstyles.text_container + ' row m-0 w-100 text_container '
53827
53964
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
53828
53965
  onClick: function onClick() {
@@ -53844,8 +53981,12 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
53844
53981
  }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53845
53982
  "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
53846
53983
  onClick: function onClick() {
53847
- setShowProductInfoModalContext(true);
53848
- setProductIdProdutInfoModalContext(item.productid);
53984
+ if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
53985
+ NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
53986
+ } else {
53987
+ setShowProductInfoModalContext(true);
53988
+ setProductIdProdutInfoModalContext(item.productid);
53989
+ }
53849
53990
  }
53850
53991
  }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("span", {
53851
53992
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',