tabexseriescomponents 0.2.770 → 0.2.772
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 +734 -701
- package/dist/index.esm.js +734 -701
- package/dist/index.umd.js +737 -704
- 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,
|
|
@@ -16702,6 +16720,7 @@ var Filter$1 = function Filter(props) {
|
|
|
16702
16720
|
_useState30 = _slicedToArray__default["default"](_useState29, 2),
|
|
16703
16721
|
otherfilters = _useState30[0];
|
|
16704
16722
|
_useState30[1];
|
|
16723
|
+
var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
|
|
16705
16724
|
var _useState31 = React.useState(false),
|
|
16706
16725
|
_useState32 = _slicedToArray__default["default"](_useState31, 2),
|
|
16707
16726
|
checked = _useState32[0],
|
|
@@ -17976,6 +17995,7 @@ var Filter$1 = function Filter(props) {
|
|
|
17976
17995
|
})))));
|
|
17977
17996
|
};
|
|
17978
17997
|
var PriceInputRangeFilter = function PriceInputRangeFilter() {
|
|
17998
|
+
var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4;
|
|
17979
17999
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
17980
18000
|
"class": "row m-0 w-100 mb-3 mt-2"
|
|
17981
18001
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -17983,7 +18003,7 @@ var Filter$1 = function Filter(props) {
|
|
|
17983
18003
|
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
17984
18004
|
className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
|
|
17985
18005
|
}, langdetect == 'en' ? 'Price' : 'السعر')), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
17986
|
-
"class": 'col-lg-12 pl-
|
|
18006
|
+
"class": 'col-lg-12 pl-3 pr-3 mt-2 mb-2',
|
|
17987
18007
|
style: {
|
|
17988
18008
|
direction: 'ltr'
|
|
17989
18009
|
}
|
|
@@ -18005,7 +18025,13 @@ var Filter$1 = function Filter(props) {
|
|
|
18005
18025
|
// }
|
|
18006
18026
|
setprice_rangevalue(_objectSpread$2h({}, value));
|
|
18007
18027
|
}
|
|
18008
|
-
}))
|
|
18028
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18029
|
+
"class": "col-lg-12 mt-3",
|
|
18030
|
+
style: {
|
|
18031
|
+
color: '#000',
|
|
18032
|
+
fontSize: 15
|
|
18033
|
+
}
|
|
18034
|
+
}, langdetect == 'en' ? fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.currencyname_en : fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu2 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu2 === void 0 || (_fetchAuthorizationQu2 = _fetchAuthorizationQu2.data) === null || _fetchAuthorizationQu2 === void 0 ? void 0 : _fetchAuthorizationQu2.currencyname_ar, " ", price_rangevalue.min, " -", ' ', langdetect == 'en' ? fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.currencyname_en : fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.currencyname_ar, " ", price_rangevalue.max));
|
|
18009
18035
|
};
|
|
18010
18036
|
React.useEffect(function () {
|
|
18011
18037
|
if (timeoutRef_price.current !== null) {
|
|
@@ -18678,7 +18704,9 @@ var Filter$1 = function Filter(props) {
|
|
|
18678
18704
|
className: "mt-2 mb-3"
|
|
18679
18705
|
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18680
18706
|
className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
|
|
18681
|
-
}, sectionproperties.
|
|
18707
|
+
}, sectionproperties.showpricerangefilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18708
|
+
"class": "row m-0 w-100 px-3"
|
|
18709
|
+
}, PriceInputRangeFilter()), sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18682
18710
|
"class": "row m-0 w-100"
|
|
18683
18711
|
}, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
18684
18712
|
"class": "row m-0 w-100"
|
|
@@ -25088,7 +25116,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
25088
25116
|
style: {
|
|
25089
25117
|
position: sectionproperties.respheaderposition,
|
|
25090
25118
|
// position: window.location.pathname == '/home' ? sectionproperties.respheaderposition : 'relative',
|
|
25091
|
-
zIndex:
|
|
25119
|
+
zIndex: 1000,
|
|
25092
25120
|
top: sectionproperties.respheaderposition == 'absolute' || sectionproperties.respheaderposition == 'fixed' ? '50px' : 0
|
|
25093
25121
|
}
|
|
25094
25122
|
}, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -25098,7 +25126,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
|
|
|
25098
25126
|
templateproperties_contextprops: templateproperties_context,
|
|
25099
25127
|
actions: actions
|
|
25100
25128
|
})), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25101
|
-
className: "col-lg-12 p-0"
|
|
25129
|
+
className: "col-lg-12 p-0",
|
|
25130
|
+
style: {
|
|
25131
|
+
borderBottom: sectionproperties.headerrespborderbottomwidth + ' solid ' + sectionproperties.headerrespborderbottomcolor
|
|
25132
|
+
}
|
|
25102
25133
|
}, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
25103
25134
|
className: ' row m-0 w-100 d-none d-md-flex p-0 '
|
|
25104
25135
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
@@ -33215,12 +33246,8 @@ var Simpleheader = function Simpleheader(props) {
|
|
|
33215
33246
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
33216
33247
|
"class": "".concat(header_cssstyles.dropdownitemcontainer)
|
|
33217
33248
|
}, /*#__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
|
-
}
|
|
33249
|
+
"class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center justify-content-center m-0 p-0 ',
|
|
33250
|
+
style: {}
|
|
33224
33251
|
}, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
33225
33252
|
"class": 'ml-2 mr-2'
|
|
33226
33253
|
}, 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 +72601,6 @@ styleInject(css_248z$f);
|
|
|
72574
72601
|
|
|
72575
72602
|
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
72603
|
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
72604
|
var Categorycard_details_onhover = function Categorycard_details_onhover(props) {
|
|
72934
72605
|
var _useState = React.useState(''),
|
|
72935
72606
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -72972,14 +72643,14 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
72972
72643
|
});
|
|
72973
72644
|
}
|
|
72974
72645
|
});
|
|
72975
|
-
setsectionproperties(_objectSpread$
|
|
72646
|
+
setsectionproperties(_objectSpread$I({}, secpropobj));
|
|
72976
72647
|
}, [StatePagePropertiesContext]);
|
|
72977
72648
|
React.useEffect(function () {
|
|
72978
72649
|
setitem(props.cardinfoitemprops);
|
|
72979
72650
|
}, [props.cardinfoitemprops]);
|
|
72980
72651
|
React.useEffect(function () {
|
|
72981
72652
|
var productImagetoBeSelected = '';
|
|
72982
|
-
var Tempitem = _objectSpread$
|
|
72653
|
+
var Tempitem = _objectSpread$I({}, item);
|
|
72983
72654
|
productImagetoBeSelected = item.productmainimage;
|
|
72984
72655
|
if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
|
|
72985
72656
|
var variatgalleryid = variantObj.variantgalleryid;
|
|
@@ -72993,11 +72664,11 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
72993
72664
|
}
|
|
72994
72665
|
}
|
|
72995
72666
|
Tempitem.image = productImagetoBeSelected;
|
|
72996
|
-
setitem(_objectSpread$
|
|
72667
|
+
setitem(_objectSpread$I({}, Tempitem));
|
|
72997
72668
|
}, [variantObj]);
|
|
72998
72669
|
React.useEffect(function () {
|
|
72999
72670
|
var productImagetoBeSelected = '';
|
|
73000
|
-
var Tempitem = _objectSpread$
|
|
72671
|
+
var Tempitem = _objectSpread$I({}, item);
|
|
73001
72672
|
productImagetoBeSelected = item.productmainimage;
|
|
73002
72673
|
if (Variant_Color_ImageObj != undefined && Variant_Color_ImageObj != null && Object.keys(Variant_Color_ImageObj).length != 0 && Variant_Color_ImageObj != '') {
|
|
73003
72674
|
var variatgalleryid = Variant_Color_ImageObj.variantgalleryid;
|
|
@@ -73011,7 +72682,7 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
|
|
|
73011
72682
|
}
|
|
73012
72683
|
}
|
|
73013
72684
|
Tempitem.image = productImagetoBeSelected;
|
|
73014
|
-
setitem(_objectSpread$
|
|
72685
|
+
setitem(_objectSpread$I({}, Tempitem));
|
|
73015
72686
|
}, [Variant_Color_ImageObj]);
|
|
73016
72687
|
var card_cssstyles = {
|
|
73017
72688
|
innersection: glamor.css({
|
|
@@ -73345,8 +73016,8 @@ var css_248z$e = "\n@media (max-width: 576px) {\n .generalCardsStyles-module_
|
|
|
73345
73016
|
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
73017
|
styleInject(css_248z$e);
|
|
73347
73018
|
|
|
73348
|
-
function ownKeys$
|
|
73349
|
-
function _objectSpread$
|
|
73019
|
+
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; }
|
|
73020
|
+
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
73021
|
var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
73351
73022
|
var _useState = React.useState(''),
|
|
73352
73023
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -73384,7 +73055,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73384
73055
|
});
|
|
73385
73056
|
}
|
|
73386
73057
|
});
|
|
73387
|
-
setsectionproperties(_objectSpread$
|
|
73058
|
+
setsectionproperties(_objectSpread$H({}, secpropobj));
|
|
73388
73059
|
}, [StatePagePropertiesContext]);
|
|
73389
73060
|
React.useEffect(function () {
|
|
73390
73061
|
if (item.quantity == 0) {
|
|
@@ -73694,13 +73365,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73694
73365
|
onClick: function onClick(e) {
|
|
73695
73366
|
e.stopPropagation();
|
|
73696
73367
|
if (item.hasvariants == 0) {
|
|
73697
|
-
var tempitem = _objectSpread$
|
|
73368
|
+
var tempitem = _objectSpread$H({}, item);
|
|
73698
73369
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
73699
73370
|
tempitem.quantity = tempitem.quantity - 1;
|
|
73700
73371
|
if (tempitem.quantity <= 0) {
|
|
73701
73372
|
tempitem.quantity = 0;
|
|
73702
73373
|
}
|
|
73703
|
-
setitem(_objectSpread$
|
|
73374
|
+
setitem(_objectSpread$H({}, tempitem));
|
|
73704
73375
|
addtocartfunc('add', tempitem.quantity);
|
|
73705
73376
|
} else {
|
|
73706
73377
|
setShowProductInfoModalContext(true);
|
|
@@ -73717,13 +73388,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73717
73388
|
onClick: function onClick(e) {
|
|
73718
73389
|
e.stopPropagation();
|
|
73719
73390
|
if (item.hasvariants == 0) {
|
|
73720
|
-
var tempitem = _objectSpread$
|
|
73391
|
+
var tempitem = _objectSpread$H({}, item);
|
|
73721
73392
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
73722
73393
|
tempitem.quantity = tempitem.quantity + 1;
|
|
73723
73394
|
if (tempitem.quantity <= 0) {
|
|
73724
73395
|
tempitem.quantity = 0;
|
|
73725
73396
|
}
|
|
73726
|
-
setitem(_objectSpread$
|
|
73397
|
+
setitem(_objectSpread$H({}, tempitem));
|
|
73727
73398
|
addtocartfunc('add', tempitem.quantity);
|
|
73728
73399
|
} else {
|
|
73729
73400
|
setShowProductInfoModalContext(true);
|
|
@@ -73879,8 +73550,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
|
|
|
73879
73550
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
|
|
73880
73551
|
};
|
|
73881
73552
|
|
|
73882
|
-
function ownKeys$
|
|
73883
|
-
function _objectSpread$
|
|
73553
|
+
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; }
|
|
73554
|
+
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
73555
|
var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
73885
73556
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
73886
73557
|
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
@@ -73923,7 +73594,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
73923
73594
|
});
|
|
73924
73595
|
}
|
|
73925
73596
|
});
|
|
73926
|
-
setsectionproperties(_objectSpread$
|
|
73597
|
+
setsectionproperties(_objectSpread$G({}, secpropobj));
|
|
73927
73598
|
}, [StatePagePropertiesContext]);
|
|
73928
73599
|
|
|
73929
73600
|
// Card Information
|
|
@@ -74310,13 +73981,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74310
73981
|
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
|
|
74311
73982
|
onClick: function onClick() {
|
|
74312
73983
|
if (item.hasvariants == 0) {
|
|
74313
|
-
var tempitem = _objectSpread$
|
|
73984
|
+
var tempitem = _objectSpread$G({}, item);
|
|
74314
73985
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
74315
73986
|
tempitem.quantity = tempitem.quantity - 1;
|
|
74316
73987
|
if (tempitem.quantity <= 0) {
|
|
74317
73988
|
tempitem.quantity = 0;
|
|
74318
73989
|
}
|
|
74319
|
-
setitem(_objectSpread$
|
|
73990
|
+
setitem(_objectSpread$G({}, tempitem));
|
|
74320
73991
|
addtocartfunc('add', tempitem.quantity);
|
|
74321
73992
|
} else {
|
|
74322
73993
|
setShowProductInfoModalContext(true);
|
|
@@ -74332,13 +74003,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74332
74003
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
|
|
74333
74004
|
onClick: function onClick() {
|
|
74334
74005
|
if (item.hasvariants == 0) {
|
|
74335
|
-
var tempitem = _objectSpread$
|
|
74006
|
+
var tempitem = _objectSpread$G({}, item);
|
|
74336
74007
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
74337
74008
|
tempitem.quantity = tempitem.quantity + 1;
|
|
74338
74009
|
if (tempitem.quantity <= 0) {
|
|
74339
74010
|
tempitem.quantity = 0;
|
|
74340
74011
|
}
|
|
74341
|
-
setitem(_objectSpread$
|
|
74012
|
+
setitem(_objectSpread$G({}, tempitem));
|
|
74342
74013
|
addtocartfunc('add', tempitem.quantity);
|
|
74343
74014
|
} else {
|
|
74344
74015
|
setShowProductInfoModalContext(true);
|
|
@@ -74363,8 +74034,8 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
|
|
|
74363
74034
|
}))))))));
|
|
74364
74035
|
};
|
|
74365
74036
|
|
|
74366
|
-
function ownKeys$
|
|
74367
|
-
function _objectSpread$
|
|
74037
|
+
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; }
|
|
74038
|
+
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
74039
|
var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
74369
74040
|
var _useState = React.useState(''),
|
|
74370
74041
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74391,7 +74062,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74391
74062
|
});
|
|
74392
74063
|
}
|
|
74393
74064
|
});
|
|
74394
|
-
setsectionproperties(_objectSpread$
|
|
74065
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74395
74066
|
}, [StatePagePropertiesContext]);
|
|
74396
74067
|
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
74397
74068
|
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
@@ -74403,7 +74074,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74403
74074
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
74404
74075
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
74405
74076
|
});
|
|
74406
|
-
setsectionproperties(_objectSpread$
|
|
74077
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74407
74078
|
} else {
|
|
74408
74079
|
var secpropobj = {};
|
|
74409
74080
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -74413,7 +74084,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74413
74084
|
});
|
|
74414
74085
|
}
|
|
74415
74086
|
});
|
|
74416
|
-
setsectionproperties(_objectSpread$
|
|
74087
|
+
setsectionproperties(_objectSpread$F({}, secpropobj));
|
|
74417
74088
|
}
|
|
74418
74089
|
}, [StatePagePropertiesContext]);
|
|
74419
74090
|
|
|
@@ -74564,8 +74235,8 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
|
|
|
74564
74235
|
}, CardContent()));
|
|
74565
74236
|
};
|
|
74566
74237
|
|
|
74567
|
-
function ownKeys$
|
|
74568
|
-
function _objectSpread$
|
|
74238
|
+
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; }
|
|
74239
|
+
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
74240
|
var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
74570
74241
|
var _useState = React.useState(''),
|
|
74571
74242
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74590,7 +74261,7 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
|
74590
74261
|
});
|
|
74591
74262
|
}
|
|
74592
74263
|
});
|
|
74593
|
-
setsectionproperties(_objectSpread$
|
|
74264
|
+
setsectionproperties(_objectSpread$E({}, secpropobj));
|
|
74594
74265
|
}, [StatePagePropertiesContext]);
|
|
74595
74266
|
React.useEffect(function () {
|
|
74596
74267
|
setitem(props.cardinfoitemprops);
|
|
@@ -74734,8 +74405,8 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
|
|
|
74734
74405
|
}, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)))))));
|
|
74735
74406
|
};
|
|
74736
74407
|
|
|
74737
|
-
function ownKeys$
|
|
74738
|
-
function _objectSpread$
|
|
74408
|
+
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; }
|
|
74409
|
+
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
74410
|
var NewProductcard = function NewProductcard(props) {
|
|
74740
74411
|
var _useState = React.useState(''),
|
|
74741
74412
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -74762,7 +74433,7 @@ var NewProductcard = function NewProductcard(props) {
|
|
|
74762
74433
|
});
|
|
74763
74434
|
}
|
|
74764
74435
|
});
|
|
74765
|
-
setsectionproperties(_objectSpread$
|
|
74436
|
+
setsectionproperties(_objectSpread$D({}, secpropobj));
|
|
74766
74437
|
}, [StatePagePropertiesContext]);
|
|
74767
74438
|
React.useEffect(function () {
|
|
74768
74439
|
setitem(props.cardinfoitemprops);
|
|
@@ -75183,8 +74854,8 @@ var css_248z$d = ".UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7
|
|
|
75183
74854
|
var cardstyles$7 = {"buttons_container1":"UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7UT","productcard":"UserCardWithSocialMediaOnHover-module_productcard__Yf1rE","image_container":"UserCardWithSocialMediaOnHover-module_image_container__OZfNU"};
|
|
75184
74855
|
styleInject(css_248z$d);
|
|
75185
74856
|
|
|
75186
|
-
function ownKeys$
|
|
75187
|
-
function _objectSpread$
|
|
74857
|
+
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; }
|
|
74858
|
+
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
74859
|
var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(props) {
|
|
75189
74860
|
var _useState = React.useState(''),
|
|
75190
74861
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75209,7 +74880,7 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
|
|
|
75209
74880
|
});
|
|
75210
74881
|
}
|
|
75211
74882
|
});
|
|
75212
|
-
setsectionproperties(_objectSpread$
|
|
74883
|
+
setsectionproperties(_objectSpread$C({}, secpropobj));
|
|
75213
74884
|
}, [StatePagePropertiesContext]);
|
|
75214
74885
|
React.useEffect(function () {
|
|
75215
74886
|
setitem(props.cardinfoitemprops);
|
|
@@ -75354,8 +75025,8 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
|
|
|
75354
75025
|
}, item.name)))));
|
|
75355
75026
|
};
|
|
75356
75027
|
|
|
75357
|
-
function ownKeys$
|
|
75358
|
-
function _objectSpread$
|
|
75028
|
+
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; }
|
|
75029
|
+
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
75030
|
var Card20 = function Card20(props) {
|
|
75360
75031
|
var _useState = React.useState(''),
|
|
75361
75032
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75388,7 +75059,7 @@ var Card20 = function Card20(props) {
|
|
|
75388
75059
|
});
|
|
75389
75060
|
}
|
|
75390
75061
|
});
|
|
75391
|
-
setsectionproperties(_objectSpread$
|
|
75062
|
+
setsectionproperties(_objectSpread$B({}, secpropobj));
|
|
75392
75063
|
}, [StatePagePropertiesContext]);
|
|
75393
75064
|
React.useEffect(function () {
|
|
75394
75065
|
setitem(props.cardinfoitemprops);
|
|
@@ -75610,8 +75281,8 @@ var Card20 = function Card20(props) {
|
|
|
75610
75281
|
}, langdetect == 'en' ? item.currencyname : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : item.currencyname)))));
|
|
75611
75282
|
};
|
|
75612
75283
|
|
|
75613
|
-
function ownKeys$
|
|
75614
|
-
function _objectSpread$
|
|
75284
|
+
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; }
|
|
75285
|
+
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
75286
|
var Card21 = function Card21(props) {
|
|
75616
75287
|
var _useState = React.useState(''),
|
|
75617
75288
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75641,7 +75312,7 @@ var Card21 = function Card21(props) {
|
|
|
75641
75312
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
75642
75313
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
75643
75314
|
});
|
|
75644
|
-
setsectionproperties(_objectSpread$
|
|
75315
|
+
setsectionproperties(_objectSpread$A({}, secpropobj));
|
|
75645
75316
|
} else {
|
|
75646
75317
|
var secpropobj = {};
|
|
75647
75318
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -75651,7 +75322,7 @@ var Card21 = function Card21(props) {
|
|
|
75651
75322
|
});
|
|
75652
75323
|
}
|
|
75653
75324
|
});
|
|
75654
|
-
setsectionproperties(_objectSpread$
|
|
75325
|
+
setsectionproperties(_objectSpread$A({}, secpropobj));
|
|
75655
75326
|
}
|
|
75656
75327
|
}, [StatePagePropertiesContext]);
|
|
75657
75328
|
React.useEffect(function () {
|
|
@@ -75942,8 +75613,8 @@ var Card21 = function Card21(props) {
|
|
|
75942
75613
|
}, "18 Days"))));
|
|
75943
75614
|
};
|
|
75944
75615
|
|
|
75945
|
-
function ownKeys$
|
|
75946
|
-
function _objectSpread$
|
|
75616
|
+
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; }
|
|
75617
|
+
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
75618
|
var Card22 = function Card22(props) {
|
|
75948
75619
|
var _useState = React.useState(''),
|
|
75949
75620
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -75973,7 +75644,7 @@ var Card22 = function Card22(props) {
|
|
|
75973
75644
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
75974
75645
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
75975
75646
|
});
|
|
75976
|
-
setsectionproperties(_objectSpread$
|
|
75647
|
+
setsectionproperties(_objectSpread$z({}, secpropobj));
|
|
75977
75648
|
} else {
|
|
75978
75649
|
var secpropobj = {};
|
|
75979
75650
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -75983,7 +75654,7 @@ var Card22 = function Card22(props) {
|
|
|
75983
75654
|
});
|
|
75984
75655
|
}
|
|
75985
75656
|
});
|
|
75986
|
-
setsectionproperties(_objectSpread$
|
|
75657
|
+
setsectionproperties(_objectSpread$z({}, secpropobj));
|
|
75987
75658
|
}
|
|
75988
75659
|
}, [StatePagePropertiesContext]);
|
|
75989
75660
|
React.useEffect(function () {
|
|
@@ -76174,8 +75845,8 @@ var Card22 = function Card22(props) {
|
|
|
76174
75845
|
}, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))));
|
|
76175
75846
|
};
|
|
76176
75847
|
|
|
76177
|
-
function ownKeys$
|
|
76178
|
-
function _objectSpread$
|
|
75848
|
+
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; }
|
|
75849
|
+
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
75850
|
var Card23 = function Card23(props) {
|
|
76180
75851
|
var _useState = React.useState(''),
|
|
76181
75852
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -76212,7 +75883,7 @@ var Card23 = function Card23(props) {
|
|
|
76212
75883
|
});
|
|
76213
75884
|
}
|
|
76214
75885
|
});
|
|
76215
|
-
setsectionproperties(_objectSpread$
|
|
75886
|
+
setsectionproperties(_objectSpread$y({}, secpropobj));
|
|
76216
75887
|
}, [StatePagePropertiesContext]);
|
|
76217
75888
|
React.useEffect(function () {
|
|
76218
75889
|
var _props$cardinfoitempr;
|
|
@@ -76528,7 +76199,7 @@ var Card23 = function Card23(props) {
|
|
|
76528
76199
|
var AddtoCartContext = props.actions.AddtoCartContext;
|
|
76529
76200
|
var addtocartfunc = function addtocartfunc(forcetocheckout) {
|
|
76530
76201
|
var forcetocheckoutvalue = forcetocheckout;
|
|
76531
|
-
var tempaddtocardpayloadobj = _objectSpread$
|
|
76202
|
+
var tempaddtocardpayloadobj = _objectSpread$y({}, addtocardpayloadobj);
|
|
76532
76203
|
tempaddtocardpayloadobj.productid = item.productid;
|
|
76533
76204
|
tempaddtocardpayloadobj.functype = 'add';
|
|
76534
76205
|
tempaddtocardpayloadobj.item_type = 'product';
|
|
@@ -76813,8 +76484,8 @@ var Card23 = function Card23(props) {
|
|
|
76813
76484
|
}, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
|
|
76814
76485
|
};
|
|
76815
76486
|
|
|
76816
|
-
function ownKeys$
|
|
76817
|
-
function _objectSpread$
|
|
76487
|
+
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; }
|
|
76488
|
+
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
76489
|
var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
76819
76490
|
var _useState = React.useState(''),
|
|
76820
76491
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -76844,7 +76515,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
76844
76515
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
76845
76516
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
76846
76517
|
});
|
|
76847
|
-
setsectionproperties(_objectSpread$
|
|
76518
|
+
setsectionproperties(_objectSpread$x({}, secpropobj));
|
|
76848
76519
|
} else {
|
|
76849
76520
|
var secpropobj = {};
|
|
76850
76521
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -76854,7 +76525,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
|
|
|
76854
76525
|
});
|
|
76855
76526
|
}
|
|
76856
76527
|
});
|
|
76857
|
-
setsectionproperties(_objectSpread$
|
|
76528
|
+
setsectionproperties(_objectSpread$x({}, secpropobj));
|
|
76858
76529
|
}
|
|
76859
76530
|
}, [StatePagePropertiesContext]);
|
|
76860
76531
|
React.useEffect(function () {
|
|
@@ -77158,8 +76829,8 @@ var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n
|
|
|
77158
76829
|
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
76830
|
styleInject(css_248z$c);
|
|
77160
76831
|
|
|
77161
|
-
function ownKeys$
|
|
77162
|
-
function _objectSpread$
|
|
76832
|
+
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; }
|
|
76833
|
+
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
76834
|
var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(props) {
|
|
77164
76835
|
var _useState = React.useState(''),
|
|
77165
76836
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -77188,7 +76859,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77188
76859
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
77189
76860
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
77190
76861
|
});
|
|
77191
|
-
setsectionproperties(_objectSpread$
|
|
76862
|
+
setsectionproperties(_objectSpread$w({}, secpropobj));
|
|
77192
76863
|
} else {
|
|
77193
76864
|
var secpropobj = {};
|
|
77194
76865
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -77198,14 +76869,14 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77198
76869
|
});
|
|
77199
76870
|
}
|
|
77200
76871
|
});
|
|
77201
|
-
setsectionproperties(_objectSpread$
|
|
76872
|
+
setsectionproperties(_objectSpread$w({}, secpropobj));
|
|
77202
76873
|
}
|
|
77203
76874
|
}, [StatePagePropertiesContext]);
|
|
77204
76875
|
React.useEffect(function () {
|
|
77205
76876
|
setitem(props.cardinfoitemprops);
|
|
77206
76877
|
}, [props.cardinfoitemprops]);
|
|
77207
76878
|
var updatequantity = function updatequantity(type) {
|
|
77208
|
-
var tempitem = _objectSpread$
|
|
76879
|
+
var tempitem = _objectSpread$w({}, item);
|
|
77209
76880
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
77210
76881
|
if (type == 'add') {
|
|
77211
76882
|
tempitem.quantity = tempitem.quantity + 1;
|
|
@@ -77215,7 +76886,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
|
|
|
77215
76886
|
if (tempitem.quantity <= 0) {
|
|
77216
76887
|
tempitem.quantity = 0;
|
|
77217
76888
|
}
|
|
77218
|
-
setitem(_objectSpread$
|
|
76889
|
+
setitem(_objectSpread$w({}, tempitem));
|
|
77219
76890
|
};
|
|
77220
76891
|
var addtocartfunc = function addtocartfunc() {
|
|
77221
76892
|
var addtocardpayloadobj = {
|
|
@@ -77797,8 +77468,8 @@ var css_248z$b = ".categorycard3-module_categoryCard__3mSQo {\n position: rel
|
|
|
77797
77468
|
var cardstyles$6 = {"categoryCard":"categorycard3-module_categoryCard__3mSQo"};
|
|
77798
77469
|
styleInject(css_248z$b);
|
|
77799
77470
|
|
|
77800
|
-
function ownKeys$
|
|
77801
|
-
function _objectSpread$
|
|
77471
|
+
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; }
|
|
77472
|
+
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
77473
|
var Categorycard_with_twolinestransition = function Categorycard_with_twolinestransition(props) {
|
|
77803
77474
|
var _css;
|
|
77804
77475
|
var _useState = React.useState(''),
|
|
@@ -77825,7 +77496,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
|
|
|
77825
77496
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
77826
77497
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
77827
77498
|
});
|
|
77828
|
-
setsectionproperties(_objectSpread$
|
|
77499
|
+
setsectionproperties(_objectSpread$v({}, secpropobj));
|
|
77829
77500
|
} else {
|
|
77830
77501
|
var secpropobj = {};
|
|
77831
77502
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -77835,7 +77506,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
|
|
|
77835
77506
|
});
|
|
77836
77507
|
}
|
|
77837
77508
|
});
|
|
77838
|
-
setsectionproperties(_objectSpread$
|
|
77509
|
+
setsectionproperties(_objectSpread$v({}, secpropobj));
|
|
77839
77510
|
}
|
|
77840
77511
|
}, [StatePagePropertiesContext]);
|
|
77841
77512
|
React.useEffect(function () {
|
|
@@ -77979,8 +77650,8 @@ var css_248z$a = ".Categorcycard_fullimage-module_categorycardtext__WLY3- {\n
|
|
|
77979
77650
|
var cardstyles$5 = {"categorycardtext":"Categorcycard_fullimage-module_categorycardtext__WLY3-","x":"Categorcycard_fullimage-module_x__EZ-yx"};
|
|
77980
77651
|
styleInject(css_248z$a);
|
|
77981
77652
|
|
|
77982
|
-
function ownKeys$
|
|
77983
|
-
function _objectSpread$
|
|
77653
|
+
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; }
|
|
77654
|
+
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
77655
|
var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
77985
77656
|
var _useState = React.useState(''),
|
|
77986
77657
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78010,7 +77681,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
|
78010
77681
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78011
77682
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78012
77683
|
});
|
|
78013
|
-
setsectionproperties(_objectSpread$
|
|
77684
|
+
setsectionproperties(_objectSpread$u({}, secpropobj));
|
|
78014
77685
|
} else {
|
|
78015
77686
|
var secpropobj = {};
|
|
78016
77687
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78020,7 +77691,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
|
|
|
78020
77691
|
});
|
|
78021
77692
|
}
|
|
78022
77693
|
});
|
|
78023
|
-
setsectionproperties(_objectSpread$
|
|
77694
|
+
setsectionproperties(_objectSpread$u({}, secpropobj));
|
|
78024
77695
|
}
|
|
78025
77696
|
}, [StatePagePropertiesContext]);
|
|
78026
77697
|
React.useEffect(function () {
|
|
@@ -78185,8 +77856,8 @@ var css_248z$9 = ".Categorycard_slidebgscaled-module_categoryCard__-tIaD {\n
|
|
|
78185
77856
|
var cardstyles$4 = {"categoryCard":"Categorycard_slidebgscaled-module_categoryCard__-tIaD","hover":"Categorycard_slidebgscaled-module_hover__Voj0y","cardbtn":"Categorycard_slidebgscaled-module_cardbtn__JlkMB"};
|
|
78186
77857
|
styleInject(css_248z$9);
|
|
78187
77858
|
|
|
78188
|
-
function ownKeys$
|
|
78189
|
-
function _objectSpread$
|
|
77859
|
+
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; }
|
|
77860
|
+
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
77861
|
var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
78191
77862
|
var _useState = React.useState(''),
|
|
78192
77863
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78212,7 +77883,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78212
77883
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78213
77884
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78214
77885
|
});
|
|
78215
|
-
setsectionproperties(_objectSpread$
|
|
77886
|
+
setsectionproperties(_objectSpread$t({}, secpropobj));
|
|
78216
77887
|
} else {
|
|
78217
77888
|
var secpropobj = {};
|
|
78218
77889
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78222,7 +77893,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78222
77893
|
});
|
|
78223
77894
|
}
|
|
78224
77895
|
});
|
|
78225
|
-
setsectionproperties(_objectSpread$
|
|
77896
|
+
setsectionproperties(_objectSpread$t({}, secpropobj));
|
|
78226
77897
|
}
|
|
78227
77898
|
}, [StatePagePropertiesContext]);
|
|
78228
77899
|
React.useEffect(function () {
|
|
@@ -78372,8 +78043,8 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
|
|
|
78372
78043
|
}, sectionproperties.generalbtn_content)))))));
|
|
78373
78044
|
};
|
|
78374
78045
|
|
|
78375
|
-
function ownKeys$
|
|
78376
|
-
function _objectSpread$
|
|
78046
|
+
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; }
|
|
78047
|
+
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
78048
|
var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props) {
|
|
78378
78049
|
var _useState = React.useState(''),
|
|
78379
78050
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78399,7 +78070,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
|
|
|
78399
78070
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78400
78071
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78401
78072
|
});
|
|
78402
|
-
setsectionproperties(_objectSpread$
|
|
78073
|
+
setsectionproperties(_objectSpread$s({}, secpropobj));
|
|
78403
78074
|
} else {
|
|
78404
78075
|
var secpropobj = {};
|
|
78405
78076
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -78409,7 +78080,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
|
|
|
78409
78080
|
});
|
|
78410
78081
|
}
|
|
78411
78082
|
});
|
|
78412
|
-
setsectionproperties(_objectSpread$
|
|
78083
|
+
setsectionproperties(_objectSpread$s({}, secpropobj));
|
|
78413
78084
|
}
|
|
78414
78085
|
}, [StatePagePropertiesContext]);
|
|
78415
78086
|
React.useEffect(function () {
|
|
@@ -78540,8 +78211,8 @@ var css_248z$8 = "*,\n*:before,\n*:after {\n margin: 0;\n padding: 0;\n
|
|
|
78540
78211
|
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
78212
|
styleInject(css_248z$8);
|
|
78542
78213
|
|
|
78543
|
-
function ownKeys$
|
|
78544
|
-
function _objectSpread$
|
|
78214
|
+
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; }
|
|
78215
|
+
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
78216
|
var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
78546
78217
|
var _useState = React.useState(''),
|
|
78547
78218
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78561,6 +78232,157 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
|
78561
78232
|
props.setProductIdProdutInfoModalContext;
|
|
78562
78233
|
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
78563
78234
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
78235
|
+
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
78236
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
78237
|
+
_useState6[0];
|
|
78238
|
+
_useState6[1];
|
|
78239
|
+
React.useEffect(function () {
|
|
78240
|
+
if (props.srcfrom == 'addsectionform') {
|
|
78241
|
+
var secpropobj = {};
|
|
78242
|
+
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
78243
|
+
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
78244
|
+
});
|
|
78245
|
+
setsectionproperties(_objectSpread$r({}, secpropobj));
|
|
78246
|
+
} else {
|
|
78247
|
+
var secpropobj = {};
|
|
78248
|
+
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
78249
|
+
if (sectionitem.sectionid == props.sectionidprops) {
|
|
78250
|
+
sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
|
|
78251
|
+
secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
|
|
78252
|
+
});
|
|
78253
|
+
}
|
|
78254
|
+
});
|
|
78255
|
+
setsectionproperties(_objectSpread$r({}, secpropobj));
|
|
78256
|
+
}
|
|
78257
|
+
}, [StatePagePropertiesContext]);
|
|
78258
|
+
React.useEffect(function () {
|
|
78259
|
+
setitem(props.cardinfoitemprops);
|
|
78260
|
+
}, [props.cardinfoitemprops]);
|
|
78261
|
+
var card_cssstyles = {
|
|
78262
|
+
categoryCard: glamor.css(_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({
|
|
78263
|
+
background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
|
|
78264
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
78265
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
78266
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
78267
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
78268
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
78269
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
78270
|
+
marginLeft: sectionproperties.card_marginLeft + 'px',
|
|
78271
|
+
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
78272
|
+
paddingRight: sectionproperties.paddingRight + 'px',
|
|
78273
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
78274
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
78275
|
+
height: sectionproperties.height + 'px',
|
|
78276
|
+
boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : '',
|
|
78277
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
|
|
78278
|
+
transition: '0.3s',
|
|
78279
|
+
cursor: 'pointer',
|
|
78280
|
+
opacity: sectionproperties.cardbg_opacity,
|
|
78281
|
+
overflow: 'hidden'
|
|
78282
|
+
}, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
|
|
78283
|
+
backgroundColor: sectionproperties.transitionbg_color
|
|
78284
|
+
})),
|
|
78285
|
+
categorycardtext: glamor.css({
|
|
78286
|
+
fontSize: sectionproperties.generaltext_fontSize + 'px',
|
|
78287
|
+
color: sectionproperties.generaltext_fontColor,
|
|
78288
|
+
textTransform: sectionproperties.generaltext_textTransform,
|
|
78289
|
+
fontWeight: sectionproperties.generaltext_fontWeight
|
|
78290
|
+
}),
|
|
78291
|
+
shadow1: glamor.css({
|
|
78292
|
+
background: sectionproperties.firstcolor
|
|
78293
|
+
// primary
|
|
78294
|
+
}),
|
|
78295
|
+
shadow2: glamor.css({
|
|
78296
|
+
background: sectionproperties.secondcolor
|
|
78297
|
+
// primary
|
|
78298
|
+
}),
|
|
78299
|
+
cards_three__rect2: glamor.css({
|
|
78300
|
+
':before': {
|
|
78301
|
+
background: sectionproperties.secondcolor
|
|
78302
|
+
},
|
|
78303
|
+
':after': {
|
|
78304
|
+
background: sectionproperties.firstcolor
|
|
78305
|
+
}
|
|
78306
|
+
}),
|
|
78307
|
+
cards_three__circle: glamor.css({
|
|
78308
|
+
':before': {
|
|
78309
|
+
background: sectionproperties.firstcolor
|
|
78310
|
+
}
|
|
78311
|
+
})
|
|
78312
|
+
};
|
|
78313
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78314
|
+
"class": "".concat(cardstyles$3.card__collection, " ").concat(card_cssstyles.categoryCard),
|
|
78315
|
+
onClick: function onClick() {
|
|
78316
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78317
|
+
}
|
|
78318
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78319
|
+
"class": "".concat(cardstyles$3.cards, " ").concat(cardstyles$3.cards_three),
|
|
78320
|
+
style: {
|
|
78321
|
+
// backgroundImage: `url(${serverbaselink + item.image})`,
|
|
78322
|
+
backgroundPosition: 'center center',
|
|
78323
|
+
backgroundRepeat: 'no-repeat',
|
|
78324
|
+
backgroundSize: 'cover'
|
|
78325
|
+
}
|
|
78326
|
+
}, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
|
|
78327
|
+
urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
|
|
78328
|
+
publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
|
|
78329
|
+
path: item.image,
|
|
78330
|
+
style: {
|
|
78331
|
+
width: '100%',
|
|
78332
|
+
height: '100%',
|
|
78333
|
+
objectFit: 'cover'
|
|
78334
|
+
},
|
|
78335
|
+
loading: "lazy"
|
|
78336
|
+
}), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78337
|
+
"class": "".concat(cardstyles$3.cards_three__rect1)
|
|
78338
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78339
|
+
"class": "".concat(cardstyles$3.shadow1, " ").concat(card_cssstyles.shadow1)
|
|
78340
|
+
}), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78341
|
+
"class": ' row m-0 w-100 '
|
|
78342
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78343
|
+
"class": "col-lg-12 p-0"
|
|
78344
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78345
|
+
"class": "".concat(card_cssstyles.categorycardtext) + ' m-0 p-0 '
|
|
78346
|
+
}, item.name)))), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78347
|
+
"class": "".concat(cardstyles$3.cards_three__rect2, " ").concat(card_cssstyles.cards_three__rect2)
|
|
78348
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78349
|
+
"class": "".concat(cardstyles$3.shadow2, " ").concat(card_cssstyles.shadow2)
|
|
78350
|
+
})), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
78351
|
+
"class": "".concat(cardstyles$3.cards_three__circle, " ").concat(card_cssstyles.cards_three__circle)
|
|
78352
|
+
}), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78353
|
+
"class": "".concat(cardstyles$3.cards_three__list),
|
|
78354
|
+
onClick: function onClick() {
|
|
78355
|
+
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
78356
|
+
}
|
|
78357
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
78358
|
+
"class": "".concat(cardstyles$3.btncont, " ") + ' row m-0 w-100'
|
|
78359
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
78360
|
+
style: {
|
|
78361
|
+
zIndex: 1000
|
|
78362
|
+
}
|
|
78363
|
+
}, "More Items")))));
|
|
78364
|
+
};
|
|
78365
|
+
|
|
78366
|
+
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";
|
|
78367
|
+
var cardstyles$2 = {"categorycard":"categorycardwithtext-module_categorycard__itFPD","categorycardtext":"categorycardwithtext-module_categorycardtext__-PiLF","cardbtn":"categorycardwithtext-module_cardbtn__p-if9"};
|
|
78368
|
+
styleInject(css_248z$7);
|
|
78369
|
+
|
|
78370
|
+
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; }
|
|
78371
|
+
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; }
|
|
78372
|
+
var Categorycard_withtext = function Categorycard_withtext(props) {
|
|
78373
|
+
var _useState = React.useState(''),
|
|
78374
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
78375
|
+
sectionproperties = _useState2[0],
|
|
78376
|
+
setsectionproperties = _useState2[1];
|
|
78377
|
+
var _useState3 = React.useState(props.cardinfoitemprops),
|
|
78378
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
78379
|
+
item = _useState4[0],
|
|
78380
|
+
setitem = _useState4[1];
|
|
78381
|
+
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
78382
|
+
props.actions.lang;
|
|
78383
|
+
var langdetect = props.actions.langdetect;
|
|
78384
|
+
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
78385
|
+
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
78564
78386
|
var _useState5 = React.useState(props.cardinfoindexprops),
|
|
78565
78387
|
_useState6 = _slicedToArray__default["default"](_useState5, 2);
|
|
78566
78388
|
_useState6[0];
|
|
@@ -78587,157 +78409,6 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
|
|
|
78587
78409
|
React.useEffect(function () {
|
|
78588
78410
|
setitem(props.cardinfoitemprops);
|
|
78589
78411
|
}, [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
78412
|
var categorycard_cssstyles = {
|
|
78742
78413
|
categorycard: glamor.css({
|
|
78743
78414
|
background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
|
|
@@ -78888,8 +78559,8 @@ var css_248z$6 = ".categorycard-module_img__3WuXu{\n width: 100%;\n height: 10
|
|
|
78888
78559
|
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
78560
|
styleInject(css_248z$6);
|
|
78890
78561
|
|
|
78891
|
-
function ownKeys$
|
|
78892
|
-
function _objectSpread$
|
|
78562
|
+
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; }
|
|
78563
|
+
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
78564
|
var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
78894
78565
|
var _useState = React.useState(''),
|
|
78895
78566
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -78922,7 +78593,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
|
78922
78593
|
});
|
|
78923
78594
|
}
|
|
78924
78595
|
});
|
|
78925
|
-
setsectionproperties(_objectSpread$
|
|
78596
|
+
setsectionproperties(_objectSpread$p({}, secpropobj));
|
|
78926
78597
|
}, [StatePagePropertiesContext]);
|
|
78927
78598
|
React.useEffect(function () {
|
|
78928
78599
|
setitem(props.cardinfoitemprops);
|
|
@@ -79121,8 +78792,8 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
|
|
|
79121
78792
|
}, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
|
|
79122
78793
|
};
|
|
79123
78794
|
|
|
79124
|
-
function ownKeys$
|
|
79125
|
-
function _objectSpread$
|
|
78795
|
+
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; }
|
|
78796
|
+
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
78797
|
var Classiccategorycard = function Classiccategorycard(props) {
|
|
79127
78798
|
var _useState = React.useState(''),
|
|
79128
78799
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -79148,7 +78819,7 @@ var Classiccategorycard = function Classiccategorycard(props) {
|
|
|
79148
78819
|
});
|
|
79149
78820
|
}
|
|
79150
78821
|
});
|
|
79151
|
-
setsectionproperties(_objectSpread$
|
|
78822
|
+
setsectionproperties(_objectSpread$o({}, secpropobj));
|
|
79152
78823
|
}, [StatePagePropertiesContext]);
|
|
79153
78824
|
React.useEffect(function () {
|
|
79154
78825
|
setitem(props.cardinfoitemprops);
|
|
@@ -79258,8 +78929,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
|
|
|
79258
78929
|
}, item.name))));
|
|
79259
78930
|
};
|
|
79260
78931
|
|
|
79261
|
-
function ownKeys$
|
|
79262
|
-
function _objectSpread$
|
|
78932
|
+
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; }
|
|
78933
|
+
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
78934
|
var Horizontalcard = function Horizontalcard(props) {
|
|
79264
78935
|
var _useState = React.useState(''),
|
|
79265
78936
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -79297,7 +78968,7 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79297
78968
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
79298
78969
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
79299
78970
|
});
|
|
79300
|
-
setsectionproperties(_objectSpread$
|
|
78971
|
+
setsectionproperties(_objectSpread$n({}, secpropobj));
|
|
79301
78972
|
} else {
|
|
79302
78973
|
var secpropobj = {};
|
|
79303
78974
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -79307,7 +78978,7 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79307
78978
|
});
|
|
79308
78979
|
}
|
|
79309
78980
|
});
|
|
79310
|
-
setsectionproperties(_objectSpread$
|
|
78981
|
+
setsectionproperties(_objectSpread$n({}, secpropobj));
|
|
79311
78982
|
}
|
|
79312
78983
|
}, [StatePagePropertiesContext]);
|
|
79313
78984
|
React.useEffect(function () {
|
|
@@ -79710,9 +79381,9 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79710
79381
|
if (showquantity == false) {
|
|
79711
79382
|
setshowquantity(true);
|
|
79712
79383
|
if (item.hasvariants == 0) {
|
|
79713
|
-
var tempitem = _objectSpread$
|
|
79384
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79714
79385
|
tempitem.quantity = 1;
|
|
79715
|
-
setitem(_objectSpread$
|
|
79386
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79716
79387
|
addtocartfunc('add', tempitem.quantity);
|
|
79717
79388
|
}
|
|
79718
79389
|
} else {
|
|
@@ -79732,13 +79403,13 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79732
79403
|
"class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
|
|
79733
79404
|
onClick: function onClick() {
|
|
79734
79405
|
if (item.hasvariants == 0) {
|
|
79735
|
-
var tempitem = _objectSpread$
|
|
79406
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79736
79407
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
79737
79408
|
tempitem.quantity = tempitem.quantity - 1;
|
|
79738
79409
|
if (tempitem.quantity <= 0) {
|
|
79739
79410
|
tempitem.quantity = 0;
|
|
79740
79411
|
}
|
|
79741
|
-
setitem(_objectSpread$
|
|
79412
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79742
79413
|
addtocartfunc('add', tempitem.quantity);
|
|
79743
79414
|
} else {
|
|
79744
79415
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
@@ -79753,13 +79424,13 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79753
79424
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
|
|
79754
79425
|
onClick: function onClick() {
|
|
79755
79426
|
if (item.hasvariants == 0) {
|
|
79756
|
-
var tempitem = _objectSpread$
|
|
79427
|
+
var tempitem = _objectSpread$n({}, item);
|
|
79757
79428
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
79758
79429
|
tempitem.quantity = tempitem.quantity + 1;
|
|
79759
79430
|
if (tempitem.quantity <= 0) {
|
|
79760
79431
|
tempitem.quantity = 0;
|
|
79761
79432
|
}
|
|
79762
|
-
setitem(_objectSpread$
|
|
79433
|
+
setitem(_objectSpread$n({}, tempitem));
|
|
79763
79434
|
addtocartfunc('add', tempitem.quantity);
|
|
79764
79435
|
} else {
|
|
79765
79436
|
cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
|
|
@@ -79771,8 +79442,8 @@ var Horizontalcard = function Horizontalcard(props) {
|
|
|
79771
79442
|
}, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))))))));
|
|
79772
79443
|
};
|
|
79773
79444
|
|
|
79774
|
-
function ownKeys$
|
|
79775
|
-
function _objectSpread$
|
|
79445
|
+
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; }
|
|
79446
|
+
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
79447
|
var MenuCard = function MenuCard(props) {
|
|
79777
79448
|
var _css2;
|
|
79778
79449
|
var _useState = React.useState(''),
|
|
@@ -79802,7 +79473,7 @@ var MenuCard = function MenuCard(props) {
|
|
|
79802
79473
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
79803
79474
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
79804
79475
|
});
|
|
79805
|
-
setsectionproperties(_objectSpread$
|
|
79476
|
+
setsectionproperties(_objectSpread$m({}, secpropobj));
|
|
79806
79477
|
} else {
|
|
79807
79478
|
var secpropobj = {};
|
|
79808
79479
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -79812,7 +79483,7 @@ var MenuCard = function MenuCard(props) {
|
|
|
79812
79483
|
});
|
|
79813
79484
|
}
|
|
79814
79485
|
});
|
|
79815
|
-
setsectionproperties(_objectSpread$
|
|
79486
|
+
setsectionproperties(_objectSpread$m({}, secpropobj));
|
|
79816
79487
|
}
|
|
79817
79488
|
}, [StatePagePropertiesContext]);
|
|
79818
79489
|
React.useEffect(function () {
|
|
@@ -80181,13 +79852,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80181
79852
|
},
|
|
80182
79853
|
onClick: function onClick() {
|
|
80183
79854
|
if (item.hasvariants == 0) {
|
|
80184
|
-
var tempitem = _objectSpread$
|
|
79855
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80185
79856
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80186
79857
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80187
79858
|
if (tempitem.quantity <= 0) {
|
|
80188
79859
|
tempitem.quantity = 0;
|
|
80189
79860
|
}
|
|
80190
|
-
setitem(_objectSpread$
|
|
79861
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80191
79862
|
addtocartfunc('add', tempitem.quantity);
|
|
80192
79863
|
} else {
|
|
80193
79864
|
setShowProductInfoModalContext(true);
|
|
@@ -80201,13 +79872,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80201
79872
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
|
|
80202
79873
|
onClick: function onClick() {
|
|
80203
79874
|
if (item.hasvariants == 0) {
|
|
80204
|
-
var tempitem = _objectSpread$
|
|
79875
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80205
79876
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80206
79877
|
tempitem.quantity = tempitem.quantity + 1;
|
|
80207
79878
|
if (tempitem.quantity <= 0) {
|
|
80208
79879
|
tempitem.quantity = 0;
|
|
80209
79880
|
}
|
|
80210
|
-
setitem(_objectSpread$
|
|
79881
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80211
79882
|
addtocartfunc('add', tempitem.quantity);
|
|
80212
79883
|
} else {
|
|
80213
79884
|
setShowProductInfoModalContext(true);
|
|
@@ -80232,13 +79903,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80232
79903
|
},
|
|
80233
79904
|
onClick: function onClick() {
|
|
80234
79905
|
if (item.hasvariants == 0) {
|
|
80235
|
-
var tempitem = _objectSpread$
|
|
79906
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80236
79907
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80237
79908
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80238
79909
|
if (tempitem.quantity <= 0) {
|
|
80239
79910
|
tempitem.quantity = 0;
|
|
80240
79911
|
}
|
|
80241
|
-
setitem(_objectSpread$
|
|
79912
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80242
79913
|
addtocartfunc('add', tempitem.quantity);
|
|
80243
79914
|
} else {
|
|
80244
79915
|
setShowProductInfoModalContext(true);
|
|
@@ -80252,13 +79923,13 @@ var MenuCard = function MenuCard(props) {
|
|
|
80252
79923
|
"class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
|
|
80253
79924
|
onClick: function onClick() {
|
|
80254
79925
|
if (item.hasvariants == 0) {
|
|
80255
|
-
var tempitem = _objectSpread$
|
|
79926
|
+
var tempitem = _objectSpread$m({}, item);
|
|
80256
79927
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
80257
79928
|
tempitem.quantity = tempitem.quantity - 1;
|
|
80258
79929
|
if (tempitem.quantity <= 0) {
|
|
80259
79930
|
tempitem.quantity = 0;
|
|
80260
79931
|
}
|
|
80261
|
-
setitem(_objectSpread$
|
|
79932
|
+
setitem(_objectSpread$m({}, tempitem));
|
|
80262
79933
|
addtocartfunc('add', tempitem.quantity);
|
|
80263
79934
|
} else {
|
|
80264
79935
|
setShowProductInfoModalContext(true);
|
|
@@ -80327,8 +79998,8 @@ var MenuCard = function MenuCard(props) {
|
|
|
80327
79998
|
})))))))))));
|
|
80328
79999
|
};
|
|
80329
80000
|
|
|
80330
|
-
function ownKeys$
|
|
80331
|
-
function _objectSpread$
|
|
80001
|
+
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; }
|
|
80002
|
+
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
80003
|
var ServiceCard = function ServiceCard(props) {
|
|
80333
80004
|
var _css, _authdetailsContext$i, _authdetailsContext$i2;
|
|
80334
80005
|
var _useState = React.useState(''),
|
|
@@ -80359,7 +80030,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
80359
80030
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
80360
80031
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
80361
80032
|
});
|
|
80362
|
-
setsectionproperties(_objectSpread$
|
|
80033
|
+
setsectionproperties(_objectSpread$l({}, secpropobj));
|
|
80363
80034
|
} else {
|
|
80364
80035
|
var secpropobj = {};
|
|
80365
80036
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -80369,7 +80040,7 @@ var ServiceCard = function ServiceCard(props) {
|
|
|
80369
80040
|
});
|
|
80370
80041
|
}
|
|
80371
80042
|
});
|
|
80372
|
-
setsectionproperties(_objectSpread$
|
|
80043
|
+
setsectionproperties(_objectSpread$l({}, secpropobj));
|
|
80373
80044
|
}
|
|
80374
80045
|
}, [StatePagePropertiesContext]);
|
|
80375
80046
|
React.useEffect(function () {
|
|
@@ -80775,8 +80446,8 @@ var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tp
|
|
|
80775
80446
|
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
80447
|
styleInject(css_248z$5);
|
|
80777
80448
|
|
|
80778
|
-
function ownKeys$
|
|
80779
|
-
function _objectSpread$
|
|
80449
|
+
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; }
|
|
80450
|
+
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
80451
|
var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props) {
|
|
80781
80452
|
var _useState = React.useState(''),
|
|
80782
80453
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -80816,7 +80487,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
80816
80487
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
80817
80488
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
80818
80489
|
});
|
|
80819
|
-
setsectionproperties(_objectSpread$
|
|
80490
|
+
setsectionproperties(_objectSpread$k({}, secpropobj));
|
|
80820
80491
|
} else {
|
|
80821
80492
|
var secpropobj = {};
|
|
80822
80493
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -80826,7 +80497,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
80826
80497
|
});
|
|
80827
80498
|
}
|
|
80828
80499
|
});
|
|
80829
|
-
setsectionproperties(_objectSpread$
|
|
80500
|
+
setsectionproperties(_objectSpread$k({}, secpropobj));
|
|
80830
80501
|
}
|
|
80831
80502
|
}, [StatePagePropertiesContext]);
|
|
80832
80503
|
React.useEffect(function () {
|
|
@@ -81167,13 +80838,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81167
80838
|
"class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
|
|
81168
80839
|
onClick: function onClick() {
|
|
81169
80840
|
if (item.hasvariants == 0) {
|
|
81170
|
-
var tempitem = _objectSpread$
|
|
80841
|
+
var tempitem = _objectSpread$k({}, item);
|
|
81171
80842
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81172
80843
|
tempitem.quantity = tempitem.quantity - 1;
|
|
81173
80844
|
if (tempitem.quantity <= 0) {
|
|
81174
80845
|
tempitem.quantity = 0;
|
|
81175
80846
|
}
|
|
81176
|
-
setitem(_objectSpread$
|
|
80847
|
+
setitem(_objectSpread$k({}, tempitem));
|
|
81177
80848
|
addtocartfunc('add', tempitem.quantity);
|
|
81178
80849
|
} else {
|
|
81179
80850
|
setShowProductInfoModalContext(true);
|
|
@@ -81189,13 +80860,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81189
80860
|
"class": "".concat(cardsstyles2.add_quantitybtn_icon_container),
|
|
81190
80861
|
onClick: function onClick() {
|
|
81191
80862
|
if (item.hasvariants == 0) {
|
|
81192
|
-
var tempitem = _objectSpread$
|
|
80863
|
+
var tempitem = _objectSpread$k({}, item);
|
|
81193
80864
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81194
80865
|
tempitem.quantity = tempitem.quantity + 1;
|
|
81195
80866
|
if (tempitem.quantity <= 0) {
|
|
81196
80867
|
tempitem.quantity = 0;
|
|
81197
80868
|
}
|
|
81198
|
-
setitem(_objectSpread$
|
|
80869
|
+
setitem(_objectSpread$k({}, tempitem));
|
|
81199
80870
|
addtocartfunc('add', tempitem.quantity);
|
|
81200
80871
|
} else {
|
|
81201
80872
|
setShowProductInfoModalContext(true);
|
|
@@ -81215,8 +80886,8 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
|
|
|
81215
80886
|
}, lang.addtocart)))));
|
|
81216
80887
|
};
|
|
81217
80888
|
|
|
81218
|
-
function ownKeys$
|
|
81219
|
-
function _objectSpread$
|
|
80889
|
+
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; }
|
|
80890
|
+
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
80891
|
var ModernProductCard = function ModernProductCard(props) {
|
|
81221
80892
|
var _useState = React.useState(''),
|
|
81222
80893
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -81240,7 +80911,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81240
80911
|
var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
|
|
81241
80912
|
var ikimagecredcontext = props.actions.ikimagecredcontext;
|
|
81242
80913
|
var updatequantity = function updatequantity(type) {
|
|
81243
|
-
var tempitem = _objectSpread$
|
|
80914
|
+
var tempitem = _objectSpread$j({}, item);
|
|
81244
80915
|
tempitem.quantity = parseInt(tempitem.quantity);
|
|
81245
80916
|
if (type == 'add') {
|
|
81246
80917
|
tempitem.quantity = tempitem.quantity + 1;
|
|
@@ -81250,7 +80921,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81250
80921
|
if (tempitem.quantity <= 0) {
|
|
81251
80922
|
tempitem.quantity = 0;
|
|
81252
80923
|
}
|
|
81253
|
-
setitem(_objectSpread$
|
|
80924
|
+
setitem(_objectSpread$j({}, tempitem));
|
|
81254
80925
|
};
|
|
81255
80926
|
React.useEffect(function () {
|
|
81256
80927
|
if (props.srcfrom == 'addsectionform') {
|
|
@@ -81258,7 +80929,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81258
80929
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
81259
80930
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
81260
80931
|
});
|
|
81261
|
-
setsectionproperties(_objectSpread$
|
|
80932
|
+
setsectionproperties(_objectSpread$j({}, secpropobj));
|
|
81262
80933
|
} else {
|
|
81263
80934
|
var secpropobj = {};
|
|
81264
80935
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -81268,7 +80939,7 @@ var ModernProductCard = function ModernProductCard(props) {
|
|
|
81268
80939
|
});
|
|
81269
80940
|
}
|
|
81270
80941
|
});
|
|
81271
|
-
setsectionproperties(_objectSpread$
|
|
80942
|
+
setsectionproperties(_objectSpread$j({}, secpropobj));
|
|
81272
80943
|
}
|
|
81273
80944
|
}, [StatePagePropertiesContext]);
|
|
81274
80945
|
React.useEffect(function () {
|
|
@@ -81741,8 +81412,8 @@ var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xAp
|
|
|
81741
81412
|
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
81413
|
styleInject(css_248z$4);
|
|
81743
81414
|
|
|
81744
|
-
function ownKeys$
|
|
81745
|
-
function _objectSpread$
|
|
81415
|
+
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; }
|
|
81416
|
+
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
81417
|
var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
81747
81418
|
var _useState = React.useState(''),
|
|
81748
81419
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -81770,7 +81441,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
81770
81441
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
81771
81442
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
81772
81443
|
});
|
|
81773
|
-
setsectionproperties(_objectSpread$
|
|
81444
|
+
setsectionproperties(_objectSpread$i({}, secpropobj));
|
|
81774
81445
|
} else {
|
|
81775
81446
|
var secpropobj = {};
|
|
81776
81447
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -81780,7 +81451,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
81780
81451
|
});
|
|
81781
81452
|
}
|
|
81782
81453
|
});
|
|
81783
|
-
setsectionproperties(_objectSpread$
|
|
81454
|
+
setsectionproperties(_objectSpread$i({}, secpropobj));
|
|
81784
81455
|
}
|
|
81785
81456
|
}, [StatePagePropertiesContext]);
|
|
81786
81457
|
React.useEffect(function () {
|
|
@@ -82045,8 +81716,8 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
|
|
|
82045
81716
|
}, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
|
|
82046
81717
|
};
|
|
82047
81718
|
|
|
82048
|
-
function ownKeys$
|
|
82049
|
-
function _objectSpread$
|
|
81719
|
+
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; }
|
|
81720
|
+
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
81721
|
var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
82051
81722
|
var _useState = React.useState(''),
|
|
82052
81723
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82078,7 +81749,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82078
81749
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
82079
81750
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
82080
81751
|
});
|
|
82081
|
-
setsectionproperties(_objectSpread$
|
|
81752
|
+
setsectionproperties(_objectSpread$h({}, secpropobj));
|
|
82082
81753
|
} else {
|
|
82083
81754
|
var secpropobj = {};
|
|
82084
81755
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -82088,7 +81759,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82088
81759
|
});
|
|
82089
81760
|
}
|
|
82090
81761
|
});
|
|
82091
|
-
setsectionproperties(_objectSpread$
|
|
81762
|
+
setsectionproperties(_objectSpread$h({}, secpropobj));
|
|
82092
81763
|
}
|
|
82093
81764
|
}, [StatePagePropertiesContext]);
|
|
82094
81765
|
React.useEffect(function () {
|
|
@@ -82303,8 +81974,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
|
|
|
82303
81974
|
}, lang.addtocart)))));
|
|
82304
81975
|
};
|
|
82305
81976
|
|
|
82306
|
-
function ownKeys$
|
|
82307
|
-
function _objectSpread$
|
|
81977
|
+
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; }
|
|
81978
|
+
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
81979
|
var Productcard_with_circularhover = function Productcard_with_circularhover(props) {
|
|
82309
81980
|
var _useState = React.useState(''),
|
|
82310
81981
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82332,7 +82003,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82332
82003
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
82333
82004
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
82334
82005
|
});
|
|
82335
|
-
setsectionproperties(_objectSpread$
|
|
82006
|
+
setsectionproperties(_objectSpread$g({}, secpropobj));
|
|
82336
82007
|
} else {
|
|
82337
82008
|
var secpropobj = {};
|
|
82338
82009
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -82342,7 +82013,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82342
82013
|
});
|
|
82343
82014
|
}
|
|
82344
82015
|
});
|
|
82345
|
-
setsectionproperties(_objectSpread$
|
|
82016
|
+
setsectionproperties(_objectSpread$g({}, secpropobj));
|
|
82346
82017
|
}
|
|
82347
82018
|
}, [StatePagePropertiesContext]);
|
|
82348
82019
|
React.useEffect(function () {
|
|
@@ -82577,8 +82248,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
|
|
|
82577
82248
|
})), item.IsFavExists ? lang.remove : lang.addtofavorites))))));
|
|
82578
82249
|
};
|
|
82579
82250
|
|
|
82580
|
-
function ownKeys$
|
|
82581
|
-
function _objectSpread$
|
|
82251
|
+
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; }
|
|
82252
|
+
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
82253
|
var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
|
|
82583
82254
|
var _useState = React.useState(''),
|
|
82584
82255
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82606,7 +82277,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
|
|
|
82606
82277
|
});
|
|
82607
82278
|
}
|
|
82608
82279
|
});
|
|
82609
|
-
setsectionproperties(_objectSpread$
|
|
82280
|
+
setsectionproperties(_objectSpread$f({}, secpropobj));
|
|
82610
82281
|
}, [StatePagePropertiesContext]);
|
|
82611
82282
|
React.useEffect(function () {
|
|
82612
82283
|
setitem(props.cardinfoitemprops);
|
|
@@ -82868,8 +82539,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
|
|
|
82868
82539
|
})))))))));
|
|
82869
82540
|
};
|
|
82870
82541
|
|
|
82871
|
-
function ownKeys$
|
|
82872
|
-
function _objectSpread$
|
|
82542
|
+
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; }
|
|
82543
|
+
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
82544
|
var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
82874
82545
|
var _useState = React.useState(''),
|
|
82875
82546
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -82905,7 +82576,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
|
|
|
82905
82576
|
});
|
|
82906
82577
|
}
|
|
82907
82578
|
});
|
|
82908
|
-
setsectionproperties(_objectSpread$
|
|
82579
|
+
setsectionproperties(_objectSpread$e({}, secpropobj));
|
|
82909
82580
|
}, [StatePagePropertiesContext]);
|
|
82910
82581
|
React.useEffect(function () {
|
|
82911
82582
|
var _props$cardinfoitempr;
|
|
@@ -83294,8 +82965,8 @@ var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relat
|
|
|
83294
82965
|
var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
|
|
83295
82966
|
styleInject(css_248z$3);
|
|
83296
82967
|
|
|
83297
|
-
function ownKeys$
|
|
83298
|
-
function _objectSpread$
|
|
82968
|
+
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; }
|
|
82969
|
+
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
82970
|
var Productcard6 = function Productcard6(props) {
|
|
83300
82971
|
var _useState = React.useState(''),
|
|
83301
82972
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83323,7 +82994,7 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83323
82994
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83324
82995
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83325
82996
|
});
|
|
83326
|
-
setsectionproperties(_objectSpread$
|
|
82997
|
+
setsectionproperties(_objectSpread$d({}, secpropobj));
|
|
83327
82998
|
} else {
|
|
83328
82999
|
var secpropobj = {};
|
|
83329
83000
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83333,7 +83004,7 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83333
83004
|
});
|
|
83334
83005
|
}
|
|
83335
83006
|
});
|
|
83336
|
-
setsectionproperties(_objectSpread$
|
|
83007
|
+
setsectionproperties(_objectSpread$d({}, secpropobj));
|
|
83337
83008
|
}
|
|
83338
83009
|
}, [StatePagePropertiesContext]);
|
|
83339
83010
|
React.useEffect(function () {
|
|
@@ -83517,8 +83188,8 @@ var Productcard6 = function Productcard6(props) {
|
|
|
83517
83188
|
}))))))));
|
|
83518
83189
|
};
|
|
83519
83190
|
|
|
83520
|
-
function ownKeys$
|
|
83521
|
-
function _objectSpread$
|
|
83191
|
+
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; }
|
|
83192
|
+
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
83193
|
var Productcard7 = function Productcard7(props) {
|
|
83523
83194
|
var _useState = React.useState(''),
|
|
83524
83195
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83546,7 +83217,7 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83546
83217
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83547
83218
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83548
83219
|
});
|
|
83549
|
-
setsectionproperties(_objectSpread$
|
|
83220
|
+
setsectionproperties(_objectSpread$c({}, secpropobj));
|
|
83550
83221
|
} else {
|
|
83551
83222
|
var secpropobj = {};
|
|
83552
83223
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83556,7 +83227,7 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83556
83227
|
});
|
|
83557
83228
|
}
|
|
83558
83229
|
});
|
|
83559
|
-
setsectionproperties(_objectSpread$
|
|
83230
|
+
setsectionproperties(_objectSpread$c({}, secpropobj));
|
|
83560
83231
|
}
|
|
83561
83232
|
}, [StatePagePropertiesContext]);
|
|
83562
83233
|
React.useEffect(function () {
|
|
@@ -83766,8 +83437,8 @@ var Productcard7 = function Productcard7(props) {
|
|
|
83766
83437
|
})), langdetect == 'en' ? 'add to cart' : 'اضف الى العرية')));
|
|
83767
83438
|
};
|
|
83768
83439
|
|
|
83769
|
-
function ownKeys$
|
|
83770
|
-
function _objectSpread$
|
|
83440
|
+
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; }
|
|
83441
|
+
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
83442
|
var Productcarddefault = function Productcarddefault(props) {
|
|
83772
83443
|
var _useState = React.useState(''),
|
|
83773
83444
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -83795,7 +83466,7 @@ var Productcarddefault = function Productcarddefault(props) {
|
|
|
83795
83466
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
83796
83467
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
83797
83468
|
});
|
|
83798
|
-
setsectionproperties(_objectSpread$
|
|
83469
|
+
setsectionproperties(_objectSpread$b({}, secpropobj));
|
|
83799
83470
|
} else {
|
|
83800
83471
|
var secpropobj = {};
|
|
83801
83472
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -83805,7 +83476,7 @@ var Productcarddefault = function Productcarddefault(props) {
|
|
|
83805
83476
|
});
|
|
83806
83477
|
}
|
|
83807
83478
|
});
|
|
83808
|
-
setsectionproperties(_objectSpread$
|
|
83479
|
+
setsectionproperties(_objectSpread$b({}, secpropobj));
|
|
83809
83480
|
}
|
|
83810
83481
|
}, [StatePagePropertiesContext]);
|
|
83811
83482
|
React.useEffect(function () {
|
|
@@ -84015,8 +83686,8 @@ var css_248z$2 = ".productccard_with_imageontopleft-module_productcard__U5ZuO {\
|
|
|
84015
83686
|
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
83687
|
styleInject(css_248z$2);
|
|
84017
83688
|
|
|
84018
|
-
function ownKeys$
|
|
84019
|
-
function _objectSpread$
|
|
83689
|
+
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; }
|
|
83690
|
+
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
83691
|
var Productccard_with_imageontopleft = function Productccard_with_imageontopleft(props) {
|
|
84021
83692
|
var _useState = React.useState(''),
|
|
84022
83693
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84044,7 +83715,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
|
|
|
84044
83715
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
84045
83716
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
84046
83717
|
});
|
|
84047
|
-
setsectionproperties(_objectSpread$
|
|
83718
|
+
setsectionproperties(_objectSpread$a({}, secpropobj));
|
|
84048
83719
|
} else {
|
|
84049
83720
|
var secpropobj = {};
|
|
84050
83721
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -84054,7 +83725,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
|
|
|
84054
83725
|
});
|
|
84055
83726
|
}
|
|
84056
83727
|
});
|
|
84057
|
-
setsectionproperties(_objectSpread$
|
|
83728
|
+
setsectionproperties(_objectSpread$a({}, secpropobj));
|
|
84058
83729
|
}
|
|
84059
83730
|
}, [StatePagePropertiesContext]);
|
|
84060
83731
|
React.useEffect(function () {
|
|
@@ -84280,8 +83951,8 @@ var css_248z$1 = ".Prouductcard_with_zoomhover-module_productcard__Q-cI6{\n w
|
|
|
84280
83951
|
var cardsstyles = {"productcard":"Prouductcard_with_zoomhover-module_productcard__Q-cI6"};
|
|
84281
83952
|
styleInject(css_248z$1);
|
|
84282
83953
|
|
|
84283
|
-
function ownKeys$
|
|
84284
|
-
function _objectSpread$
|
|
83954
|
+
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; }
|
|
83955
|
+
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
83956
|
var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
84286
83957
|
var _useState = React.useState(''),
|
|
84287
83958
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84313,7 +83984,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84313
83984
|
props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
|
|
84314
83985
|
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
84315
83986
|
});
|
|
84316
|
-
setsectionproperties(_objectSpread$
|
|
83987
|
+
setsectionproperties(_objectSpread$9({}, secpropobj));
|
|
84317
83988
|
} else {
|
|
84318
83989
|
var secpropobj = {};
|
|
84319
83990
|
StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
|
|
@@ -84323,7 +83994,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84323
83994
|
});
|
|
84324
83995
|
}
|
|
84325
83996
|
});
|
|
84326
|
-
setsectionproperties(_objectSpread$
|
|
83997
|
+
setsectionproperties(_objectSpread$9({}, secpropobj));
|
|
84327
83998
|
}
|
|
84328
83999
|
}, [StatePagePropertiesContext]);
|
|
84329
84000
|
React.useEffect(function () {
|
|
@@ -84417,8 +84088,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
|
|
|
84417
84088
|
}, "Showmore"))));
|
|
84418
84089
|
};
|
|
84419
84090
|
|
|
84420
|
-
function ownKeys$
|
|
84421
|
-
function _objectSpread$
|
|
84091
|
+
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; }
|
|
84092
|
+
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
84093
|
var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(props) {
|
|
84423
84094
|
var _useState = React.useState(''),
|
|
84424
84095
|
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
@@ -84445,7 +84116,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
84445
84116
|
});
|
|
84446
84117
|
}
|
|
84447
84118
|
});
|
|
84448
|
-
setsectionproperties(_objectSpread$
|
|
84119
|
+
setsectionproperties(_objectSpread$8({}, secpropobj));
|
|
84449
84120
|
}, [StatePagePropertiesContext]);
|
|
84450
84121
|
React.useEffect(function () {
|
|
84451
84122
|
setitem(props.cardinfoitemprops);
|
|
@@ -84600,6 +84271,362 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
|
|
|
84600
84271
|
}, plainString(item.description))))));
|
|
84601
84272
|
};
|
|
84602
84273
|
|
|
84274
|
+
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; }
|
|
84275
|
+
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; }
|
|
84276
|
+
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; } } }; }
|
|
84277
|
+
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; } }
|
|
84278
|
+
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; }
|
|
84279
|
+
var Variants_J_Cards = function Variants_J_Cards(props) {
|
|
84280
|
+
var _useState = React.useState(props.actions.item),
|
|
84281
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2);
|
|
84282
|
+
_useState2[0];
|
|
84283
|
+
var setitem = _useState2[1];
|
|
84284
|
+
var _useState3 = React.useState({}),
|
|
84285
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
84286
|
+
variants_iteminfo = _useState4[0],
|
|
84287
|
+
setvariants_iteminfo = _useState4[1];
|
|
84288
|
+
var _useState5 = React.useState([]),
|
|
84289
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
84290
|
+
options_w_values = _useState6[0],
|
|
84291
|
+
setoptions_w_values = _useState6[1];
|
|
84292
|
+
var _useState7 = React.useState([]),
|
|
84293
|
+
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
84294
|
+
choosen_values = _useState8[0],
|
|
84295
|
+
setchoosen_values = _useState8[1];
|
|
84296
|
+
var _useState9 = React.useState({}),
|
|
84297
|
+
_useState10 = _slicedToArray__default["default"](_useState9, 2),
|
|
84298
|
+
VariantCompletedObj = _useState10[0],
|
|
84299
|
+
setVariantCompletedObj = _useState10[1];
|
|
84300
|
+
var sectionproperties = props.actions.sectionproperties;
|
|
84301
|
+
props.actions.lang;
|
|
84302
|
+
props.actions.langdetect;
|
|
84303
|
+
var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
|
|
84304
|
+
var _useState11 = React.useState(props.cardinfoindexprops),
|
|
84305
|
+
_useState12 = _slicedToArray__default["default"](_useState11, 2);
|
|
84306
|
+
_useState12[0];
|
|
84307
|
+
_useState12[1];
|
|
84308
|
+
var _useState13 = React.useState({}),
|
|
84309
|
+
_useState14 = _slicedToArray__default["default"](_useState13, 2),
|
|
84310
|
+
VariantColorImageComObj = _useState14[0],
|
|
84311
|
+
setVariantColorImageComObj = _useState14[1];
|
|
84312
|
+
var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
|
|
84313
|
+
React.useEffect(function () {
|
|
84314
|
+
foundMatchedVariantFunc(VariantCompletedObj);
|
|
84315
|
+
}, [VariantCompletedObj]);
|
|
84316
|
+
React.useEffect(function () {
|
|
84317
|
+
var completedVariantObj = null;
|
|
84318
|
+
var variantimagematching = null;
|
|
84319
|
+
if (choosen_values.length > 0) {
|
|
84320
|
+
var _iterator = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84321
|
+
_step;
|
|
84322
|
+
try {
|
|
84323
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
84324
|
+
var _variantitem$variantv2;
|
|
84325
|
+
var variantitem = _step.value;
|
|
84326
|
+
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) {
|
|
84327
|
+
return choosen_values.some(function (choosenValue) {
|
|
84328
|
+
return choosenValue.valueid === variantValue.valueid;
|
|
84329
|
+
});
|
|
84330
|
+
});
|
|
84331
|
+
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
84332
|
+
completedVariantObj = variantitem;
|
|
84333
|
+
break;
|
|
84334
|
+
}
|
|
84335
|
+
}
|
|
84336
|
+
} catch (err) {
|
|
84337
|
+
_iterator.e(err);
|
|
84338
|
+
} finally {
|
|
84339
|
+
_iterator.f();
|
|
84340
|
+
}
|
|
84341
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
84342
|
+
var _item$option_info, _item$option_info2;
|
|
84343
|
+
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') {
|
|
84344
|
+
var _iterator2 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84345
|
+
_step2;
|
|
84346
|
+
try {
|
|
84347
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
84348
|
+
var _variantitem$variantv;
|
|
84349
|
+
var variantitem = _step2.value;
|
|
84350
|
+
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) {
|
|
84351
|
+
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
84352
|
+
});
|
|
84353
|
+
if (matchingValue) {
|
|
84354
|
+
variantimagematching = variantitem;
|
|
84355
|
+
}
|
|
84356
|
+
}
|
|
84357
|
+
} catch (err) {
|
|
84358
|
+
_iterator2.e(err);
|
|
84359
|
+
} finally {
|
|
84360
|
+
_iterator2.f();
|
|
84361
|
+
}
|
|
84362
|
+
}
|
|
84363
|
+
});
|
|
84364
|
+
}
|
|
84365
|
+
setVariantColorImageComObj(variantimagematching || {});
|
|
84366
|
+
setVariantCompletedObj(completedVariantObj || {});
|
|
84367
|
+
}, [choosen_values]);
|
|
84368
|
+
React.useEffect(function () {
|
|
84369
|
+
var _props$actions;
|
|
84370
|
+
var iteminfo = props.actions.item;
|
|
84371
|
+
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;
|
|
84372
|
+
var options_w_values = [];
|
|
84373
|
+
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (item, index) {
|
|
84374
|
+
var _item$variantvalues_w;
|
|
84375
|
+
item === null || item === void 0 || (_item$variantvalues_w = item.variantvalues_w_valueinfo) === null || _item$variantvalues_w === void 0 || _item$variantvalues_w.forEach(function (valitem) {
|
|
84376
|
+
var isoptionexists = false;
|
|
84377
|
+
var is_valitemexists = false;
|
|
84378
|
+
var valitemtobeinsreted = _objectSpread$7({}, valitem);
|
|
84379
|
+
valitemtobeinsreted.disabled = false;
|
|
84380
|
+
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
84381
|
+
var _exopitem$values;
|
|
84382
|
+
exopitem === null || exopitem === void 0 || (_exopitem$values = exopitem.values) === null || _exopitem$values === void 0 || _exopitem$values.forEach(function (valexistitem) {
|
|
84383
|
+
if (valexistitem.valueid == valitemtobeinsreted.valueid) {
|
|
84384
|
+
is_valitemexists = true;
|
|
84385
|
+
}
|
|
84386
|
+
});
|
|
84387
|
+
});
|
|
84388
|
+
options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
|
|
84389
|
+
var _exopitem$option_info, _valitemtobeinsreted$;
|
|
84390
|
+
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)) {
|
|
84391
|
+
if (is_valitemexists == false) {
|
|
84392
|
+
var _valitemtobeinsreted$2;
|
|
84393
|
+
exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
|
|
84394
|
+
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
|
|
84395
|
+
}));
|
|
84396
|
+
}
|
|
84397
|
+
isoptionexists = true;
|
|
84398
|
+
}
|
|
84399
|
+
});
|
|
84400
|
+
if (isoptionexists == false) {
|
|
84401
|
+
var _valitemtobeinsreted$3;
|
|
84402
|
+
options_w_values.push({
|
|
84403
|
+
option_info: valitem.option_info,
|
|
84404
|
+
optionindex: valitem.option_info.optionindex,
|
|
84405
|
+
values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
|
|
84406
|
+
valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
|
|
84407
|
+
})]
|
|
84408
|
+
});
|
|
84409
|
+
}
|
|
84410
|
+
});
|
|
84411
|
+
});
|
|
84412
|
+
options_w_values.forEach(function (option) {
|
|
84413
|
+
option.values.sort(function (a, b) {
|
|
84414
|
+
return a.valueindex - b.valueindex;
|
|
84415
|
+
});
|
|
84416
|
+
});
|
|
84417
|
+
var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
|
|
84418
|
+
return a.optionindex - b.optionindex;
|
|
84419
|
+
});
|
|
84420
|
+
setoptions_w_values(_toConsumableArray__default["default"](Sortedoptions_w_values));
|
|
84421
|
+
// setoptions_w_values([...options_w_values]);
|
|
84422
|
+
setvariants_iteminfo(variants_iteminfo);
|
|
84423
|
+
setitem(iteminfo);
|
|
84424
|
+
}, [props.actions.item]);
|
|
84425
|
+
var choose_valueFunc = function choose_valueFunc(valitem, optioninfo) {
|
|
84426
|
+
var tempchoosen_values = _toConsumableArray__default["default"](choosen_values);
|
|
84427
|
+
var isvalueexists = false;
|
|
84428
|
+
// var optionid = optioninfo.optionid
|
|
84429
|
+
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (choseitem, choseindex) {
|
|
84430
|
+
if (valitem.optionid == choseitem.optionid) {
|
|
84431
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84432
|
+
}
|
|
84433
|
+
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
84434
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84435
|
+
isvalueexists = true;
|
|
84436
|
+
}
|
|
84437
|
+
});
|
|
84438
|
+
if (isvalueexists == false) {
|
|
84439
|
+
tempchoosen_values.push(valitem);
|
|
84440
|
+
}
|
|
84441
|
+
var tempoptions_w_values = _toConsumableArray__default["default"](options_w_values);
|
|
84442
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84443
|
+
var _item$values;
|
|
84444
|
+
item === null || item === void 0 || (_item$values = item.values) === null || _item$values === void 0 || _item$values.forEach(function (valitemex, valindex) {
|
|
84445
|
+
if (tempchoosen_values.length == 0) {
|
|
84446
|
+
valitemex.disabled = false;
|
|
84447
|
+
} else {
|
|
84448
|
+
valitemex.disabled = true;
|
|
84449
|
+
}
|
|
84450
|
+
});
|
|
84451
|
+
});
|
|
84452
|
+
if (tempchoosen_values.length != 0) {
|
|
84453
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84454
|
+
var _item$values2;
|
|
84455
|
+
item === null || item === void 0 || (_item$values2 = item.values) === null || _item$values2 === void 0 || _item$values2.forEach(function (valitem, valindex) {
|
|
84456
|
+
var _tempchoosen_values$s;
|
|
84457
|
+
var isvaluedisabled = true;
|
|
84458
|
+
(_tempchoosen_values$s = tempchoosen_values.slice(0, 1)) === null || _tempchoosen_values$s === void 0 || _tempchoosen_values$s.forEach(function (chosvalitem) {
|
|
84459
|
+
variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (variantitem) {
|
|
84460
|
+
var _variantitem$variantv3;
|
|
84461
|
+
var is_Start_Variant_Found = false;
|
|
84462
|
+
variantitem === null || variantitem === void 0 || (_variantitem$variantv3 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv3 === void 0 || _variantitem$variantv3.forEach(function (variantoptionsitem) {
|
|
84463
|
+
if (variantoptionsitem.valueid == chosvalitem.valueid) {
|
|
84464
|
+
is_Start_Variant_Found = true;
|
|
84465
|
+
}
|
|
84466
|
+
});
|
|
84467
|
+
if (is_Start_Variant_Found) {
|
|
84468
|
+
var _variantitem$variantv4;
|
|
84469
|
+
variantitem === null || variantitem === void 0 || (_variantitem$variantv4 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv4 === void 0 || _variantitem$variantv4.forEach(function (variantoptionsitem) {
|
|
84470
|
+
if (valitem.valueid == variantoptionsitem.valueid) {
|
|
84471
|
+
isvaluedisabled = false;
|
|
84472
|
+
}
|
|
84473
|
+
});
|
|
84474
|
+
}
|
|
84475
|
+
});
|
|
84476
|
+
});
|
|
84477
|
+
valitem.disabled = isvaluedisabled;
|
|
84478
|
+
});
|
|
84479
|
+
});
|
|
84480
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84481
|
+
var _item$values3;
|
|
84482
|
+
item === null || item === void 0 || (_item$values3 = item.values) === null || _item$values3 === void 0 || _item$values3.forEach(function (valitem, valindex) {
|
|
84483
|
+
if (valitem.optionid == tempchoosen_values[0].optionid) {
|
|
84484
|
+
valitem.disabled = false;
|
|
84485
|
+
}
|
|
84486
|
+
});
|
|
84487
|
+
});
|
|
84488
|
+
tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
|
|
84489
|
+
var _item$values4;
|
|
84490
|
+
item === null || item === void 0 || (_item$values4 = item.values) === null || _item$values4 === void 0 || _item$values4.forEach(function (valitem, valindex) {
|
|
84491
|
+
if (valitem.disabled == true) {
|
|
84492
|
+
tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (chosvalitem, choseindex) {
|
|
84493
|
+
if (chosvalitem.valueid == valitem.valueid) {
|
|
84494
|
+
tempchoosen_values.splice(choseindex, 1);
|
|
84495
|
+
}
|
|
84496
|
+
});
|
|
84497
|
+
}
|
|
84498
|
+
});
|
|
84499
|
+
});
|
|
84500
|
+
}
|
|
84501
|
+
setoptions_w_values(_toConsumableArray__default["default"](tempoptions_w_values));
|
|
84502
|
+
setchoosen_values(_toConsumableArray__default["default"](tempchoosen_values));
|
|
84503
|
+
};
|
|
84504
|
+
React.useEffect(function () {
|
|
84505
|
+
foundImageColorMatchingFunc(VariantColorImageComObj);
|
|
84506
|
+
}, [VariantColorImageComObj]);
|
|
84507
|
+
React.useEffect(function () {
|
|
84508
|
+
var completedVariantObj = null;
|
|
84509
|
+
var variantimagematching = null;
|
|
84510
|
+
if (choosen_values.length > 0) {
|
|
84511
|
+
var _iterator3 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84512
|
+
_step3;
|
|
84513
|
+
try {
|
|
84514
|
+
for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
|
|
84515
|
+
var _variantitem$variantv6;
|
|
84516
|
+
var variantitem = _step3.value;
|
|
84517
|
+
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) {
|
|
84518
|
+
return choosen_values.some(function (choosenValue) {
|
|
84519
|
+
return choosenValue.valueid === variantValue.valueid;
|
|
84520
|
+
});
|
|
84521
|
+
});
|
|
84522
|
+
if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
|
|
84523
|
+
completedVariantObj = variantitem;
|
|
84524
|
+
break;
|
|
84525
|
+
}
|
|
84526
|
+
}
|
|
84527
|
+
} catch (err) {
|
|
84528
|
+
_iterator3.e(err);
|
|
84529
|
+
} finally {
|
|
84530
|
+
_iterator3.f();
|
|
84531
|
+
}
|
|
84532
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
|
|
84533
|
+
var _item$option_info3, _item$option_info4;
|
|
84534
|
+
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') {
|
|
84535
|
+
var _iterator4 = _createForOfIteratorHelper(variants_iteminfo || []),
|
|
84536
|
+
_step4;
|
|
84537
|
+
try {
|
|
84538
|
+
for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
|
|
84539
|
+
var _variantitem$variantv5;
|
|
84540
|
+
var variantitem = _step4.value;
|
|
84541
|
+
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) {
|
|
84542
|
+
return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
|
|
84543
|
+
});
|
|
84544
|
+
if (matchingValue) {
|
|
84545
|
+
variantimagematching = variantitem;
|
|
84546
|
+
}
|
|
84547
|
+
}
|
|
84548
|
+
} catch (err) {
|
|
84549
|
+
_iterator4.e(err);
|
|
84550
|
+
} finally {
|
|
84551
|
+
_iterator4.f();
|
|
84552
|
+
}
|
|
84553
|
+
}
|
|
84554
|
+
});
|
|
84555
|
+
}
|
|
84556
|
+
setVariantColorImageComObj(variantimagematching || {});
|
|
84557
|
+
setVariantCompletedObj(completedVariantObj || {});
|
|
84558
|
+
}, [choosen_values]);
|
|
84559
|
+
|
|
84560
|
+
// useEffect(() => {
|
|
84561
|
+
// var completedVariantObj = {};
|
|
84562
|
+
// var tempchoosen_values = [...choosen_values];
|
|
84563
|
+
// if (choosen_values.length != 0) {
|
|
84564
|
+
// variants_iteminfo?.forEach(function (variantitem) {
|
|
84565
|
+
// var isVariantValuesAllSame = true;
|
|
84566
|
+
// variantitem?.variantvalues_w_valueinfo?.forEach(function (variantvalues) {
|
|
84567
|
+
// tempchoosen_values?.forEach(function (item, index) {
|
|
84568
|
+
// if (variantvalues.valueid != item.valueid) {
|
|
84569
|
+
// isVariantValuesAllSame = false;
|
|
84570
|
+
// } else {
|
|
84571
|
+
// }
|
|
84572
|
+
// });
|
|
84573
|
+
// });
|
|
84574
|
+
// if (isVariantValuesAllSame == true) {
|
|
84575
|
+
// completedVariantObj = variantitem;
|
|
84576
|
+
// }
|
|
84577
|
+
// });
|
|
84578
|
+
// }
|
|
84579
|
+
// setVariantCompletedObj({ ...completedVariantObj });
|
|
84580
|
+
// }, [choosen_values]);
|
|
84581
|
+
|
|
84582
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84583
|
+
"class": ' row m-0 w-100 mb-2 '
|
|
84584
|
+
}, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84585
|
+
"class": ' row m-0 w-100 '
|
|
84586
|
+
}, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
|
|
84587
|
+
var _item$values5;
|
|
84588
|
+
// if (index <= 3) {
|
|
84589
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84590
|
+
className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
|
|
84591
|
+
}, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
|
|
84592
|
+
var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
|
|
84593
|
+
var isChoosedValueExists = false;
|
|
84594
|
+
choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
|
|
84595
|
+
if (choseitem != null) {
|
|
84596
|
+
if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
|
|
84597
|
+
isChoosedValueExists = true;
|
|
84598
|
+
}
|
|
84599
|
+
}
|
|
84600
|
+
});
|
|
84601
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
84602
|
+
style: {
|
|
84603
|
+
textAlign: 'center'
|
|
84604
|
+
},
|
|
84605
|
+
"class": "mx-1"
|
|
84606
|
+
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
84607
|
+
onClick: function onClick() {
|
|
84608
|
+
choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
|
|
84609
|
+
},
|
|
84610
|
+
style: {
|
|
84611
|
+
// backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
|
|
84612
|
+
color: isChoosedValueExists ? '#ffffff' : '#000000',
|
|
84613
|
+
border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
|
|
84614
|
+
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',
|
|
84615
|
+
cursor: valitem.disabled ? 'not-allowed' : 'pointer',
|
|
84616
|
+
fontSize: '13px',
|
|
84617
|
+
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 : '',
|
|
84618
|
+
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 : '',
|
|
84619
|
+
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,
|
|
84620
|
+
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',
|
|
84621
|
+
fontWeight: 500
|
|
84622
|
+
},
|
|
84623
|
+
disabled: valitem.disabled
|
|
84624
|
+
}, (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'));
|
|
84625
|
+
}));
|
|
84626
|
+
// }
|
|
84627
|
+
})));
|
|
84628
|
+
};
|
|
84629
|
+
|
|
84603
84630
|
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
84631
|
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
84632
|
var Simpleproductcard = function Simpleproductcard(props) {
|
|
@@ -84875,6 +84902,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
84875
84902
|
fontSize: sectionproperties.skuFontSize + 'px',
|
|
84876
84903
|
color: sectionproperties.skuColor,
|
|
84877
84904
|
fontWeight: sectionproperties.skuFontWeight
|
|
84905
|
+
}),
|
|
84906
|
+
imagediv: glamor.css({
|
|
84907
|
+
':hover': {
|
|
84908
|
+
transition: 'all .4s ease',
|
|
84909
|
+
transform: sectionproperties.zoomimageonhover == 'Yes' ? 'scale(1.1)' : ''
|
|
84910
|
+
}
|
|
84878
84911
|
})
|
|
84879
84912
|
};
|
|
84880
84913
|
var _useState11 = React.useState(''),
|
|
@@ -85013,7 +85046,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
|
|
|
85013
85046
|
transition = true;
|
|
85014
85047
|
}
|
|
85015
85048
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
85016
|
-
"class":
|
|
85049
|
+
"class": card_cssstyles.imagediv + ' w-100 cursor-pointer ',
|
|
85017
85050
|
style: {
|
|
85018
85051
|
position: 'relative'
|
|
85019
85052
|
}
|