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.cjs.js CHANGED
@@ -27843,7 +27843,7 @@ styleInject(css_248z$w);
27843
27843
  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; }
27844
27844
  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; }
27845
27845
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27846
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
27846
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27847
27847
  var _useState = React.useState(''),
27848
27848
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27849
27849
  sectionproperties = _useState2[0],
@@ -27863,6 +27863,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
27863
27863
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27864
27864
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27865
27865
  var actions = props.actions;
27866
+ var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27866
27867
  React.useEffect(function () {
27867
27868
  var secpropobj = {};
27868
27869
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28133,7 +28134,25 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28133
28134
  }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28134
28135
  sectionpropertiesprops: sectionproperties,
28135
28136
  actions: actions
28136
- })), /*#__PURE__*/React__default["default"].createElement("a", {
28137
+ })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28138
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28139
+ target: '_self',
28140
+ style: {
28141
+ position: 'fixed',
28142
+ bottom: 60,
28143
+ right: 10,
28144
+ zIndex: 999999,
28145
+ transition: 'all 0.3s ease-out'
28146
+ }
28147
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
28148
+ "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'
28149
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
28150
+ size: 30,
28151
+ color: sectionproperties.uppersection_iconcolor,
28152
+ style: {
28153
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
28154
+ }
28155
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
28137
28156
  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),
28138
28157
  target: '_blank',
28139
28158
  style: {
@@ -28150,7 +28169,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28150
28169
  height: '40px',
28151
28170
  cursor: 'pointer'
28152
28171
  }
28153
- })), /*#__PURE__*/React__default["default"].createElement("div", {
28172
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
28154
28173
  "class": "col-lg-12 p-0"
28155
28174
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28156
28175
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
@@ -28572,7 +28591,41 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28572
28591
  }
28573
28592
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28574
28593
  "class": 'ml-2 mr-2'
28575
- }, lang.english))))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28594
+ }, 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", {
28595
+ "class": ' d-flex align-items-center justify-content-center '
28596
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28597
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28598
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28599
+ "class": "m-0 p-0 mr-2 ml-2"
28600
+ }, 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", {
28601
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28602
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28603
+ "class": "m-0 p-0 ml-2 mr-2"
28604
+ }, 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) {
28605
+ var _authdetailsContext$i9;
28606
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28607
+ onClick: function onClick() {
28608
+ setcurrencyfunccontext(item);
28609
+ }
28610
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28611
+ "class": "row m-0 w-100"
28612
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28613
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
28614
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
28615
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
28616
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
28617
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
28618
+ style: {
28619
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
28620
+ fontWeight: sectionproperties.dropdown_fontweight,
28621
+ textTransform: sectionproperties.dropdown_texttransform
28622
+ }
28623
+ }, 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", {
28624
+ "class": "col-lg-12 p-0"
28625
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
28626
+ "class": "m-0"
28627
+ }))));
28628
+ }))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
28576
28629
  "class": "col-lg-12 p-0"
28577
28630
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
28578
28631
  sectionpropertiesprops: sectionproperties,
@@ -52829,7 +52882,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
52829
52882
  };
52830
52883
 
52831
52884
  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";
52832
- var cardsstyles$4 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52885
+ var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52833
52886
  styleInject(css_248z$l);
52834
52887
 
52835
52888
  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; }
@@ -53038,14 +53091,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53038
53091
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53039
53092
  className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
53040
53093
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53041
- 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 ',
53094
+ 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 ',
53042
53095
  style: {
53043
53096
  // zIndex: 2000,
53044
53097
  }
53045
53098
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar), sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53046
- className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$4.maintitle2) + ' d-flex justify-content-md-center '
53099
+ className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
53047
53100
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
53048
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
53101
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53049
53102
  onClick: function onClick() {
53050
53103
  // if(place_clickable == 'Button'){
53051
53104
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
@@ -53067,7 +53120,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53067
53120
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53068
53121
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53069
53122
  }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53070
