tabexseriescomponents 0.0.562 → 0.0.564

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,
@@ -32755,6 +32808,7 @@ var Modernheader = function Modernheader(props) {
32755
32808
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
32756
32809
  _useState6[0];
32757
32810
  _useState6[1];
32811
+ var scrollYposittionprops = props.actions.scrollYposittionprops;
32758
32812
  React.useEffect(function () {
32759
32813
  var secpropobj = {};
32760
32814
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -32865,7 +32919,7 @@ var Modernheader = function Modernheader(props) {
32865
32919
  }
32866
32920
  }),
32867
32921
  top_bar: glamor.css({
32868
- background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
32922
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
32869
32923
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.uppersection_btlradius + 'px' : sectionproperties.uppersection_btrradius + 'px',
32870
32924
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.uppersection_btrradius + 'px' : sectionproperties.uppersection_btlradius + 'px',
32871
32925
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.uppersection_bblradius + 'px' : sectionproperties.uppersection_bbrradius + 'px',
@@ -52829,7 +52883,7 @@ var Backgroundimage_with_toppill = function Backgroundimage_with_toppill(props)
52829
52883
  };
52830
52884
 
52831
52885
  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"};
52886
+ var cardsstyles$5 = {"maintitle":"Backgroundimage1-module_maintitle__md5m4","maintitle2":"Backgroundimage1-module_maintitle2__xUwDA","buttonshop":"Backgroundimage1-module_buttonshop__AmF-E"};
52833
52887
  styleInject(css_248z$l);
52834
52888
 
52835
52889
  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 +53092,14 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53038
53092
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53039
53093
  className: "col-lg-12 p-0 d-flex flex-column pt-md-5 d-md-none"
53040
53094
  }, 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 ',
53095
+ 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
53096
  style: {
53043
53097
  // zIndex: 2000,
53044
53098
  }
53045
53099
  }, 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 '
53100
+ className: "".concat(bg1_cssstyles.maintitle2, " ").concat(cardsstyles$5.maintitle2) + ' d-flex justify-content-md-center '
53047
53101
  }, 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 ',
53102
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53049
53103
  onClick: function onClick() {
53050
53104
  // if(place_clickable == 'Button'){
53051
53105
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
@@ -53067,7 +53121,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53067
53121
  }, /*#__PURE__*/React__default["default"].createElement("div", {
53068
53122
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53069
53123
  }, 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 ',
53124
+ className: "".concat(bg1_cssstyles.maintitle11, " ").concat(cardsstyles$5.maintitle) + ' d-flex justify-content-md-center p-0 font-md-30 font-sm-25 ',
53071
53125
  style: {
53072
53126
  color: sectionproperties.generaltext_fontColor,
53073
53127
  textTransform: sectionproperties.generaltext_textTransform,
@@ -53076,7 +53130,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53076
53130
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53077
53131
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53078
53132
  }, 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 ',
53133
+ className: "".concat(cardsstyles$5.maintitle2) + ' font-md-30 font-sm-23 d-flex justify-content-md-center p-0 ',
53080
53134
  style: {
53081
53135
  fontSize: sectionproperties.slideshowText2ContentFontSize + 'px',
53082
53136
  color: sectionproperties.slideshowText2ContentColor,
@@ -53086,7 +53140,7 @@ var Backgroundimage1 = function Backgroundimage1(props) {
53086
53140
  }, langdetect == 'en' ? sectionproperties.slideshowText2Content : sectionproperties.slideshowText2Content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
53087
53141
  className: "col-lg-12 d-flex justify-content-center align-items-center"
53088
53142
  }, 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 ',
53143
+ className: "".concat(bg1_cssstyles.buttonshop, " ").concat(cardsstyles$5.buttonshop) + ' d-flex justify-content-center align-items-center ',
53090
53144
  onClick: function onClick() {
53091
53145
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
53092
53146
  }
@@ -67151,7 +67205,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
67151
67205
  };
67152
67206
 
67153
67207
  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"};
67208
+ 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
67209
  styleInject(css_248z$c);
67156
67210
 
67157
67211
  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 +67524,16 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67470
67524
  minHeight: '370px'
67471
67525
  }
