tabexseriescomponents 0.0.237 → 0.0.239

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 +223 -411
  2. package/dist/index.esm.js +223 -411
  3. package/dist/index.umd.js +223 -411
  4. package/package.json +1 -1
  5. package/src.zip +0 -0
package/dist/index.umd.js CHANGED
@@ -15176,12 +15176,7 @@
15176
15176
  style: {
15177
15177
  color: '#8fa0bd'
15178
15178
  }
15179
- }, lang.hello, ","), /*#__PURE__*/React__default["default"].createElement("span", {
15180
- "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem font-weight-600 text-overflow text-capitalize p-0 ml-1 mr-1 ',
15181
- onClick: function onClick() {
15182
- routingcountext(StaticPagesLinksContext.accountinfo);
15183
- }
15184
- }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
15179
+ }, lang.hello, ","))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
15185
15180
  onClick: function onClick() {
15186
15181
  routingcountext(StaticPagesLinksContext.Ordershistory);
15187
15182
  }
@@ -15189,9 +15184,9 @@
15189
15184
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
15190
15185
  }, /*#__PURE__*/React__default["default"].createElement("p", {
15191
15186
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
15192
- }, 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", {
15187
+ }, 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", {
15193
15188
  "class": "ml-2 mr-2"
15194
- }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
15189
+ }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
15195
15190
  onClick: function onClick() {
15196
15191
  routingcountext(StaticPagesLinksContext.Wishlist);
15197
15192
  }
@@ -15261,6 +15256,8 @@
15261
15256
  size: sectionproperties.cartBtn_iconFontSize
15262
15257
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
15263
15258
  size: sectionproperties.cartBtn_iconFontSize
15259
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
15260
+ size: sectionproperties.cartBtn_iconFontSize
15264
15261
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
15265
15262
  "class": "col-lg-12 p-0 allcentered",
15266
15263
  style: {
@@ -26073,9 +26070,9 @@
26073
26070
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
26074
26071
  }, /*#__PURE__*/React__default["default"].createElement("p", {
26075
26072
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
26076
- }, 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", {
26073
+ }, 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", {
26077
26074
  "class": "ml-2 mr-2"
26078
- }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
26075
+ }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
26079
26076
  style: {
26080
26077
  marginBottom: 0,
26081
26078
  marginTop: 0
@@ -26314,6 +26311,8 @@
26314
26311
  size: sectionproperties.cartBtn_iconFontSize
26315
26312
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
26316
26313
  size: sectionproperties.cartBtn_iconFontSize
26314
+ }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
26315
+ size: sectionproperties.cartBtn_iconFontSize
26317
26316
  }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
26318
26317
  "class": "row m-0 w-100 justify-content-center align-items-center",
26319
26318
  style: {
@@ -36490,6 +36489,19 @@
36490
36489
  }
36491
36490
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr);
36492
36491
  };
