tabexseriescomponents 0.0.562 → 0.0.563

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.umd.js CHANGED
@@ -27667,7 +27667,7 @@
27667
27667
  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27668
27668
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27669
27669
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27670
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27670
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27671
27671
  var _useState = React.useState(''),
27672
27672
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27673
27673
  sectionproperties = _useState2[0],
@@ -27687,6 +27687,7 @@
27687
27687
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27688
27688
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27689
27689
  var actions = props.actions;
27690
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27690
27691
  React.useEffect(function () {
27691
27692
  var secpropobj = {};
27692
27693
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -27957,7 +27958,25 @@
27957
27958
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
27958
27959
  sectionpropertiesprops: sectionproperties,
27959
27960
  actions: actions
27960
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
27961
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
27962
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
27963
+ target: '_self',
27964
+ style: {
27965
+ position: 'fixed',
27966
+ bottom: 60,
27967
+ right: 10,
27968
+ zIndex: 999999,
27969
+ transition: 'all 0.3s ease-out'
27970
+ }
27971
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
27972
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
27973
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
27974
+ size: 30,
27975
+ color: sectionproperties.uppersection_iconcolor,
27976
+ style: {
27977
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
27978
+ }
27979
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
27961
27980
  href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
27962
27981
  target: '_blank',
27963
27982
  style: {
@@ -27974,7 +27993,7 @@
27974
27993
  height: '40px',
27975
27994
  cursor: 'pointer'
27976
27995
  }
27977
- })), /*#__PURE__*/React__default["default"].createElement("div", {
27996
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
27978
27997
  "class": "col-lg-12 p-0"
27979
27998
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27980
27999
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
@@ -28396,7 +28415,41 @@
28396
28415
  }
28397
28416
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28398
28417
  "class": 'ml-2 mr-2'
28399
- }, lang.english))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28418
+ }, lang.english))))))), /*#__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", {
28419
+ "class": ' d-flex align-items-center justify-content-center '
28420
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28421
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28422
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28423
+ "class": "m-0 p-0 mr-2 ml-2"
28424
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28425
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28426
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28427
+ "class": "m-0 p-0 ml-2 mr-2"
28428
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28429
+ var _authdetailsContext$i9;
28430
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28431
+ onClick: function onClick() {
28432
+ setcurrencyfunccontext(item);
28433
+ }
28434
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28435
+ "class": "row m-0 w-100"
28436
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28437
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
28438
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28439
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
28440
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28441
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
28442
+ style: {
28443
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
28444
+ fontWeight: sectionproperties.dropdown_fontweight,
28445
+ textTransform: sectionproperties.dropdown_texttransform
28446
+ }
28447
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28448
+ "class": "col-lg-12 p-0"
28449
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28450
+ "class": "m-0"
28451
+ }))));
28452
+ }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28400
28453
  "class": "col-lg-12 p-0"
28401
28454
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
28402
28455
  sectionpropertiesprops: sectionproperties,
@@ -52653,7 +52706,7 @@
52653
52706
  };
52654
52707
 
52655
52708
  var css_248z$l = "@media screen and (max-width: 1025px) {\n .Backgroundimage1-module_maintitle__md5m4 {\n left: 0 !important;\n right: 0 !important;\n top: 20% !important;\n }\n .Backgroundimage1-module_maintitle2__xUwDA {\n left: 0 !important;\n right: 0 !important;\n top: 30% !important;\n }\n .Backgroundimage1-module_buttonshop__AmF-E {\n left: 0 !important;\n right: 0 !important;\n top: 40% !important;\n }\n}\n";
52656
- var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52709
+ var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52657
52710
  styleInject(css_248z$l);
52658
52711
 
52659
52712
  function ownKeys$1e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -52862,14 +52915,14 @@
52862
52915
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52863
52916
  className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
52864
52917
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52865
- className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center ',
52918
+ className: sectionproperties.generaltext_position == 'Centered' ? "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' justify-content-center d-flex justify-content-md-center ' : "".concat(bg1_cssstyles.maintitle, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center ',
52866
52919
  style: {
52867
52920
  // zIndex: 2000,
52868
52921
  }
52869
52922
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52870
- className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
52923
+ className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
52871
52924
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
52872
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
52925
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
52873
52926
  onClick: function onClick() {
52874
52927
  // if(place_clickable == 'Button'){
52875
52928
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
@@ -52891,7 +52944,7 @@
52891
52944
  }, /*#__PURE__*/React__default["default"].createElement("div", {
52892
52945
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52893
52946
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52894
- className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
52947
+ className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
52895
52948
  style: {
52896
52949
  color: sectionproperties.generaltext_fontColor,
52897
52950
  textTransform: sectionproperties.generaltext_textTransform,
@@ -52900,7 +52953,7 @@
52900
52953
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
52901
52954
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52902
52955
  }, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
52903
- className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
52956
+ className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
52904
52957
  style: {
52905
52958
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
52906
52959
  color: sectionproperties.slideshowText2ContentColor,
@@ -52910,7 +52963,7 @@
52910
52963
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
52911
52964
  className: "col-lg-12 d-flex justify-content-center align-items-center"
52912
52965
  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
52913
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
52966
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
52914
52967
  onClick: function onClick() {
52915
52968
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
52916
52969
  }
@@ -66975,7 +67028,7 @@
66975
67028
  };
66976
67029
 
66977
67030
  var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n\tposition: relative;\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\tposition: absolute;\n\ttop: 5px;\n\tright: 5px;\n\topacity: 0;\n\ttransition: .3s\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl {\n\tposition: relative;\n\tz-index: 1\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\topacity: 1;\n\tz-index: 8\n}\n.Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {\n\ttransform: translateX(0)\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_product_details__3SLId {\n\tpadding-top: 10px ;\n\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t/* display: none; */\n\tpadding: 0 10px;\n\t/* width: 101% !important;\n\tleft: -1px; */\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK .Productccard_with_zoominonhover-module_price__12djA {\n\tdisplay: none\n}\n.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\tdisplay: block;\n\tz-index: 1000 !important\n}\n@media screen and (max-width:800px) {\n\t.Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {\n\t\tdisplay: block !important;\n\t\t/* border:none !important */\n\t}\n}";
66978
- var cardsstyles$3 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
67031
+ var cardsstyles$4 = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
66979
67032
  styleInject(css_248z$c);
66980
67033
 
66981
67034
  function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -67294,16 +67347,16 @@
67294
67347
  minHeight: '370px'
67295
67348
  }
67296
67349
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67297
- "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67350
+ "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67298
67351
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67299
- "class": "".concat(cardsstyles$3.card_inner)
67352
+ "class": "".concat(cardsstyles$4.card_inner)
67300
67353
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67301
- "class": "".concat(cardsstyles$3.card_thumbnail),
67354
+ "class": "".concat(cardsstyles$4.card_thumbnail),
67302
67355
  style: {
67303
67356
  position: 'relative'
67304
67357
  }
67305
67358
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67306
- "class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67359
+ "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67307
67360
  onClick: function onClick() {
67308
67361
  setShowProductInfoModalContext(true);
67309
67362
  setProductIdProdutInfoModalContext(item.productid);
@@ -67328,7 +67381,7 @@
67328
67381
  },
67329
67382
  loading: "lazy"
67330
67383
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67331
- "class": "".concat(cardsstyles$3.wishlistbtn),
67384
+ "class": "".concat(cardsstyles$4.wishlistbtn),
67332
67385
  onClick: function onClick() {
67333
67386
  addtofavoritescontext(item.productid);
67334
67387
  }
@@ -67380,7 +67433,7 @@
67380
67433
  }, /*#__PURE__*/React__default["default"].createElement("p", {
67381
67434
  "class": "m-0 p-0"
67382
67435
  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
67383
- "class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
67436
+ "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
67384
67437
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67385
67438
  "class": "col-lg-12"
67386
67439
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -67404,7 +67457,7 @@
67404
67457
  textAlign: langdetect == 'en' ? 'left' : 'right'
67405
67458
  }
67406
67459
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
67407
- "class": "".concat(cardsstyles$3.card_informationcontainer)
67460
+ "class": "".concat(cardsstyles$4.card_informationcontainer)
67408
67461
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67409
67462
  "class": "row m-0 w-100 d-flex align-items-center"
67410
67463
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -70088,7 +70141,7 @@
70088
70141
  };
70089
70142
 
70090
70143
  var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";
70091
- var cardsstyles$2 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
70144
+ var cardsstyles$3 = {"productcard":"ModernCardWithQuantityButton-module_productcard__PaOc-","wishlistbtn":"ModernCardWithQuantityButton-module_wishlistbtn__mXt2e","card_inner":"ModernCardWithQuantityButton-module_card_inner__1ySNo","card_informationcontainer":"ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl"};
70092
70145
  styleInject(css_248z$5);
70093
70146
 
70094
70147
  function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -70363,7 +70416,7 @@
70363
70416
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
70364
70417
  }