67472
67526
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
67473
- "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67527
+ "class": "".concat(cardsstyles$4.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
67474
67528
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67475
- "class": "".concat(cardsstyles$3.card_inner)
67529
+ "class": "".concat(cardsstyles$4.card_inner)
67476
67530
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67477
- "class": "".concat(cardsstyles$3.card_thumbnail),
67531
+ "class": "".concat(cardsstyles$4.card_thumbnail),
67478
67532
  style: {
67479
67533
  position: 'relative'
67480
67534
  }
67481
67535
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67482
- "class": "".concat(cardsstyles$3.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67536
+ "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
67483
67537
  onClick: function onClick() {
67484
67538
  setShowProductInfoModalContext(true);
67485
67539
  setProductIdProdutInfoModalContext(item.productid);
@@ -67504,7 +67558,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67504
67558
  },
67505
67559
  loading: "lazy"
67506
67560
  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67507
- "class": "".concat(cardsstyles$3.wishlistbtn),
67561
+ "class": "".concat(cardsstyles$4.wishlistbtn),
67508
67562
  onClick: function onClick() {
67509
67563
  addtofavoritescontext(item.productid);
67510
67564
  }
@@ -67556,7 +67610,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67556
67610
  }, /*#__PURE__*/React__default["default"].createElement("p", {
67557
67611
  "class": "m-0 p-0"
67558
67612
  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", {
67559
- "class": "".concat(cardsstyles$3.product_details) + ' mb-2 '
67613
+ "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
67560
67614
  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
67561
67615
  "class": "col-lg-12"
67562
67616
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -67580,7 +67634,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
67580
67634
  textAlign: langdetect == 'en' ? 'left' : 'right'
67581
67635
  }
67582
67636
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
67583
- "class": "".concat(cardsstyles$3.card_informationcontainer)
67637
+ "class": "".concat(cardsstyles$4.card_informationcontainer)
67584
67638
  }, /*#__PURE__*/React__default["default"].createElement("div", {
67585
67639
  "class": "row m-0 w-100 d-flex align-items-center"
67586
67640
  }, /*#__PURE__*/React__default["default"].createElement("button", {
@@ -70264,7 +70318,7 @@ var ServiceCard = function ServiceCard(props) {
70264
70318
  };
70265
70319
 
70266
70320
  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"};
70321
+ 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
70322
  styleInject(css_248z$5);
70269
70323
 
70270
70324
  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 +70593,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70539
70593
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
70540
70594
  }
70541
70595
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
70542
- "class": "".concat(cardsstyles$2.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70596
+ "class": "".concat(cardsstyles$3.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 ',
70543
70597
  style: {
70544
70598
  position: 'relative'
70545
70599
  }
@@ -70578,7 +70632,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
70578
70632
  },
70579
70633
  loading: "lazy"
70580
70634
  }))), 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 ',
70635
+ "class": "".concat(cardsstyles$3.wishlistbtn, " ").concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
70582
70636
  onClick: function onClick(e) {
70583
70637
  e.stopPropagation();
70584
70638
  addtofavoritescontext(item.productid);
@@ -72785,11 +72839,13 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
72785
72839
  };
72786
72840
 
72787
72841
  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";
72842
+ var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
72788
72843
  styleInject(css_248z$3);
72789
72844
 
72790
72845
  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
72846
  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