36492
+ var ImageContent = function ImageContent(item, index) {
36493
+ return /*#__PURE__*/React__default["default"].createElement("div", {
36494
+ "class": "row m-0 w-100"
36495
+ }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36496
+ className: bgcssstyles.text1styles + ' col-lg-12 p-0 w-100 d-flex align-items-center '
36497
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
36498
+ className: bgcssstyles.text1styles + ' d-flex wordbreak m-0 p-0 '
36499
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36500
+ className: bgcssstyles.text2styles + ' col-lg-12 p-0 w-100 d-flex '
36501
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
36502
+ className: bgcssstyles.text2styles + ' d-flex wordbreak m-0 p-0 '
36503
+ }, langdetect == 'en' ? item.description_en : item.description_ar)));
36504
+ };
36493
36505
  return /*#__PURE__*/React__default["default"].createElement("div", {
36494
36506
  className: "row ml-0 mr-0 w-100 pl-md-0 pr-md-0",
36495
36507
  style: {
@@ -36527,21 +36539,15 @@
36527
36539
  }
36528
36540
  }, Description()), Object.keys(videosarrayofobjs).length != 0 && videosarrayofobjs.map(function (item, index) {
36529
36541
  return /*#__PURE__*/React__default["default"].createElement("div", {
36530
- className: 'd-flex align-items-stretch col-md-6 col-sm-12 col-lg-' + videosarrayofobjs[index].numberofcols,
36542
+ className: 'd-flex align-items-stretch col-md-6 col-sm-12 col-lg-' + item.numberofcols,
36531
36543
  style: {
36532
36544
  marginBottom: sectionproperties.image_mb + 'px'
36533
36545
  }
36534
36546
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36535
36547
  className: "row ml-0 mr-0 d-flex w-100"
36536
- }, sectionproperties.slideshowtext1_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36537
- className: bgcssstyles.text1styles + ' col-lg-12 p-0 w-100 d-flex align-items-center '
36538
- }, /*#__PURE__*/React__default["default"].createElement("p", {
36539
- className: bgcssstyles.text1styles + ' d-flex wordbreak m-0 p-0 '
36540
- }, langdetect == 'en' ? videosarrayofobjs[index].title_en : videosarrayofobjs[index].title_ar)), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36541
- className: bgcssstyles.text2styles + ' col-lg-12 p-0 w-100 d-flex '
36542
- }, /*#__PURE__*/React__default["default"].createElement("p", {
36543
- className: bgcssstyles.text2styles + ' d-flex wordbreak m-0 p-0 '
36544
- }, langdetect == 'en' ? videosarrayofobjs[index].description_en : videosarrayofobjs[index].description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
36548
+ }, sectionproperties.sectionbgstyle == 'Text above image' && /*#__PURE__*/React__default["default"].createElement("div", {
36549
+ "class": "col-lg-12 p-0"
36550
+ }, ImageContent(item)), /*#__PURE__*/React__default["default"].createElement("div", {
36545
36551
  className: 'col-lg-12 p-0 d-md-flex w-100 mt-auto',
36546
36552
  style: {
36547
36553
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -36550,8 +36556,8 @@
36550
36556
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
36551
36557
  height: sectionproperties.image_height + 'px'
36552
36558
  }
36553
- }, item.linkclicked == true && videosarrayofobjs[index].linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
36554
- url: videosarrayofobjs[index].url,
36559
+ }, item.linkclicked == true && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
36560
+ url: item.url,
36555
36561
  height: sectionproperties.image_height + 'px',
36556
36562
  width: '100%',
36557
36563
  playing: true,
@@ -36559,28 +36565,33 @@
36559
36565
  loop: true,
36560
36566
  muted: true,
36561
36567
  playsinline: true
36562
- }), item.linkclicked == false && /*#__PURE__*/React__default["default"].createElement("button", {
36568
+ }), item.linkclicked == false && /*#__PURE__*/React__default["default"].createElement("div", {
36563
36569
  onClick: function onClick() {
36564
- if (videosarrayofobjs[index].linktype == 'External Link') {
36565
- window.open(videosarrayofobjs[index].url, '_blank');
36566
- } else {
36570
+ if (item.linktype == 'External Link') {
36571
+ window.open(item.url, '_blank');
36572
+ } else if (item.linktype == 'Image') ; else {
36567
36573
  var temparr = _toConsumableArray__default["default"](videosarrayofobjs);
36568
36574
  temparr[index].linkclicked = true;
36569
36575
  setvideosarrayofobjs(_toConsumableArray__default["default"](temparr));
36570
36576
  }
36571
36577
  },
36572
- "class": "w-100 h-100"
36578
+ "class": "w-100 h-100",
36579
+ style: {
36580
+ cursor: item.linktype == 'Image' ? 'default' : 'pointer'
36581
+ }
36573
36582
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
36574
36583
  urlEndpoint: IKurlEndpoint,
36575
36584
  publicKey: IKpublicKey,
36576
- path: videosarrayofobjs.length != 0 ? videosarrayofobjs[index].image : '',
36585
+ path: videosarrayofobjs.length != 0 ? item.image : '',
36577
36586
  className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
36578
36587
  style: {
36579
36588
  height: '100%',
36580
36589
  width: '100%',
36581
36590
  objectFit: sectionproperties.bgcovercontain
36582
36591
  }
36583
- })))));
36592
+ }))), sectionproperties.sectionbgstyle != 'Text above image' && /*#__PURE__*/React__default["default"].createElement("div", {
36593
+ "class": "col-lg-12 p-0 mt-3"
36594
+ }, ImageContent(item))));
36584
36595
  }));
36585
36596
  };
36586
36597
 
@@ -41834,6 +41845,110 @@
41834
41845
  }
41835
41846
  })
41836
41847
  };
