tabexseriescomponents 0.0.284 → 0.0.287
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 +341 -180
- package/dist/index.esm.js +341 -180
- package/dist/index.umd.js +341 -180
- package/package.json +3 -1
- package/src.zip +0 -0
package/dist/index.umd.js
CHANGED
|
@@ -834,14 +834,11 @@
|
|
|
834
834
|
temppayloadobj.email = event.target.value;
|
|
835
835
|
setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
|
|
836
836
|
},
|
|
837
|
-
disabled: forgetpasswordstage == 'verify' ? true : false
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineUser.AiOutlineUser, {
|
|
843
|
-
size: 18
|
|
844
|
-
})))), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
837
|
+
disabled: forgetpasswordstage == 'verify' ? true : false,
|
|
838
|
+
style: {
|
|
839
|
+
background: 'transparent'
|
|
840
|
+
}
|
|
841
|
+
})), forgetpasswordstage == 'verify' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
845
842
|
className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
|
|
846
843
|
}, /*#__PURE__*/React__default["default"].createElement("label", {
|
|
847
844
|
className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
|
|
@@ -853,6 +850,9 @@
|
|
|
853
850
|
var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
|
|
854
851
|
temppayloadobj.code = event.target.value;
|
|
855
852
|
setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
|
|
853
|
+
},
|
|
854
|
+
style: {
|
|
855
|
+
background: 'transparent'
|
|
856
856
|
}
|
|
857
857
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
858
858
|
className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
|
|
@@ -866,6 +866,9 @@
|
|
|
866
866
|
var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
|
|
867
867
|
temppayloadobj.newpassword = event.target.value;
|
|
868
868
|
setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
|
|
869
|
+
},
|
|
870
|
+
style: {
|
|
871
|
+
background: 'transparent'
|
|
869
872
|
}
|
|
870
873
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
871
874
|
className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
|
|
@@ -879,6 +882,9 @@
|
|
|
879
882
|
var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
|
|
880
883
|
temppayloadobj.confirmnewpassword = event.target.value;
|
|
881
884
|
setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
|
|
885
|
+
},
|
|
886
|
+
style: {
|
|
887
|
+
background: 'transparent'
|
|
882
888
|
}
|
|
883
889
|
}))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
884
890
|
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
|
|
@@ -12879,7 +12885,8 @@
|
|
|
12879
12885
|
item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
|
|
12880
12886
|
// : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
|
|
12881
12887
|
// ? 'scrollmenuclassnameitemClassiccategorycard'
|
|
12882
|
-
item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
|
|
12888
|
+
// item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
|
|
12889
|
+
// ? 'scrollmenuclassnameitemModernProductCard'
|
|
12883
12890
|
// : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
|
|
12884
12891
|
// ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow'
|
|
12885
12892
|
item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
|
|
@@ -12906,6 +12913,8 @@
|
|
|
12906
12913
|
justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
|
|
12907
12914
|
}
|
|
12908
12915
|
}, cardsarray.map(function (cardinfoitem, cardinfoindex) {
|
|
12916
|
+
// if (sectionproperties.overallnumberofcards != 0) {
|
|
12917
|
+
// if (cardinfoindex < sectionproperties.overallnumberofcards) {
|
|
12909
12918
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12910
12919
|
"class": sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Card20' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? ' col-xl-2 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0' : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
|
|
12911
12920
|
}, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
|
|
@@ -12920,7 +12929,8 @@
|
|
|
12920
12929
|
fontFamilyprops: sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : '',
|
|
12921
12930
|
numberOfColsvertical: sectionproperties.numberOfColsvertical
|
|
12922
12931
|
}));
|
|
12923
|
-
|
|
12932
|
+
// }
|
|
12933
|
+
}), fetchingtype == 'products' && sectionproperties.showpagination == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
12924
12934
|
className: "w-100 col-lg-12 allcentered mt-2"
|
|
12925
12935
|
}, /*#__PURE__*/React__default["default"].createElement(PaginatedItems, {
|
|
12926
12936
|
itemsPerPage: 5
|
|
@@ -13672,9 +13682,19 @@
|
|
|
13672
13682
|
zIndex: 2000,
|
|
13673
13683
|
position: ((_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
|
|
13674
13684
|
top: ((_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.headernameprops) == 'Stylish Header' && ((_props$subheaderprope31 = props.subheaderpropertiesprops) === null || _props$subheaderprope31 === void 0 ? void 0 : _props$subheaderprope31.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope32 = props.subheaderpropertiesprops) === null || _props$subheaderprope32 === void 0 ? void 0 : _props$subheaderprope32.subheaderpositionprops) == 'in nav' ? 30 : '',
|
|
13675
|
-
border:
|
|
13676
|
-
|
|
13677
|
-
|
|
13685
|
+
// border:
|
|
13686
|
+
// sectionproperties.subheader_width != 100
|
|
13687
|
+
// ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
|
|
13688
|
+
// : 0,
|
|
13689
|
+
border: sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor,
|
|
13690
|
+
// borderBottom:
|
|
13691
|
+
// sectionproperties.subheader_width == 100
|
|
13692
|
+
// ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
|
|
13693
|
+
// : 0,
|
|
13694
|
+
// borderTop:
|
|
13695
|
+
// sectionproperties.subheader_width == 100
|
|
13696
|
+
// ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor
|
|
13697
|
+
// : 0,
|
|
13678
13698
|
paddingLeft: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingLeft + 'px' : sectionproperties.subheader_dropdown_paddingRight + 'px',
|
|
13679
13699
|
paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
|
|
13680
13700
|
}
|
|
@@ -25079,7 +25099,7 @@
|
|
|
25079
25099
|
var templatepropcontext = props.actions.templatepropcontext;
|
|
25080
25100
|
var authdetailsContext = props.actions.authdetailsContext;
|
|
25081
25101
|
var templateproperties_context = props.actions.templateproperties_context;
|
|
25082
|
-
props.actions.favoriteprojectscountContext;
|
|
25102
|
+
var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
|
|
25083
25103
|
var routingcountext = props.actions.routingcountext;
|
|
25084
25104
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
25085
25105
|
var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
|
|
@@ -25403,7 +25423,10 @@
|
|
|
25403
25423
|
"class": header_cssstyles.upperheadertext + ' storeinfotext ml-1 mr-1 ',
|
|
25404
25424
|
size: sectionproperties.footerinfotext_fontsize
|
|
25405
25425
|
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25406
|
-
"class": header_cssstyles.upperheadertext + ' storeinfotext '
|
|
25426
|
+
"class": header_cssstyles.upperheadertext + ' storeinfotext ',
|
|
25427
|
+
style: {
|
|
25428
|
+
textTransform: 'none'
|
|
25429
|
+
}
|
|
25407
25430
|
}, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email)), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25408
25431
|
"class": header_cssstyles.storeinfocontainer + ' d-flex align-items-center justify-content-center '
|
|
25409
25432
|
}, /*#__PURE__*/React__default["default"].createElement("a", {
|
|
@@ -25512,7 +25535,10 @@
|
|
|
25512
25535
|
}), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25513
25536
|
"class": 'ml-2 mr-2'
|
|
25514
25537
|
}, lang.english))))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25515
|
-
"class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 '
|
|
25538
|
+
"class": "".concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center ml-3 mr-3 ',
|
|
25539
|
+
onClick: function onClick() {
|
|
25540
|
+
routingcountext(StaticPagesLinksContext.Login);
|
|
25541
|
+
}
|
|
25516
25542
|
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25517
25543
|
"class": ' d-flex justify-content-center align-items-center '
|
|
25518
25544
|
}, /*#__PURE__*/React__default["default"].createElement(FiUser.FiUser, {
|
|
@@ -25549,27 +25575,7 @@
|
|
|
25549
25575
|
style: {
|
|
25550
25576
|
maxWidth: '150px'
|
|
25551
25577
|
}
|
|
25552
|
-
}, authdetailsContext.customerinfo.name))))),
|
|
25553
|
-
onClick: function onClick() {
|
|
25554
|
-
routingcountext(StaticPagesLinksContext.Login);
|
|
25555
|
-
}
|
|
25556
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25557
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
25558
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
25559
|
-
"class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
25560
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineLogin.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25561
|
-
"class": "ml-2 mr-2"
|
|
25562
|
-
}, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
25563
|
-
onClick: function onClick() {
|
|
25564
|
-
routingcountext(StaticPagesLinksContext.Signup);
|
|
25565
|
-
}
|
|
25566
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25567
|
-
"class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
25568
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
25569
|
-
"class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
25570
|
-
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25571
|
-
"class": "ml-2 mr-2 text-transform-none"
|
|
25572
|
-
}, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
25578
|
+
}, authdetailsContext.customerinfo.name))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
25573
25579
|
style: {
|
|
25574
25580
|
minWidth: '200px'
|
|
25575
25581
|
}
|
|
@@ -25669,7 +25675,7 @@
|
|
|
25669
25675
|
borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
|
|
25670
25676
|
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
|
|
25671
25677
|
}
|
|
25672
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25678
|
+
}, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25673
25679
|
"class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
|
|
25674
25680
|
onClick: function onClick() {
|
|
25675
25681
|
setdropdownselect(!dropdownselect);
|
|
@@ -25713,20 +25719,20 @@
|
|
|
25713
25719
|
"class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
|
|
25714
25720
|
}, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
|
|
25715
25721
|
}))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25716
|
-
"class":
|
|
25722
|
+
"class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100' : 'col-xl-12 col-lg-12 p-0 d-flex justify-content-end align-items-center h-100'
|
|
25717
25723
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25718
25724
|
"class": ' row m-0 w-100 h-100 ',
|
|
25719
25725
|
style: {
|
|
25720
25726
|
position: 'relative',
|
|
25721
25727
|
backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
|
|
25722
|
-
borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
|
|
25723
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
|
|
25724
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
|
|
25725
|
-
borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
|
|
25728
|
+
borderBottomLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
|
|
25729
|
+
borderBottomRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
|
|
25730
|
+
borderTopRightRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
|
|
25731
|
+
borderTopLeftRadius: sectionproperties.generalbtn_show == 'Show' ? langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0 : langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
|
|
25726
25732
|
}
|
|
25727
25733
|
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
25728
25734
|
type: "text",
|
|
25729
|
-
placeholder:
|
|
25735
|
+
placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
|
|
25730
25736
|
"class": "".concat(header_cssstyles.searchbarcont_input) + ' h-100 ',
|
|
25731
25737
|
onChange: function onChange(event) {
|
|
25732
25738
|
setSearchHeaderInputContext(event.target.value);
|
|
@@ -25738,12 +25744,18 @@
|
|
|
25738
25744
|
marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
|
|
25739
25745
|
marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
|
|
25740
25746
|
}
|
|
25741
|
-
},
|
|
25747
|
+
}, sectionproperties.showsearchicon == 'Hide' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25748
|
+
"class": "h-100 allcentered"
|
|
25749
|
+
}, lang.search), sectionproperties.showsearchicon == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
25750
|
+
"class": "h-100 allcentered"
|
|
25751
|
+
}, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
|
|
25752
|
+
size: sectionproperties.search_btn_fontSize
|
|
25753
|
+
}))), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
|
|
25742
25754
|
sectionpropertiesprops: sectionproperties,
|
|
25743
25755
|
srcfromprops: 'headerfullwidth',
|
|
25744
25756
|
actions: actions
|
|
25745
25757
|
})))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25746
|
-
"class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-
|
|
25758
|
+
"class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-end p-0"
|
|
25747
25759
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25748
25760
|
"class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
|
|
25749
25761
|
onClick: function onClick() {
|
|
@@ -25751,9 +25763,16 @@
|
|
|
25751
25763
|
},
|
|
25752
25764
|
style: {
|
|
25753
25765
|
marginRight: langdetect == 'en' ? '1rem' : 0,
|
|
25754
|
-
marginLeft: langdetect == 'ar' ? '1rem' : 0
|
|
25766
|
+
marginLeft: langdetect == 'ar' ? '1rem' : 0,
|
|
25767
|
+
position: 'relative'
|
|
25755
25768
|
}
|
|
25756
|
-
}, sectionproperties.
|
|
25769
|
+
}, sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25770
|
+
className: "".concat(headerstyles$5.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
|
|
25771
|
+
style: {
|
|
25772
|
+
top: sectionproperties.wishlistbadgetop + 'px',
|
|
25773
|
+
right: sectionproperties.wishlistbadgeright + 'px'
|
|
25774
|
+
}
|
|
25775
|
+
}, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
|
|
25757
25776
|
size: sectionproperties.favBtnIconfontsize
|
|
25758
25777
|
}), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
|
|
25759
25778
|
size: sectionproperties.favBtnIconfontsize
|
|
@@ -41831,6 +41850,8 @@
|
|
|
41831
41850
|
style: {
|
|
41832
41851
|
display: sectionproperties.sectiontitleshow == 'Hide' && sectionproperties.prodCatShow == 'Hide' && sectionproperties.slideshowText2ContentFontSize == 0 ? 'none' : 'flex'
|
|
41833
41852
|
}
|
|
41853
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41854
|
+
"class": "row m-0 w-100"
|
|
41834
41855
|
}, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
41835
41856
|
"class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
|
|
41836
41857
|
style: {
|
|
@@ -41876,7 +41897,7 @@
|
|
|
41876
41897
|
dangerouslySetInnerHTML: {
|
|
41877
41898
|
__html: langdetect == 'en' ? sectionproperties.contenteditor : sectionproperties.text2editortextar
|
|
41878
41899
|
}
|
|
41879
|
-
})));
|
|
41900
|
+
}))));
|
|
41880
41901
|
};
|
|
41881
41902
|
var Video = function Video() {
|
|
41882
41903
|
var _Videosarrayofobjs$;
|
|
@@ -45252,6 +45273,8 @@
|
|
|
45252
45273
|
|
|
45253
45274
|
function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45254
45275
|
function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
45276
|
+
// import { Swiper, SwiperSlide } from 'swiper/react';
|
|
45277
|
+
// import 'swiper/css';
|
|
45255
45278
|
function CardsArrayOfObjects(_ref) {
|
|
45256
45279
|
_ref.itemId;
|
|
45257
45280
|
var cardItem = _ref.cardItem,
|
|
@@ -47479,6 +47502,20 @@
|
|
|
47479
47502
|
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
47480
47503
|
color: sectionproperties.favBtnTextcoloronhover
|
|
47481
47504
|
}
|
|
47505
|
+
}),
|
|
47506
|
+
innercard: glamor.css({
|
|
47507
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
47508
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
47509
|
+
backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
47510
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
47511
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
47512
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
47513
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
|
|
47514
|
+
boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcolor,
|
|
47515
|
+
':hover': {
|
|
47516
|
+
transition: '.3s',
|
|
47517
|
+
boxShadow: '0 0 10px ' + sectionproperties.sectioncardshadowcoloronhover
|
|
47518
|
+
}
|
|
47482
47519
|
})
|
|
47483
47520
|
};
|
|
47484
47521
|
var Buttons = function Buttons() {
|
|
@@ -47592,18 +47629,11 @@
|
|
|
47592
47629
|
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
47593
47630
|
}
|
|
47594
47631
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47595
|
-
"class": ' row ml-0 mr-0 w-100 '
|
|
47632
|
+
"class": sectionproperties.sectioncardshadowcolor != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : sectionproperties.sectioncardshadowcoloronhover != null ? ' row ml-0 mr-0 w-100 pt-1 pb-1' : ' row ml-0 mr-0 w-100 ',
|
|
47633
|
+
style: {}
|
|
47596
47634
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47597
|
-
"class":
|
|
47598
|
-
style: {
|
|
47599
|
-
paddingTop: sectionproperties.paddingTop + 'px',
|
|
47600
|
-
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
47601
|
-
backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
47602
|
-
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
47603
|
-
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
47604
|
-
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
47605
|
-
borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
|
|
47606
|
-
}
|
|
47635
|
+
"class": card_cssstyles.innercard + ' col-lg-12 pl-0 pr-0 h-100 ',
|
|
47636
|
+
style: {}
|
|
47607
47637
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47608
47638
|
"class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer",
|
|
47609
47639
|
style: {
|
|
@@ -53870,7 +53900,7 @@
|
|
|
53870
53900
|
var addtofavoritescontext = props.actions.addtofavoritescontext;
|
|
53871
53901
|
var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
|
|
53872
53902
|
var AddtoCartContext = props.actions.AddtoCartContext;
|
|
53873
|
-
props.actions.AddtoCartMutationContext;
|
|
53903
|
+
var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
|
|
53874
53904
|
props.actions.StaticPagesLinksContext;
|
|
53875
53905
|
props.actions.routingcountext;
|
|
53876
53906
|
var NotificationManager = NotificationManager;
|
|
@@ -53941,9 +53971,74 @@
|
|
|
53941
53971
|
AddtoCartContext(addtocardpayloadobj);
|
|
53942
53972
|
}
|
|
53943
53973
|
};
|
|
53974
|
+
var addtocartbuttonrender = function addtocartbuttonrender() {
|
|
53975
|
+
if (AddtoCartMutationContext.isLoading) {
|
|
53976
|
+
var _AddtoCartMutationCon;
|
|
53977
|
+
if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 ? void 0 : (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
|
|
53978
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
53979
|
+
"class": ' d-flex align-items-center justify-content-center '
|
|
53980
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
|
|
53981
|
+
color: sectionproperties.cart_iconcolor,
|
|
53982
|
+
width: "20px",
|
|
53983
|
+
height: "20px",
|
|
53984
|
+
duration: "1s"
|
|
53985
|
+
}));
|
|
53986
|
+
} else {
|
|
53987
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
53988
|
+
"class": 'h-100 d-flex align-items-center justify-content-center'
|
|
53989
|
+
}, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
|
|
53990
|
+
"class": "",
|
|
53991
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
53992
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
|
|
53993
|
+
"class": "",
|
|
53994
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
53995
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
|
|
53996
|
+
"class": "",
|
|
53997
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
53998
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
|
|
53999
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54000
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
|
|
54001
|
+
"class": "",
|
|
54002
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54003
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
|
|
54004
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54005
|
+
}));
|
|
54006
|
+
}
|
|
54007
|
+
}
|
|
54008
|
+
if (!AddtoCartMutationContext.isLoading) {
|
|
54009
|
+
return /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54010
|
+
"class": 'h-100 d-flex align-items-center justify-content-center'
|
|
54011
|
+
}, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
|
|
54012
|
+
"class": "",
|
|
54013
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54014
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
|
|
54015
|
+
"class": "",
|
|
54016
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54017
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
|
|
54018
|
+
"class": "",
|
|
54019
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54020
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
|
|
54021
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54022
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
|
|
54023
|
+
"class": "",
|
|
54024
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54025
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
|
|
54026
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
54027
|
+
}));
|
|
54028
|
+
}
|
|
54029
|
+
};
|
|
53944
54030
|
var card_cssstyles = {
|
|
53945
54031
|
productcard: glamor.css({
|
|
54032
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
54033
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
|
|
54034
|
+
'@media (max-width: 800px)': {
|
|
54035
|
+
minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
|
|
54036
|
+
maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
|
|
54037
|
+
}
|
|
54038
|
+
}),
|
|
54039
|
+
innerproductcard: glamor.css((_css = {
|
|
53946
54040
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
54041
|
+
opacity: sectionproperties.cardbg_opacity,
|
|
53947
54042
|
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
|
|
53948
54043
|
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
|
|
53949
54044
|
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
|
|
@@ -53954,13 +54049,16 @@
|
|
|
53954
54049
|
paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
|
|
53955
54050
|
paddingTop: sectionproperties.paddingTop + 'px',
|
|
53956
54051
|
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
54052
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
|
|
53957
54053
|
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
53958
|
-
|
|
53959
|
-
|
|
53960
|
-
|
|
53961
|
-
|
|
53962
|
-
|
|
53963
|
-
|
|
54054
|
+
color: sectionproperties.prodNameColor
|
|
54055
|
+
}, _defineProperty__default["default"](_css, "opacity", sectionproperties.cardbg_opacity), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', _defineProperty__default["default"]({
|
|
54056
|
+
opacity: sectionproperties.bgopacityonhover,
|
|
54057
|
+
color: sectionproperties.prodNameColorOnHover
|
|
54058
|
+
}, "opacity", sectionproperties.bgopacityonhover)), _defineProperty__default["default"](_css, ':hover .buttoncont', {
|
|
54059
|
+
bottom: '30%',
|
|
54060
|
+
opacity: 1
|
|
54061
|
+
}), _css)),
|
|
53964
54062
|
productcardimagecont: glamor.css({
|
|
53965
54063
|
position: 'relative',
|
|
53966
54064
|
overflow: 'hidden',
|
|
@@ -54017,11 +54115,25 @@
|
|
|
54017
54115
|
color: sectionproperties.cartBtnTextcoloronhover
|
|
54018
54116
|
}
|
|
54019
54117
|
}),
|
|
54020
|
-
quantitybtn: glamor.css(
|
|
54021
|
-
flex: 1,
|
|
54118
|
+
quantitybtn: glamor.css({
|
|
54119
|
+
// flex: 1,
|
|
54022
54120
|
border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
|
|
54023
|
-
height: sectionproperties.quantitybtn_height + 'px'
|
|
54024
|
-
|
|
54121
|
+
height: sectionproperties.quantitybtn_height + 'px',
|
|
54122
|
+
width: sectionproperties.quantitybtn_width + 'px',
|
|
54123
|
+
maxWidth: '100%',
|
|
54124
|
+
display: 'flex',
|
|
54125
|
+
flexDirection: 'row',
|
|
54126
|
+
overflow: 'hidden',
|
|
54127
|
+
borderRadius: sectionproperties.quantitybtn_borderradius + 'px',
|
|
54128
|
+
background: sectionproperties.quantitybtn_bgcolor,
|
|
54129
|
+
alignItems: 'center',
|
|
54130
|
+
justifyContent: 'center',
|
|
54131
|
+
margin: 0,
|
|
54132
|
+
position: 'relative',
|
|
54133
|
+
fontWeight: sectionproperties.quantitybtn_textfontweight,
|
|
54134
|
+
color: sectionproperties.quantitybtn_textcolor,
|
|
54135
|
+
fontSize: sectionproperties.quantitybtn_textfontsize + 'px'
|
|
54136
|
+
}),
|
|
54025
54137
|
quantitybtn_text: glamor.css({
|
|
54026
54138
|
margin: 'auto'
|
|
54027
54139
|
}),
|
|
@@ -54033,37 +54145,46 @@
|
|
|
54033
54145
|
display: 'flex',
|
|
54034
54146
|
alignItems: 'center',
|
|
54035
54147
|
justifyContent: 'center',
|
|
54036
|
-
|
|
54148
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
|
|
54149
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_leftborderradius + 'px' : sectionproperties.add_quantitybtn_rightborderradius + 'px',
|
|
54150
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
|
|
54151
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.add_quantitybtn_rightborderradius + 'px' : sectionproperties.add_quantitybtn_leftborderradius + 'px',
|
|
54037
54152
|
fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
|
|
54038
54153
|
color: sectionproperties.add_quantitybtn_textcolor,
|
|
54039
54154
|
transition: '.3s',
|
|
54040
54155
|
':hover': {
|
|
54041
54156
|
color: sectionproperties.add_quantitybtn_textcoloronhover,
|
|
54042
54157
|
background: sectionproperties.add_quantitybtn_bgcoloronhover
|
|
54158
|
+
},
|
|
54159
|
+
':hover .addbtn': {
|
|
54160
|
+
color: sectionproperties.add_quantitybtn_textcoloronhover,
|
|
54161
|
+
transition: '.3s'
|
|
54043
54162
|
}
|
|
54044
54163
|
}),
|
|
54045
54164
|
minus_quantitybtn_icon_container: glamor.css({
|
|
54046
54165
|
position: 'relative',
|
|
54047
|
-
width: sectionproperties.remove_quantitybtn_width + 'px',
|
|
54048
|
-
height: sectionproperties.remove_quantitybtn_height + 'px',
|
|
54049
|
-
background: sectionproperties.remove_quantitybtn_bgcolor,
|
|
54050
54166
|
display: 'flex',
|
|
54051
54167
|
alignItems: 'center',
|
|
54052
54168
|
justifyContent: 'center',
|
|
54053
|
-
|
|
54169
|
+
width: sectionproperties.remove_quantitybtn_width + 'px',
|
|
54170
|
+
height: sectionproperties.remove_quantitybtn_height + 'px',
|
|
54171
|
+
background: sectionproperties.remove_quantitybtn_bgcolor,
|
|
54054
54172
|
fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px',
|
|
54055
54173
|
color: sectionproperties.remove_quantitybtn_textcolor,
|
|
54174
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
|
|
54175
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_leftborderradius + 'px' : sectionproperties.remove_quantitybtn_rightborderradius + 'px',
|
|
54176
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
|
|
54177
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.remove_quantitybtn_rightborderradius + 'px' : sectionproperties.remove_quantitybtn_leftborderradius + 'px',
|
|
54056
54178
|
transition: '.3s',
|
|
54057
54179
|
':hover': {
|
|
54058
54180
|
color: sectionproperties.remove_quantitybtn_textcoloronhover,
|
|
54059
54181
|
background: sectionproperties.remove_quantitybtn_bgcoloronhover
|
|
54182
|
+
},
|
|
54183
|
+
':hover .minusbtn': {
|
|
54184
|
+
transition: '.3s',
|
|
54185
|
+
color: sectionproperties.remove_quantitybtn_textcoloronhover
|
|
54060
54186
|
}
|
|
54061
54187
|
}),
|
|
54062
|
-
producttotalstyles: glamor.css({
|
|
54063
|
-
color: sectionproperties.total_color,
|
|
54064
|
-
fontSize: sectionproperties.total_fontsize + 'px',
|
|
54065
|
-
fontWeight: 500
|
|
54066
|
-
}),
|
|
54067
54188
|
productDescStyles: glamor.css({
|
|
54068
54189
|
color: sectionproperties.prodCatColor,
|
|
54069
54190
|
fontSize: sectionproperties.prodCatFontSize + 'px',
|
|
@@ -54073,85 +54194,133 @@
|
|
|
54073
54194
|
marginLeft: sectionproperties.description_marginLeft + 'px',
|
|
54074
54195
|
marginRight: sectionproperties.description_marginRight + 'px',
|
|
54075
54196
|
marginBottom: sectionproperties.descriptionMarginBottom + 'px'
|
|
54197
|
+
}),
|
|
54198
|
+
quantity: glamor.css({
|
|
54199
|
+
color: sectionproperties.quantitycolor,
|
|
54200
|
+
fontSize: sectionproperties.quantityfontsize + 'px',
|
|
54201
|
+
fontWeight: sectionproperties.quantityfontweight
|
|
54076
54202
|
})
|
|
54077
54203
|
};
|
|
54204
|
+
var ImageContent = function ImageContent() {
|
|
54205
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54206
|
+
"class": "w-100 allcentered"
|
|
54207
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
54208
|
+
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
54209
|
+
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
54210
|
+
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
|
|
54211
|
+
loading: "lazy",
|
|
54212
|
+
style: {
|
|
54213
|
+
width: sectionproperties.imageInnerWidth_Height + '%',
|
|
54214
|
+
height: sectionproperties.imageInnerWidth_Height + '%',
|
|
54215
|
+
objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
|
|
54216
|
+
borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
|
|
54217
|
+
borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
54218
|
+
borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
|
|
54219
|
+
borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
|
|
54220
|
+
}
|
|
54221
|
+
}), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
|
|
54222
|
+
"class": " ".concat(card_cssstyles.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
|
|
54223
|
+
onClick: function onClick(e) {
|
|
54224
|
+
e.stopPropagation();
|
|
54225
|
+
addtofavoritescontext(item.productid);
|
|
54226
|
+
},
|
|
54227
|
+
style: {
|
|
54228
|
+
position: 'absolute',
|
|
54229
|
+
top: 10,
|
|
54230
|
+
right: langdetect == 'en' ? 10 : 0,
|
|
54231
|
+
left: langdetect == 'en' ? 0 : 10,
|
|
54232
|
+
background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
|
|
54233
|
+
}
|
|
54234
|
+
}, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54235
|
+
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
54236
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
|
|
54237
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
54238
|
+
style: {
|
|
54239
|
+
color: sectionproperties.activefaviconcolor
|
|
54240
|
+
}
|
|
54241
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
|
|
54242
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
54243
|
+
style: {
|
|
54244
|
+
color: sectionproperties.activefaviconcolor
|
|
54245
|
+
}
|
|
54246
|
+
})), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54247
|
+
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
54248
|
+
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
|
|
54249
|
+
size: sectionproperties.favBtnIconfontsize
|
|
54250
|
+
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
|
|
54251
|
+
size: sectionproperties.favBtnIconfontsize
|
|
54252
|
+
}))), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54253
|
+
"class": "allcentered",
|
|
54254
|
+
style: {
|
|
54255
|
+
position: 'absolute',
|
|
54256
|
+
top: sectionproperties.badge_top + 'px',
|
|
54257
|
+
right: sectionproperties.badge_right + 'px',
|
|
54258
|
+
width: sectionproperties.badge_width + 'px',
|
|
54259
|
+
height: sectionproperties.badge_height + 'px',
|
|
54260
|
+
background: sectionproperties.badge_bgcolor,
|
|
54261
|
+
borderRadius: sectionproperties.badge_borderradius + 'px',
|
|
54262
|
+
border: sectionproperties.badgeborderwidth + 'px solid ' + sectionproperties.badge_color
|
|
54263
|
+
}
|
|
54264
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
54265
|
+
"class": "m-0 p-0",
|
|
54266
|
+
style: {
|
|
54267
|
+
color: sectionproperties.badge_color,
|
|
54268
|
+
fontSize: sectionproperties.badge_fontsize + 'px'
|
|
54269
|
+
}
|
|
54270
|
+
}, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54271
|
+
"class": "allcentered",
|
|
54272
|
+
style: {
|
|
54273
|
+
position: 'absolute',
|
|
54274
|
+
top: sectionproperties.pillpositionfromtop + 'px',
|
|
54275
|
+
right: sectionproperties.pillpositionfromright + 'px',
|
|
54276
|
+
width: sectionproperties.pillwidth + 'px',
|
|
54277
|
+
height: sectionproperties.pillheight + 'px',
|
|
54278
|
+
background: sectionproperties.pillbgcolor,
|
|
54279
|
+
borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
|
|
54280
|
+
}
|
|
54281
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
54282
|
+
"class": "m-0 p-0",
|
|
54283
|
+
style: {
|
|
54284
|
+
color: sectionproperties.pillcolor,
|
|
54285
|
+
fontSize: sectionproperties.pillfontSize + 'px',
|
|
54286
|
+
direction: 'ltr'
|
|
54287
|
+
}
|
|
54288
|
+
}, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')));
|
|
54289
|
+
};
|
|
54078
54290
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54079
|
-
"class": "
|
|
54291
|
+
"class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 p-md-0 ' : " ".concat(card_cssstyles.productcard),
|
|
54080
54292
|
style: {
|
|
54081
|
-
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.
|
|
54082
|
-
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.
|
|
54293
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
|
|
54294
|
+
paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
|
|
54083
54295
|
}
|
|
54296
|
+
// class="row m-0 w-100"
|
|
54297
|
+
// style={{
|
|
54298
|
+
// paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginLeft + 'px',
|
|
54299
|
+
// paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginRight + 'px',
|
|
54300
|
+
// }}
|
|
54084
54301
|
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54085
|
-
"class": "".concat(card_cssstyles.
|
|
54302
|
+
"class": "".concat(card_cssstyles.innerproductcard) + ' w-100 '
|
|
54086
54303
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54087
54304
|
onClick: function onClick() {
|
|
54088
54305
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
54089
54306
|
},
|
|
54090
|
-
"class": "".concat(card_cssstyles.productcardimagecont) + '
|
|
54307
|
+
"class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-flex d-md-none w-100 ',
|
|
54091
54308
|
style: {
|
|
54309
|
+
position: 'relative',
|
|
54092
54310
|
marginBottom: sectionproperties.image_mb + 'px',
|
|
54093
|
-
|
|
54094
|
-
}
|
|
54095
|
-
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
54096
|
-
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
54097
|
-
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
54098
|
-
path: item.image,
|
|
54099
|
-
loading: "lazy",
|
|
54100
|
-
style: {
|
|
54101
|
-
width: '100%',
|
|
54102
|
-
height: '100%',
|
|
54103
|
-
objectFit: 'contain'
|
|
54311
|
+
height: sectionproperties.image_height + 'px'
|
|
54104
54312
|
}
|
|
54105
|
-
}),
|
|
54106
|
-
|
|
54107
|
-
|
|
54108
|
-
e.stopPropagation();
|
|
54109
|
-
addtofavoritescontext(item.productid);
|
|
54313
|
+
}, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54314
|
+
onClick: function onClick() {
|
|
54315
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
54110
54316
|
},
|
|
54317
|
+
"class": "".concat(card_cssstyles.productcardimagecont) + ' cursor-pointer d-none d-md-flex ',
|
|
54111
54318
|
style: {
|
|
54112
|
-
position: '
|
|
54113
|
-
|
|
54114
|
-
|
|
54115
|
-
left: langdetect == 'en' ? 0 : 10,
|
|
54116
|
-
background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
|
|
54117
|
-
}
|
|
54118
|
-
}, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54119
|
-
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
54120
|
-
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar.AiFillStar, {
|
|
54121
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
54122
|
-
style: {
|
|
54123
|
-
color: sectionproperties.activefaviconcolor
|
|
54124
|
-
}
|
|
54125
|
-
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart.FaHeart, {
|
|
54126
|
-
size: sectionproperties.favBtnIconfontsize,
|
|
54127
|
-
style: {
|
|
54128
|
-
color: sectionproperties.activefaviconcolor
|
|
54129
|
-
}
|
|
54130
|
-
})), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54131
|
-
"class": "h-100 d-flex align-items-center justify-content-center"
|
|
54132
|
-
}, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
|
|
54133
|
-
size: sectionproperties.favBtnIconfontsize
|
|
54134
|
-
}), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
|
|
54135
|
-
size: sectionproperties.favBtnIconfontsize
|
|
54136
|
-
}))), sectionproperties.prodsalePriceshow == 'Show' && (item === null || item === void 0 ? void 0 : item.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54137
|
-
"class": "allcentered",
|
|
54138
|
-
style: {
|
|
54139
|
-
position: 'absolute',
|
|
54140
|
-
top: 10,
|
|
54141
|
-
right: langdetect == 'en' ? 10 : '',
|
|
54142
|
-
left: langdetect == 'en' ? '' : 10,
|
|
54143
|
-
width: sectionproperties.badge_width + 'px',
|
|
54144
|
-
height: sectionproperties.badge_height + 'px',
|
|
54145
|
-
background: sectionproperties.badge_bgcolor,
|
|
54146
|
-
borderRadius: sectionproperties.badge_borderradius + 'px'
|
|
54147
|
-
}
|
|
54148
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
54149
|
-
"class": "m-0 p-0",
|
|
54150
|
-
style: {
|
|
54151
|
-
color: sectionproperties.badge_color,
|
|
54152
|
-
fontSize: sectionproperties.badge_fontsize + 'px'
|
|
54319
|
+
position: 'relative',
|
|
54320
|
+
marginBottom: sectionproperties.image_mb + 'px',
|
|
54321
|
+
height: sectionproperties.height_responsive + 'px'
|
|
54153
54322
|
}
|
|
54154
|
-
},
|
|
54323
|
+
}, ImageContent()), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54155
54324
|
"class": "row m-0 w-100"
|
|
54156
54325
|
}, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54157
54326
|
onClick: function onClick() {
|
|
@@ -54168,7 +54337,11 @@
|
|
|
54168
54337
|
style: {
|
|
54169
54338
|
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
54170
54339
|
}
|
|
54171
|
-
}, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54340
|
+
}, plainString(langdetect == 'en' ? item.description_en : item.description_ar)), sectionproperties.quantityshow == 'Show' && item.measurmentunit != null && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54341
|
+
"class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
|
|
54342
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
54343
|
+
"class": "".concat(card_cssstyles.quantity) + ' m-0 '
|
|
54344
|
+
}, item.measurmentunit)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54172
54345
|
"class": "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
|
|
54173
54346
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54174
54347
|
"class": "row m-0 w-100 d-flex align-items-center"
|
|
@@ -54188,23 +54361,24 @@
|
|
|
54188
54361
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
54189
54362
|
"class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
|
|
54190
54363
|
}, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
54191
|
-
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + '
|
|
54192
|
-
style: {
|
|
54193
|
-
transform: ' rotate(-180deg)'
|
|
54194
|
-
},
|
|
54364
|
+
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
|
|
54195
54365
|
onClick: function onClick() {
|
|
54196
54366
|
updatequantity('remove');
|
|
54197
54367
|
}
|
|
54198
54368
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54199
|
-
"class": "
|
|
54200
|
-
}
|
|
54201
|
-
|
|
54369
|
+
"class": "h-100 allcentered"
|
|
54370
|
+
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
|
|
54371
|
+
size: sectionproperties.remove_quantitybtn_textfontsize
|
|
54372
|
+
}))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
54373
|
+
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
|
|
54202
54374
|
onClick: function onClick() {
|
|
54203
54375
|
updatequantity('add');
|
|
54204
54376
|
}
|
|
54205
54377
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54206
|
-
"class": "
|
|
54207
|
-
}
|
|
54378
|
+
"class": "h-100 allcentered"
|
|
54379
|
+
}, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
|
|
54380
|
+
size: sectionproperties.add_quantitybtn_textfontsize
|
|
54381
|
+
}))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
54208
54382
|
"class": "".concat(card_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
|
|
54209
54383
|
style: {
|
|
54210
54384
|
background: sectionproperties.quantbtntextbgcolor,
|
|
@@ -54213,7 +54387,7 @@
|
|
|
54213
54387
|
borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
|
|
54214
54388
|
}
|
|
54215
54389
|
}, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
54216
|
-
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + '
|
|
54390
|
+
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' ',
|
|
54217
54391
|
style: {
|
|
54218
54392
|
transform: ' rotate(-180deg)'
|
|
54219
54393
|
},
|
|
@@ -54221,15 +54395,19 @@
|
|
|
54221
54395
|
updatequantity('remove');
|
|
54222
54396
|
}
|
|
54223
54397
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54224
|
-
"class": "
|
|
54225
|
-
}
|
|
54226
|
-
|
|
54398
|
+
"class": "h-100 allcentered"
|
|
54399
|
+
}, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, {
|
|
54400
|
+
size: sectionproperties.remove_quantitybtn_textfontsize
|
|
54401
|
+
}))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
|
|
54402
|
+
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' ',
|
|
54227
54403
|
onClick: function onClick() {
|
|
54228
54404
|
updatequantity('add');
|
|
54229
54405
|
}
|
|
54230
54406
|
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
54231
|
-
"class": "
|
|
54232
|
-
}
|
|
54407
|
+
"class": "h-100 allcentered"
|
|
54408
|
+
}, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, {
|
|
54409
|
+
size: sectionproperties.add_quantitybtn_textfontsize
|
|
54410
|
+
})))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
54233
54411
|
"class": "col-lg-6 col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0"
|
|
54234
54412
|
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
54235
54413
|
"class": "".concat(card_cssstyles.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center ',
|
|
@@ -54240,26 +54418,9 @@
|
|
|
54240
54418
|
setShowProductInfoModalContext(true);
|
|
54241
54419
|
setProductIdProdutInfoModalContext(item.productid);
|
|
54242
54420
|
}
|
|
54243
|
-
}
|
|
54244
|
-
|
|
54245
|
-
|
|
54246
|
-
}, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
|
|
54247
|
-
"class": "",
|
|
54248
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54249
|
-
}), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
|
|
54250
|
-
"class": "",
|
|
54251
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54252
|
-
}), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
|
|
54253
|
-
"class": "",
|
|
54254
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54255
|
-
}), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(RiHandbagLine.RiHandbagLine, {
|
|
54256
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54257
|
-
}), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
|
|
54258
|
-
"class": "",
|
|
54259
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54260
|
-
}), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
|
|
54261
|
-
size: sectionproperties.cartBtn_iconFontSize
|
|
54262
|
-
})))))))));
|
|
54421
|
+
},
|
|
54422
|
+
disabled: AddtoCartMutationContext.isLoading == true ? true : false
|
|
54423
|
+
}, addtocartbuttonrender())))))));
|
|
54263
54424
|
};
|
|
54264
54425
|
|
|
54265
54426
|
var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n position: absolute;\n left: 0;\n bottom: 60px;\n opacity: 0;\n width: 100%;\n text-align: center;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li {\n list-style: none;\n display: inline-block;\n position: relative;\n -webkit-transition: all 0.4s ease 0.1s;\n -o-transition: all 0.4s ease 0.1s;\n transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span {\n display: block;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li span i {\n position: relative;\n transform: rotate(0);\n -webkit-transition: all, 0.2s;\n -moz-transition: all, 0.2s;\n -ms-transition: all, 0.2s;\n -o-transition: all, 0.2s;\n transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 40% !important;\n opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerCenter__xApc7 li:hover span i {\n transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n top: 50% !important;\n opacity: 1;\n }\n}\n@media screen and (max-width: 500px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerCenter__xApc7 {\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerBottom__ienAr{\n bottom: 20px !important;\n opacity: 1;\n }\n .productcard_animatedbuttons-module_buttonContainerCenter__xApc7{\n top: 50% !important;\n opacity: 1;\n }\n}\n\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n position: absolute;\n left: 0;\n bottom: -30px;\n opacity: 0;\n width: 100%;\n text-align: center;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li {\n list-style: none;\n display: inline-block;\n position: relative;\n -webkit-transition: all 0.4s ease 0.1s;\n -o-transition: all 0.4s ease 0.1s;\n transition: all 0.4s ease 0.1s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span {\n display: block;\n -webkit-transition: all, 0.3s;\n -moz-transition: all, 0.3s;\n -ms-transition: all, 0.3s;\n -o-transition: all, 0.3s;\n transition: all, 0.3s;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li span i {\n position: relative;\n transform: rotate(0);\n -webkit-transition: all, 0.2s;\n -moz-transition: all, 0.2s;\n -ms-transition: all, 0.2s;\n -o-transition: all, 0.2s;\n transition: all, 0.2s;\n}\n.productcard_animatedbuttons-module_productcard__LQiP0:hover .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n bottom: 20px !important;\n opacity: 1;\n}\n\n.productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr.productcard_animatedbuttons-module_buttonContainerBottom_show__C-v73 {\n bottom: 20px !important;\n opacity: 1;\n}\n.productcard_animatedbuttons-module_buttonContainerBottom__ienAr li:hover span i {\n transform: rotate(360deg);\n}\n@media screen and (max-width: 800px) {\n .productcard_animatedbuttons-module_productcard__LQiP0 .productcard_animatedbuttons-module_image_container__6Rgm4 .productcard_animatedbuttons-module_buttonContainerBottom__ienAr {\n bottom: 20px !important;\n opacity: 1;\n }\n}\n\n@media (max-width: 576px) {\n .productcard_animatedbuttons-module_cardcont__bK-HM {\n max-width: 280px !important;\n min-width: 280px !important;\n /* min-width: 200px;\n max-width: 200px; */\n }\n}";
|