72847
  var Productcard6 = function Productcard6(props) {
72848
+ var _css;
72793
72849
  var _useState = React.useState(''),
72794
72850
  _useState2 = _slicedToArray__default["default"](_useState, 2),
72795
72851
  sectionproperties = _useState2[0],
@@ -72799,17 +72855,17 @@ var Productcard6 = function Productcard6(props) {
72799
72855
  item = _useState4[0],
72800
72856
  setitem = _useState4[1];
72801
72857
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72802
- props.actions.lang;
72858
+ var lang = props.actions.lang;
72803
72859
  var langdetect = props.actions.langdetect;
72804
- props.actions.setShowProductInfoModalContext;
72805
- props.actions.addtofavoritescontext;
72806
- props.actions.setProductIdProdutInfoModalContext;
72860
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
72861
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
72862
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
72807
72863
  props.actions.AddtoCartContext;
72808
72864
  props.actions.AddtoCartMutationContext;
72809
72865
  props.actions.StaticPagesLinksContext;
72810
72866
  props.actions.routingcountext;
72811
- props.actions.cardonclickfunctionContext;
72812
- var ikimagecredcontext = props.actions.ikimagecredcontext;
72867
+ var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
72868
+ props.actions.ikimagecredcontext;
72813
72869
  React.useEffect(function () {
72814
72870
  if (props.srcfrom == 'addsectionform') {
72815
72871
  var secpropobj = {};
@@ -72832,137 +72888,48 @@ var Productcard6 = function Productcard6(props) {
72832
72888
  React.useEffect(function () {
72833
72889
  setitem(props.cardinfoitemprops);
72834
72890
  }, [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
72891
  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({
72892
+ productcard: glamor.css((_css = {
72950
72893
  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
- }),
72894
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
72895
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
72896
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
72897
+ height: sectionproperties.height + 'px',
72898
+ width: '100%',
72899
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72900
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72901
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72902
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72903
+ marginTop: sectionproperties.marginTop + 'px',
72904
+ marginBottom: sectionproperties.marginBottom + 'px',
72905
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
72906
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
72907
+ paddingTop: sectionproperties.paddingTop + 'px',
72908
+ paddingBottom: sectionproperties.paddingBottom + 'px',
72909
+ transition: '0.3s',
72910
+ cursor: 'pointer',
72911
+ opacity: sectionproperties.cardbg_opacity
72912
+ }, _defineProperty__default["default"](_css, "border", sectionproperties.imgcontainer_borderwidth + 'px solid ' + sectionproperties.imgcontainer_bordercolor), _defineProperty__default["default"](_css, ':hover', {
72913
+ opacity: sectionproperties.bgopacityonhover
72914
+ }), _defineProperty__default["default"](_css, ':after', {
72915
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
72916
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
72917
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
72918
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
72919
+ content: 's',
72920
+ fontSize: 0,
72921
+ position: 'absolute',
72922
+ top: 0,
72923
+ bottom: 0,
72924
+ left: 0,
72925
+ width: '100%',
72926
+ height: '100%',
72927
+ transition: ' 0.3s',
72928
+ background: sectionproperties.transitionbg_color,
72929
+ opacity: sectionproperties.cardtransition_opacity
72930
+ }), _defineProperty__default["default"](_css, ':hover:after', {
72931
+ opacity: sectionproperties.cardtransitionbgopacityonhover
72932
+ }), _css)),
72966
72933
  productNameStyles: glamor.css({
72967
72934
  color: sectionproperties.prodNameColor,
72968
72935
  fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -72970,19 +72937,20 @@ var Productcard6 = function Productcard6(props) {
72970
72937
  fontWeight: sectionproperties.prodNameFontWeight,
72971
72938
  transition: '.3s',
72972
72939
  cursor: 'pointer',
72973
- ':hover': {
72974
- color: sectionproperties.prodNameColorOnHover
72975
- }
72940
+ position: 'absolute',
72941
+ zIndex: '10'
72976
72942
  }),
72977
72943
  productPricestyles: glamor.css({
72978
72944
  color: sectionproperties.prodPriceColor,
72979
72945
  fontSize: sectionproperties.prodpriceFontSize + 'px',
72980
- fontWeight: sectionproperties.prodPriceFontWeight
72946
+ fontWeight: sectionproperties.prodPriceFontWeight,
72947
+ zIndex: '10'
72981
72948
  }),
72982
72949
  productSalePricestyles: glamor.css({
72983
72950
  color: sectionproperties.prodsalePriceColor,
72984
72951
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
72985
- fontWeight: sectionproperties.prodsalePriceFontWeight
72952
+ fontWeight: sectionproperties.prodsalePriceFontWeight,
72953
+ zIndex: '10'
72986
72954
  }),
72987
72955
  wishlist_btn: glamor.css({
72988
72956
  width: sectionproperties.favBtnWidth + 'px',
@@ -72990,217 +72958,112 @@ var Productcard6 = function Productcard6(props) {
72990
72958
  background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
72991
72959
  borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
72992
72960
  color: sectionproperties.favBtnTextcolor,
72993
- fontSize: sectionproperties.favBtnTextfontsize + 'px',
72961
+ fontSize: sectionproperties.favBtnIconfontsize + 'px',
72994
72962
  textTransform: sectionproperties.favBtnTexttransform,
72995
72963
  fontWeight: sectionproperties.favBtnTextfontweight,
72996
72964
  transition: '.3s',
72997
72965
  border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
72998
72966
  ':hover': {
72999
72967
  background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
73000
- color: sectionproperties.favBtnTextcoloronhover
72968
+ color: sectionproperties.favBtnTextcoloronhover,
72969
+ borderColor: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.favBtnTextcoloronhover : sectionproperties.favBtnbgColoronhover
73001
72970
  }
73002
72971
  }),
73003
72972
  cart_btn: glamor.css({
73004
- width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
72973
+ width: sectionproperties.cartBtnWidth + 'px',
73005
72974
  height: sectionproperties.cartBtnHeight + 'px',
73006
72975
  background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
73007
72976
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
73008
72977
  color: sectionproperties.cartBtnTextcolor,
73009
72978
  fontSize: sectionproperties.cartBtnTextfontsize + 'px',
72979
+ // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
73010
72980
  textTransform: sectionproperties.cartBtnTexttransform,
73011
72981
  fontWeight: sectionproperties.cartBtnTextfontweight,
73012
72982
  border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
73013
72983
  transition: '.3s',
73014
- textDecoration: sectionproperties.cartbtntextdecoration == 'Underline' ? 'underline' : 'none',
73015
72984
  ':hover': {
73016
72985
  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
- }
72986
+ color: sectionproperties.cartBtnTextcoloronhover
72987
+ },
72988
+ zIndex: '10'
73040
72989
  })
73041
72990
  };
73042
72991
  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),
72992
+ "class": "row m-0 w-100",
73044
72993
  style: {
73045
72994
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
73046
72995
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
73047
72996
  }
73048
72997
  }, 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",
72998
+ "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
73053
72999
  style: {
73054
- position: 'relative'
73000
+ backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
73001
+ backgroundRepeat: 'no-repeat',
73002
+ // backgroundSize: 'cover',
73003
+ backgroundPosition: 'center'
73004
+ },
73005
+ onClick: function onClick() {
73006
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73055
73007
  }
73056
- }, /*#__PURE__*/React__default["default"].createElement("div", {
73057
- "class": " ".concat(card_cssstyles.productcardimagecont) + ' d-flex ',
73008
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
73009
+ "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
73010
+ style: {}
73011
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
73012
+ onClick: function onClick(e) {
73013
+ e.stopPropagation();
73014
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
73015
+ },
73016
+ "class": "".concat(card_cssstyles.productNameStyles) + ' d-flex flex-row justify-content-start m-0 wordbreak wordbreak2 '
73017
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
73018
+ "class": "col-lg-12 d-flex justify-content-start p-0",
73058
73019
  style: {
73059
- marginBottom: sectionproperties.image_mb + 'px'
73020
+ height: '50%',
73021
+ zIndex: 100,
73022
+ position: 'absolute',
73023
+ bottom: 10
73060
73024
  }
73061
73025
  }, /*#__PURE__*/React__default["default"].createElement("div", {
73062
- "class": "w-100 cursor-pointer",
73026
+ "class": "row w-100 ml-0 mr-0 mt-auto"
73027
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
73028
+ "class": "col-lg-12 p-0 d-flex flex-row justify-content-start align-items-center mt-auto"
73029
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
73030
+ "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
73031
+ }, 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", {
73032
+ "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
73033
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
73034
+ "class": "col-lg-12 p-0 d-flex"
73035
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
73036
+ "class": "".concat(card_cssstyles.cart_btn) + ' mr-3 ',
73037
+ onClick: function onClick(e) {
73038
+ e.stopPropagation();
73039
+ setShowProductInfoModalContext(true);
73040
+ setProductIdProdutInfoModalContext(item.productid);
73041
+ }
73042
+ }, lang.addtocart), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
73043
+ "class": "".concat(card_cssstyles.wishlist_btn) + ' d-flex align-items-center justify-content-center ',
73044
+ onClick: function onClick(e) {
73045
+ e.stopPropagation();
73046
+ addtofavoritescontext(item.productid);
73047
+ }
73048
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
73049
+ "class": "h-100 d-flex align-items-center justify-content-center"
73050
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
73051
+ size: sectionproperties.favBtnIconfontsize,
73063
73052
  style: {
73064
- position: 'relative'
73053
+ color: sectionproperties.activefaviconcolor
73065
73054
  }
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",
73055
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
73056
+ size: sectionproperties.favBtnIconfontsize,
73071
73057
  style: {
73072
- width: sectionproperties.imageInnerWidth_Height + '%',
73073
- height: sectionproperties.imageInnerWidth_Height + '%',
73074
- objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
73058
+ color: sectionproperties.activefaviconcolor
73075
73059
  }
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
- ;
73060
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
73061
+ "class": "h-100 d-flex align-items-center justify-content-center"
73062
+ }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
73063
+ size: sectionproperties.favBtnIconfontsize
73064
+ }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
73065
+ size: sectionproperties.favBtnIconfontsize
73066
+ }))))))));
73204
73067
  };
73205
73068
 
73206
73069
  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; }