41848
+ var Buttons = function Buttons() {
41849
+ return /*#__PURE__*/React__default["default"].createElement("div", {
41850
+ "class": "w-100 allcentered"
41851
+ }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
41852
+ "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.button_styles) + ' ml-2 mr-2 ' : "".concat(card_cssstyles.button_styles) + ' ',
41853
+ onClick: function onClick(e) {
41854
+ e.stopPropagation();
41855
+ routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
41856
+ }
41857
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
41858
+ "class": "h-100 d-flex align-items-center justify-content-center"
41859
+ }, /*#__PURE__*/React__default["default"].createElement(FaRegEye.FaRegEye, {
41860
+ size: sectionproperties.generalbtn_fontsize
41861
+ }))), sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
41862
+ "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
41863
+ onClick: function onClick(e) {
41864
+ e.stopPropagation();
41865
+ setShowProductInfoModalContext(true);
41866
+ setProductIdProdutInfoModalContext(item.productid);
41867
+ }
41868
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", null, sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
41869
+ "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
41870
+ onClick: function onClick(e) {
41871
+ e.stopPropagation();
41872
+ setshowquantity(true);
41873
+ }
41874
+ }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
41875
+ "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
41876
+ style: {
41877
+ direction: 'ltr'
41878
+ }
41879
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
41880
+ "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
41881
+ onClick: function onClick(e) {
41882
+ e.stopPropagation();
41883
+ if (item.hasvariants == 0) {
41884
+ var tempitem = _objectSpread$C({}, item);
41885
+ tempitem.quantity = parseInt(tempitem.quantity);
41886
+ tempitem.quantity = tempitem.quantity - 1;
41887
+ if (tempitem.quantity <= 0) {
41888
+ tempitem.quantity = 0;
41889
+ }
41890
+ setitem(_objectSpread$C({}, tempitem));
41891
+ addtocartfunc('add', tempitem.quantity);
41892
+ } else {
41893
+ setShowProductInfoModalContext(true);
41894
+ setProductIdProdutInfoModalContext(item.productid);
41895
+ }
41896
+ },
41897
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
41898
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
41899
+ "class": "h-100 allcentered minusbtn"
41900
+ }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, null))), /*#__PURE__*/React__default["default"].createElement("span", {
41901
+ "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
41902
+ }, addtocartbuttonrender()), /*#__PURE__*/React__default["default"].createElement("button", {
41903
+ "class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
41904
+ onClick: function onClick(e) {
41905
+ e.stopPropagation();
41906
+ if (item.hasvariants == 0) {
41907
+ var tempitem = _objectSpread$C({}, item);
41908
+ tempitem.quantity = parseInt(tempitem.quantity);
41909
+ tempitem.quantity = tempitem.quantity + 1;
41910
+ if (tempitem.quantity <= 0) {
41911
+ tempitem.quantity = 0;
41912
+ }
41913
+ setitem(_objectSpread$C({}, tempitem));
41914
+ addtocartfunc('add', tempitem.quantity);
41915
+ } else {
41916
+ setShowProductInfoModalContext(true);
41917
+ setProductIdProdutInfoModalContext(item.productid);
41918
+ }
41919
+ },
41920
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
41921
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
41922
+ "class": "h-100 allcentered addbtn"
41923
+ }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
41924
+ "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.wishlist_btn) + ' ml-2 mr-2 ' : "".concat(card_cssstyles.wishlist_btn) + ' ',
41925
+ onClick: function onClick(e) {
41926
+ e.stopPropagation();
41927
+ addtofavoritescontext(item.productid);
41928
+ },
41929
+ style: {
41930
+ background: item.IsFavExists == true ? sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.activebgcolor : ''
41931
+ }
41932
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
41933
+ "class": "h-100 d-flex align-items-center justify-content-center"
41934
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
41935
+ size: sectionproperties.favBtnIconfontsize,
41936
+ style: {
41937
+ color: sectionproperties.activefaviconcolor
41938
+ }
41939
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
41940
+ size: sectionproperties.favBtnIconfontsize,
41941
+ style: {
41942
+ color: sectionproperties.activefaviconcolor
41943
+ }
41944
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
41945
+ "class": "h-100 d-flex align-items-center justify-content-center"
41946
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
41947
+ size: sectionproperties.favBtnIconfontsize
41948
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
41949
+ size: sectionproperties.favBtnIconfontsize
41950
+ }))));
41951
+ };
41837
41952
  return /*#__PURE__*/React__default["default"].createElement("div", {
41838
41953
  "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard2) + ' w-100 ' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.productcard),
41839
41954
  style: {
@@ -41923,107 +42038,10 @@
41923
42038
  fontSize: sectionproperties.badge_fontsize + 'px'
41924
42039
  }
41925
42040
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
41926
- "class": sectionproperties.transition == 'Show By Default' ? "".concat(card_cssstyles.floating_content_show) + ' row m-0 align-items-center justify-content-center ' : "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
41927
- }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
41928
- "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.button_styles) + ' ml-2 mr-2 ' : "".concat(card_cssstyles.button_styles) + ' ml-2 mr-2 ',
41929
- onClick: function onClick(e) {
41930
- e.stopPropagation();
41931
- routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
41932
- }
41933
- }, /*#__PURE__*/React__default["default"].createElement("i", {
41934
- "class": "h-100 d-flex align-items-center justify-content-center"
41935
- }, /*#__PURE__*/React__default["default"].createElement(FaRegEye.FaRegEye, {
41936
- size: sectionproperties.generalbtn_fontsize
41937
- }))), sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
41938
- "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
41939
- onClick: function onClick(e) {
41940
- e.stopPropagation();
41941
- setShowProductInfoModalContext(true);
41942
- setProductIdProdutInfoModalContext(item.productid);
41943
- }
41944
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", null, sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
41945
- "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
41946
- onClick: function onClick(e) {
41947
- e.stopPropagation();
41948
- setshowquantity(true);
41949
- }
41950
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
41951
- "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
41952
- style: {
41953
- direction: 'ltr'
41954
- }
41955
- }, /*#__PURE__*/React__default["default"].createElement("button", {
41956
- "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
41957
- onClick: function onClick(e) {
41958
- e.stopPropagation();
41959
- if (item.hasvariants == 0) {
41960
- var tempitem = _objectSpread$C({}, item);
41961
- tempitem.quantity = parseInt(tempitem.quantity);
41962
- tempitem.quantity = tempitem.quantity - 1;
41963
- if (tempitem.quantity <= 0) {
41964
- tempitem.quantity = 0;
41965
- }
41966
- setitem(_objectSpread$C({}, tempitem));
41967
- addtocartfunc('add', tempitem.quantity);
41968
- } else {
41969
- setShowProductInfoModalContext(true);
41970
- setProductIdProdutInfoModalContext(item.productid);
41971
- }
41972
- },
41973
- disabled: AddtoCartMutationContext.isLoading == true ? true : false
41974
- }, /*#__PURE__*/React__default["default"].createElement("i", {
41975
- "class": "h-100 allcentered minusbtn"
41976
- }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, null))), /*#__PURE__*/React__default["default"].createElement("span", {
41977
- "class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
41978
- }, addtocartbuttonrender()), /*#__PURE__*/React__default["default"].createElement("button", {
41979
- "class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
41980
- onClick: function onClick(e) {
41981
- e.stopPropagation();
41982
- if (item.hasvariants == 0) {
41983
- var tempitem = _objectSpread$C({}, item);
41984
- tempitem.quantity = parseInt(tempitem.quantity);
41985
- tempitem.quantity = tempitem.quantity + 1;
41986
- if (tempitem.quantity <= 0) {
41987
- tempitem.quantity = 0;
41988
- }
41989
- setitem(_objectSpread$C({}, tempitem));
41990
- addtocartfunc('add', tempitem.quantity);
41991
- } else {
41992
- setShowProductInfoModalContext(true);
41993
- setProductIdProdutInfoModalContext(item.productid);
41994
- }
41995
- },
41996
- disabled: AddtoCartMutationContext.isLoading == true ? true : false
41997
- }, /*#__PURE__*/React__default["default"].createElement("i", {
41998
- "class": "h-100 allcentered addbtn"
41999
- }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
42000
- "class": sectionproperties.cartBtnShow == 'Hide' ? "".concat(card_cssstyles.wishlist_btn) + '' : "".concat(card_cssstyles.wishlist_btn) + ' ml-2 mr-2 ',
42001
- onClick: function onClick(e) {
42002
- e.stopPropagation();
42003
- addtofavoritescontext(item.productid);
42004
- },
42005
- style: {
42006
- background: item.IsFavExists == true ? sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.activebgcolor : ''
42007
- }
42008
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
42009
- "class": "h-100 d-flex align-items-center justify-content-center"
42010
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
42011
- size: sectionproperties.favBtnIconfontsize,
42012
- style: {
42013
- color: sectionproperties.activefaviconcolor
42014
- }
42015
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
42016
- size: sectionproperties.favBtnIconfontsize,
42017
- style: {
42018
- color: sectionproperties.activefaviconcolor
42019
- }
42020
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
42021
- "class": "h-100 d-flex align-items-center justify-content-center"
42022
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
42023
- size: sectionproperties.favBtnIconfontsize
42024
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
42025
- size: sectionproperties.favBtnIconfontsize
42026
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
42041
+ "class": sectionproperties.transition == 'Show By Default' ? "".concat(card_cssstyles.floating_content_show) + ' row m-0 align-items-center justify-content-center d-flex d-md-none ' : "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content d-flex d-md-none '
42042
+ }, Buttons()), /*#__PURE__*/React__default["default"].createElement("div", {
42043
+ "class": "".concat(card_cssstyles.floating_content_show) + ' row m-0 align-items-center justify-content-center d-none d-md-flex '
42044
+ }, Buttons())), /*#__PURE__*/React__default["default"].createElement("div", {
42027
42045
  "class": "col-lg-12",
42028
42046
  style: {
42029
42047
  paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
@@ -44379,6 +44397,13 @@
44379
44397
  transition: 'all, 0.4s',
44380
44398
  right: 10,
44381
44399
  transform: "translateX(0px)"
44400
+ }),
44401
+ imageContainer: glamor.css({
44402
+ backgroundColor: sectionproperties.image_bgcolor,
44403
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
44404
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
44405
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
44406
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
44382
44407
  })
44383
44408
  };