70365
70418
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
70366
- "class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70419
+ "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70367
70420
  style: {
70368
70421
  position: 'relative'
70369
70422
  }
@@ -70402,7 +70455,7 @@
70402
70455
  },
70403
70456
  loading: "lazy"
70404
70457
  }))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
70405
- "class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70458
+ "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70406
70459
  onClick: function onClick(e) {
70407
70460
  e.stopPropagation();
70408
70461
  addtofavoritescontext(item.productid);
@@ -72609,11 +72662,13 @@
72609
72662
  };
72610
72663
 
72611
72664
  var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relative;\n cursor: pointer;\n transition: 0.3s !important;\n}\n\n.Productcard6-module_addbtn__x6bMd:hover {\n transition: 0.3s;\n}\n";
72665
+ var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
72612
72666
  styleInject(css_248z$3);
72613
72667
 
72614
72668
  function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
72615
72669
  function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
72616
72670
  var Productcard6 = function Productcard6(props) {
72671
+ var _css;
72617
72672
  var _useState = React.useState(''),
72618
72673
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72619
72674
  sectionproperties = _useState2[0],
@@ -72623,17 +72678,17 @@
72623
72678
  item = _useState4[0],
72624
72679
  setitem = _useState4[1];
72625
72680
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72626
- props.actions.lang;
72681
+ var lang = props.actions.lang;
72627
72682
  var langdetect = props.actions.langdetect;
72628
- props.actions.setShowProductInfoModalContext;
72629
- props.actions.addtofavoritescontext;
72630
- props.actions.setProductIdProdutInfoModalContext;
72683
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
72684
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
72685
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
72631
72686
  props.actions.AddtoCartContext;
72632
72687
  props.actions.AddtoCartMutationContext;
72633
72688
  props.actions.StaticPagesLinksContext;
72634
72689
  props.actions.routingcountext;
72635
- props.actions.cardonclickfunctionContext;
72636
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72690
+ var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72691
+ props.actions.ikimagecredcontext;
72637
72692
  React.useEffect(function () {
72638
72693
  if (props.srcfrom == 'addsectionform') {
72639
72694
  var secpropobj = {};
@@ -72656,137 +72711,48 @@
72656
72711
  React.useEffect(function () {
72657
72712
  setitem(props.cardinfoitemprops);
72658
72713
  }, [props.cardinfoitemprops]);
72659
- // const card_cssstyles = {
72660
- // productcard: css({
72661
- // position: 'relative',
72662
- // background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72663
- // boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72664
- // border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72665
- // height: sectionproperties.height + 'px',
72666
- // width: '100%',
72667
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72668
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72669
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72670
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72671
- // marginTop: sectionproperties.marginTop + 'px',
72672
- // marginBottom: sectionproperties.marginBottom + 'px',
72673
- // paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72674
- // paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72675
- // paddingTop: sectionproperties.paddingTop + 'px',
72676
- // paddingBottom: sectionproperties.paddingBottom + 'px',
72677
- // transition: '0.3s',
72678
- // cursor: 'pointer',
72679
- // opacity: sectionproperties.cardbg_opacity,
72680
- // border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
72681
-
72682
- // ':hover': {
72683
- // opacity: sectionproperties.bgopacityonhover,
72684
- // },
72685
- // ':after': {
72686
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72687
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72688
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72689
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72690
- // content: 's',
72691
- // fontSize: 0,
72692
- // position: 'absolute',
72693
- // top: 0,
72694
- // bottom: 0,
72695
- // left: 0,
72696
- // width: '100%',
72697
- // height: '100%',
72698
- // transition: ' 0.3s',
72699
- // background: sectionproperties.transitionbg_color,
72700
- // opacity: sectionproperties.cardtransition_opacity,
72701
- // },
72702
- // ':hover:after': {
72703
- // opacity: sectionproperties.cardtransitionbgopacityonhover,
72704
- // },
72705
- // }),
72706
- // productNameStyles: css({
72707
- // color: sectionproperties.prodNameColor,
72708
- // fontSize: sectionproperties.prodNameFontSize + 'px',
72709
- // textTransform: sectionproperties.prodNameTextTranform,
72710
- // fontWeight: sectionproperties.prodNameFontWeight,
72711
- // transition: '.3s',
72712
- // cursor: 'pointer',
72713
- // position: 'absolute',
72714
- // zIndex: '10',
72715
- // }),
72716
- // productPricestyles: css({
72717
- // color: sectionproperties.prodPriceColor,
72718
- // fontSize: sectionproperties.prodpriceFontSize + 'px',
72719
- // fontWeight: sectionproperties.prodPriceFontWeight,
72720
- // zIndex: '10',
72721
- // }),
72722
- // productSalePricestyles: css({
72723
- // color: sectionproperties.prodsalePriceColor,
72724
- // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72725
- // fontWeight: sectionproperties.prodsalePriceFontWeight,
72726
- // zIndex: '10',
72727
- // }),
72728
- // wishlist_btn: css({
72729
- // width: sectionproperties.favBtnWidth + 'px',
72730
- // height: sectionproperties.favBtnHeight + 'px',
72731
- // background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72732
- // borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72733
- // color: sectionproperties.favBtnTextcolor,
72734
- // fontSize: sectionproperties.favBtnIconfontsize + 'px',
72735
- // textTransform: sectionproperties.favBtnTexttransform,
72736
- // fontWeight: sectionproperties.favBtnTextfontweight,
72737
- // transition: '.3s',
72738
- // border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72739
- // ':hover': {
72740
- // background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72741
- // color: sectionproperties.favBtnTextcoloronhover,
72742
- // borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
72743
- // },
72744
- // }),
72745
- // cart_btn: css({
72746
- // width: sectionproperties.cartBtnWidth + 'px',
72747
- // height: sectionproperties.cartBtnHeight + 'px',
72748
- // background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72749
- // borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72750
- // color: sectionproperties.cartBtnTextcolor,
72751
- // fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72752
- // // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72753
- // textTransform: sectionproperties.cartBtnTexttransform,
72754
- // fontWeight: sectionproperties.cartBtnTextfontweight,
72755
- // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72756
- // transition: '.3s',
72757
- // ':hover': {
72758
- // background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72759
- // color: sectionproperties.cartBtnTextcoloronhover,
72760
- // },
72761
- // zIndex: '10',
72762
- // }),
72763
- // };
72764
72714
  var card_cssstyles = {
72765
- productcard: glamor.css({
72766
- minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72767
- maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72768
- '@media (max-width: 800px)': {
72769
- minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
72770
- maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
72771
- }
72772
- }),
72773
- productcardimagecont: glamor.css({
72715
+ productcard: glamor.css((_css = {
72774
72716
  position: 'relative',
72775
- overflow: 'hidden',
72776
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
72777
- background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
72778
- border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
72779
- borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
72780
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72781
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72782
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72783
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72784
- transition: '.3s',
72785
- opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
72786
- '@media (max-width: 800px)': {
72787
- height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
72788
- }
72789
- }),
72717
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72718
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72719
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72720
+ height: sectionproperties.height + 'px',
72721
+ width: '100%',
72722
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72723
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72724
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72725
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72726
+ marginTop: sectionproperties.marginTop + 'px',
72727
+ marginBottom: sectionproperties.marginBottom + 'px',
72728
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72729
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72730
+ paddingTop: sectionproperties.paddingTop + 'px',
72731
+ paddingBottom: sectionproperties.paddingBottom + 'px',
72732
+ transition: '0.3s',
72733
+ cursor: 'pointer',
72734
+ opacity: sectionproperties.cardbg_opacity
72735
+ }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
72736
+ opacity: sectionproperties.bgopacityonhover
72737
+ }), _defineProperty__default["default"](_css, ':after', {
72738
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72739
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72740
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72741
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72742
+ content: 's',
72743
+ fontSize: 0,
72744
+ position: 'absolute',
72745
+ top: 0,
72746
+ bottom: 0,
72747
+ left: 0,
72748
+ width: '100%',
72749
+ height: '100%',
72750
+ transition: ' 0.3s',
72751
+ background: sectionproperties.transitionbg_color,
72752
+ opacity: sectionproperties.cardtransition_opacity
72753
+ }), _defineProperty__default["default"](_css, ':hover:after', {
72754
+ opacity: sectionproperties.cardtransitionbgopacityonhover
72755
+ }), _css)),
72790
72756
  productNameStyles: glamor.css({
72791
72757
  color: sectionproperties.prodNameColor,
72792
72758
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -72794,19 +72760,20 @@
72794
72760
  fontWeight: sectionproperties.prodNameFontWeight,
72795
72761
  transition: '.3s',
72796
72762
  cursor: 'pointer',
72797
- ':hover': {
72798
- color: sectionproperties.prodNameColorOnHover
72799
- }
72763
+ position: 'absolute',
72764
+ zIndex: '10'
72800
72765
  }),
72801
72766
  productPricestyles: glamor.css({
72802
72767
  color: sectionproperties.prodPriceColor,
72803
72768
  fontSize: sectionproperties.prodpriceFontSize + 'px',
72804
- fontWeight: sectionproperties.prodPriceFontWeight
72769
+ fontWeight: sectionproperties.prodPriceFontWeight,
72770
+ zIndex: '10'
72805
72771
  }),
72806
72772
  productSalePricestyles: glamor.css({
72807
72773
  color: sectionproperties.prodsalePriceColor,
72808
72774
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72809
- fontWeight: sectionproperties.prodsalePriceFontWeight
72775
+ fontWeight: sectionproperties.prodsalePriceFontWeight,
72776
+ zIndex: '10'
72810
72777
  }),
72811
72778
  wishlist_btn: glamor.css({
72812
72779
  width: sectionproperties.favBtnWidth + 'px',
@@ -72814,217 +72781,112 @@
72814
72781
  background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72815
72782
  borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72816
72783
  color: sectionproperties.favBtnTextcolor,
72817
- fontSize: sectionproperties.favBtnTextfontsize + 'px',
72784
+ fontSize: sectionproperties.favBtnIconfontsize + 'px',
72818
72785
  textTransform: sectionproperties.favBtnTexttransform,
72819
72786
  fontWeight: sectionproperties.favBtnTextfontweight,
72820
72787
  transition: '.3s',
72821
72788
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72822
72789
  ':hover': {
72823
72790
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72824
- color: sectionproperties.favBtnTextcoloronhover
72791
+ color: sectionproperties.favBtnTextcoloronhover,
72792
+ borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
72825
72793
  }
72826
72794
  }),
72827
72795
  cart_btn: glamor.css({
72828
- width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
72796
+ width: sectionproperties.cartBtnWidth + 'px',
72829
72797
  height: sectionproperties.cartBtnHeight + 'px',
72830
72798
  background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72831
72799
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72832
72800
  color: sectionproperties.cartBtnTextcolor,
72833
72801
  fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72802
+ // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72834
72803
  textTransform: sectionproperties.cartBtnTexttransform,
72835
72804
  fontWeight: sectionproperties.cartBtnTextfontweight,
72836
72805
  border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72837
72806
  transition: '.3s',
72838
- textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
72839
72807
  ':hover': {
72840
72808
  background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72841
- color: sectionproperties.cartBtnTextcoloronhover,
72842
- borderColor: sectionproperties.cartBtnTextcoloronhover
72843
- }
72844
- }),
72845
- cardconttt: glamor.css({
72846
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
72847
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72848
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72849
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72850
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72851
- marginTop: sectionproperties.marginTop + 'px',
72852
- marginBottom: sectionproperties.marginBottom + 'px',
72853
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72854
- paddingTop: sectionproperties.paddingTop + 'px',
72855
- paddingBottom: sectionproperties.paddingBottom + 'px',
72856
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72857
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72858
- transition: '.3s',
72859
- // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
72860
- ':hover': {
72861
- backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
72862
- transition: 0.3
72863
- }
72809
+ color: sectionproperties.cartBtnTextcoloronhover
72810
+ },
72811
+ zIndex: '10'
72864
72812
  })
72865
72813
  };
72866
72814
  return /*#__PURE__*/React__default["default"].createElement("div", {
72867
- "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
72815
+ "class": "row m-0 w-100",
72868
72816
  style: {
72869
72817
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
72870
72818
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
72871
72819
  }
72872
72820
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
72873
- "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
72874
- style: {}
72875
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72876
- "class": "w-100",
72821
+ "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
72877
72822
  style: {
72878
- position: 'relative'
72823
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
72824
+ backgroundRepeat: 'no-repeat',
72825
+ // backgroundSize: 'cover',
72826
+ backgroundPosition: 'center'
72827
+ },
72828
+ onClick: function onClick() {
72829
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72879
72830
  }
72880
- }, /*#__PURE__*/React__default["default"].createElement("div", {
72881
- "class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
72831
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
72832
+ "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
72833
+ style: {}
72834
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
72835
+ onClick: function onClick(e) {
72836
+ e.stopPropagation();
72837
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72838
+ },
72839
+ "class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
72840
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
72841
+ "class": "col-lg-12 d-flex justify-content-start p-0",
72882
72842
  style: {
72883
- marginBottom: sectionproperties.image_mb + 'px'
72843
+ height: '50%',
72844
+ zIndex: 100,
72845
+ position: 'absolute',
72846
+ bottom: 10
72884
72847
  }
72885
72848
  }, /*#__PURE__*/React__default["default"].createElement("div", {
72886
- "class": "w-100 cursor-pointer",
72849
+ "class": "row w-100 ml-0 mr-0 mt-auto"
72850
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
72851
+ "class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
72852
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
72853
+ "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
72854
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
72855
+ "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
72856
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
72857
+ "class": "col-lg-12 p-0 d-flex"
72858
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72859
+ "class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
72860
+ onClick: function onClick(e) {
72861
+ e.stopPropagation();
72862
+ setShowProductInfoModalContext(true);
72863
+ setProductIdProdutInfoModalContext(item.productid);
72864
+ }
72865
+ }, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
72866
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
72867
+ onClick: function onClick(e) {
72868
+ e.stopPropagation();
72869
+ addtofavoritescontext(item.productid);
72870
+ }
72871
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72872
+ "class": "h-100 d-flex align-items-center justify-content-center"
72873
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
72874
+ size: sectionproperties.favBtnIconfontsize,
72887
72875
  style: {
72888
- position: 'relative'
72876
+ color: sectionproperties.activefaviconcolor
72889
72877
  }
72890
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
72891
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
72892
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
72893
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
72894
- loading: "lazy",
72878
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
72879
+ size: sectionproperties.favBtnIconfontsize,
72895
72880
  style: {
72896
- width: sectionproperties.imageInnerWidth_Height + '%',
72897
- height: sectionproperties.imageInnerWidth_Height + '%',
72898
- objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
72881
+ color: sectionproperties.activefaviconcolor
72899
72882
  }
72900
- })))), /*#__PURE__*/React__default["default"].createElement("div", null)))
72901
- // <div
72902
- // class="row m-0 w-100"
72903
- // style={{
72904
- // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
72905
- // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
72906
- // }}
72907
- // >
72908
- // {sectionproperties.length != 0 && (
72909
- // <div
72910
- // class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
72911
- // style={{
72912
- // // backgroundImage: `url(${serverbaselink + item.image})`,
72913
- // // backgroundRepeat: 'no-repeat',
72914
- // // // backgroundSize: 'cover',
72915
- // // backgroundPosition: 'center',
72916
- // position: 'relative',
72917
- // }}
72918
- // onClick={() => {
72919
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72920
- // }}
72921
- // >
72922
- // <div class={card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer '} style={{ width: '100%', height: '100%' }}>
72923
- // {item.image != '' && (
72924
- // <Imagekitimagecomp
72925
- // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
72926
- // publicKey={ikimagecredcontext?.ikimagepublickey}
72927
- // path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
72928
- // style={{
72929
- // width: sectionproperties.imageInnerWidth_Height + '%',
72930
- // height: sectionproperties.imageInnerWidth_Height + '%',
72931
- // objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
72932
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72933
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72934
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72935
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72936
- // }}
72937
- // loading="lazy"
72938
- // />
72939
- // )}
72940
- // </div>
72941
- // <div
72942
- // class="row m-0 w-100"
72943
- // style={{
72944
- // position: 'absolute',
72945
- // height: '100%',
72946
- // top: 0,
72947
- // left: 0,
72948
- // }}
72949
- // >
72950
- // {sectionproperties.prodNameShow == 'Show' && (
72951
- // <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
72952
- // <p
72953
- // onClick={(e) => {
72954
- // e.stopPropagation();
72955
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
72956
- // }}
72957
- // class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
72958
- // >
72959
- // {item.name}
72960
- // </p>
72961
- // </div>
72962
- // )}
72963
- // <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
72964
- // <div class="row w-100 ml-0 mr-0 mt-auto">
72965
- // <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
72966
- // {sectionproperties.prodPriceShow == 'Show' && (
72967
- // <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
72968
- // {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
72969
- // </p>
72970
- // )}
72971
- // {sectionproperties.prodsalePriceshow == 'Show' && (
72972
- // <>
72973
- // {item.hassale == 1 && (
72974
- // <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
72975
- // {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
72976
- // </p>
72977
- // )}
72978
- // </>
72979
- // )}
72980
- // </div>
72981
- // <div class="col-lg-12 p-0 d-flex">
72982
- // {sectionproperties.cartBtnShow == 'Show' && (
72983
- // <button
72984
- // class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
72985
- // onClick={(e) => {
72986
- // e.stopPropagation();
72987
- // setShowProductInfoModalContext(true);
72988
- // setProductIdProdutInfoModalContext(item.productid);
72989
- // }}
72990
- // >
72991
- // {lang.addtocart}
72992
- // </button>
72993
- // )}
72994
- // {sectionproperties.favBtnShow == 'Show' && (
72995
- // <button
72996
- // class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
72997
- // onClick={(e) => {
72998
- // e.stopPropagation();
72999
- // addtofavoritescontext(item.productid);
73000
- // }}
73001
- // >
73002
- // {item.IsFavExists && (
73003
- // <i class="h-100 d-flex align-items-center justify-content-center">
73004
- // {sectionproperties.faviconshape == 'Star Shape' && (
73005
- // <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73006
- // )}
73007
- // {sectionproperties.faviconshape == 'Heart Shape' && (
73008
- // <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73009
- // )}
73010
- // </i>
73011
- // )}
73012
- // {!item.IsFavExists && (
73013
- // <i class="h-100 d-flex align-items-center justify-content-center">
73014
- // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
73015
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
73016
- // </i>
73017
- // )}
73018
- // </button>
73019
- // )}
73020
- // </div>
73021
- // </div>
73022
- // </div>
73023
- // </div>
73024
- // </div>
73025
- // )}
73026
- // </div>
73027
- ;
72883
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
72884
+ "class": "h-100 d-flex align-items-center justify-content-center"
72885
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
72886
+ size: sectionproperties.favBtnIconfontsize
72887
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
72888
+ size: sectionproperties.favBtnIconfontsize
72889
+ }))))))));
73028
72890
  };
73029
72891
 
73030
72892
  function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }