tabexseriescomponents 0.2.770 → 0.2.771
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 +721 -698
- package/dist/index.esm.js +721 -698
- package/dist/index.umd.js +724 -701
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -165,10 +165,10 @@ var _extends = require('@babel/runtime/helpers/extends');
|
|
|
165
165
|
var reactSlideshowImage = require('react-slideshow-image');
|
|
166
166
|
var HiOutlineLocationMarker = require('@react-icons/all-files/hi/HiOutlineLocationMarker');
|
|
167
167
|
var FiPhoneCall = require('@react-icons/all-files/fi/FiPhoneCall');
|
|
168
|
-
var BsEye = require('@react-icons/all-files/bs/BsEye');
|
|
169
168
|
var FaRegEye = require('@react-icons/all-files/fa/FaRegEye');
|
|
170
169
|
var BsArrowRight = require('@react-icons/all-files/bs/BsArrowRight');
|
|
171
170
|
var BsArrowLeft = require('@react-icons/all-files/bs/BsArrowLeft');
|
|
171
|
+
var BsEye = require('@react-icons/all-files/bs/BsEye');
|
|
172
172
|
var BiTimeFive = require('@react-icons/all-files/bi/BiTimeFive');
|
|
173
173
|
var IoIosArrowUp = require('@react-icons/all-files/io/IoIosArrowUp');
|
|
174
174
|
|
|
@@ -2831,23 +2831,25 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
2831
2831
|
React__default["default"].createElement("div", {
|
|
2832
2832
|
"class": "w-100 scrollhorizontalwithscrollbar "
|
|
2833
2833
|
}, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productimages) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productimages.map(function (item, index) {
|
|
2834
|
-
|
|
2835
|
-
"
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2834
|
+
if (item.is_size_guide != 1) {
|
|
2835
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2836
|
+
"class": ' scrollhorizontalcard mx-2 ',
|
|
2837
|
+
style: {
|
|
2838
|
+
height: sectionproperties.image_height + 'px',
|
|
2839
|
+
width: sectionproperties.image_width + 'px'
|
|
2840
|
+
}
|
|
2841
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
2842
|
+
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
2843
|
+
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
2844
|
+
path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
|
|
2845
|
+
style: {
|
|
2846
|
+
width: '100%',
|
|
2847
|
+
height: '100%',
|
|
2848
|
+
objectFit: 'contain'
|
|
2849
|
+
},
|
|
2850
|
+
loading: "lazy"
|
|
2851
|
+
}));
|
|
2852
|
+
}
|
|
2851
2853
|
}))), sectionproperties.gallerystyle == 'One Centered Image' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2852
2854
|
"class": "col-lg-12 allcentered"
|
|
2853
2855
|
}, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productimages) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productimages.map(function (item, index) {
|
|
@@ -3138,7 +3140,23 @@ var Product_itemtype = function Product_itemtype(props) {
|
|
|
3138
3140
|
fontWeight: sectionproperties.featurefontweight,
|
|
3139
3141
|
fontSize: sectionproperties.featurefontsize
|
|
3140
3142
|
}
|
|
3141
|
-
},
|
|
3143
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3144
|
+
"class": "row m-0 d-flex align-items-center"
|
|
3145
|
+
}, (fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url) != null && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3146
|
+
style: {
|
|
3147
|
+
width: '20px'
|
|
3148
|
+
},
|
|
3149
|
+
"class": langdetect == 'en' ? 'mr-2' : 'ml-2'
|
|
3150
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
3151
|
+
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
3152
|
+
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
3153
|
+
path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
|
|
3154
|
+
loading: "lazy",
|
|
3155
|
+
style: {
|
|
3156
|
+
maxWidth: '100%',
|
|
3157
|
+
maxHeight: '100%'
|
|
3158
|
+
}
|
|
3159
|
+
})), langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React__default["default"].createElement("td", {
|
|
3142
3160
|
style: {
|
|
3143
3161
|
color: sectionproperties.featurevaluecolor,
|
|
3144
3162
|
fontWeight: sectionproperties.featurevaluefontweight,
|
|
@@ -25088,7 +25106,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
25088
25106
|
style: {
|
|
25089
25107
|
position: sectionproperties.respheaderposition,
|
|
25090
25108
|
// position: window.location.pathname == '/home' ? sectionproperties.respheaderposition : 'relative',
|
|
25091
|
-
zIndex:
|
|
25109
|
+
zIndex: 1000,
|
|
25092
25110
|
top: sectionproperties.respheaderposition == 'absolute' || sectionproperties.respheaderposition == 'fixed' ? '50px' : 0
|
|
25093
25111
|
}
|
|
25094
25112
|
}, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -25098,7 +25116,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
25098
25116
|
templateproperties_contextprops: templateproperties_context,
|
|
25099
25117
|
actions: actions
|
|
25100
25118
|
})), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25101
|
-
className: "col-lg-12 p-0"
|
|
25119
|
+
className: "col-lg-12 p-0",
|
|
25120
|
+
style: {
|
|
25121
|
+
borderBottom: sectionproperties.headerrespborderbottomwidth + ' solid ' + sectionproperties.headerrespborderbottomcolor
|
|
25122
|
+
}
|
|
25102
25123
|
}, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25103
25124
|
className: ' row m-0 w-100 d-none d-md-flex p-0 '
|
|
25104
25125
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -33215,12 +33236,8 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
33215
33236
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33216
33237
|
"class": "".concat(header_cssstyles.dropdownitemcontainer)
|
|
33217
33238
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
33218
|
-
"class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
|
|
33219
|
-
style: {
|
|
33220
|
-
fontSize: sectionproperties.dropdown_fontsize + 'px',
|
|
33221
|
-
fontWeight: sectionproperties.dropdown_fontweight,
|
|
33222
|
-
textTransform: sectionproperties.dropdown_texttransform
|
|
33223
|
-
}
|
|
33239
|
+
"class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center justify-content-center m-0 p-0 ',
|
|
33240
|
+
style: {}
|
|
33224
33241
|
}, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
33225
33242
|
"class": 'ml-2 mr-2'
|
|
33226
33243
|
}, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.instcurrencies) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -72574,362 +72591,6 @@ styleInject(css_248z$f);
|
|
|
72574
72591
|
|
|
72575
72592
|
function ownKeys$I(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; }
|
|
72576
72593
|
function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
72577
|
-
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
72578
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
72579
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
72580
|
-
var Variants_J_Cards = function Variants_J_Cards(props) {
|
|
72581
|
-
var _useState = React.useState(props.actions.item),
|
|
72582
|
-
_useState2 = _slicedToArray__default["default"](_useState, 2);
|
|
72583
|
-
_useState2[0];
|
|
72584
|
-
var setitem = _useState2[1];
|
|
72585
|
-
var _useState3 = React.useState({}),
|
|
72586
|
-
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
72587
|
-
variants_iteminfo = _useState4[0],
|
|
72588
|
-
setvariants_iteminfo = _useState4[1];
|
|
72589
|
-
var _useState5 = React.useState([]),
|
|
72590
|
-
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
72591
|
-
options_w_values = _useState6[0],
|
|
72592
|
-
setoptions_w_values = _useState6[1];
|
|
72593
|
-
var _useState7 = React.useState([]),
|
|
72594
|
-
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
72595
|
-
choosen_values = _useState8[0],
|
|
72596
|
-
setchoosen_values = _useState8[1];
|
|
72597
|
-
var _useState9 = React.useState({}),
|
|
72598
|
-
_useState10 = _slicedToArray__default["default"](_useState9, 2),
|
|
72599
|
-
VariantCompletedObj = _useState10[0],
|
|
72600
|
-
setVariantCompletedObj = _useState10[1];
|
|
72601
|
-
var sectionproperties = props.actions.sectionproperties;
|
|
72602
|
-
props.actions.lang;
|
|
72603
|
-
props.actions.langdetect;
|
|
72604
|
-
var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
|
|
72605
|
-
var _useState11 = React.useState(props.cardinfoindexprops),
|
|
72606
|
-
_useState12 = _slicedToArray__default["default"](_useState11, 2);
|
|
72607
|
-
_useState12[0];
|
|
72608
|
-
_useState12[1];
|
|
72609
|
-
var _useState13 = React.useState({}),
|
|
72610
|
-
_useState14 = _slicedToArray__default["default"](_useState13, 2),
|
|
72611
|
-
VariantColorImageComObj = _useState14[0],
|
|
72612
|
-
setVariantColorImageComObj = _useState14[1];
|
|
72613
|
-
var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
|
|
72614
|
-
React.useEffect(function () {
|
|
72615
|
-
foundMatchedVariantFunc(VariantCompletedObj);
|
|
72616
|
-
}, [VariantCompletedObj]);
|
|
72617
|
-
React.useEffect(function () {
|
|
72618
|
-
var completedVariantObj = null;
|
|
72619
|
-
var variantimagematching = null;
|
|
72620
|
-
if (choosen_values.length > 0) {
|
|
72621
|
-
var _iterator = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
72622
|
-
_step;
|
|
72623
|
-
try {
|
|
72624
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
72625
|
-
var _variantitem$variantv2;
|
|
72626
|
-
var variantitem = _step.value;
|
|
72627
|
-
var matchedValues = variantitem === null || variantitem === void 0 || (_variantitem$variantv2 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv2 === void 0 ? void 0 : _variantitem$variantv2.filter(function (variantValue) {
|
|
72628
|
-
return choosen_values.some(function (choosenValue) {
|
|
72629
|
-
return choosenValue.valueid === variantValue.valueid;
|
|
72630
|
-
});
|
|
72631
|
-
});
|
|
72632
|
-
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
72633
|
-
completedVariantObj = variantitem;
|
|
72634
|
-
break;
|
|
72635
|
-
}
|
|
72636
|
-
}
|
|
72637
|
-
} catch (err) {
|
|
72638
|
-
_iterator.e(err);
|
|
72639
|
-
} finally {
|
|
72640
|
-
_iterator.f();
|
|
72641
|
-
}
|
|
72642
|
-
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
72643
|
-
var _item$option_info, _item$option_info2;
|
|
72644
|
-
if ((item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info2 = item.option_info) === null || _item$option_info2 === void 0 ? void 0 : _item$option_info2.optionname) == 'Color') {
|
|
72645
|
-
var _iterator2 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
72646
|
-
_step2;
|
|
72647
|
-
try {
|
|
72648
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
72649
|
-
var _variantitem$variantv;
|
|
72650
|
-
var variantitem = _step2.value;
|
|
72651
|
-
var matchingValue = variantitem === null || variantitem === void 0 || (_variantitem$variantv = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv === void 0 ? void 0 : _variantitem$variantv.find(function (value) {
|
|
72652
|
-
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
72653
|
-
});
|
|
72654
|
-
if (matchingValue) {
|
|
72655
|
-
variantimagematching = variantitem;
|
|
72656
|
-
}
|
|
72657
|
-
}
|
|
72658
|
-
} catch (err) {
|
|
72659
|
-
_iterator2.e(err);
|
|
72660
|
-
} finally {
|
|
72661
|
-
_iterator2.f();
|
|
72662
|
-
}
|
|
72663
|
-
}
|
|
72664
|
-
});
|
|
72665
|
-
}
|
|
72666
|
-
setVariantColorImageComObj(variantimagematching || {});
|
|
72667
|
-
setVariantCompletedObj(completedVariantObj || {});
|
|
72668
|
-
}, [choosen_values]);
|
|
72669
|
-
React.useEffect(function () {
|
|
72670
|
-
var _props$actions;
|
|
72671
|
-
var iteminfo = props.actions.item;
|
|
72672
|
-
var variants_iteminfo = props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.item) === null || _props$actions === void 0 ? void 0 : _props$actions.variants_w_options;
|
|
72673
|
-
var options_w_values = [];
|
|
72674
|
-
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (item, index) {
|
|
72675
|
-
var _item$variantvalues_w;
|
|
72676
|
-
item === null || item === void 0 || (_item$variantvalues_w = item.variantvalues_w_valueinfo) === null || _item$variantvalues_w === void 0 || _item$variantvalues_w.forEach(function (valitem) {
|
|
72677
|
-
var isoptionexists = false;
|
|
72678
|
-
var is_valitemexists = false;
|
|
72679
|
-
var valitemtobeinsreted = _objectSpread$I({}, valitem);
|
|
72680
|
-
valitemtobeinsreted.disabled = false;
|
|
72681
|
-
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
72682
|
-
var _exopitem$values;
|
|
72683
|
-
exopitem === null || exopitem === void 0 || (_exopitem$values = exopitem.values) === null || _exopitem$values === void 0 || _exopitem$values.forEach(function (valexistitem) {
|
|
72684
|
-
if (valexistitem.valueid == valitemtobeinsreted.valueid) {
|
|
72685
|
-
is_valitemexists = true;
|
|
72686
|
-
}
|
|
72687
|
-
});
|
|
72688
|
-
});
|
|
72689
|
-
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
72690
|
-
var _exopitem$option_info, _valitemtobeinsreted$;
|
|
72691
|
-
if ((exopitem === null || exopitem === void 0 || (_exopitem$option_info = exopitem.option_info) === null || _exopitem$option_info === void 0 ? void 0 : _exopitem$option_info.optionid) == (valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$ = valitemtobeinsreted.option_info) === null || _valitemtobeinsreted$ === void 0 ? void 0 : _valitemtobeinsreted$.optionid)) {
|
|
72692
|
-
if (is_valitemexists == false) {
|
|
72693
|
-
var _valitemtobeinsreted$2;
|
|
72694
|
-
exopitem.values.push(_objectSpread$I(_objectSpread$I({}, valitemtobeinsreted), {}, {
|
|
72695
|
-
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
|
|
72696
|
-
}));
|
|
72697
|
-
}
|
|
72698
|
-
isoptionexists = true;
|
|
72699
|
-
}
|
|
72700
|
-
});
|
|
72701
|
-
if (isoptionexists == false) {
|
|
72702
|
-
var _valitemtobeinsreted$3;
|
|
72703
|
-
options_w_values.push({
|
|
72704
|
-
option_info: valitem.option_info,
|
|
72705
|
-
optionindex: valitem.option_info.optionindex,
|
|
72706
|
-
values: [_objectSpread$I(_objectSpread$I({}, valitemtobeinsreted), {}, {
|
|
72707
|
-
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
|
|
72708
|
-
})]
|
|
72709
|
-
});
|
|
72710
|
-
}
|
|
72711
|
-
});
|
|
72712
|
-
});
|
|
72713
|
-
options_w_values.forEach(function (option) {
|
|
72714
|
-
option.values.sort(function (a, b) {
|
|
72715
|
-
return a.valueindex - b.valueindex;
|
|
72716
|
-
});
|
|
72717
|
-
});
|
|
72718
|
-
var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
|
|
72719
|
-
return a.optionindex - b.optionindex;
|
|
72720
|
-
});
|
|
72721
|
-
setoptions_w_values(_toConsumableArray__default["default"](Sortedoptions_w_values));
|
|
72722
|
-
// setoptions_w_values([...options_w_values]);
|
|
72723
|
-
setvariants_iteminfo(variants_iteminfo);
|
|
72724
|
-
setitem(iteminfo);
|
|
72725
|
-
}, [props.actions.item]);
|
|
72726
|
-
var choose_valueFunc = function choose_valueFunc(valitem, optioninfo) {
|
|
72727
|
-
var tempchoosen_values = _toConsumableArray__default["default"](choosen_values);
|
|
72728
|
-
var isvalueexists = false;
|
|
72729
|
-
// var optionid = optioninfo.optionid
|
|
72730
|
-
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (choseitem, choseindex) {
|
|
72731
|
-
if (valitem.optionid == choseitem.optionid) {
|
|
72732
|
-
tempchoosen_values.splice(choseindex, 1);
|
|
72733
|
-
}
|
|
72734
|
-
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
72735
|
-
tempchoosen_values.splice(choseindex, 1);
|
|
72736
|
-
isvalueexists = true;
|
|
72737
|
-
}
|
|
72738
|
-
});
|
|
72739
|
-
if (isvalueexists == false) {
|
|
72740
|
-
tempchoosen_values.push(valitem);
|
|
72741
|
-
}
|
|
72742
|
-
var tempoptions_w_values = _toConsumableArray__default["default"](options_w_values);
|
|
72743
|
-
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
72744
|
-
var _item$values;
|
|
72745
|
-
item === null || item === void 0 || (_item$values = item.values) === null || _item$values === void 0 || _item$values.forEach(function (valitemex, valindex) {
|
|
72746
|
-
if (tempchoosen_values.length == 0) {
|
|
72747
|
-
valitemex.disabled = false;
|
|
72748
|
-
} else {
|
|
72749
|
-
valitemex.disabled = true;
|
|
72750
|
-
}
|
|
72751
|
-
});
|
|
72752
|
-
});
|
|
72753
|
-
if (tempchoosen_values.length != 0) {
|
|
72754
|
-
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
72755
|
-
var _item$values2;
|
|
72756
|
-
item === null || item === void 0 || (_item$values2 = item.values) === null || _item$values2 === void 0 || _item$values2.forEach(function (valitem, valindex) {
|
|
72757
|
-
var _tempchoosen_values$s;
|
|
72758
|
-
var isvaluedisabled = true;
|
|
72759
|
-
(_tempchoosen_values$s = tempchoosen_values.slice(0, 1)) === null || _tempchoosen_values$s === void 0 || _tempchoosen_values$s.forEach(function (chosvalitem) {
|
|
72760
|
-
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (variantitem) {
|
|
72761
|
-
var _variantitem$variantv3;
|
|
72762
|
-
var is_Start_Variant_Found = false;
|
|
72763
|
-
variantitem === null || variantitem === void 0 || (_variantitem$variantv3 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv3 === void 0 || _variantitem$variantv3.forEach(function (variantoptionsitem) {
|
|
72764
|
-
if (variantoptionsitem.valueid == chosvalitem.valueid) {
|
|
72765
|
-
is_Start_Variant_Found = true;
|
|
72766
|
-
}
|
|
72767
|
-
});
|
|
72768
|
-
if (is_Start_Variant_Found) {
|
|
72769
|
-
var _variantitem$variantv4;
|
|
72770
|
-
variantitem === null || variantitem === void 0 || (_variantitem$variantv4 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv4 === void 0 || _variantitem$variantv4.forEach(function (variantoptionsitem) {
|
|
72771
|
-
if (valitem.valueid == variantoptionsitem.valueid) {
|
|
72772
|
-
isvaluedisabled = false;
|
|
72773
|
-
}
|
|
72774
|
-
});
|
|
72775
|
-
}
|
|
72776
|
-
});
|
|
72777
|
-
});
|
|
72778
|
-
valitem.disabled = isvaluedisabled;
|
|
72779
|
-
});
|
|
72780
|
-
});
|
|
72781
|
-
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
72782
|
-
var _item$values3;
|
|
72783
|
-
item === null || item === void 0 || (_item$values3 = item.values) === null || _item$values3 === void 0 || _item$values3.forEach(function (valitem, valindex) {
|
|
72784
|
-
if (valitem.optionid == tempchoosen_values[0].optionid) {
|
|
72785
|
-
valitem.disabled = false;
|
|
72786
|
-
}
|
|
72787
|
-
});
|
|
72788
|
-
});
|
|
72789
|
-
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
72790
|
-
var _item$values4;
|
|
72791
|
-
item === null || item === void 0 || (_item$values4 = item.values) === null || _item$values4 === void 0 || _item$values4.forEach(function (valitem, valindex) {
|
|
72792
|
-
if (valitem.disabled == true) {
|
|
72793
|
-
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (chosvalitem, choseindex) {
|
|
72794
|
-
if (chosvalitem.valueid == valitem.valueid) {
|
|
72795
|
-
tempchoosen_values.splice(choseindex, 1);
|
|
72796
|
-
}
|
|
72797
|
-
});
|
|
72798
|
-
}
|
|
72799
|
-
});
|
|
72800
|
-
});
|
|
72801
|
-
}
|
|
72802
|
-
setoptions_w_values(_toConsumableArray__default["default"](tempoptions_w_values));
|
|
72803
|
-
setchoosen_values(_toConsumableArray__default["default"](tempchoosen_values));
|
|
72804
|
-
};
|
|
72805
|
-
React.useEffect(function () {
|
|
72806
|
-
foundImageColorMatchingFunc(VariantColorImageComObj);
|
|
72807
|
-
}, [VariantColorImageComObj]);
|
|
72808
|
-
React.useEffect(function () {
|
|
72809
|
-
var completedVariantObj = null;
|
|
72810
|
-
var variantimagematching = null;
|
|
72811
|
-
if (choosen_values.length > 0) {
|
|
72812
|
-
var _iterator3 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
72813
|
-
_step3;
|
|
72814
|
-
try {
|
|
72815
|
-
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
72816
|
-
var _variantitem$variantv6;
|
|
72817
|
-
var variantitem = _step3.value;
|
|
72818
|
-
var matchedValues = variantitem === null || variantitem === void 0 || (_variantitem$variantv6 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv6 === void 0 ? void 0 : _variantitem$variantv6.filter(function (variantValue) {
|
|
72819
|
-
return choosen_values.some(function (choosenValue) {
|
|
72820
|
-
return choosenValue.valueid === variantValue.valueid;
|
|
72821
|
-
});
|
|
72822
|
-
});
|
|
72823
|
-
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
72824
|
-
completedVariantObj = variantitem;
|
|
72825
|
-
break;
|
|
72826
|
-
}
|
|
72827
|
-
}
|
|
72828
|
-
} catch (err) {
|
|
72829
|
-
_iterator3.e(err);
|
|
72830
|
-
} finally {
|
|
72831
|
-
_iterator3.f();
|
|
72832
|
-
}
|
|
72833
|
-
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
72834
|
-
var _item$option_info3, _item$option_info4;
|
|
72835
|
-
if ((item === null || item === void 0 || (_item$option_info3 = item.option_info) === null || _item$option_info3 === void 0 ? void 0 : _item$option_info3.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info4 = item.option_info) === null || _item$option_info4 === void 0 ? void 0 : _item$option_info4.optionname) == 'Color') {
|
|
72836
|
-
var _iterator4 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
72837
|
-
_step4;
|
|
72838
|
-
try {
|
|
72839
|
-
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
|
|
72840
|
-
var _variantitem$variantv5;
|
|
72841
|
-
var variantitem = _step4.value;
|
|
72842
|
-
var matchingValue = variantitem === null || variantitem === void 0 || (_variantitem$variantv5 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv5 === void 0 ? void 0 : _variantitem$variantv5.find(function (value) {
|
|
72843
|
-
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
72844
|
-
});
|
|
72845
|
-
if (matchingValue) {
|
|
72846
|
-
variantimagematching = variantitem;
|
|
72847
|
-
}
|
|
72848
|
-
}
|
|
72849
|
-
} catch (err) {
|
|
72850
|
-
_iterator4.e(err);
|
|
72851
|
-
} finally {
|
|
72852
|
-
_iterator4.f();
|
|
72853
|
-
}
|
|
72854
|
-
}
|
|
72855
|
-
});
|
|
72856
|
-
}
|
|
72857
|
-
setVariantColorImageComObj(variantimagematching || {});
|
|
72858
|
-
setVariantCompletedObj(completedVariantObj || {});
|
|
72859
|
-
}, [choosen_values]);
|
|
72860
|
-
|
|
72861
|
-
// useEffect(() => {
|
|
72862
|
-
// var completedVariantObj = {};
|
|
72863
|
-
// var tempchoosen_values = [...choosen_values];
|
|
72864
|
-
// if (choosen_values.length != 0) {
|
|
72865
|
-
// variants_iteminfo?.forEach(function (variantitem) {
|
|
72866
|
-
// var isVariantValuesAllSame = true;
|
|
72867
|
-
// variantitem?.variantvalues_w_valueinfo?.forEach(function (variantvalues) {
|
|
72868
|
-
// tempchoosen_values?.forEach(function (item, index) {
|
|
72869
|
-
// if (variantvalues.valueid != item.valueid) {
|
|
72870
|
-
// isVariantValuesAllSame = false;
|
|
72871
|
-
// } else {
|
|
72872
|
-
// }
|
|
72873
|
-
// });
|
|
72874
|
-
// });
|
|
72875
|
-
// if (isVariantValuesAllSame == true) {
|
|
72876
|
-
// completedVariantObj = variantitem;
|
|
72877
|
-
// }
|
|
72878
|
-
// });
|
|
72879
|
-
// }
|
|
72880
|
-
// setVariantCompletedObj({ ...completedVariantObj });
|
|
72881
|
-
// }, [choosen_values]);
|
|
72882
|
-
|
|
72883
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72884
|
-
"class": ' row m-0 w-100 mb-2 '
|
|
72885
|
-
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72886
|
-
"class": ' row m-0 w-100 '
|
|
72887
|
-
}, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
|
|
72888
|
-
var _item$values5;
|
|
72889
|
-
// if (index <= 3) {
|
|
72890
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72891
|
-
className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
|
|
72892
|
-
}, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
|
|
72893
|
-
var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
|
|
72894
|
-
var isChoosedValueExists = false;
|
|
72895
|
-
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
|
|
72896
|
-
if (choseitem != null) {
|
|
72897
|
-
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
72898
|
-
isChoosedValueExists = true;
|
|
72899
|
-
}
|
|
72900
|
-
}
|
|
72901
|
-
});
|
|
72902
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
72903
|
-
style: {
|
|
72904
|
-
textAlign: 'center'
|
|
72905
|
-
},
|
|
72906
|
-
"class": "mx-1"
|
|
72907
|
-
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
72908
|
-
onClick: function onClick() {
|
|
72909
|
-
choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
|
|
72910
|
-
},
|
|
72911
|
-
style: {
|
|
72912
|
-
// backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
|
|
72913
|
-
color: isChoosedValueExists ? '#ffffff' : '#000000',
|
|
72914
|
-
border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
|
|
72915
|
-
padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
|
|
72916
|
-
cursor: valitem.disabled ? 'not-allowed' : 'pointer',
|
|
72917
|
-
fontSize: '13px',
|
|
72918
|
-
width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
|
|
72919
|
-
height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
|
|
72920
|
-
borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
|
|
72921
|
-
background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
|
|
72922
|
-
fontWeight: 500
|
|
72923
|
-
},
|
|
72924
|
-
disabled: valitem.disabled
|
|
72925
|
-
}, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
|
|
72926
|
-
}));
|
|
72927
|
-
// }
|
|
72928
|
-
})));
|
|
72929
|
-
};
|
|
72930
|
-
|
|
72931
|
-
function ownKeys$H(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; }
|
|
72932
|
-
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
72933
72594
|
var Categorycard_details_onhover = function Categorycard_details_onhover(props) {
|
|
72934
72595
|
var _useState = React.useState(''),
|
|
72935
72596
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -72972,14 +72633,14 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
72972
72633
|
});
|
|
72973
72634
|
}
|
|
72974
72635
|
});
|
|
72975
|
-
setsectionproperties(_objectSpread$
|
|
72636
|
+
setsectionproperties(_objectSpread$I({}, secpropobj));
|
|
72976
72637
|
}, [StatePagePropertiesContext]);
|
|
72977
72638
|
React.useEffect(function () {
|
|
72978
72639
|
setitem(props.cardinfoitemprops);
|
|
72979
72640
|
}, [props.cardinfoitemprops]);
|
|
72980
72641
|
React.useEffect(function () {
|
|
72981
72642
|
var productImagetoBeSelected = '';
|
|
72982
|
-
var Tempitem = _objectSpread$
|
|
72643
|
+
var Tempitem = _objectSpread$I({}, item);
|
|
72983
72644
|
productImagetoBeSelected = item.productmainimage;
|
|
72984
72645
|
if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
|
|
72985
72646
|
var variatgalleryid = variantObj.variantgalleryid;
|
|
@@ -72993,11 +72654,11 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
72993
72654
|
}
|
|
72994
72655
|
}
|
|
72995
72656
|
Tempitem.image = productImagetoBeSelected;
|
|
72996
|
-
setitem(_objectSpread$
|
|
72657
|
+
setitem(_objectSpread$I({}, Tempitem));
|
|
72997
72658
|
}, [variantObj]);
|
|
72998
72659
|
React.useEffect(function () {
|
|
72999
72660
|
var productImagetoBeSelected = '';
|
|
73000
|
-
var Tempitem = _objectSpread$
|
|
72661
|
+
var Tempitem = _objectSpread$I({}, item);
|
|
73001
72662
|
productImagetoBeSelected = item.productmainimage;
|
|
73002
72663
|
if (Variant_Color_ImageObj != undefined && Variant_Color_ImageObj != null && Object.keys(Variant_Color_ImageObj).length != 0 && Variant_Color_ImageObj != '') {
|
|
73003
72664
|
var variatgalleryid = Variant_Color_ImageObj.variantgalleryid;
|
|
@@ -73011,7 +72672,7 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
73011
72672
|
}
|
|
73012
72673
|
}
|
|
73013
72674
|
Tempitem.image = productImagetoBeSelected;
|
|
73014
|
-
setitem(_objectSpread$
|
|
72675
|
+
setitem(_objectSpread$I({}, Tempitem));
|
|
73015
72676
|
}, [Variant_Color_ImageObj]);
|
|
73016
72677
|
var card_cssstyles = {
|
|
73017
72678
|
innersection: glamor.css({
|
|
@@ -73345,8 +73006,8 @@ var css_248z$e = "\n@media (max-width: 576px) {\n .generalCardsStyles-module_
|
|
|
73345
73006
|
var generalCardsStyles = {"productcard":"generalCardsStyles-module_productcard__3PgiR","Simpleproductcard":"generalCardsStyles-module_Simpleproductcard__GhVP7","ClassicCategoryCard":"generalCardsStyles-module_ClassicCategoryCard__UWO1a","newproductcard":"generalCardsStyles-module_newproductcard__ATddn","imagecontainer":"generalCardsStyles-module_imagecontainer__9bhlL","intialimage":"generalCardsStyles-module_intialimage__JUCyy","secondaryimage":"generalCardsStyles-module_secondaryimage__FrA62","fadeIn":"generalCardsStyles-module_fadeIn__xhIy3"};
|
|
73346
73007
|
styleInject(css_248z$e);
|
|
73347
73008
|
|
|
73348
|
-
function ownKeys$
|
|
73349
|
-
function _objectSpread$
|
|
73009
|
+
function ownKeys$H(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; }
|
|
73010
|
+
function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
73350
73011
|
var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
73351
73012
|
var _useState = React.useState(''),
|
|
73352
73013
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -73384,7 +73045,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73384
73045
|
});
|
|
73385
73046
|
}
|
|
73386
73047
|
});
|
|
73387
|
-
setsectionproperties(_objectSpread$
|
|
73048
|
+
setsectionproperties(_objectSpread$H({}, secpropobj));
|
|
73388
73049
|
}, [StatePagePropertiesContext]);
|
|
73389
73050
|
React.useEffect(function () {
|
|
73390
73051
|
if (item.quantity == 0) {
|
|
@@ -73694,13 +73355,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73694
73355
|
onClick: function onClick(e) {
|
|
73695
73356
|
e.stopPropagation();
|
|
73696
73357
|
if (item.hasvariants == 0) {
|
|
73697
|
-
var tempitem = _objectSpread$
|
|
73358
|
+
var tempitem = _objectSpread$H({}, item);
|
|
73698
73359
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
73699
73360
|
tempitem.quantity = tempitem.quantity - 1;
|
|
73700
73361
|
if (tempitem.quantity <= 0) {
|
|
73701
73362
|
tempitem.quantity = 0;
|
|
73702
73363
|
}
|
|
73703
|
-
setitem(_objectSpread$
|
|
73364
|
+
setitem(_objectSpread$H({}, tempitem));
|
|
73704
73365
|
addtocartfunc('add', tempitem.quantity);
|
|
73705
73366
|
} else {
|
|
73706
73367
|
setShowProductInfoModalContext(true);
|
|
@@ -73717,13 +73378,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73717
73378
|
onClick: function onClick(e) {
|
|
73718
73379
|
e.stopPropagation();
|
|
73719
73380
|
if (item.hasvariants == 0) {
|
|
73720
|
-
var tempitem = _objectSpread$
|
|
73381
|
+
var tempitem = _objectSpread$H({}, item);
|
|
73721
73382
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
73722
73383
|
tempitem.quantity = tempitem.quantity + 1;
|
|
73723
73384
|
if (tempitem.quantity <= 0) {
|
|
73724
73385
|
tempitem.quantity = 0;
|
|
73725
73386
|
}
|
|
73726
|
-
setitem(_objectSpread$
|
|
73387
|
+
setitem(_objectSpread$H({}, tempitem));
|
|
73727
73388
|
addtocartfunc('add', tempitem.quantity);
|
|
73728
73389
|
} else {
|
|
73729
73390
|
setShowProductInfoModalContext(true);
|
|
@@ -73879,8 +73540,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73879
73540
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
|
|
73880
73541
|
};
|
|
73881
73542
|
|
|
73882
|
-
function ownKeys$
|
|
73883
|
-
function _objectSpread$
|
|
73543
|
+
function ownKeys$G(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; }
|
|
73544
|
+
function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
73884
73545
|
var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
73885
73546
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
73886
73547
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
@@ -73923,7 +73584,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
73923
73584
|
});
|
|
73924
73585
|
}
|
|
73925
73586
|
});
|
|
73926
|
-
setsectionproperties(_objectSpread$
|
|
73587
|
+
setsectionproperties(_objectSpread$G({}, secpropobj));
|
|
73927
73588
|
}, [StatePagePropertiesContext]);
|
|
73928
73589
|
|
|
73929
73590
|
// Card Information
|
|
@@ -74310,13 +73971,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74310
73971
|
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
|
|
74311
73972
|
onClick: function onClick() {
|
|
74312
73973
|
if (item.hasvariants == 0) {
|
|
74313
|
-
var tempitem = _objectSpread$
|
|
73974
|
+
var tempitem = _objectSpread$G({}, item);
|
|
74314
73975
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
74315
73976
|
tempitem.quantity = tempitem.quantity - 1;
|
|
74316
73977
|
if (tempitem.quantity <= 0) {
|
|
74317
73978
|
tempitem.quantity = 0;
|
|
74318
73979
|
}
|
|
74319
|
-
setitem(_objectSpread$
|
|
73980
|
+
setitem(_objectSpread$G({}, tempitem));
|
|
74320
73981
|
addtocartfunc('add', tempitem.quantity);
|
|
74321
73982
|
} else {
|
|
74322
73983
|
setShowProductInfoModalContext(true);
|
|
@@ -74332,13 +73993,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74332
73993
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
|
|
74333
73994
|
onClick: function onClick() {
|
|
74334
73995
|
if (item.hasvariants == 0) {
|
|
74335
|
-
var tempitem = _objectSpread$
|
|
73996
|
+
var tempitem = _objectSpread$G({}, item);
|
|
74336
73997
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
74337
73998
|
tempitem.quantity = tempitem.quantity + 1;
|
|
74338
73999
|
if (tempitem.quantity <= 0) {
|
|
74339
74000
|
tempitem.quantity = 0;
|
|
74340
74001
|
}
|
|
74341
|
-
setitem(_objectSpread$
|
|
74002
|
+
setitem(_objectSpread$G({}, tempitem));
|
|
74342
74003
|
addtocartfunc('add', tempitem.quantity);
|
|
74343
74004
|
} else {
|
|
74344
74005
|
setShowProductInfoModalContext(true);
|
|
@@ -74363,8 +74024,8 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74363
74024
|
}))))))));
|
|
74364
74025
|
};
|
|
74365
74026
|
|
|
74366
|
-
function ownKeys$
|
|
74367
|
-
function _objectSpread$
|
|
74027
|
+
function ownKeys$F(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; }
|
|
74028
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
74368
74029
|
var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
74369
74030
|
var _useState = React.useState(''),
|
|
74370
74031
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74391,7 +74052,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74391
74052
|
});
|
|
74392
74053
|
}
|
|
74393
74054
|
});
|
|
74394
|
-
setsectionproperties(_objectSpread$
|
|
74055
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74395
74056
|
}, [StatePagePropertiesContext]);
|
|
74396
74057
|
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
74397
74058
|
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
@@ -74403,7 +74064,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74403
74064
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
74404
74065
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
74405
74066
|
});
|
|
74406
|
-
setsectionproperties(_objectSpread$
|
|
74067
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74407
74068
|
} else {
|
|
74408
74069
|
var secpropobj = {};
|
|
74409
74070
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -74413,7 +74074,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74413
74074
|
});
|
|
74414
74075
|
}
|
|
74415
74076
|
});
|
|
74416
|
-
setsectionproperties(_objectSpread$
|
|
74077
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74417
74078
|
}
|
|
74418
74079
|
}, [StatePagePropertiesContext]);
|
|
74419
74080
|
|
|
@@ -74564,8 +74225,8 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74564
74225
|
}, CardContent()));
|
|
74565
74226
|
};
|
|
74566
74227
|
|
|
74567
|
-
function ownKeys$
|
|
74568
|
-
function _objectSpread$
|
|
74228
|
+
function ownKeys$E(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; }
|
|
74229
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
74569
74230
|
var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
74570
74231
|
var _useState = React.useState(''),
|
|
74571
74232
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74590,7 +74251,7 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
|
74590
74251
|
});
|
|
74591
74252
|
}
|
|
74592
74253
|
});
|
|
74593
|
-
setsectionproperties(_objectSpread$
|
|
74254
|
+
setsectionproperties(_objectSpread$E({}, secpropobj));
|
|
74594
74255
|
}, [StatePagePropertiesContext]);
|
|
74595
74256
|
React.useEffect(function () {
|
|
74596
74257
|
setitem(props.cardinfoitemprops);
|
|
@@ -74734,8 +74395,8 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
|
74734
74395
|
}, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)))))));
|
|
74735
74396
|
};
|
|
74736
74397
|
|
|
74737
|
-
function ownKeys$
|
|
74738
|
-
function _objectSpread$
|
|
74398
|
+
function ownKeys$D(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; }
|
|
74399
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
74739
74400
|
var NewProductcard = function NewProductcard(props) {
|
|
74740
74401
|
var _useState = React.useState(''),
|
|
74741
74402
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74762,7 +74423,7 @@ var NewProductcard = function NewProductcard(props) {
|
|
|
74762
74423
|
});
|
|
74763
74424
|
}
|
|
74764
74425
|
});
|
|
74765
|
-
setsectionproperties(_objectSpread$
|
|
74426
|
+
setsectionproperties(_objectSpread$D({}, secpropobj));
|
|
74766
74427
|
}, [StatePagePropertiesContext]);
|
|
74767
74428
|
React.useEffect(function () {
|
|
74768
74429
|
setitem(props.cardinfoitemprops);
|
|
@@ -75183,8 +74844,8 @@ var css_248z$d = ".UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7
|
|
|
75183
74844
|
var cardstyles$7 = {"buttons_container1":"UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7UT","productcard":"UserCardWithSocialMediaOnHover-module_productcard__Yf1rE","image_container":"UserCardWithSocialMediaOnHover-module_image_container__OZfNU"};
|
|
75184
74845
|
styleInject(css_248z$d);
|
|
75185
74846
|
|
|
75186
|
-
function ownKeys$
|
|
75187
|
-
function _objectSpread$
|
|
74847
|
+
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; }
|
|
74848
|
+
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; }
|
|
75188
74849
|
var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(props) {
|
|
75189
74850
|
var _useState = React.useState(''),
|
|
75190
74851
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75209,7 +74870,7 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
|
|
|
75209
74870
|
});
|
|
75210
74871
|
}
|
|
75211
74872
|
});
|
|
75212
|
-
setsectionproperties(_objectSpread$
|
|
74873
|
+
setsectionproperties(_objectSpread$C({}, secpropobj));
|
|
75213
74874
|
}, [StatePagePropertiesContext]);
|
|
75214
74875
|
React.useEffect(function () {
|
|
75215
74876
|
setitem(props.cardinfoitemprops);
|
|
@@ -75354,8 +75015,8 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
|
|
|
75354
75015
|
}, item.name)))));
|
|
75355
75016
|
};
|
|
75356
75017
|
|
|
75357
|
-
function ownKeys$
|
|
75358
|
-
function _objectSpread$
|
|
75018
|
+
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; }
|
|
75019
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
75359
75020
|
var Card20 = function Card20(props) {
|
|
75360
75021
|
var _useState = React.useState(''),
|
|
75361
75022
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75388,7 +75049,7 @@ var Card20 = function Card20(props) {
|
|
|
75388
75049
|
});
|
|
75389
75050
|
}
|
|
75390
75051
|
});
|
|
75391
|
-
setsectionproperties(_objectSpread$
|
|
75052
|
+
setsectionproperties(_objectSpread$B({}, secpropobj));
|
|
75392
75053
|
}, [StatePagePropertiesContext]);
|
|
75393
75054
|
React.useEffect(function () {
|
|
75394
75055
|
setitem(props.cardinfoitemprops);
|
|
@@ -75610,8 +75271,8 @@ var Card20 = function Card20(props) {
|
|
|
75610
75271
|
}, langdetect == 'en' ? item.currencyname : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : item.currencyname)))));
|
|
75611
75272
|
};
|
|
75612
75273
|
|
|
75613
|
-
function ownKeys$
|
|
75614
|
-
function _objectSpread$
|
|
75274
|
+
function ownKeys$A(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; }
|
|
75275
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
75615
75276
|
var Card21 = function Card21(props) {
|
|
75616
75277
|
var _useState = React.useState(''),
|
|
75617
75278
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75641,7 +75302,7 @@ var Card21 = function Card21(props) {
|
|
|
75641
75302
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
75642
75303
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
75643
75304
|
});
|
|
75644
|
-
setsectionproperties(_objectSpread$
|
|
75305
|
+
setsectionproperties(_objectSpread$A({}, secpropobj));
|
|
75645
75306
|
} else {
|
|
75646
75307
|
var secpropobj = {};
|
|
75647
75308
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -75651,7 +75312,7 @@ var Card21 = function Card21(props) {
|
|
|
75651
75312
|
});
|
|
75652
75313
|
}
|
|
75653
75314
|
});
|
|
75654
|
-
setsectionproperties(_objectSpread$
|
|
75315
|
+
setsectionproperties(_objectSpread$A({}, secpropobj));
|
|
75655
75316
|
}
|
|
75656
75317
|
}, [StatePagePropertiesContext]);
|
|
75657
75318
|
React.useEffect(function () {
|
|
@@ -75942,8 +75603,8 @@ var Card21 = function Card21(props) {
|
|
|
75942
75603
|
}, "18 Days"))));
|
|
75943
75604
|
};
|
|
75944
75605
|
|
|
75945
|
-
function ownKeys$
|
|
75946
|
-
function _objectSpread$
|
|
75606
|
+
function ownKeys$z(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; }
|
|
75607
|
+
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
75947
75608
|
var Card22 = function Card22(props) {
|
|
75948
75609
|
var _useState = React.useState(''),
|
|
75949
75610
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75973,7 +75634,7 @@ var Card22 = function Card22(props) {
|
|
|
75973
75634
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
75974
75635
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
75975
75636
|
});
|
|
75976
|
-
setsectionproperties(_objectSpread$
|
|
75637
|
+
setsectionproperties(_objectSpread$z({}, secpropobj));
|
|
75977
75638
|
} else {
|
|
75978
75639
|
var secpropobj = {};
|
|
75979
75640
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -75983,7 +75644,7 @@ var Card22 = function Card22(props) {
|
|
|
75983
75644
|
});
|
|
75984
75645
|
}
|
|
75985
75646
|
});
|
|
75986
|
-
setsectionproperties(_objectSpread$
|
|
75647
|
+
setsectionproperties(_objectSpread$z({}, secpropobj));
|
|
75987
75648
|
}
|
|
75988
75649
|
}, [StatePagePropertiesContext]);
|
|
75989
75650
|
React.useEffect(function () {
|
|
@@ -76174,8 +75835,8 @@ var Card22 = function Card22(props) {
|
|
|
76174
75835
|
}, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))));
|
|
76175
75836
|
};
|
|
76176
75837
|
|
|
76177
|
-
function ownKeys$
|
|
76178
|
-
function _objectSpread$
|
|
75838
|
+
function ownKeys$y(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; }
|
|
75839
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
76179
75840
|
var Card23 = function Card23(props) {
|
|
76180
75841
|
var _useState = React.useState(''),
|
|
76181
75842
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -76212,7 +75873,7 @@ var Card23 = function Card23(props) {
|
|
|
76212
75873
|
});
|
|
76213
75874
|
}
|
|
76214
75875
|
});
|
|
76215
|
-
setsectionproperties(_objectSpread$
|
|
75876
|
+
setsectionproperties(_objectSpread$y({}, secpropobj));
|
|
76216
75877
|
}, [StatePagePropertiesContext]);
|
|
76217
75878
|
React.useEffect(function () {
|
|
76218
75879
|
var _props$cardinfoitempr;
|
|
@@ -76528,7 +76189,7 @@ var Card23 = function Card23(props) {
|
|
|
76528
76189
|
var AddtoCartContext = props.actions.AddtoCartContext;
|
|
76529
76190
|
var addtocartfunc = function addtocartfunc(forcetocheckout) {
|
|
76530
76191
|
var forcetocheckoutvalue = forcetocheckout;
|
|
76531
|
-
var tempaddtocardpayloadobj = _objectSpread$
|
|
76192
|
+
var tempaddtocardpayloadobj = _objectSpread$y({}, addtocardpayloadobj);
|
|
76532
76193
|
tempaddtocardpayloadobj.productid = item.productid;
|
|
76533
76194
|
tempaddtocardpayloadobj.functype = 'add';
|
|
76534
76195
|
tempaddtocardpayloadobj.item_type = 'product';
|
|
@@ -76813,8 +76474,8 @@ var Card23 = function Card23(props) {
|
|
|
76813
76474
|
}, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
|
|
76814
76475
|
};
|
|
76815
76476
|
|
|
76816
|
-
function ownKeys$
|
|
76817
|
-
function _objectSpread$
|
|
76477
|
+
function ownKeys$x(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; }
|
|
76478
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
76818
76479
|
var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
76819
76480
|
var _useState = React.useState(''),
|
|
76820
76481
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -76844,7 +76505,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
76844
76505
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
76845
76506
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
76846
76507
|
});
|
|
76847
|
-
setsectionproperties(_objectSpread$
|
|
76508
|
+
setsectionproperties(_objectSpread$x({}, secpropobj));
|
|
76848
76509
|
} else {
|
|
76849
76510
|
var secpropobj = {};
|
|
76850
76511
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -76854,7 +76515,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
76854
76515
|
});
|
|
76855
76516
|
}
|
|
76856
76517
|
});
|
|
76857
|
-
setsectionproperties(_objectSpread$
|
|
76518
|
+
setsectionproperties(_objectSpread$x({}, secpropobj));
|
|
76858
76519
|
}
|
|
76859
76520
|
}, [StatePagePropertiesContext]);
|
|
76860
76521
|
React.useEffect(function () {
|
|
@@ -77158,8 +76819,8 @@ var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n
|
|
|
77158
76819
|
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","intialimage":"Productccard_with_zoominonhover-module_intialimage__8hcdc","secondaryimage":"Productccard_with_zoominonhover-module_secondaryimage__EHpKK","img_container":"Productccard_with_zoominonhover-module_img_container__lSsmX"};
|
|
77159
76820
|
styleInject(css_248z$c);
|
|
77160
76821
|
|
|
77161
|
-
function ownKeys$
|
|
77162
|
-
function _objectSpread$
|
|
76822
|
+
function ownKeys$w(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; }
|
|
76823
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
77163
76824
|
var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(props) {
|
|
77164
76825
|
var _useState = React.useState(''),
|
|
77165
76826
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -77188,7 +76849,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77188
76849
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
77189
76850
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
77190
76851
|
});
|
|
77191
|
-
setsectionproperties(_objectSpread$
|
|
76852
|
+
setsectionproperties(_objectSpread$w({}, secpropobj));
|
|
77192
76853
|
} else {
|
|
77193
76854
|
var secpropobj = {};
|
|
77194
76855
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -77198,14 +76859,14 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77198
76859
|
});
|
|
77199
76860
|
}
|
|
77200
76861
|
});
|
|
77201
|
-
setsectionproperties(_objectSpread$
|
|
76862
|
+
setsectionproperties(_objectSpread$w({}, secpropobj));
|
|
77202
76863
|
}
|
|
77203
76864
|
}, [StatePagePropertiesContext]);
|
|
77204
76865
|
React.useEffect(function () {
|
|
77205
76866
|
setitem(props.cardinfoitemprops);
|
|
77206
76867
|
}, [props.cardinfoitemprops]);
|
|
77207
76868
|
var updatequantity = function updatequantity(type) {
|
|
77208
|
-
var tempitem = _objectSpread$
|
|
76869
|
+
var tempitem = _objectSpread$w({}, item);
|
|
77209
76870
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
77210
76871
|
if (type == 'add') {
|
|
77211
76872
|
tempitem.quantity = tempitem.quantity + 1;
|
|
@@ -77215,7 +76876,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77215
76876
|
if (tempitem.quantity <= 0) {
|
|
77216
76877
|
tempitem.quantity = 0;
|
|
77217
76878
|
}
|
|
77218
|
-
setitem(_objectSpread$
|
|
76879
|
+
setitem(_objectSpread$w({}, tempitem));
|
|
77219
76880
|
};
|
|
77220
76881
|
var addtocartfunc = function addtocartfunc() {
|
|
77221
76882
|
var addtocardpayloadobj = {
|
|
@@ -77797,8 +77458,8 @@ var css_248z$b = ".categorycard3-module_categoryCard__3mSQo {\n position: rel
|
|
|
77797
77458
|
var cardstyles$6 = {"categoryCard":"categorycard3-module_categoryCard__3mSQo"};
|
|
77798
77459
|
styleInject(css_248z$b);
|
|
77799
77460
|
|
|
77800
|
-
function ownKeys$
|
|
77801
|
-
function _objectSpread$
|
|
77461
|
+
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; }
|
|
77462
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
77802
77463
|
var Categorycard_with_twolinestransition = function Categorycard_with_twolinestransition(props) {
|
|
77803
77464
|
var _css;
|
|
77804
77465
|
var _useState = React.useState(''),
|
|
@@ -77825,7 +77486,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
|
|
|
77825
77486
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
77826
77487
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
77827
77488
|
});
|
|
77828
|
-
setsectionproperties(_objectSpread$
|
|
77489
|
+
setsectionproperties(_objectSpread$v({}, secpropobj));
|
|
77829
77490
|
} else {
|
|
77830
77491
|
var secpropobj = {};
|
|
77831
77492
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -77835,7 +77496,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
|
|
|
77835
77496
|
});
|
|
77836
77497
|
}
|
|
77837
77498
|
});
|
|
77838
|
-
setsectionproperties(_objectSpread$
|
|
77499
|
+
setsectionproperties(_objectSpread$v({}, secpropobj));
|
|
77839
77500
|
}
|
|
77840
77501
|
}, [StatePagePropertiesContext]);
|
|
77841
77502
|
React.useEffect(function () {
|
|
@@ -77979,8 +77640,8 @@ var css_248z$a = ".Categorcycard_fullimage-module_categorycardtext__WLY3- {\n
|
|
|
77979
77640
|
var cardstyles$5 = {"categorycardtext":"Categorcycard_fullimage-module_categorycardtext__WLY3-","x":"Categorcycard_fullimage-module_x__EZ-yx"};
|
|
77980
77641
|
styleInject(css_248z$a);
|
|
77981
77642
|
|
|
77982
|
-
function ownKeys$
|
|
77983
|
-
function _objectSpread$
|
|
77643
|
+
function ownKeys$u(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; }
|
|
77644
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
77984
77645
|
var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
77985
77646
|
var _useState = React.useState(''),
|
|
77986
77647
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78010,7 +77671,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
|
78010
77671
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78011
77672
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78012
77673
|
});
|
|
78013
|
-
setsectionproperties(_objectSpread$
|
|
77674
|
+
setsectionproperties(_objectSpread$u({}, secpropobj));
|
|
78014
77675
|
} else {
|
|
78015
77676
|
var secpropobj = {};
|
|
78016
77677
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78020,7 +77681,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
|
78020
77681
|
});
|
|
78021
77682
|
}
|
|
78022
77683
|
});
|
|
78023
|
-
setsectionproperties(_objectSpread$
|
|
77684
|
+
setsectionproperties(_objectSpread$u({}, secpropobj));
|
|
78024
77685
|
}
|
|
78025
77686
|
}, [StatePagePropertiesContext]);
|
|
78026
77687
|
React.useEffect(function () {
|
|
@@ -78185,8 +77846,8 @@ var css_248z$9 = ".Categorycard_slidebgscaled-module_categoryCard__-tIaD {\n
|
|
|
78185
77846
|
var cardstyles$4 = {"categoryCard":"Categorycard_slidebgscaled-module_categoryCard__-tIaD","hover":"Categorycard_slidebgscaled-module_hover__Voj0y","cardbtn":"Categorycard_slidebgscaled-module_cardbtn__JlkMB"};
|
|
78186
77847
|
styleInject(css_248z$9);
|
|
78187
77848
|
|
|
78188
|
-
function ownKeys$
|
|
78189
|
-
function _objectSpread$
|
|
77849
|
+
function ownKeys$t(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; }
|
|
77850
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78190
77851
|
var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
78191
77852
|
var _useState = React.useState(''),
|
|
78192
77853
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78212,7 +77873,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78212
77873
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78213
77874
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78214
77875
|
});
|
|
78215
|
-
setsectionproperties(_objectSpread$
|
|
77876
|
+
setsectionproperties(_objectSpread$t({}, secpropobj));
|
|
78216
77877
|
} else {
|
|
78217
77878
|
var secpropobj = {};
|
|
78218
77879
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78222,7 +77883,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78222
77883
|
});
|
|
78223
77884
|
}
|
|
78224
77885
|
});
|
|
78225
|
-
setsectionproperties(_objectSpread$
|
|
77886
|
+
setsectionproperties(_objectSpread$t({}, secpropobj));
|
|
78226
77887
|
}
|
|
78227
77888
|
}, [StatePagePropertiesContext]);
|
|
78228
77889
|
React.useEffect(function () {
|
|
@@ -78372,8 +78033,8 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78372
78033
|
}, sectionproperties.generalbtn_content)))))));
|
|
78373
78034
|
};
|
|
78374
78035
|
|
|
78375
|
-
function ownKeys$
|
|
78376
|
-
function _objectSpread$
|
|
78036
|
+
function ownKeys$s(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; }
|
|
78037
|
+
function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78377
78038
|
var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props) {
|
|
78378
78039
|
var _useState = React.useState(''),
|
|
78379
78040
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78399,7 +78060,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
|
|
|
78399
78060
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78400
78061
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78401
78062
|
});
|
|
78402
|
-
setsectionproperties(_objectSpread$
|
|
78063
|
+
setsectionproperties(_objectSpread$s({}, secpropobj));
|
|
78403
78064
|
} else {
|
|
78404
78065
|
var secpropobj = {};
|
|
78405
78066
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78409,7 +78070,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
|
|
|
78409
78070
|
});
|
|
78410
78071
|
}
|
|
78411
78072
|
});
|
|
78412
|
-
setsectionproperties(_objectSpread$
|
|
78073
|
+
setsectionproperties(_objectSpread$s({}, secpropobj));
|
|
78413
78074
|
}
|
|
78414
78075
|
}, [StatePagePropertiesContext]);
|
|
78415
78076
|
React.useEffect(function () {
|
|
@@ -78540,8 +78201,8 @@ var css_248z$8 = "*,\n*:before,\n*:after {\n margin: 0;\n padding: 0;\n
|
|
|
78540
78201
|
var cardstyles$3 = {"card__collection":"Categorycard_withshapes-module_card__collection__t31ng","cards":"Categorycard_withshapes-module_cards__8qyGo","cards_three":"Categorycard_withshapes-module_cards_three__z9TYx","cards_three__rect1":"Categorycard_withshapes-module_cards_three__rect1__jEF-E","shadow1":"Categorycard_withshapes-module_shadow1__l3waE","cards_three__rect2":"Categorycard_withshapes-module_cards_three__rect2__utoxo","shadow2":"Categorycard_withshapes-module_shadow2__KvWAN","cards_three__circle":"Categorycard_withshapes-module_cards_three__circle__6CirK","cards_three__list":"Categorycard_withshapes-module_cards_three__list__mjWmc","btncont":"Categorycard_withshapes-module_btncont__w2Uy-"};
|
|
78541
78202
|
styleInject(css_248z$8);
|
|
78542
78203
|
|
|
78543
|
-
function ownKeys$
|
|
78544
|
-
function _objectSpread$
|
|
78204
|
+
function ownKeys$r(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; }
|
|
78205
|
+
function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78545
78206
|
var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
78546
78207
|
var _useState = React.useState(''),
|
|
78547
78208
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78561,6 +78222,157 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
|
78561
78222
|
props.setProductIdProdutInfoModalContext;
|
|
78562
78223
|
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
78563
78224
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
78225
|
+
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
78226
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
78227
|
+
_useState6[0];
|
|
78228
|
+
_useState6[1];
|
|
78229
|
+
React.useEffect(function () {
|
|
78230
|
+
if (props.srcfrom == 'addsectionform') {
|
|
78231
|
+
var secpropobj = {};
|
|
78232
|
+
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78233
|
+
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78234
|
+
});
|
|
78235
|
+
setsectionproperties(_objectSpread$r({}, secpropobj));
|
|
78236
|
+
} else {
|
|
78237
|
+
var secpropobj = {};
|
|
78238
|
+
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
78239
|
+
if (sectionitem.sectionid == props.sectionidprops) {
|
|
78240
|
+
sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
|
|
78241
|
+
secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
|
|
78242
|
+
});
|
|
78243
|
+
}
|
|
78244
|
+
});
|
|
78245
|
+
setsectionproperties(_objectSpread$r({}, secpropobj));
|
|
78246
|
+
}
|
|
78247
|
+
}, [StatePagePropertiesContext]);
|
|
78248
|
+
React.useEffect(function () {
|
|
78249
|
+
setitem(props.cardinfoitemprops);
|
|
78250
|
+
}, [props.cardinfoitemprops]);
|
|
78251
|
+
var card_cssstyles = {
|
|
78252
|
+
categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
|
|
78253
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
78254
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
78255
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
78256
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
78257
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
78258
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
78259
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
78260
|
+
marginLeft: sectionproperties.card_marginLeft + 'px',
|
|
78261
|
+
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
78262
|
+
paddingRight: sectionproperties.paddingRight + 'px',
|
|
78263
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
78264
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
78265
|
+
height: sectionproperties.height + 'px',
|
|
78266
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : '',
|
|
78267
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
78268
|
+
transition: '0.3s',
|
|
78269
|
+
cursor: 'pointer',
|
|
78270
|
+
opacity: sectionproperties.cardbg_opacity,
|
|
78271
|
+
overflow: 'hidden'
|
|
78272
|
+
}, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
|
|
78273
|
+
backgroundColor: sectionproperties.transitionbg_color
|
|
78274
|
+
})),
|
|
78275
|
+
categorycardtext: glamor.css({
|
|
78276
|
+
fontSize: sectionproperties.generaltext_fontSize + 'px',
|
|
78277
|
+
color: sectionproperties.generaltext_fontColor,
|
|
78278
|
+
textTransform: sectionproperties.generaltext_textTransform,
|
|
78279
|
+
fontWeight: sectionproperties.generaltext_fontWeight
|
|
78280
|
+
}),
|
|
78281
|
+
shadow1: glamor.css({
|
|
78282
|
+
background: sectionproperties.firstcolor
|
|
78283
|
+
// primary
|
|
78284
|
+
}),
|
|
78285
|
+
shadow2: glamor.css({
|
|
78286
|
+
background: sectionproperties.secondcolor
|
|
78287
|
+
// primary
|
|
78288
|
+
}),
|
|
78289
|
+
cards_three__rect2: glamor.css({
|
|
78290
|
+
':before': {
|
|
78291
|
+
background: sectionproperties.secondcolor
|
|
78292
|
+
},
|
|
78293
|
+
':after': {
|
|
78294
|
+
background: sectionproperties.firstcolor
|
|
78295
|
+
}
|
|
78296
|
+
}),
|
|
78297
|
+
cards_three__circle: glamor.css({
|
|
78298
|
+
':before': {
|
|
78299
|
+
background: sectionproperties.firstcolor
|
|
78300
|
+
}
|
|
78301
|
+
})
|
|
78302
|
+
};
|
|
78303
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78304
|
+
"class": "".concat(cardstyles$3.card__collection, " ").concat(card_cssstyles.categoryCard),
|
|
78305
|
+
onClick: function onClick() {
|
|
78306
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78307
|
+
}
|
|
78308
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78309
|
+
"class": "".concat(cardstyles$3.cards, " ").concat(cardstyles$3.cards_three),
|
|
78310
|
+
style: {
|
|
78311
|
+
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
78312
|
+
backgroundPosition: 'center center',
|
|
78313
|
+
backgroundRepeat: 'no-repeat',
|
|
78314
|
+
backgroundSize: 'cover'
|
|
78315
|
+
}
|
|
78316
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
78317
|
+
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
78318
|
+
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
78319
|
+
path: item.image,
|
|
78320
|
+
style: {
|
|
78321
|
+
width: '100%',
|
|
78322
|
+
height: '100%',
|
|
78323
|
+
objectFit: 'cover'
|
|
78324
|
+
},
|
|
78325
|
+
loading: "lazy"
|
|
78326
|
+
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78327
|
+
"class": "".concat(cardstyles$3.cards_three__rect1)
|
|
78328
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78329
|
+
"class": "".concat(cardstyles$3.shadow1, " ").concat(card_cssstyles.shadow1)
|
|
78330
|
+
}), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78331
|
+
"class": ' row m-0 w-100 '
|
|
78332
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78333
|
+
"class": "col-lg-12 p-0"
|
|
78334
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78335
|
+
"class": "".concat(card_cssstyles.categorycardtext) + ' m-0 p-0 '
|
|
78336
|
+
}, item.name)))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78337
|
+
"class": "".concat(cardstyles$3.cards_three__rect2, " ").concat(card_cssstyles.cards_three__rect2)
|
|
78338
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78339
|
+
"class": "".concat(cardstyles$3.shadow2, " ").concat(card_cssstyles.shadow2)
|
|
78340
|
+
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78341
|
+
"class": "".concat(cardstyles$3.cards_three__circle, " ").concat(card_cssstyles.cards_three__circle)
|
|
78342
|
+
}), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78343
|
+
"class": "".concat(cardstyles$3.cards_three__list),
|
|
78344
|
+
onClick: function onClick() {
|
|
78345
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78346
|
+
}
|
|
78347
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78348
|
+
"class": "".concat(cardstyles$3.btncont, " ") + ' row m-0 w-100'
|
|
78349
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78350
|
+
style: {
|
|
78351
|
+
zIndex: 1000
|
|
78352
|
+
}
|
|
78353
|
+
}, "More Items")))));
|
|
78354
|
+
};
|
|
78355
|
+
|
|
78356
|
+
var css_248z$7 = ".categorycardwithtext-module_categorycard__itFPD {\n position: relative;\n display: block;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n transition: 0.3s;\n}\n\n.categorycardwithtext-module_categorycard__itFPD:hover::after {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.categorycardwithtext-module_categorycardtext__-PiLF {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n display: flex;\n justify-content: center;\n width: 100%;\n align-items: center;\n}\n\n.categorycardwithtext-module_cardbtn__p-if9 {\n /* position: relative; */\n text-align: center;\n vertical-align: middle;\n display: inline-block;\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\n.categorycardwithtext-module_categorycard__itFPD:hover .categorycardwithtext-module_cardbtn__p-if9 {\n opacity: 1;\n top: 0;\n}\n";
|
|
78357
|
+
var cardstyles$2 = {"categorycard":"categorycardwithtext-module_categorycard__itFPD","categorycardtext":"categorycardwithtext-module_categorycardtext__-PiLF","cardbtn":"categorycardwithtext-module_cardbtn__p-if9"};
|
|
78358
|
+
styleInject(css_248z$7);
|
|
78359
|
+
|
|
78360
|
+
function ownKeys$q(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; }
|
|
78361
|
+
function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78362
|
+
var Categorycard_withtext = function Categorycard_withtext(props) {
|
|
78363
|
+
var _useState = React.useState(''),
|
|
78364
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
78365
|
+
sectionproperties = _useState2[0],
|
|
78366
|
+
setsectionproperties = _useState2[1];
|
|
78367
|
+
var _useState3 = React.useState(props.cardinfoitemprops),
|
|
78368
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
78369
|
+
item = _useState4[0],
|
|
78370
|
+
setitem = _useState4[1];
|
|
78371
|
+
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
78372
|
+
props.actions.lang;
|
|
78373
|
+
var langdetect = props.actions.langdetect;
|
|
78374
|
+
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
78375
|
+
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
78564
78376
|
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
78565
78377
|
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
78566
78378
|
_useState6[0];
|
|
@@ -78587,157 +78399,6 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
|
78587
78399
|
React.useEffect(function () {
|
|
78588
78400
|
setitem(props.cardinfoitemprops);
|
|
78589
78401
|
}, [props.cardinfoitemprops]);
|
|
78590
|
-
var card_cssstyles = {
|
|
78591
|
-
categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
|
|
78592
|
-
background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
78593
|
-
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
78594
|
-
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
78595
|
-
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
78596
|
-
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
78597
|
-
marginTop: sectionproperties.marginTop + 'px',
|
|
78598
|
-
marginBottom: sectionproperties.marginBottom + 'px',
|
|
78599
|
-
marginLeft: sectionproperties.card_marginLeft + 'px',
|
|
78600
|
-
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
78601
|
-
paddingRight: sectionproperties.paddingRight + 'px',
|
|
78602
|
-
paddingTop: sectionproperties.paddingTop + 'px',
|
|
78603
|
-
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
78604
|
-
height: sectionproperties.height + 'px',
|
|
78605
|
-
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : '',
|
|
78606
|
-
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
78607
|
-
transition: '0.3s',
|
|
78608
|
-
cursor: 'pointer',
|
|
78609
|
-
opacity: sectionproperties.cardbg_opacity,
|
|
78610
|
-
overflow: 'hidden'
|
|
78611
|
-
}, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
|
|
78612
|
-
backgroundColor: sectionproperties.transitionbg_color
|
|
78613
|
-
})),
|
|
78614
|
-
categorycardtext: glamor.css({
|
|
78615
|
-
fontSize: sectionproperties.generaltext_fontSize + 'px',
|
|
78616
|
-
color: sectionproperties.generaltext_fontColor,
|
|
78617
|
-
textTransform: sectionproperties.generaltext_textTransform,
|
|
78618
|
-
fontWeight: sectionproperties.generaltext_fontWeight
|
|
78619
|
-
}),
|
|
78620
|
-
shadow1: glamor.css({
|
|
78621
|
-
background: sectionproperties.firstcolor
|
|
78622
|
-
// primary
|
|
78623
|
-
}),
|
|
78624
|
-
shadow2: glamor.css({
|
|
78625
|
-
background: sectionproperties.secondcolor
|
|
78626
|
-
// primary
|
|
78627
|
-
}),
|
|
78628
|
-
cards_three__rect2: glamor.css({
|
|
78629
|
-
':before': {
|
|
78630
|
-
background: sectionproperties.secondcolor
|
|
78631
|
-
},
|
|
78632
|
-
':after': {
|
|
78633
|
-
background: sectionproperties.firstcolor
|
|
78634
|
-
}
|
|
78635
|
-
}),
|
|
78636
|
-
cards_three__circle: glamor.css({
|
|
78637
|
-
':before': {
|
|
78638
|
-
background: sectionproperties.firstcolor
|
|
78639
|
-
}
|
|
78640
|
-
})
|
|
78641
|
-
};
|
|
78642
|
-
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78643
|
-
"class": "".concat(cardstyles$3.card__collection, " ").concat(card_cssstyles.categoryCard),
|
|
78644
|
-
onClick: function onClick() {
|
|
78645
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78646
|
-
}
|
|
78647
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78648
|
-
"class": "".concat(cardstyles$3.cards, " ").concat(cardstyles$3.cards_three),
|
|
78649
|
-
style: {
|
|
78650
|
-
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
78651
|
-
backgroundPosition: 'center center',
|
|
78652
|
-
backgroundRepeat: 'no-repeat',
|
|
78653
|
-
backgroundSize: 'cover'
|
|
78654
|
-
}
|
|
78655
|
-
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
78656
|
-
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
78657
|
-
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
78658
|
-
path: item.image,
|
|
78659
|
-
style: {
|
|
78660
|
-
width: '100%',
|
|
78661
|
-
height: '100%',
|
|
78662
|
-
objectFit: 'cover'
|
|
78663
|
-
},
|
|
78664
|
-
loading: "lazy"
|
|
78665
|
-
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78666
|
-
"class": "".concat(cardstyles$3.cards_three__rect1)
|
|
78667
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78668
|
-
"class": "".concat(cardstyles$3.shadow1, " ").concat(card_cssstyles.shadow1)
|
|
78669
|
-
}), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78670
|
-
"class": ' row m-0 w-100 '
|
|
78671
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78672
|
-
"class": "col-lg-12 p-0"
|
|
78673
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78674
|
-
"class": "".concat(card_cssstyles.categorycardtext) + ' m-0 p-0 '
|
|
78675
|
-
}, item.name)))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78676
|
-
"class": "".concat(cardstyles$3.cards_three__rect2, " ").concat(card_cssstyles.cards_three__rect2)
|
|
78677
|
-
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78678
|
-
"class": "".concat(cardstyles$3.shadow2, " ").concat(card_cssstyles.shadow2)
|
|
78679
|
-
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78680
|
-
"class": "".concat(cardstyles$3.cards_three__circle, " ").concat(card_cssstyles.cards_three__circle)
|
|
78681
|
-
}), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78682
|
-
"class": "".concat(cardstyles$3.cards_three__list),
|
|
78683
|
-
onClick: function onClick() {
|
|
78684
|
-
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78685
|
-
}
|
|
78686
|
-
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78687
|
-
"class": "".concat(cardstyles$3.btncont, " ") + ' row m-0 w-100'
|
|
78688
|
-
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78689
|
-
style: {
|
|
78690
|
-
zIndex: 1000
|
|
78691
|
-
}
|
|
78692
|
-
}, "More Items")))));
|
|
78693
|
-
};
|
|
78694
|
-
|
|
78695
|
-
var css_248z$7 = ".categorycardwithtext-module_categorycard__itFPD {\n position: relative;\n display: block;\n overflow: hidden;\n cursor: pointer;\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n transition: 0.3s;\n}\n\n.categorycardwithtext-module_categorycard__itFPD:hover::after {\n background-color: rgba(0, 0, 0, 0.1);\n}\n.categorycardwithtext-module_categorycardtext__-PiLF {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n display: flex;\n justify-content: center;\n width: 100%;\n align-items: center;\n}\n\n.categorycardwithtext-module_cardbtn__p-if9 {\n /* position: relative; */\n text-align: center;\n vertical-align: middle;\n display: inline-block;\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\n.categorycardwithtext-module_categorycard__itFPD:hover .categorycardwithtext-module_cardbtn__p-if9 {\n opacity: 1;\n top: 0;\n}\n";
|
|
78696
|
-
var cardstyles$2 = {"categorycard":"categorycardwithtext-module_categorycard__itFPD","categorycardtext":"categorycardwithtext-module_categorycardtext__-PiLF","cardbtn":"categorycardwithtext-module_cardbtn__p-if9"};
|
|
78697
|
-
styleInject(css_248z$7);
|
|
78698
|
-
|
|
78699
|
-
function ownKeys$p(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; }
|
|
78700
|
-
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78701
|
-
var Categorycard_withtext = function Categorycard_withtext(props) {
|
|
78702
|
-
var _useState = React.useState(''),
|
|
78703
|
-
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
78704
|
-
sectionproperties = _useState2[0],
|
|
78705
|
-
setsectionproperties = _useState2[1];
|
|
78706
|
-
var _useState3 = React.useState(props.cardinfoitemprops),
|
|
78707
|
-
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
78708
|
-
item = _useState4[0],
|
|
78709
|
-
setitem = _useState4[1];
|
|
78710
|
-
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
78711
|
-
props.actions.lang;
|
|
78712
|
-
var langdetect = props.actions.langdetect;
|
|
78713
|
-
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
78714
|
-
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
78715
|
-
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
78716
|
-
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
78717
|
-
_useState6[0];
|
|
78718
|
-
_useState6[1];
|
|
78719
|
-
React.useEffect(function () {
|
|
78720
|
-
if (props.srcfrom == 'addsectionform') {
|
|
78721
|
-
var secpropobj = {};
|
|
78722
|
-
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78723
|
-
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78724
|
-
});
|
|
78725
|
-
setsectionproperties(_objectSpread$p({}, secpropobj));
|
|
78726
|
-
} else {
|
|
78727
|
-
var secpropobj = {};
|
|
78728
|
-
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
78729
|
-
if (sectionitem.sectionid == props.sectionidprops) {
|
|
78730
|
-
sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
|
|
78731
|
-
secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
|
|
78732
|
-
});
|
|
78733
|
-
}
|
|
78734
|
-
});
|
|
78735
|
-
setsectionproperties(_objectSpread$p({}, secpropobj));
|
|
78736
|
-
}
|
|
78737
|
-
}, [StatePagePropertiesContext]);
|
|
78738
|
-
React.useEffect(function () {
|
|
78739
|
-
setitem(props.cardinfoitemprops);
|
|
78740
|
-
}, [props.cardinfoitemprops]);
|
|
78741
78402
|
var categorycard_cssstyles = {
|
|
78742
78403
|
categorycard: glamor.css({
|
|
78743
78404
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
@@ -78888,8 +78549,8 @@ var css_248z$6 = ".categorycard-module_img__3WuXu{\n width: 100%;\n height: 10
|
|
|
78888
78549
|
var cardstyles$1 = {"img":"categorycard-module_img__3WuXu","container":"categorycard-module_container__pJHqx","buttons_container":"categorycard-module_buttons_container__tZolu","text":"categorycard-module_text__lXtJq"};
|
|
78889
78550
|
styleInject(css_248z$6);
|
|
78890
78551
|
|
|
78891
|
-
function ownKeys$
|
|
78892
|
-
function _objectSpread$
|
|
78552
|
+
function ownKeys$p(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; }
|
|
78553
|
+
function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
78893
78554
|
var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
78894
78555
|
var _useState = React.useState(''),
|
|
78895
78556
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78922,7 +78583,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
|
78922
78583
|
});
|
|
78923
78584
|
}
|
|
78924
78585
|
});
|
|
78925
|
-
setsectionproperties(_objectSpread$
|
|
78586
|
+
setsectionproperties(_objectSpread$p({}, secpropobj));
|
|
78926
78587
|
}, [StatePagePropertiesContext]);
|
|
78927
78588
|
React.useEffect(function () {
|
|
78928
78589
|
setitem(props.cardinfoitemprops);
|
|
@@ -79121,8 +78782,8 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
|
79121
78782
|
}, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
|
|
79122
78783
|
};
|
|
79123
78784
|
|
|
79124
|
-
function ownKeys$
|
|
79125
|
-
function _objectSpread$
|
|
78785
|
+
function ownKeys$o(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; }
|
|
78786
|
+
function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
79126
78787
|
var Classiccategorycard = function Classiccategorycard(props) {
|
|
79127
78788
|
var _useState = React.useState(''),
|
|
79128
78789
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -79148,7 +78809,7 @@ var Classiccategorycard = function Classiccategorycard(props) {
|
|
|
79148
78809
|
});
|
|
79149
78810
|
}
|
|
79150
78811
|
});
|
|
79151
|
-
setsectionproperties(_objectSpread$
|
|
78812
|
+
setsectionproperties(_objectSpread$o({}, secpropobj));
|
|
79152
78813
|
}, [StatePagePropertiesContext]);
|
|
79153
78814
|
React.useEffect(function () {
|
|
79154
78815
|
setitem(props.cardinfoitemprops);
|
|
@@ -79258,8 +78919,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
|
|
|
79258
78919
|
}, item.name))));
|
|
79259
78920
|
};
|
|
79260
78921
|
|
|
79261
|
-
function ownKeys$
|
|
79262
|
-
function _objectSpread$
|
|
78922
|
+
function ownKeys$n(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; }
|
|
78923
|
+
function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
79263
78924
|
var Horizontalcard = function Horizontalcard(props) {
|
|
79264
78925
|
var _useState = React.useState(''),
|
|
79265
78926
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -79297,7 +78958,7 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79297
78958
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
79298
78959
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
79299
78960
|
});
|
|
79300
|
-
setsectionproperties(_objectSpread$
|
|
78961
|
+
setsectionproperties(_objectSpread$n({}, secpropobj));
|
|
79301
78962
|
} else {
|
|
79302
78963
|
var secpropobj = {};
|
|
79303
78964
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -79307,7 +78968,7 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79307
78968
|
});
|
|
79308
78969
|
}
|
|
79309
78970
|
});
|
|
79310
|
-
setsectionproperties(_objectSpread$
|
|
78971
|
+
setsectionproperties(_objectSpread$n({}, secpropobj));
|
|
79311
78972
|
}
|
|
79312
78973
|
}, [StatePagePropertiesContext]);
|
|
79313
78974
|
React.useEffect(function () {
|
|
@@ -79710,9 +79371,9 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79710
79371
|
if (showquantity == false) {
|
|
79711
79372
|
setshowquantity(true);
|
|
79712
79373
|
if (item.hasvariants == 0) {
|
|
79713
|
-
var tempitem = _objectSpread$
|
|
79374
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79714
79375
|
tempitem.quantity = 1;
|
|
79715
|
-
setitem(_objectSpread$
|
|
79376
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79716
79377
|
addtocartfunc('add', tempitem.quantity);
|
|
79717
79378
|
}
|
|
79718
79379
|
} else {
|
|
@@ -79732,13 +79393,13 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79732
79393
|
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
|
|
79733
79394
|
onClick: function onClick() {
|
|
79734
79395
|
if (item.hasvariants == 0) {
|
|
79735
|
-
var tempitem = _objectSpread$
|
|
79396
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79736
79397
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
79737
79398
|
tempitem.quantity = tempitem.quantity - 1;
|
|
79738
79399
|
if (tempitem.quantity <= 0) {
|
|
79739
79400
|
tempitem.quantity = 0;
|
|
79740
79401
|
}
|
|
79741
|
-
setitem(_objectSpread$
|
|
79402
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79742
79403
|
addtocartfunc('add', tempitem.quantity);
|
|
79743
79404
|
} else {
|
|
79744
79405
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
@@ -79753,13 +79414,13 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79753
79414
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
|
|
79754
79415
|
onClick: function onClick() {
|
|
79755
79416
|
if (item.hasvariants == 0) {
|
|
79756
|
-
var tempitem = _objectSpread$
|
|
79417
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79757
79418
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
79758
79419
|
tempitem.quantity = tempitem.quantity + 1;
|
|
79759
79420
|
if (tempitem.quantity <= 0) {
|
|
79760
79421
|
tempitem.quantity = 0;
|
|
79761
79422
|
}
|
|
79762
|
-
setitem(_objectSpread$
|
|
79423
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79763
79424
|
addtocartfunc('add', tempitem.quantity);
|
|
79764
79425
|
} else {
|
|
79765
79426
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
@@ -79771,8 +79432,8 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79771
79432
|
}, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))))))));
|
|
79772
79433
|
};
|
|
79773
79434
|
|
|
79774
|
-
function ownKeys$
|
|
79775
|
-
function _objectSpread$
|
|
79435
|
+
function ownKeys$m(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; }
|
|
79436
|
+
function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
79776
79437
|
var MenuCard = function MenuCard(props) {
|
|
79777
79438
|
var _css2;
|
|
79778
79439
|
var _useState = React.useState(''),
|
|
@@ -79802,7 +79463,7 @@ var MenuCard = function MenuCard(props) {
|
|
|
79802
79463
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
79803
79464
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
79804
79465
|
});
|
|
79805
|
-
setsectionproperties(_objectSpread$
|
|
79466
|
+
setsectionproperties(_objectSpread$m({}, secpropobj));
|
|
79806
79467
|
} else {
|
|
79807
79468
|
var secpropobj = {};
|
|
79808
79469
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -79812,7 +79473,7 @@ var MenuCard = function MenuCard(props) {
|
|
|
79812
79473
|
});
|
|
79813
79474
|
}
|
|
79814
79475
|
});
|
|
79815
|
-
setsectionproperties(_objectSpread$
|
|
79476
|
+
setsectionproperties(_objectSpread$m({}, secpropobj));
|
|
79816
79477
|
}
|
|
79817
79478
|
}, [StatePagePropertiesContext]);
|
|
79818
79479
|
React.useEffect(function () {
|
|
@@ -80181,13 +79842,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80181
79842
|
},
|
|
80182
79843
|
onClick: function onClick() {
|
|
80183
79844
|
if (item.hasvariants == 0) {
|
|
80184
|
-
var tempitem = _objectSpread$
|
|
79845
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80185
79846
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80186
79847
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80187
79848
|
if (tempitem.quantity <= 0) {
|
|
80188
79849
|
tempitem.quantity = 0;
|
|
80189
79850
|
}
|
|
80190
|
-
setitem(_objectSpread$
|
|
79851
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80191
79852
|
addtocartfunc('add', tempitem.quantity);
|
|
80192
79853
|
} else {
|
|
80193
79854
|
setShowProductInfoModalContext(true);
|
|
@@ -80201,13 +79862,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80201
79862
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
|
|
80202
79863
|
onClick: function onClick() {
|
|
80203
79864
|
if (item.hasvariants == 0) {
|
|
80204
|
-
var tempitem = _objectSpread$
|
|
79865
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80205
79866
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80206
79867
|
tempitem.quantity = tempitem.quantity + 1;
|
|
80207
79868
|
if (tempitem.quantity <= 0) {
|
|
80208
79869
|
tempitem.quantity = 0;
|
|
80209
79870
|
}
|
|
80210
|
-
setitem(_objectSpread$
|
|
79871
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80211
79872
|
addtocartfunc('add', tempitem.quantity);
|
|
80212
79873
|
} else {
|
|
80213
79874
|
setShowProductInfoModalContext(true);
|
|
@@ -80232,13 +79893,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80232
79893
|
},
|
|
80233
79894
|
onClick: function onClick() {
|
|
80234
79895
|
if (item.hasvariants == 0) {
|
|
80235
|
-
var tempitem = _objectSpread$
|
|
79896
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80236
79897
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80237
79898
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80238
79899
|
if (tempitem.quantity <= 0) {
|
|
80239
79900
|
tempitem.quantity = 0;
|
|
80240
79901
|
}
|
|
80241
|
-
setitem(_objectSpread$
|
|
79902
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80242
79903
|
addtocartfunc('add', tempitem.quantity);
|
|
80243
79904
|
} else {
|
|
80244
79905
|
setShowProductInfoModalContext(true);
|
|
@@ -80252,13 +79913,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80252
79913
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
|
|
80253
79914
|
onClick: function onClick() {
|
|
80254
79915
|
if (item.hasvariants == 0) {
|
|
80255
|
-
var tempitem = _objectSpread$
|
|
79916
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80256
79917
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80257
79918
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80258
79919
|
if (tempitem.quantity <= 0) {
|
|
80259
79920
|
tempitem.quantity = 0;
|
|
80260
79921
|
}
|
|
80261
|
-
setitem(_objectSpread$
|
|
79922
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80262
79923
|
addtocartfunc('add', tempitem.quantity);
|
|
80263
79924
|
} else {
|
|
80264
79925
|
setShowProductInfoModalContext(true);
|
|
@@ -80327,8 +79988,8 @@ var MenuCard = function MenuCard(props) {
|
|
|
80327
79988
|
})))))))))));
|
|
80328
79989
|
};
|
|
80329
79990
|
|
|
80330
|
-
function ownKeys$
|
|
80331
|
-
function _objectSpread$
|
|
79991
|
+
function ownKeys$l(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; }
|
|
79992
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
80332
79993
|
var ServiceCard = function ServiceCard(props) {
|
|
80333
79994
|
var _css, _authdetailsContext$i, _authdetailsContext$i2;
|
|
80334
79995
|
var _useState = React.useState(''),
|
|
@@ -80359,7 +80020,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
80359
80020
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
80360
80021
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
80361
80022
|
});
|
|
80362
|
-
setsectionproperties(_objectSpread$
|
|
80023
|
+
setsectionproperties(_objectSpread$l({}, secpropobj));
|
|
80363
80024
|
} else {
|
|
80364
80025
|
var secpropobj = {};
|
|
80365
80026
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -80369,7 +80030,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
80369
80030
|
});
|
|
80370
80031
|
}
|
|
80371
80032
|
});
|
|
80372
|
-
setsectionproperties(_objectSpread$
|
|
80033
|
+
setsectionproperties(_objectSpread$l({}, secpropobj));
|
|
80373
80034
|
}
|
|
80374
80035
|
}, [StatePagePropertiesContext]);
|
|
80375
80036
|
React.useEffect(function () {
|
|
@@ -80775,8 +80436,8 @@ var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tp
|
|
|
80775
80436
|
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"};
|
|
80776
80437
|
styleInject(css_248z$5);
|
|
80777
80438
|
|
|
80778
|
-
function ownKeys$
|
|
80779
|
-
function _objectSpread$
|
|
80439
|
+
function ownKeys$k(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; }
|
|
80440
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
80780
80441
|
var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props) {
|
|
80781
80442
|
var _useState = React.useState(''),
|
|
80782
80443
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -80816,7 +80477,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
80816
80477
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
80817
80478
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
80818
80479
|
});
|
|
80819
|
-
setsectionproperties(_objectSpread$
|
|
80480
|
+
setsectionproperties(_objectSpread$k({}, secpropobj));
|
|
80820
80481
|
} else {
|
|
80821
80482
|
var secpropobj = {};
|
|
80822
80483
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -80826,7 +80487,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
80826
80487
|
});
|
|
80827
80488
|
}
|
|
80828
80489
|
});
|
|
80829
|
-
setsectionproperties(_objectSpread$
|
|
80490
|
+
setsectionproperties(_objectSpread$k({}, secpropobj));
|
|
80830
80491
|
}
|
|
80831
80492
|
}, [StatePagePropertiesContext]);
|
|
80832
80493
|
React.useEffect(function () {
|
|
@@ -81167,13 +80828,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81167
80828
|
"class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
|
|
81168
80829
|
onClick: function onClick() {
|
|
81169
80830
|
if (item.hasvariants == 0) {
|
|
81170
|
-
var tempitem = _objectSpread$
|
|
80831
|
+
var tempitem = _objectSpread$k({}, item);
|
|
81171
80832
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81172
80833
|
tempitem.quantity = tempitem.quantity - 1;
|
|
81173
80834
|
if (tempitem.quantity <= 0) {
|
|
81174
80835
|
tempitem.quantity = 0;
|
|
81175
80836
|
}
|
|
81176
|
-
setitem(_objectSpread$
|
|
80837
|
+
setitem(_objectSpread$k({}, tempitem));
|
|
81177
80838
|
addtocartfunc('add', tempitem.quantity);
|
|
81178
80839
|
} else {
|
|
81179
80840
|
setShowProductInfoModalContext(true);
|
|
@@ -81189,13 +80850,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81189
80850
|
"class": "".concat(cardsstyles2.add_quantitybtn_icon_container),
|
|
81190
80851
|
onClick: function onClick() {
|
|
81191
80852
|
if (item.hasvariants == 0) {
|
|
81192
|
-
var tempitem = _objectSpread$
|
|
80853
|
+
var tempitem = _objectSpread$k({}, item);
|
|
81193
80854
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81194
80855
|
tempitem.quantity = tempitem.quantity + 1;
|
|
81195
80856
|
if (tempitem.quantity <= 0) {
|
|
81196
80857
|
tempitem.quantity = 0;
|
|
81197
80858
|
}
|
|
81198
|
-
setitem(_objectSpread$
|
|
80859
|
+
setitem(_objectSpread$k({}, tempitem));
|
|
81199
80860
|
addtocartfunc('add', tempitem.quantity);
|
|
81200
80861
|
} else {
|
|
81201
80862
|
setShowProductInfoModalContext(true);
|
|
@@ -81215,8 +80876,8 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81215
80876
|
}, lang.addtocart)))));
|
|
81216
80877
|
};
|
|
81217
80878
|
|
|
81218
|
-
function ownKeys$
|
|
81219
|
-
function _objectSpread$
|
|
80879
|
+
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; }
|
|
80880
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
81220
80881
|
var ModernProductCard = function ModernProductCard(props) {
|
|
81221
80882
|
var _useState = React.useState(''),
|
|
81222
80883
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -81240,7 +80901,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81240
80901
|
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
81241
80902
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
81242
80903
|
var updatequantity = function updatequantity(type) {
|
|
81243
|
-
var tempitem = _objectSpread$
|
|
80904
|
+
var tempitem = _objectSpread$j({}, item);
|
|
81244
80905
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81245
80906
|
if (type == 'add') {
|
|
81246
80907
|
tempitem.quantity = tempitem.quantity + 1;
|
|
@@ -81250,7 +80911,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81250
80911
|
if (tempitem.quantity <= 0) {
|
|
81251
80912
|
tempitem.quantity = 0;
|
|
81252
80913
|
}
|
|
81253
|
-
setitem(_objectSpread$
|
|
80914
|
+
setitem(_objectSpread$j({}, tempitem));
|
|
81254
80915
|
};
|
|
81255
80916
|
React.useEffect(function () {
|
|
81256
80917
|
if (props.srcfrom == 'addsectionform') {
|
|
@@ -81258,7 +80919,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81258
80919
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
81259
80920
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
81260
80921
|
});
|
|
81261
|
-
setsectionproperties(_objectSpread$
|
|
80922
|
+
setsectionproperties(_objectSpread$j({}, secpropobj));
|
|
81262
80923
|
} else {
|
|
81263
80924
|
var secpropobj = {};
|
|
81264
80925
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -81268,7 +80929,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81268
80929
|
});
|
|
81269
80930
|
}
|
|
81270
80931
|
});
|
|
81271
|
-
setsectionproperties(_objectSpread$
|
|
80932
|
+
setsectionproperties(_objectSpread$j({}, secpropobj));
|
|
81272
80933
|
}
|
|
81273
80934
|
}, [StatePagePropertiesContext]);
|
|
81274
80935
|
React.useEffect(function () {
|
|
@@ -81741,8 +81402,8 @@ var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xAp
|
|
|
81741
81402
|
var cardstyles = {"buttonContainerCenter":"productcard_animatedbuttons-module_buttonContainerCenter__xApc7","productcard":"productcard_animatedbuttons-module_productcard__LQiP0","image_container":"productcard_animatedbuttons-module_image_container__6Rgm4","buttonContainerBottom":"productcard_animatedbuttons-module_buttonContainerBottom__ienAr","buttonContainerBottom_show":"productcard_animatedbuttons-module_buttonContainerBottom_show__C-v73","cardcont":"productcard_animatedbuttons-module_cardcont__bK-HM"};
|
|
81742
81403
|
styleInject(css_248z$4);
|
|
81743
81404
|
|
|
81744
|
-
function ownKeys$
|
|
81745
|
-
function _objectSpread$
|
|
81405
|
+
function ownKeys$i(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; }
|
|
81406
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
81746
81407
|
var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
81747
81408
|
var _useState = React.useState(''),
|
|
81748
81409
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -81770,7 +81431,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
81770
81431
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
81771
81432
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
81772
81433
|
});
|
|
81773
|
-
setsectionproperties(_objectSpread$
|
|
81434
|
+
setsectionproperties(_objectSpread$i({}, secpropobj));
|
|
81774
81435
|
} else {
|
|
81775
81436
|
var secpropobj = {};
|
|
81776
81437
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -81780,7 +81441,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
81780
81441
|
});
|
|
81781
81442
|
}
|
|
81782
81443
|
});
|
|
81783
|
-
setsectionproperties(_objectSpread$
|
|
81444
|
+
setsectionproperties(_objectSpread$i({}, secpropobj));
|
|
81784
81445
|
}
|
|
81785
81446
|
}, [StatePagePropertiesContext]);
|
|
81786
81447
|
React.useEffect(function () {
|
|
@@ -82045,8 +81706,8 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
82045
81706
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
|
|
82046
81707
|
};
|
|
82047
81708
|
|
|
82048
|
-
function ownKeys$
|
|
82049
|
-
function _objectSpread$
|
|
81709
|
+
function ownKeys$h(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; }
|
|
81710
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
82050
81711
|
var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
82051
81712
|
var _useState = React.useState(''),
|
|
82052
81713
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82078,7 +81739,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82078
81739
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
82079
81740
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
82080
81741
|
});
|
|
82081
|
-
setsectionproperties(_objectSpread$
|
|
81742
|
+
setsectionproperties(_objectSpread$h({}, secpropobj));
|
|
82082
81743
|
} else {
|
|
82083
81744
|
var secpropobj = {};
|
|
82084
81745
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -82088,7 +81749,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82088
81749
|
});
|
|
82089
81750
|
}
|
|
82090
81751
|
});
|
|
82091
|
-
setsectionproperties(_objectSpread$
|
|
81752
|
+
setsectionproperties(_objectSpread$h({}, secpropobj));
|
|
82092
81753
|
}
|
|
82093
81754
|
}, [StatePagePropertiesContext]);
|
|
82094
81755
|
React.useEffect(function () {
|
|
@@ -82303,8 +81964,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82303
81964
|
}, lang.addtocart)))));
|
|
82304
81965
|
};
|
|
82305
81966
|
|
|
82306
|
-
function ownKeys$
|
|
82307
|
-
function _objectSpread$
|
|
81967
|
+
function ownKeys$g(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; }
|
|
81968
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
82308
81969
|
var Productcard_with_circularhover = function Productcard_with_circularhover(props) {
|
|
82309
81970
|
var _useState = React.useState(''),
|
|
82310
81971
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82332,7 +81993,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82332
81993
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
82333
81994
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
82334
81995
|
});
|
|
82335
|
-
setsectionproperties(_objectSpread$
|
|
81996
|
+
setsectionproperties(_objectSpread$g({}, secpropobj));
|
|
82336
81997
|
} else {
|
|
82337
81998
|
var secpropobj = {};
|
|
82338
81999
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -82342,7 +82003,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82342
82003
|
});
|
|
82343
82004
|
}
|
|
82344
82005
|
});
|
|
82345
|
-
setsectionproperties(_objectSpread$
|
|
82006
|
+
setsectionproperties(_objectSpread$g({}, secpropobj));
|
|
82346
82007
|
}
|
|
82347
82008
|
}, [StatePagePropertiesContext]);
|
|
82348
82009
|
React.useEffect(function () {
|
|
@@ -82577,8 +82238,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82577
82238
|
})), item.IsFavExists ? lang.remove : lang.addtofavorites))))));
|
|
82578
82239
|
};
|
|
82579
82240
|
|
|
82580
|
-
function ownKeys$
|
|
82581
|
-
function _objectSpread$
|
|
82241
|
+
function ownKeys$f(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; }
|
|
82242
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
82582
82243
|
var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
|
|
82583
82244
|
var _useState = React.useState(''),
|
|
82584
82245
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82606,7 +82267,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
|
|
|
82606
82267
|
});
|
|
82607
82268
|
}
|
|
82608
82269
|
});
|
|
82609
|
-
setsectionproperties(_objectSpread$
|
|
82270
|
+
setsectionproperties(_objectSpread$f({}, secpropobj));
|
|
82610
82271
|
}, [StatePagePropertiesContext]);
|
|
82611
82272
|
React.useEffect(function () {
|
|
82612
82273
|
setitem(props.cardinfoitemprops);
|
|
@@ -82868,8 +82529,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
|
|
|
82868
82529
|
})))))))));
|
|
82869
82530
|
};
|
|
82870
82531
|
|
|
82871
|
-
function ownKeys$
|
|
82872
|
-
function _objectSpread$
|
|
82532
|
+
function ownKeys$e(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; }
|
|
82533
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
82873
82534
|
var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
82874
82535
|
var _useState = React.useState(''),
|
|
82875
82536
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82905,7 +82566,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
|
82905
82566
|
});
|
|
82906
82567
|
}
|
|
82907
82568
|
});
|
|
82908
|
-
setsectionproperties(_objectSpread$
|
|
82569
|
+
setsectionproperties(_objectSpread$e({}, secpropobj));
|
|
82909
82570
|
}, [StatePagePropertiesContext]);
|
|
82910
82571
|
React.useEffect(function () {
|
|
82911
82572
|
var _props$cardinfoitempr;
|
|
@@ -83294,8 +82955,8 @@ var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relat
|
|
|
83294
82955
|
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
83295
82956
|
styleInject(css_248z$3);
|
|
83296
82957
|
|
|
83297
|
-
function ownKeys$
|
|
83298
|
-
function _objectSpread$
|
|
82958
|
+
function ownKeys$d(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; }
|
|
82959
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
83299
82960
|
var Productcard6 = function Productcard6(props) {
|
|
83300
82961
|
var _useState = React.useState(''),
|
|
83301
82962
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83323,7 +82984,7 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83323
82984
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83324
82985
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83325
82986
|
});
|
|
83326
|
-
setsectionproperties(_objectSpread$
|
|
82987
|
+
setsectionproperties(_objectSpread$d({}, secpropobj));
|
|
83327
82988
|
} else {
|
|
83328
82989
|
var secpropobj = {};
|
|
83329
82990
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83333,7 +82994,7 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83333
82994
|
});
|
|
83334
82995
|
}
|
|
83335
82996
|
});
|
|
83336
|
-
setsectionproperties(_objectSpread$
|
|
82997
|
+
setsectionproperties(_objectSpread$d({}, secpropobj));
|
|
83337
82998
|
}
|
|
83338
82999
|
}, [StatePagePropertiesContext]);
|
|
83339
83000
|
React.useEffect(function () {
|
|
@@ -83517,8 +83178,8 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83517
83178
|
}))))))));
|
|
83518
83179
|
};
|
|
83519
83180
|
|
|
83520
|
-
function ownKeys$
|
|
83521
|
-
function _objectSpread$
|
|
83181
|
+
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; }
|
|
83182
|
+
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; }
|
|
83522
83183
|
var Productcard7 = function Productcard7(props) {
|
|
83523
83184
|
var _useState = React.useState(''),
|
|
83524
83185
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83546,7 +83207,7 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83546
83207
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83547
83208
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83548
83209
|
});
|
|
83549
|
-
setsectionproperties(_objectSpread$
|
|
83210
|
+
setsectionproperties(_objectSpread$c({}, secpropobj));
|
|
83550
83211
|
} else {
|
|
83551
83212
|
var secpropobj = {};
|
|
83552
83213
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83556,7 +83217,7 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83556
83217
|
});
|
|
83557
83218
|
}
|
|
83558
83219
|
});
|
|
83559
|
-
setsectionproperties(_objectSpread$
|
|
83220
|
+
setsectionproperties(_objectSpread$c({}, secpropobj));
|
|
83560
83221
|
}
|
|
83561
83222
|
}, [StatePagePropertiesContext]);
|
|
83562
83223
|
React.useEffect(function () {
|
|
@@ -83766,8 +83427,8 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83766
83427
|
})), langdetect == 'en' ? 'add to cart' : 'اضف الى العرية')));
|
|
83767
83428
|
};
|
|
83768
83429
|
|
|
83769
|
-
function ownKeys$
|
|
83770
|
-
function _objectSpread$
|
|
83430
|
+
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; }
|
|
83431
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
83771
83432
|
var Productcarddefault = function Productcarddefault(props) {
|
|
83772
83433
|
var _useState = React.useState(''),
|
|
83773
83434
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83795,7 +83456,7 @@ var Productcarddefault = function Productcarddefault(props) {
|
|
|
83795
83456
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83796
83457
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83797
83458
|
});
|
|
83798
|
-
setsectionproperties(_objectSpread$
|
|
83459
|
+
setsectionproperties(_objectSpread$b({}, secpropobj));
|
|
83799
83460
|
} else {
|
|
83800
83461
|
var secpropobj = {};
|
|
83801
83462
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83805,7 +83466,7 @@ var Productcarddefault = function Productcarddefault(props) {
|
|
|
83805
83466
|
});
|
|
83806
83467
|
}
|
|
83807
83468
|
});
|
|
83808
|
-
setsectionproperties(_objectSpread$
|
|
83469
|
+
setsectionproperties(_objectSpread$b({}, secpropobj));
|
|
83809
83470
|
}
|
|
83810
83471
|
}, [StatePagePropertiesContext]);
|
|
83811
83472
|
React.useEffect(function () {
|
|
@@ -84015,8 +83676,8 @@ var css_248z$2 = ".productccard_with_imageontopleft-module_productcard__U5ZuO {\
|
|
|
84015
83676
|
var cardsstyles$1 = {"productcard":"productccard_with_imageontopleft-module_productcard__U5ZuO","img_container":"productccard_with_imageontopleft-module_img_container__Ifhcy","pill":"productccard_with_imageontopleft-module_pill__SWuR5","addbtn":"productccard_with_imageontopleft-module_addbtn__S2ER2","play-on-hover":"productccard_with_imageontopleft-module_play-on-hover__Wf1UL"};
|
|
84016
83677
|
styleInject(css_248z$2);
|
|
84017
83678
|
|
|
84018
|
-
function ownKeys$
|
|
84019
|
-
function _objectSpread$
|
|
83679
|
+
function ownKeys$a(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; }
|
|
83680
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
84020
83681
|
var Productccard_with_imageontopleft = function Productccard_with_imageontopleft(props) {
|
|
84021
83682
|
var _useState = React.useState(''),
|
|
84022
83683
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84044,7 +83705,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
|
|
|
84044
83705
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
84045
83706
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
84046
83707
|
});
|
|
84047
|
-
setsectionproperties(_objectSpread$
|
|
83708
|
+
setsectionproperties(_objectSpread$a({}, secpropobj));
|
|
84048
83709
|
} else {
|
|
84049
83710
|
var secpropobj = {};
|
|
84050
83711
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -84054,7 +83715,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
|
|
|
84054
83715
|
});
|
|
84055
83716
|
}
|
|
84056
83717
|
});
|
|
84057
|
-
setsectionproperties(_objectSpread$
|
|
83718
|
+
setsectionproperties(_objectSpread$a({}, secpropobj));
|
|
84058
83719
|
}
|
|
84059
83720
|
}, [StatePagePropertiesContext]);
|
|
84060
83721
|
React.useEffect(function () {
|
|
@@ -84280,8 +83941,8 @@ var css_248z$1 = ".Prouductcard_with_zoomhover-module_productcard__Q-cI6{\n w
|
|
|
84280
83941
|
var cardsstyles = {"productcard":"Prouductcard_with_zoomhover-module_productcard__Q-cI6"};
|
|
84281
83942
|
styleInject(css_248z$1);
|
|
84282
83943
|
|
|
84283
|
-
function ownKeys$
|
|
84284
|
-
function _objectSpread$
|
|
83944
|
+
function ownKeys$9(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; }
|
|
83945
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
84285
83946
|
var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
84286
83947
|
var _useState = React.useState(''),
|
|
84287
83948
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84313,7 +83974,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84313
83974
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
84314
83975
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
84315
83976
|
});
|
|
84316
|
-
setsectionproperties(_objectSpread$
|
|
83977
|
+
setsectionproperties(_objectSpread$9({}, secpropobj));
|
|
84317
83978
|
} else {
|
|
84318
83979
|
var secpropobj = {};
|
|
84319
83980
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -84323,7 +83984,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84323
83984
|
});
|
|
84324
83985
|
}
|
|
84325
83986
|
});
|
|
84326
|
-
setsectionproperties(_objectSpread$
|
|
83987
|
+
setsectionproperties(_objectSpread$9({}, secpropobj));
|
|
84327
83988
|
}
|
|
84328
83989
|
}, [StatePagePropertiesContext]);
|
|
84329
83990
|
React.useEffect(function () {
|
|
@@ -84417,8 +84078,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84417
84078
|
}, "Showmore"))));
|
|
84418
84079
|
};
|
|
84419
84080
|
|
|
84420
|
-
function ownKeys$
|
|
84421
|
-
function _objectSpread$
|
|
84081
|
+
function ownKeys$8(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; }
|
|
84082
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
84422
84083
|
var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(props) {
|
|
84423
84084
|
var _useState = React.useState(''),
|
|
84424
84085
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84445,7 +84106,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
84445
84106
|
});
|
|
84446
84107
|
}
|
|
84447
84108
|
});
|
|
84448
|
-
setsectionproperties(_objectSpread$
|
|
84109
|
+
setsectionproperties(_objectSpread$8({}, secpropobj));
|
|
84449
84110
|
}, [StatePagePropertiesContext]);
|
|
84450
84111
|
React.useEffect(function () {
|
|
84451
84112
|
setitem(props.cardinfoitemprops);
|
|
@@ -84600,6 +84261,362 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
84600
84261
|
}, plainString(item.description))))));
|
|
84601
84262
|
};
|
|
84602
84263
|
|
|
84264
|
+
function ownKeys$7(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; }
|
|
84265
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
84266
|
+
function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
|
|
84267
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
84268
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
84269
|
+
var Variants_J_Cards = function Variants_J_Cards(props) {
|
|
84270
|
+
var _useState = React.useState(props.actions.item),
|
|
84271
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2);
|
|
84272
|
+
_useState2[0];
|
|
84273
|
+
var setitem = _useState2[1];
|
|
84274
|
+
var _useState3 = React.useState({}),
|
|
84275
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
84276
|
+
variants_iteminfo = _useState4[0],
|
|
84277
|
+
setvariants_iteminfo = _useState4[1];
|
|
84278
|
+
var _useState5 = React.useState([]),
|
|
84279
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
84280
|
+
options_w_values = _useState6[0],
|
|
84281
|
+
setoptions_w_values = _useState6[1];
|
|
84282
|
+
var _useState7 = React.useState([]),
|
|
84283
|
+
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
84284
|
+
choosen_values = _useState8[0],
|
|
84285
|
+
setchoosen_values = _useState8[1];
|
|
84286
|
+
var _useState9 = React.useState({}),
|
|
84287
|
+
_useState10 = _slicedToArray__default["default"](_useState9, 2),
|
|
84288
|
+
VariantCompletedObj = _useState10[0],
|
|
84289
|
+
setVariantCompletedObj = _useState10[1];
|
|
84290
|
+
var sectionproperties = props.actions.sectionproperties;
|
|
84291
|
+
props.actions.lang;
|
|
84292
|
+
props.actions.langdetect;
|
|
84293
|
+
var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
|
|
84294
|
+
var _useState11 = React.useState(props.cardinfoindexprops),
|
|
84295
|
+
_useState12 = _slicedToArray__default["default"](_useState11, 2);
|
|
84296
|
+
_useState12[0];
|
|
84297
|
+
_useState12[1];
|
|
84298
|
+
var _useState13 = React.useState({}),
|
|
84299
|
+
_useState14 = _slicedToArray__default["default"](_useState13, 2),
|
|
84300
|
+
VariantColorImageComObj = _useState14[0],
|
|
84301
|
+
setVariantColorImageComObj = _useState14[1];
|
|
84302
|
+
var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
|
|
84303
|
+
React.useEffect(function () {
|
|
84304
|
+
foundMatchedVariantFunc(VariantCompletedObj);
|
|
84305
|
+
}, [VariantCompletedObj]);
|
|
84306
|
+
React.useEffect(function () {
|
|
84307
|
+
var completedVariantObj = null;
|
|
84308
|
+
var variantimagematching = null;
|
|
84309
|
+
if (choosen_values.length > 0) {
|
|
84310
|
+
var _iterator = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84311
|
+
_step;
|
|
84312
|
+
try {
|
|
84313
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
84314
|
+
var _variantitem$variantv2;
|
|
84315
|
+
var variantitem = _step.value;
|
|
84316
|
+
var matchedValues = variantitem === null || variantitem === void 0 || (_variantitem$variantv2 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv2 === void 0 ? void 0 : _variantitem$variantv2.filter(function (variantValue) {
|
|
84317
|
+
return choosen_values.some(function (choosenValue) {
|
|
84318
|
+
return choosenValue.valueid === variantValue.valueid;
|
|
84319
|
+
});
|
|
84320
|
+
});
|
|
84321
|
+
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
84322
|
+
completedVariantObj = variantitem;
|
|
84323
|
+
break;
|
|
84324
|
+
}
|
|
84325
|
+
}
|
|
84326
|
+
} catch (err) {
|
|
84327
|
+
_iterator.e(err);
|
|
84328
|
+
} finally {
|
|
84329
|
+
_iterator.f();
|
|
84330
|
+
}
|
|
84331
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
84332
|
+
var _item$option_info, _item$option_info2;
|
|
84333
|
+
if ((item === null || item === void 0 || (_item$option_info = item.option_info) === null || _item$option_info === void 0 ? void 0 : _item$option_info.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info2 = item.option_info) === null || _item$option_info2 === void 0 ? void 0 : _item$option_info2.optionname) == 'Color') {
|
|
84334
|
+
var _iterator2 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84335
|
+
_step2;
|
|
84336
|
+
try {
|
|
84337
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
84338
|
+
var _variantitem$variantv;
|
|
84339
|
+
var variantitem = _step2.value;
|
|
84340
|
+
var matchingValue = variantitem === null || variantitem === void 0 || (_variantitem$variantv = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv === void 0 ? void 0 : _variantitem$variantv.find(function (value) {
|
|
84341
|
+
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
84342
|
+
});
|
|
84343
|
+
if (matchingValue) {
|
|
84344
|
+
variantimagematching = variantitem;
|
|
84345
|
+
}
|
|
84346
|
+
}
|
|
84347
|
+
} catch (err) {
|
|
84348
|
+
_iterator2.e(err);
|
|
84349
|
+
} finally {
|
|
84350
|
+
_iterator2.f();
|
|
84351
|
+
}
|
|
84352
|
+
}
|
|
84353
|
+
});
|
|
84354
|
+
}
|
|
84355
|
+
setVariantColorImageComObj(variantimagematching || {});
|
|
84356
|
+
setVariantCompletedObj(completedVariantObj || {});
|
|
84357
|
+
}, [choosen_values]);
|
|
84358
|
+
React.useEffect(function () {
|
|
84359
|
+
var _props$actions;
|
|
84360
|
+
var iteminfo = props.actions.item;
|
|
84361
|
+
var variants_iteminfo = props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.item) === null || _props$actions === void 0 ? void 0 : _props$actions.variants_w_options;
|
|
84362
|
+
var options_w_values = [];
|
|
84363
|
+
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (item, index) {
|
|
84364
|
+
var _item$variantvalues_w;
|
|
84365
|
+
item === null || item === void 0 || (_item$variantvalues_w = item.variantvalues_w_valueinfo) === null || _item$variantvalues_w === void 0 || _item$variantvalues_w.forEach(function (valitem) {
|
|
84366
|
+
var isoptionexists = false;
|
|
84367
|
+
var is_valitemexists = false;
|
|
84368
|
+
var valitemtobeinsreted = _objectSpread$7({}, valitem);
|
|
84369
|
+
valitemtobeinsreted.disabled = false;
|
|
84370
|
+
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
84371
|
+
var _exopitem$values;
|
|
84372
|
+
exopitem === null || exopitem === void 0 || (_exopitem$values = exopitem.values) === null || _exopitem$values === void 0 || _exopitem$values.forEach(function (valexistitem) {
|
|
84373
|
+
if (valexistitem.valueid == valitemtobeinsreted.valueid) {
|
|
84374
|
+
is_valitemexists = true;
|
|
84375
|
+
}
|
|
84376
|
+
});
|
|
84377
|
+
});
|
|
84378
|
+
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
84379
|
+
var _exopitem$option_info, _valitemtobeinsreted$;
|
|
84380
|
+
if ((exopitem === null || exopitem === void 0 || (_exopitem$option_info = exopitem.option_info) === null || _exopitem$option_info === void 0 ? void 0 : _exopitem$option_info.optionid) == (valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$ = valitemtobeinsreted.option_info) === null || _valitemtobeinsreted$ === void 0 ? void 0 : _valitemtobeinsreted$.optionid)) {
|
|
84381
|
+
if (is_valitemexists == false) {
|
|
84382
|
+
var _valitemtobeinsreted$2;
|
|
84383
|
+
exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
|
|
84384
|
+
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
|
|
84385
|
+
}));
|
|
84386
|
+
}
|
|
84387
|
+
isoptionexists = true;
|
|
84388
|
+
}
|
|
84389
|
+
});
|
|
84390
|
+
if (isoptionexists == false) {
|
|
84391
|
+
var _valitemtobeinsreted$3;
|
|
84392
|
+
options_w_values.push({
|
|
84393
|
+
option_info: valitem.option_info,
|
|
84394
|
+
optionindex: valitem.option_info.optionindex,
|
|
84395
|
+
values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
|
|
84396
|
+
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
|
|
84397
|
+
})]
|
|
84398
|
+
});
|
|
84399
|
+
}
|
|
84400
|
+
});
|
|
84401
|
+
});
|
|
84402
|
+
options_w_values.forEach(function (option) {
|
|
84403
|
+
option.values.sort(function (a, b) {
|
|
84404
|
+
return a.valueindex - b.valueindex;
|
|
84405
|
+
});
|
|
84406
|
+
});
|
|
84407
|
+
var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
|
|
84408
|
+
return a.optionindex - b.optionindex;
|
|
84409
|
+
});
|
|
84410
|
+
setoptions_w_values(_toConsumableArray__default["default"](Sortedoptions_w_values));
|
|
84411
|
+
// setoptions_w_values([...options_w_values]);
|
|
84412
|
+
setvariants_iteminfo(variants_iteminfo);
|
|
84413
|
+
setitem(iteminfo);
|
|
84414
|
+
}, [props.actions.item]);
|
|
84415
|
+
var choose_valueFunc = function choose_valueFunc(valitem, optioninfo) {
|
|
84416
|
+
var tempchoosen_values = _toConsumableArray__default["default"](choosen_values);
|
|
84417
|
+
var isvalueexists = false;
|
|
84418
|
+
// var optionid = optioninfo.optionid
|
|
84419
|
+
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (choseitem, choseindex) {
|
|
84420
|
+
if (valitem.optionid == choseitem.optionid) {
|
|
84421
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84422
|
+
}
|
|
84423
|
+
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
84424
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84425
|
+
isvalueexists = true;
|
|
84426
|
+
}
|
|
84427
|
+
});
|
|
84428
|
+
if (isvalueexists == false) {
|
|
84429
|
+
tempchoosen_values.push(valitem);
|
|
84430
|
+
}
|
|
84431
|
+
var tempoptions_w_values = _toConsumableArray__default["default"](options_w_values);
|
|
84432
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84433
|
+
var _item$values;
|
|
84434
|
+
item === null || item === void 0 || (_item$values = item.values) === null || _item$values === void 0 || _item$values.forEach(function (valitemex, valindex) {
|
|
84435
|
+
if (tempchoosen_values.length == 0) {
|
|
84436
|
+
valitemex.disabled = false;
|
|
84437
|
+
} else {
|
|
84438
|
+
valitemex.disabled = true;
|
|
84439
|
+
}
|
|
84440
|
+
});
|
|
84441
|
+
});
|
|
84442
|
+
if (tempchoosen_values.length != 0) {
|
|
84443
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84444
|
+
var _item$values2;
|
|
84445
|
+
item === null || item === void 0 || (_item$values2 = item.values) === null || _item$values2 === void 0 || _item$values2.forEach(function (valitem, valindex) {
|
|
84446
|
+
var _tempchoosen_values$s;
|
|
84447
|
+
var isvaluedisabled = true;
|
|
84448
|
+
(_tempchoosen_values$s = tempchoosen_values.slice(0, 1)) === null || _tempchoosen_values$s === void 0 || _tempchoosen_values$s.forEach(function (chosvalitem) {
|
|
84449
|
+
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (variantitem) {
|
|
84450
|
+
var _variantitem$variantv3;
|
|
84451
|
+
var is_Start_Variant_Found = false;
|
|
84452
|
+
variantitem === null || variantitem === void 0 || (_variantitem$variantv3 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv3 === void 0 || _variantitem$variantv3.forEach(function (variantoptionsitem) {
|
|
84453
|
+
if (variantoptionsitem.valueid == chosvalitem.valueid) {
|
|
84454
|
+
is_Start_Variant_Found = true;
|
|
84455
|
+
}
|
|
84456
|
+
});
|
|
84457
|
+
if (is_Start_Variant_Found) {
|
|
84458
|
+
var _variantitem$variantv4;
|
|
84459
|
+
variantitem === null || variantitem === void 0 || (_variantitem$variantv4 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv4 === void 0 || _variantitem$variantv4.forEach(function (variantoptionsitem) {
|
|
84460
|
+
if (valitem.valueid == variantoptionsitem.valueid) {
|
|
84461
|
+
isvaluedisabled = false;
|
|
84462
|
+
}
|
|
84463
|
+
});
|
|
84464
|
+
}
|
|
84465
|
+
});
|
|
84466
|
+
});
|
|
84467
|
+
valitem.disabled = isvaluedisabled;
|
|
84468
|
+
});
|
|
84469
|
+
});
|
|
84470
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84471
|
+
var _item$values3;
|
|
84472
|
+
item === null || item === void 0 || (_item$values3 = item.values) === null || _item$values3 === void 0 || _item$values3.forEach(function (valitem, valindex) {
|
|
84473
|
+
if (valitem.optionid == tempchoosen_values[0].optionid) {
|
|
84474
|
+
valitem.disabled = false;
|
|
84475
|
+
}
|
|
84476
|
+
});
|
|
84477
|
+
});
|
|
84478
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84479
|
+
var _item$values4;
|
|
84480
|
+
item === null || item === void 0 || (_item$values4 = item.values) === null || _item$values4 === void 0 || _item$values4.forEach(function (valitem, valindex) {
|
|
84481
|
+
if (valitem.disabled == true) {
|
|
84482
|
+
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (chosvalitem, choseindex) {
|
|
84483
|
+
if (chosvalitem.valueid == valitem.valueid) {
|
|
84484
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84485
|
+
}
|
|
84486
|
+
});
|
|
84487
|
+
}
|
|
84488
|
+
});
|
|
84489
|
+
});
|
|
84490
|
+
}
|
|
84491
|
+
setoptions_w_values(_toConsumableArray__default["default"](tempoptions_w_values));
|
|
84492
|
+
setchoosen_values(_toConsumableArray__default["default"](tempchoosen_values));
|
|
84493
|
+
};
|
|
84494
|
+
React.useEffect(function () {
|
|
84495
|
+
foundImageColorMatchingFunc(VariantColorImageComObj);
|
|
84496
|
+
}, [VariantColorImageComObj]);
|
|
84497
|
+
React.useEffect(function () {
|
|
84498
|
+
var completedVariantObj = null;
|
|
84499
|
+
var variantimagematching = null;
|
|
84500
|
+
if (choosen_values.length > 0) {
|
|
84501
|
+
var _iterator3 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84502
|
+
_step3;
|
|
84503
|
+
try {
|
|
84504
|
+
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
84505
|
+
var _variantitem$variantv6;
|
|
84506
|
+
var variantitem = _step3.value;
|
|
84507
|
+
var matchedValues = variantitem === null || variantitem === void 0 || (_variantitem$variantv6 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv6 === void 0 ? void 0 : _variantitem$variantv6.filter(function (variantValue) {
|
|
84508
|
+
return choosen_values.some(function (choosenValue) {
|
|
84509
|
+
return choosenValue.valueid === variantValue.valueid;
|
|
84510
|
+
});
|
|
84511
|
+
});
|
|
84512
|
+
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
84513
|
+
completedVariantObj = variantitem;
|
|
84514
|
+
break;
|
|
84515
|
+
}
|
|
84516
|
+
}
|
|
84517
|
+
} catch (err) {
|
|
84518
|
+
_iterator3.e(err);
|
|
84519
|
+
} finally {
|
|
84520
|
+
_iterator3.f();
|
|
84521
|
+
}
|
|
84522
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
84523
|
+
var _item$option_info3, _item$option_info4;
|
|
84524
|
+
if ((item === null || item === void 0 || (_item$option_info3 = item.option_info) === null || _item$option_info3 === void 0 ? void 0 : _item$option_info3.optionname) == 'color' || (item === null || item === void 0 || (_item$option_info4 = item.option_info) === null || _item$option_info4 === void 0 ? void 0 : _item$option_info4.optionname) == 'Color') {
|
|
84525
|
+
var _iterator4 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84526
|
+
_step4;
|
|
84527
|
+
try {
|
|
84528
|
+
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
|
|
84529
|
+
var _variantitem$variantv5;
|
|
84530
|
+
var variantitem = _step4.value;
|
|
84531
|
+
var matchingValue = variantitem === null || variantitem === void 0 || (_variantitem$variantv5 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv5 === void 0 ? void 0 : _variantitem$variantv5.find(function (value) {
|
|
84532
|
+
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
84533
|
+
});
|
|
84534
|
+
if (matchingValue) {
|
|
84535
|
+
variantimagematching = variantitem;
|
|
84536
|
+
}
|
|
84537
|
+
}
|
|
84538
|
+
} catch (err) {
|
|
84539
|
+
_iterator4.e(err);
|
|
84540
|
+
} finally {
|
|
84541
|
+
_iterator4.f();
|
|
84542
|
+
}
|
|
84543
|
+
}
|
|
84544
|
+
});
|
|
84545
|
+
}
|
|
84546
|
+
setVariantColorImageComObj(variantimagematching || {});
|
|
84547
|
+
setVariantCompletedObj(completedVariantObj || {});
|
|
84548
|
+
}, [choosen_values]);
|
|
84549
|
+
|
|
84550
|
+
// useEffect(() => {
|
|
84551
|
+
// var completedVariantObj = {};
|
|
84552
|
+
// var tempchoosen_values = [...choosen_values];
|
|
84553
|
+
// if (choosen_values.length != 0) {
|
|
84554
|
+
// variants_iteminfo?.forEach(function (variantitem) {
|
|
84555
|
+
// var isVariantValuesAllSame = true;
|
|
84556
|
+
// variantitem?.variantvalues_w_valueinfo?.forEach(function (variantvalues) {
|
|
84557
|
+
// tempchoosen_values?.forEach(function (item, index) {
|
|
84558
|
+
// if (variantvalues.valueid != item.valueid) {
|
|
84559
|
+
// isVariantValuesAllSame = false;
|
|
84560
|
+
// } else {
|
|
84561
|
+
// }
|
|
84562
|
+
// });
|
|
84563
|
+
// });
|
|
84564
|
+
// if (isVariantValuesAllSame == true) {
|
|
84565
|
+
// completedVariantObj = variantitem;
|
|
84566
|
+
// }
|
|
84567
|
+
// });
|
|
84568
|
+
// }
|
|
84569
|
+
// setVariantCompletedObj({ ...completedVariantObj });
|
|
84570
|
+
// }, [choosen_values]);
|
|
84571
|
+
|
|
84572
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84573
|
+
"class": ' row m-0 w-100 mb-2 '
|
|
84574
|
+
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84575
|
+
"class": ' row m-0 w-100 '
|
|
84576
|
+
}, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
|
|
84577
|
+
var _item$values5;
|
|
84578
|
+
// if (index <= 3) {
|
|
84579
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84580
|
+
className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
|
|
84581
|
+
}, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
|
|
84582
|
+
var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
|
|
84583
|
+
var isChoosedValueExists = false;
|
|
84584
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
|
|
84585
|
+
if (choseitem != null) {
|
|
84586
|
+
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
84587
|
+
isChoosedValueExists = true;
|
|
84588
|
+
}
|
|
84589
|
+
}
|
|
84590
|
+
});
|
|
84591
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84592
|
+
style: {
|
|
84593
|
+
textAlign: 'center'
|
|
84594
|
+
},
|
|
84595
|
+
"class": "mx-1"
|
|
84596
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
84597
|
+
onClick: function onClick() {
|
|
84598
|
+
choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
|
|
84599
|
+
},
|
|
84600
|
+
style: {
|
|
84601
|
+
// backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
|
|
84602
|
+
color: isChoosedValueExists ? '#ffffff' : '#000000',
|
|
84603
|
+
border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
|
|
84604
|
+
padding: (item === null || item === void 0 || (_item$option_info5 = item.option_info) === null || _item$option_info5 === void 0 ? void 0 : _item$option_info5.optionname) == 'Color' ? '5px' : '5px 10px',
|
|
84605
|
+
cursor: valitem.disabled ? 'not-allowed' : 'pointer',
|
|
84606
|
+
fontSize: '13px',
|
|
84607
|
+
width: (item === null || item === void 0 || (_item$option_info6 = item.option_info) === null || _item$option_info6 === void 0 ? void 0 : _item$option_info6.optionname) == 'Color' ? 25 : '',
|
|
84608
|
+
height: (item === null || item === void 0 || (_item$option_info7 = item.option_info) === null || _item$option_info7 === void 0 ? void 0 : _item$option_info7.optionname) == 'Color' ? 25 : '',
|
|
84609
|
+
borderRadius: (item === null || item === void 0 || (_item$option_info8 = item.option_info) === null || _item$option_info8 === void 0 ? void 0 : _item$option_info8.optionname) == 'Color' ? 100 : 5,
|
|
84610
|
+
background: (item === null || item === void 0 || (_item$option_info9 = item.option_info) === null || _item$option_info9 === void 0 ? void 0 : _item$option_info9.optionname) == 'Color' ? valitem === null || valitem === void 0 || (_valitem$valueinfo = valitem.valueinfo) === null || _valitem$valueinfo === void 0 ? void 0 : _valitem$valueinfo.valuename : isChoosedValueExists ? sectionproperties.activeproductcolor : '#ffffff',
|
|
84611
|
+
fontWeight: 500
|
|
84612
|
+
},
|
|
84613
|
+
disabled: valitem.disabled
|
|
84614
|
+
}, (item === null || item === void 0 || (_item$option_info10 = item.option_info) === null || _item$option_info10 === void 0 ? void 0 : _item$option_info10.optionname) == 'Color' ? '' : (valitem === null || valitem === void 0 || (_valitem$valueinfo2 = valitem.valueinfo) === null || _valitem$valueinfo2 === void 0 ? void 0 : _valitem$valueinfo2.valuename) || 'Unnamed'));
|
|
84615
|
+
}));
|
|
84616
|
+
// }
|
|
84617
|
+
})));
|
|
84618
|
+
};
|
|
84619
|
+
|
|
84603
84620
|
function ownKeys$6(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; }
|
|
84604
84621
|
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
84605
84622
|
var Simpleproductcard = function Simpleproductcard(props) {
|
|
@@ -84875,6 +84892,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
84875
84892
|
fontSize: sectionproperties.skuFontSize + 'px',
|
|
84876
84893
|
color: sectionproperties.skuColor,
|
|
84877
84894
|
fontWeight: sectionproperties.skuFontWeight
|
|
84895
|
+
}),
|
|
84896
|
+
imagediv: glamor.css({
|
|
84897
|
+
':hover': {
|
|
84898
|
+
transition: 'all .4s ease',
|
|
84899
|
+
transform: sectionproperties.zoomimageonhover == 'Yes' ? 'scale(1.1)' : ''
|
|
84900
|
+
}
|
|
84878
84901
|
})
|
|
84879
84902
|
};
|
|
84880
84903
|
var _useState11 = React.useState(''),
|
|
@@ -85013,7 +85036,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
85013
85036
|
transition = true;
|
|
85014
85037
|
}
|
|
85015
85038
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
85016
|
-
"class":
|
|
85039
|
+
"class": card_cssstyles.imagediv + ' w-100 cursor-pointer ',
|
|
85017
85040
|
style: {
|
|
85018
85041
|
position: 'relative'
|
|
85019
85042
|
}
|