44384
44409
  var plainString = function plainString(html) {
@@ -44386,6 +44411,65 @@
44386
44411
  divContainer.innerHTML = html;
44387
44412
  return divContainer.textContent || divContainer.innerText || '';
44388
44413
  };
44414
+ var Image = function Image() {
44415
+ return /*#__PURE__*/React__default["default"].createElement("div", {
44416
+ "class": "w-100"
44417
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
44418
+ urlEndpoint: IKurlEndpoint,
44419
+ publicKey: IKpublicKey,
44420
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
44421
+ style: {
44422
+ width: sectionproperties.imageInnerWidth_Height + '%',
44423
+ height: sectionproperties.imageInnerWidth_Height + '%',
44424
+ objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
44425
+ borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
44426
+ borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
44427
+ borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
44428
+ borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
44429
+ },
44430
+ loading: "lazy",
44431
+ onClick: function onClick() {
44432
+ setShowProductInfoModalContext(true);
44433
+ setProductIdProdutInfoModalContext(item.productid);
44434
+ }
44435
+ }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
44436
+ "class": "row m-0 align-items-center justify-content-center",
44437
+ style: {
44438
+ position: 'absolute',
44439
+ top: 10,
44440
+ left: 10,
44441
+ height: sectionproperties.badge_height + 'px',
44442
+ width: sectionproperties.badge_width + 'px',
44443
+ backgroundColor: sectionproperties.badge_bgcolor,
44444
+ borderRadius: sectionproperties.badge_borderradius + 'px',
44445
+ paddingLeft: '10px',
44446
+ paddingRight: '10px',
44447
+ color: sectionproperties.badge_color
44448
+ }
44449
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
44450
+ style: {
44451
+ fontSize: sectionproperties.badge_fontsize + 'px'
44452
+ }
44453
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
44454
+ "class": "allcentered",
44455
+ style: {
44456
+ position: 'absolute',
44457
+ top: sectionproperties.pillpositionfromtop + 'px',
44458
+ left: sectionproperties.pillpositionfromright + 'px',
44459
+ width: sectionproperties.pillwidth + 'px',
44460
+ height: sectionproperties.pillheight + 'px',
44461
+ background: sectionproperties.pillbgcolor,
44462
+ borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
44463
+ }
44464
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
44465
+ "class": "m-0 p-0 text-uppercase",
44466
+ style: {
44467
+ color: sectionproperties.pillcolor,
44468
+ fontSize: sectionproperties.pillfontSize + 'px',
44469
+ direction: 'ltr'
44470
+ }
44471
+ }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')));
44472
+ };
44389
44473
  return /*#__PURE__*/React__default["default"].createElement("div", {
44390
44474
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
44391
44475
  style: {
@@ -44393,7 +44477,7 @@
44393
44477
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
44394
44478
  }
44395
44479
  }, /*#__PURE__*/React__default["default"].createElement("div", {
44396
- "class": "".concat(cardsstyles2.card) + ' d-flex d-md-none '
44480
+ "class": "".concat(cardsstyles2.card) + ' '
44397
44481
  }, /*#__PURE__*/React__default["default"].createElement("div", {
44398
44482
  "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
44399
44483
  style: {
@@ -44477,288 +44561,16 @@
44477
44561
  paddingBottom: sectionproperties.paddingBottom + 'px'
44478
44562
  }
44479
44563
  }, /*#__PURE__*/React__default["default"].createElement("div", {
44480
- "class": "cursor-pointer",
44564
+ "class": cardsstyles2.imageContainer + ' d-flex d-md-none ',
44481
44565
  style: {
44482
- backgroundColor: sectionproperties.image_bgcolor,
44483
- height: sectionproperties.image_height + 'px',
44484
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
44485
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
44486
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
44487
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
44488
- }
44489
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
44490
- urlEndpoint: IKurlEndpoint,
44491
- publicKey: IKpublicKey,
44492
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
44493
- style: {
44494
- width: '100%',
44495
- height: '100%',
44496
- objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
44497
- borderBottomLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px' : 0,
44498
- borderBottomRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px' : 0,
44499
- borderTopLeftRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px' : 0,
44500
- borderTopRightRadius: sectionproperties.bgcovercontain == 'Cover' ? langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px' : 0
44501
- },
44502
- loading: "lazy",
44503
- onClick: function onClick() {
44504
- setShowProductInfoModalContext(true);
44505
- setProductIdProdutInfoModalContext(item.productid);
44506
- }
44507
- }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
44508
- "class": "row m-0 align-items-center justify-content-center",
44509
- style: {
44510
- position: 'absolute',
44511
- top: 10,
44512
- left: 10,
44513
- height: sectionproperties.badge_height + 'px',
44514
- width: sectionproperties.badge_width + 'px',
44515
- backgroundColor: sectionproperties.badge_bgcolor,
44516
- borderRadius: sectionproperties.badge_borderradius + 'px',
44517
- paddingLeft: '10px',
44518
- paddingRight: '10px',
44519
- color: sectionproperties.badge_color
44520
- }
44521
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44522
- style: {
44523
- fontSize: sectionproperties.badge_fontsize + 'px'
44524
- }
44525
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
44526
- "class": "allcentered",
44527
- style: {
44528
- position: 'absolute',
44529
- top: sectionproperties.pillpositionfromtop + 'px',
44530
- left: sectionproperties.pillpositionfromright + 'px',
44531
- width: sectionproperties.pillwidth + 'px',
44532
- height: sectionproperties.pillheight + 'px',
44533
- background: sectionproperties.pillbgcolor,
44534
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
44535
- }
44536
- }, /*#__PURE__*/React__default["default"].createElement("p", {
44537
- "class": "m-0 p-0 text-uppercase",
44538
- style: {
44539
- color: sectionproperties.pillcolor,
44540
- fontSize: sectionproperties.pillfontSize + 'px',
44541
- direction: 'ltr'
44542
- }
44543
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React__default["default"].createElement("div", {
44544
- "class": 'row m-0 w-100 pl-sm-0 pr-sm-0',
44545
- style: {
44546
- paddingLeft: '10px',
44547
- paddingRight: '10px',
44548
- paddingTop: '10px',
44549
- paddingBottom: '10px'
44550
- }
44551
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44552
- "class": "col-lg-12 p-0"
44553
- }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
44554
- "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
44555
- style: {
44556
- textAlign: langdetect == 'en' ? 'left' : 'right'
44557
- }
44558
- }, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
44559
- "class": "col-lg-12 p-0 ",
44560
- style: {
44561
- minHeight: '6vh'
44562
- }
44563
- }, /*#__PURE__*/React__default["default"].createElement("p", {
44564
- onClick: function onClick() {
44565
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
44566
- },
44567
- "class": sectionproperties.wordbreak == '1' ? "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ' : "".concat(cardsstyles2.productNameStyles) + ' wordbreak wordbreak2 m-0 ',
44568
- style: {
44569
- textAlign: langdetect == 'en' ? 'left' : 'right'
44570
- }
44571
- }, item.name))), /*#__PURE__*/React__default["default"].createElement("div", {
44572
- "class": "row m-0 w-100 align-items-center mt-1 mb-1"
44573
- }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
44574
- "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
44575
- }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
44576
- "class": "".concat(cardsstyles2.productSalePricestyles)
44577
- }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
44578
- "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
44579
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
44580
- "class": "d-flex align-items-center m-0"
44581
- }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
44582
- "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
44583
- onClick: function onClick() {
44584
- setShowProductInfoModalContext(true);
44585
- setProductIdProdutInfoModalContext(item.productid);
44586
- }
44587
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44588
- "class": "d-flex align-items-center justify-content-center"
44589
- }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
44590
- "class": "allcentered mr-2",
44591
- style: {
44592
- color: sectionproperties.cart_iconcolor,
44593
- fontSize: sectionproperties.cartBtn_iconFontSize
44594
- }
44595
- }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
44596
- "class": "",
44597
- size: sectionproperties.cartBtn_iconFontSize
44598
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
44599
- "class": "",
44600
- size: sectionproperties.cartBtn_iconFontSize
44601
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
44602
- "class": "",
44603
- size: sectionproperties.cartBtn_iconFontSize
44604
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
44605
- size: sectionproperties.cartBtn_iconFontSize
44606
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
44607
- "class": "",
44608
- size: sectionproperties.cartBtn_iconFontSize
44609
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
44610
- size: sectionproperties.cartBtn_iconFontSize
44611
- })), /*#__PURE__*/React__default["default"].createElement("p", {
44612
- "class": "m-0 p-0"
44613
- }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), /*#__PURE__*/React__default["default"].createElement("div", {
44614
- "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.card) + ' d-none d-md-flex w-100 ' : "".concat(cardsstyles2.card) + ' d-none d-md-flex ',
44615
- style: {
44616
- minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
44617
- maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px'
44618
- }
44619
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44620
- "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
44621
- style: {
44622
- zIndex: 100
44623
- }
44624
- }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
44625
- "class": "".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
44626
- onClick: function onClick() {
44627
- addtofavoritescontext(item.productid);
44628
- }
44629
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
44630
- "class": "h-100 d-flex align-items-center justify-content-center icon"
44631
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
44632
- size: sectionproperties.favBtnIconfontsize,
44633
- style: {
44634
- color: sectionproperties.activefaviconcolor
44635
- }
44636
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
44637
- size: sectionproperties.favBtnIconfontsize,
44638
- style: {
44639
- color: sectionproperties.activefaviconcolor
44640
- }
44641
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
44642
- "class": "h-100 d-flex align-items-center justify-content-center"
44643
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
44644
- size: sectionproperties.favBtnIconfontsize
44645
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
44646
- size: sectionproperties.favBtnIconfontsize
44647
- }))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
44648
- "class": " ".concat(cardsstyles2.showmodal),
44649
- onClick: function onClick(e) {
44650
- e.stopPropagation();
44651
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
44652
- }
44653
- }, /*#__PURE__*/React__default["default"].createElement("i", {
44654
- "class": "h-100 d-flex align-items-center justify-content-center"
44655
- }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
44656
- size: sectionproperties.generalbtn_fontsize
44657
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
44658
- "class": "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-none d-md-flex ',
44659
- style: {
44660
- zIndex: 100
44661
- }
44662
- }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
44663
- "class": " ".concat(cardsstyles2.wishlist_btn) + ' mb-1 ',
44664
- onClick: function onClick() {
44665
- addtofavoritescontext(item.productid);
44666
- }
44667
- }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
44668
- "class": "h-100 d-flex align-items-center justify-content-center icon"
44669
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
44670
- size: sectionproperties.favBtnIconfontsize,
44671
- style: {
44672
- color: sectionproperties.activefaviconcolor
44673
- }
44674
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
44675
- size: sectionproperties.favBtnIconfontsize,
44676
- style: {
44677
- color: sectionproperties.activefaviconcolor
44678
- }
44679
- })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
44680
- "class": "h-100 d-flex align-items-center justify-content-center"
44681
- }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
44682
- size: sectionproperties.favBtnIconfontsize
44683
- }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
44684
- size: sectionproperties.favBtnIconfontsize
44685
- }))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
44686
- "class": " ".concat(cardsstyles2.showmodal),
44687
- onClick: function onClick(e) {
44688
- e.stopPropagation();
44689
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
44690
- }
44691
- }, /*#__PURE__*/React__default["default"].createElement("i", {
44692
- "class": "h-100 d-flex align-items-center justify-content-center"
44693
- }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
44694
- size: sectionproperties.generalbtn_fontsize
44695
- })))), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
44696
- "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2",
44697
- style: {
44698
- paddingTop: sectionproperties.paddingTop + 'px',
44699
- paddingBottom: sectionproperties.paddingBottom + 'px'
44700
- }
44701
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44702
- "class": "cursor-pointer",
44703
- style: {
44704
- backgroundColor: sectionproperties.image_bgcolor,
44705
- height: sectionproperties.image_height + 'px',
44706
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
44707
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
44708
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
44709
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
44710
- }
44711
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
44712
- urlEndpoint: IKurlEndpoint,
44713
- publicKey: IKpublicKey,
44714
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
44715
- style: {
44716
- width: '100%',
44717
- height: '100%',
44718
- objectFit: 'contain'
44719
- },
44720
- loading: "lazy",
44721
- onClick: function onClick() {
44722
- setShowProductInfoModalContext(true);
44723
- setProductIdProdutInfoModalContext(item.productid);
44724
- }
44725
- }), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
44726
- "class": "row m-0 align-items-center justify-content-center",
44727
- style: {
44728
- position: 'absolute',
44729
- top: 10,
44730
- left: 10,
44731
- height: sectionproperties.badge_height + 'px',
44732
- width: sectionproperties.badge_width + 'px',
44733
- backgroundColor: sectionproperties.badge_bgcolor,
44734
- borderRadius: sectionproperties.badge_borderradius + 'px',
44735
- paddingLeft: '10px',
44736
- paddingRight: '10px',
44737
- color: sectionproperties.badge_color
44738
- }
44739
- }, /*#__PURE__*/React__default["default"].createElement("div", {
44740
- style: {
44741
- fontSize: sectionproperties.badge_fontsize + 'px'
44742
- }
44743
- }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
44744
- "class": "allcentered",
44745
- style: {
44746
- position: 'absolute',
44747
- top: sectionproperties.pillpositionfromtop + 'px',
44748
- left: sectionproperties.pillpositionfromright + 'px',
44749
- width: sectionproperties.pillwidth + 'px',
44750
- height: sectionproperties.pillheight + 'px',
44751
- background: sectionproperties.pillbgcolor,
44752
- borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
44566
+ height: sectionproperties.image_height + 'px'
44753
44567
  }
44754
- }, /*#__PURE__*/React__default["default"].createElement("p", {
44755
- "class": "m-0 p-0 text-uppercase",
44568
+ }, Image()), /*#__PURE__*/React__default["default"].createElement("div", {
44569
+ "class": cardsstyles2.imageContainer + ' d-none d-md-flex ',
44756
44570
  style: {
44757
- color: sectionproperties.pillcolor,
44758
- fontSize: sectionproperties.pillfontSize + 'px',
44759
- direction: 'ltr'
44571
+ height: sectionproperties.height_responsive + 'px'
44760
44572
  }
44761
- }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'))), /*#__PURE__*/React__default["default"].createElement("div", {
44573
+ }, Image()), /*#__PURE__*/React__default["default"].createElement("div", {
44762
44574
  "class": 'row m-0 w-100 pl-sm-0 pr-sm-0',
44763
44575
  style: {
44764
44576
  paddingLeft: '10px',
@@ -47216,7 +47028,7 @@
47216
47028
  paddingTop: sectionproperties.paddingTop + 'px',
47217
47029
  paddingBottom: sectionproperties.paddingBottom + 'px'
47218
47030
  }
47219
- }, /*#__PURE__*/React__default["default"].createElement("div", {
47031
+ }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
47220
47032
  "class": "col-lg-4 col-md-4 col-sm-4 p-0 h-100"
47221
47033
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47222
47034
  "class": "d-flex d-md-none",
@@ -47282,7 +47094,7 @@
47282
47094
  fontSize: sectionproperties.badge_fontsize + 'px'
47283
47095
  }
47284
47096
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
47285
- "class": 'col-lg-8 col-md-8 col-sm-8 pt-2',
47097
+ "class": sectionproperties.image_show == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 pt-2' : 'col-lg-12 col-md-12 col-sm-12 pt-2',
47286
47098
  style: {
47287
47099
  paddingRight: langdetect == 'en' ? 0 : '',
47288
47100
  paddingLeft: langdetect == 'ar' ? 0 : '',