- className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$4.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
53123
+ className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
53071
53124
  style: {
53072
53125
  color: sectionproperties.generaltext_fontColor,
53073
53126
  textTransform: sectionproperties.generaltext_textTransform,
@@ -53076,7 +53129,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53076
53129
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53077
53130
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53078
53131
  }, sectionproperties.slideshowtext2_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
53079
- className: "".concat(cardsstyles$4.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
53132
+ className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
53080
53133
  style: {
53081
53134
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
53082
53135
  color: sectionproperties.slideshowText2ContentColor,
@@ -53086,7 +53139,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53086
53139
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53087
53140
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53088
53141
  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
53089
- className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$4.buttonshop) + ' d-flex justify-content-center align-items-center ',
53142
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53090
53143
  onClick: function onClick() {
53091
53144
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
53092
53145
  }
@@ -67151,7 +67204,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
67151
67204
  };
67152
67205
 
67153
67206
  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}";
67154
- 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"};
67207
+ 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"};
67155
67208
  styleInject(css_248z$c);
67156
67209
 
67157
67210
  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; }
@@ -67470,16 +67523,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67470
67523
  minHeight: '370px'
67471
67524
  }
67472
67525
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67473
- "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67526
+ "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67474
67527
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67475
- "class": "".concat(cardsstyles$3.card_inner)
67528
+ "class": "".concat(cardsstyles$4.card_inner)
67476
67529
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67477
- "class": "".concat(cardsstyles$3.card_thumbnail),
67530
+ "class": "".concat(cardsstyles$4.card_thumbnail),
67478
67531
  style: {
67479
67532
  position: 'relative'
67480
67533
  }
67481
67534
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67482
- "class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67535
+ "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67483
67536
  onClick: function onClick() {
67484
67537
  setShowProductInfoModalContext(true);
67485
67538
  setProductIdProdutInfoModalContext(item.productid);
@@ -67504,7 +67557,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67504
67557
  },
67505
67558
  loading: "lazy"
67506
67559
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67507
- "class": "".concat(cardsstyles$3.wishlistbtn),
67560
+ "class": "".concat(cardsstyles$4.wishlistbtn),
67508
67561
  onClick: function onClick() {
67509
67562
  addtofavoritescontext(item.productid);
67510
67563
  }
@@ -67556,7 +67609,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67556
67609
  }, /*#__PURE__*/React__default["default"].createElement("p", {
67557
67610
  "class": "m-0 p-0"
67558
67611
  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
67559
- "class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
67612
+ "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
67560
67613
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67561
67614
  "class": "col-lg-12"
67562
67615
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -67580,7 +67633,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67580
67633
  textAlign: langdetect == 'en' ? 'left' : 'right'
67581
67634
  }
67582
67635
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
67583
- "class": "".concat(cardsstyles$3.card_informationcontainer)
67636
+ "class": "".concat(cardsstyles$4.card_informationcontainer)
67584
67637
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67585
67638
  "class": "row m-0 w-100 d-flex align-items-center"
67586
67639
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -70264,7 +70317,7 @@ var ServiceCard = function ServiceCard(props) {
70264
70317
  };
70265
70318
 
70266
70319
  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";
70267
- 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"};
70320
+ 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"};
70268
70321
  styleInject(css_248z$5);
70269
70322
 
70270
70323
  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; }
@@ -70539,7 +70592,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70539
70592
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
70540
70593
  }
70541
70594
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
70542
- "class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70595
+ "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70543
70596
  style: {
70544
70597
  position: 'relative'
70545
70598
  }
@@ -70578,7 +70631,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70578
70631
  },
70579
70632
  loading: "lazy"
70580
70633
  }))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
70581
- "class": "".concat(cardsstyles$2.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70634
+ "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70582
70635
  onClick: function onClick(e) {
70583
70636
  e.stopPropagation();
70584
70637
  addtofavoritescontext(item.productid);
@@ -72785,11 +72838,13 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
72785
72838
  };
72786
72839
 
72787
72840
  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";
72841
+ var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
72788
72842
  styleInject(css_248z$3);
72789
72843
 
72790
72844
  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; }
72791
72845
  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; }
72792
72846
  var Productcard6 = function Productcard6(props) {
72847
+ var _css;
72793
72848
  var _useState = React.useState(''),
72794
72849
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72795
72850
  sectionproperties = _useState2[0],
@@ -72799,17 +72854,17 @@ var Productcard6 = function Productcard6(props) {
72799
72854
  item = _useState4[0],
72800
72855
  setitem = _useState4[1];
72801
72856
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72802
- props.actions.lang;
72857
+ var lang = props.actions.lang;
72803
72858
  var langdetect = props.actions.langdetect;
72804
- props.actions.setShowProductInfoModalContext;
72805
- props.actions.addtofavoritescontext;
72806
- props.actions.setProductIdProdutInfoModalContext;
72859
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
72860
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
72861
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
72807
72862
  props.actions.AddtoCartContext;
72808
72863
  props.actions.AddtoCartMutationContext;
72809
72864
  props.actions.StaticPagesLinksContext;
72810
72865
  props.actions.routingcountext;
72811
- props.actions.cardonclickfunctionContext;
72812
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72866
+ var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72867
+ props.actions.ikimagecredcontext;
72813
72868
  React.useEffect(function () {
72814
72869
  if (props.srcfrom == 'addsectionform') {
72815
72870
  var secpropobj = {};
@@ -72832,137 +72887,48 @@ var Productcard6 = function Productcard6(props) {
72832
72887
  React.useEffect(function () {
72833
72888
  setitem(props.cardinfoitemprops);
72834
72889
  }, [props.cardinfoitemprops]);
72835
- // const card_cssstyles = {
72836
- // productcard: css({
72837
- // position: 'relative',
72838
- // background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72839
- // boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72840
- // border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72841
- // height: sectionproperties.height + 'px',
72842
- // width: '100%',
72843
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72844
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72845
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72846
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72847
- // marginTop: sectionproperties.marginTop + 'px',
72848
- // marginBottom: sectionproperties.marginBottom + 'px',
72849
- // paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72850
- // paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72851
- // paddingTop: sectionproperties.paddingTop + 'px',
72852
- // paddingBottom: sectionproperties.paddingBottom + 'px',
72853
- // transition: '0.3s',
72854
- // cursor: 'pointer',
72855
- // opacity: sectionproperties.cardbg_opacity,
72856
- // border: sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor,
72857
-
72858
- // ':hover': {
72859
- // opacity: sectionproperties.bgopacityonhover,
72860
- // },
72861
- // ':after': {
72862
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72863
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72864
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72865
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72866
- // content: 's',
72867
- // fontSize: 0,
72868
- // position: 'absolute',
72869
- // top: 0,
72870
- // bottom: 0,
72871
- // left: 0,
72872
- // width: '100%',
72873
- // height: '100%',
72874
- // transition: ' 0.3s',
72875
- // background: sectionproperties.transitionbg_color,
72876
- // opacity: sectionproperties.cardtransition_opacity,
72877
- // },
72878
- // ':hover:after': {
72879
- // opacity: sectionproperties.cardtransitionbgopacityonhover,
72880
- // },
72881
- // }),
72882
- // productNameStyles: css({
72883
- // color: sectionproperties.prodNameColor,
72884
- // fontSize: sectionproperties.prodNameFontSize + 'px',
72885
- // textTransform: sectionproperties.prodNameTextTranform,
72886
- // fontWeight: sectionproperties.prodNameFontWeight,
72887
- // transition: '.3s',
72888
- // cursor: 'pointer',
72889
- // position: 'absolute',
72890
- // zIndex: '10',
72891
- // }),
72892
- // productPricestyles: css({
72893
- // color: sectionproperties.prodPriceColor,
72894
- // fontSize: sectionproperties.prodpriceFontSize + 'px',
72895
- // fontWeight: sectionproperties.prodPriceFontWeight,
72896
- // zIndex: '10',
72897
- // }),
72898
- // productSalePricestyles: css({
72899
- // color: sectionproperties.prodsalePriceColor,
72900
- // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72901
- // fontWeight: sectionproperties.prodsalePriceFontWeight,
72902
- // zIndex: '10',
72903
- // }),
72904
- // wishlist_btn: css({
72905
- // width: sectionproperties.favBtnWidth + 'px',
72906
- // height: sectionproperties.favBtnHeight + 'px',
72907
- // background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72908
- // borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72909
- // color: sectionproperties.favBtnTextcolor,
72910
- // fontSize: sectionproperties.favBtnIconfontsize + 'px',
72911
- // textTransform: sectionproperties.favBtnTexttransform,
72912
- // fontWeight: sectionproperties.favBtnTextfontweight,
72913
- // transition: '.3s',
72914
- // border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72915
- // ':hover': {
72916
- // background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
72917
- // color: sectionproperties.favBtnTextcoloronhover,
72918
- // borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover,
72919
- // },
72920
- // }),
72921
- // cart_btn: css({
72922
- // width: sectionproperties.cartBtnWidth + 'px',
72923
- // height: sectionproperties.cartBtnHeight + 'px',
72924
- // background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
72925
- // borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
72926
- // color: sectionproperties.cartBtnTextcolor,
72927
- // fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72928
- // // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
72929
- // textTransform: sectionproperties.cartBtnTexttransform,
72930
- // fontWeight: sectionproperties.cartBtnTextfontweight,
72931
- // border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
72932
- // transition: '.3s',
72933
- // ':hover': {
72934
- // background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
72935
- // color: sectionproperties.cartBtnTextcoloronhover,
72936
- // },
72937
- // zIndex: '10',
72938
- // }),
72939
- // };
72940
72890
  var card_cssstyles = {
72941
- productcard: glamor.css({
72942
- minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72943
- maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
72944
- '@media (max-width: 800px)': {
72945
- minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
72946
- maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
72947
- }
72948
- }),
72949
- productcardimagecont: glamor.css({
72891
+ productcard: glamor.css((_css = {
72950
72892
  position: 'relative',
72951
- overflow: 'hidden',
72952
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
72953
- background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
72954
- border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
72955
- borderBottom: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
72956
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
72957
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
72958
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
72959
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
72960
- transition: '.3s',
72961
- opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
72962
- '@media (max-width: 800px)': {
72963
- height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
72964
- }
72965
- }),
72893
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72894
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72895
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72896
+ height: sectionproperties.height + 'px',
72897
+ width: '100%',
72898
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72899
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72900
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72901
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72902
+ marginTop: sectionproperties.marginTop + 'px',
72903
+ marginBottom: sectionproperties.marginBottom + 'px',
72904
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72905
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72906
+ paddingTop: sectionproperties.paddingTop + 'px',
72907
+ paddingBottom: sectionproperties.paddingBottom + 'px',
72908
+ transition: '0.3s',
72909
+ cursor: 'pointer',
72910
+ opacity: sectionproperties.cardbg_opacity
72911
+ }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
72912
+ opacity: sectionproperties.bgopacityonhover
72913
+ }), _defineProperty__default["default"](_css, ':after', {
72914
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72915
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72916
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72917
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72918
+ content: 's',
72919
+ fontSize: 0,
72920
+ position: 'absolute',
72921
+ top: 0,
72922
+ bottom: 0,
72923
+ left: 0,
72924
+ width: '100%',
72925
+ height: '100%',
72926
+ transition: ' 0.3s',
72927
+ background: sectionproperties.transitionbg_color,
72928
+ opacity: sectionproperties.cardtransition_opacity
72929
+ }), _defineProperty__default["default"](_css, ':hover:after', {
72930
+ opacity: sectionproperties.cardtransitionbgopacityonhover
72931
+ }), _css)),
72966
72932
  productNameStyles: glamor.css({
72967
72933
  color: sectionproperties.prodNameColor,
72968
72934
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -72970,19 +72936,20 @@ var Productcard6 = function Productcard6(props) {
72970
72936
  fontWeight: sectionproperties.prodNameFontWeight,
72971
72937
  transition: '.3s',
72972
72938
  cursor: 'pointer',
72973
- ':hover': {
72974
- color: sectionproperties.prodNameColorOnHover
72975
- }
72939
+ position: 'absolute',
72940
+ zIndex: '10'
72976
72941
  }),
72977
72942
  productPricestyles: glamor.css({
72978
72943
  color: sectionproperties.prodPriceColor,
72979
72944
  fontSize: sectionproperties.prodpriceFontSize + 'px',
72980
- fontWeight: sectionproperties.prodPriceFontWeight
72945
+ fontWeight: sectionproperties.prodPriceFontWeight,
72946
+ zIndex: '10'
72981
72947
  }),
72982
72948
  productSalePricestyles: glamor.css({
72983
72949
  color: sectionproperties.prodsalePriceColor,
72984
72950
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72985
- fontWeight: sectionproperties.prodsalePriceFontWeight
72951
+ fontWeight: sectionproperties.prodsalePriceFontWeight,
72952
+ zIndex: '10'
72986
72953
  }),
72987
72954
  wishlist_btn: glamor.css({
72988
72955
  width: sectionproperties.favBtnWidth + 'px',
@@ -72990,217 +72957,112 @@ var Productcard6 = function Productcard6(props) {
72990
72957
  background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72991
72958
  borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72992
72959
  color: sectionproperties.favBtnTextcolor,
72993
- fontSize: sectionproperties.favBtnTextfontsize + 'px',
72960
+ fontSize: sectionproperties.favBtnIconfontsize + 'px',
72994
72961
  textTransform: sectionproperties.favBtnTexttransform,
72995
72962
  fontWeight: sectionproperties.favBtnTextfontweight,
72996
72963
  transition: '.3s',
72997
72964
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72998
72965
  ':hover': {
72999
72966
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
73000
- color: sectionproperties.favBtnTextcoloronhover
72967
+ color: sectionproperties.favBtnTextcoloronhover,
72968
+ borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
73001
72969
  }
73002
72970
  }),
73003
72971
  cart_btn: glamor.css({
73004
- width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
72972
+ width: sectionproperties.cartBtnWidth + 'px',
73005
72973
  height: sectionproperties.cartBtnHeight + 'px',
73006
72974
  background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
73007
72975
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
73008
72976
  color: sectionproperties.cartBtnTextcolor,
73009
72977
  fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72978
+ // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
73010
72979
  textTransform: sectionproperties.cartBtnTexttransform,
73011
72980
  fontWeight: sectionproperties.cartBtnTextfontweight,
73012
72981
  border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
73013
72982
  transition: '.3s',
73014
- textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
73015
72983
  ':hover': {
73016
72984
  background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
73017
- color: sectionproperties.cartBtnTextcoloronhover,
73018
- borderColor: sectionproperties.cartBtnTextcoloronhover
73019
- }
73020
- }),
73021
- cardconttt: glamor.css({
73022
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : sectionproperties.backgroundColor,
73023
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
73024
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
73025
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
73026
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
73027
- marginTop: sectionproperties.marginTop + 'px',
73028
- marginBottom: sectionproperties.marginBottom + 'px',
73029
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
73030
- paddingTop: sectionproperties.paddingTop + 'px',
73031
- paddingBottom: sectionproperties.paddingBottom + 'px',
73032
- paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
73033
- paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
73034
- transition: '.3s',
73035
- // opacity: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.cardbg_opacity + ')' : 1,
73036
- ':hover': {
73037
- backgroundColor: sectionproperties.backgroundColortransparent != 'Transparent' && sectionproperties.backgroundColor == '#ffffff' ? 'rgba(250,250,250,' + sectionproperties.bgopacityonhover + ')' : 1,
73038
- transition: 0.3
73039
- }
72985
+ color: sectionproperties.cartBtnTextcoloronhover
72986
+ },
72987
+ zIndex: '10'
73040
72988
  })
73041
72989
  };
73042
72990
  return /*#__PURE__*/React__default["default"].createElement("div", {
73043
- "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
72991
+ "class": "row m-0 w-100",
73044
72992
  style: {
73045
72993
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
73046
72994
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
73047
72995
  }
73048
72996
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
73049
- "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 ',
73050
- style: {}
73051
- }, /*#__PURE__*/React__default["default"].createElement("div", {
73052
- "class": "w-100",
72997
+ "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
73053
72998
  style: {
73054
- position: 'relative'
72999
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
73000
+ backgroundRepeat: 'no-repeat',
73001
+ // backgroundSize: 'cover',
73002
+ backgroundPosition: 'center'
73003
+ },
73004
+ onClick: function onClick() {
73005
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73055
73006
  }
73056
- }, /*#__PURE__*/React__default["default"].createElement("div", {
73057
- "class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
73007
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
73008
+ "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
73009
+ style: {}
73010
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
73011
+ onClick: function onClick(e) {
73012
+ e.stopPropagation();
73013
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73014
+ },
73015
+ "class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
73016
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
73017
+ "class": "col-lg-12 d-flex justify-content-start p-0",
73058
73018
  style: {
73059
- marginBottom: sectionproperties.image_mb + 'px'
73019
+ height: '50%',
73020
+ zIndex: 100,
73021
+ position: 'absolute',
73022
+ bottom: 10
73060
73023
  }
73061
73024
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73062
- "class": "w-100 cursor-pointer",
73025
+ "class": "row w-100 ml-0 mr-0 mt-auto"
73026
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
73027
+ "class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
73028
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
73029
+ "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
73030
+ }, 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", {
73031
+ "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
73032
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
73033
+ "class": "col-lg-12 p-0 d-flex"
73034
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
73035
+ "class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
73036
+ onClick: function onClick(e) {
73037
+ e.stopPropagation();
73038
+ setShowProductInfoModalContext(true);
73039
+ setProductIdProdutInfoModalContext(item.productid);
73040
+ }
73041
+ }, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
73042
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
73043
+ onClick: function onClick(e) {
73044
+ e.stopPropagation();
73045
+ addtofavoritescontext(item.productid);
73046
+ }
73047
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
73048
+ "class": "h-100 d-flex align-items-center justify-content-center"
73049
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
73050
+ size: sectionproperties.favBtnIconfontsize,
73063
73051
  style: {
73064
- position: 'relative'
73052
+ color: sectionproperties.activefaviconcolor
73065
73053
  }
73066
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
73067
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
73068
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
73069
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
73070
- loading: "lazy",
73054
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
73055
+ size: sectionproperties.favBtnIconfontsize,
73071
73056
  style: {
73072
- width: sectionproperties.imageInnerWidth_Height + '%',
73073
- height: sectionproperties.imageInnerWidth_Height + '%',
73074
- objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
73057
+ color: sectionproperties.activefaviconcolor
73075
73058
  }
73076
- })))), /*#__PURE__*/React__default["default"].createElement("div", null)))
73077
- // <div
73078
- // class="row m-0 w-100"
73079
- // style={{
73080
- // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
73081
- // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
73082
- // }}
73083
- // >
73084
- // {sectionproperties.length != 0 && (
73085
- // <div
73086
- // class={`${card_cssstyles.productcard} ${cardsstyles.productcard}` + ' w-100 '}
73087
- // style={{
73088
- // // backgroundImage: `url(${serverbaselink + item.image})`,
73089
- // // backgroundRepeat: 'no-repeat',
73090
- // // // backgroundSize: 'cover',
73091
- // // backgroundPosition: 'center',
73092
- // position: 'relative',
73093
- // }}
73094
- // onClick={() => {
73095
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73096
- // }}
73097
- // >
73098
- // <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%' }}>
73099
- // {item.image != '' && (
73100
- // <Imagekitimagecomp
73101
- // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
73102
- // publicKey={ikimagecredcontext?.ikimagepublickey}
73103
- // path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
73104
- // style={{
73105
- // width: sectionproperties.imageInnerWidth_Height + '%',
73106
- // height: sectionproperties.imageInnerWidth_Height + '%',
73107
- // objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
73108
- // borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
73109
- // borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
73110
- // borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
73111
- // borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
73112
- // }}
73113
- // loading="lazy"
73114
- // />
73115
- // )}
73116
- // </div>
73117
- // <div
73118
- // class="row m-0 w-100"
73119
- // style={{
73120
- // position: 'absolute',
73121
- // height: '100%',
73122
- // top: 0,
73123
- // left: 0,
73124
- // }}
73125
- // >
73126
- // {sectionproperties.prodNameShow == 'Show' && (
73127
- // <div class="col-lg-12 d-flex flex-row justify-content-start p-0" style={{}}>
73128
- // <p
73129
- // onClick={(e) => {
73130
- // e.stopPropagation();
73131
- // cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73132
- // }}
73133
- // class={`${card_cssstyles.productNameStyles}` + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '}
73134
- // >
73135
- // {item.name}
73136
- // </p>
73137
- // </div>
73138
- // )}
73139
- // <div class="col-lg-12 d-flex justify-content-start p-0" style={{ height: '50%', zIndex: 100, position: 'absolute', bottom: 10 }}>
73140
- // <div class="row w-100 ml-0 mr-0 mt-auto">
73141
- // <div class="col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto">
73142
- // {sectionproperties.prodPriceShow == 'Show' && (
73143
- // <p class={`${card_cssstyles.productPricestyles}` + ' m-0 '}>
73144
- // {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
73145
- // </p>
73146
- // )}
73147
- // {sectionproperties.prodsalePriceshow == 'Show' && (
73148
- // <>
73149
- // {item.hassale == 1 && (
73150
- // <p class={`${card_cssstyles.productSalePricestyles}` + ' linethrough m-0 mr-2 ml-2 '}>
73151
- // {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
73152
- // </p>
73153
- // )}
73154
- // </>
73155
- // )}
73156
- // </div>
73157
- // <div class="col-lg-12 p-0 d-flex">
73158
- // {sectionproperties.cartBtnShow == 'Show' && (
73159
- // <button
73160
- // class={`${card_cssstyles.cart_btn}` + ' mr-3 '}
73161
- // onClick={(e) => {
73162
- // e.stopPropagation();
73163
- // setShowProductInfoModalContext(true);
73164
- // setProductIdProdutInfoModalContext(item.productid);
73165
- // }}
73166
- // >
73167
- // {lang.addtocart}
73168
- // </button>
73169
- // )}
73170
- // {sectionproperties.favBtnShow == 'Show' && (
73171
- // <button
73172
- // class={`${card_cssstyles.wishlist_btn}` + ' d-flex align-items-center justify-content-center '}
73173
- // onClick={(e) => {
73174
- // e.stopPropagation();
73175
- // addtofavoritescontext(item.productid);
73176
- // }}
73177
- // >
73178
- // {item.IsFavExists && (
73179
- // <i class="h-100 d-flex align-items-center justify-content-center">
73180
- // {sectionproperties.faviconshape == 'Star Shape' && (
73181
- // <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73182
- // )}
73183
- // {sectionproperties.faviconshape == 'Heart Shape' && (
73184
- // <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
73185
- // )}
73186
- // </i>
73187
- // )}
73188
- // {!item.IsFavExists && (
73189
- // <i class="h-100 d-flex align-items-center justify-content-center">
73190
- // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
73191
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
73192
- // </i>
73193
- // )}
73194
- // </button>
73195
- // )}
73196
- // </div>
73197
- // </div>
73198
- // </div>
73199
- // </div>
73200
- // </div>
73201
- // )}
73202
- // </div>
73203
- ;
73059
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
73060
+ "class": "h-100 d-flex align-items-center justify-content-center"
73061
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
73062
+ size: sectionproperties.favBtnIconfontsize
73063
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
73064
+ size: sectionproperties.favBtnIconfontsize
73065
+ }))))))));
73204
73066
  };
73205
73067
 
73206
73068
  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; }