tabexseriescomponents 0.2.770 → 0.2.771

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -163,10 +163,10 @@ import _extends from '@babel/runtime/helpers/extends';
163
163
  import { Fade, Slide, Zoom } from 'react-slideshow-image';
164
164
  import { HiOutlineLocationMarker } from '@react-icons/all-files/hi/HiOutlineLocationMarker';
165
165
  import { FiPhoneCall } from '@react-icons/all-files/fi/FiPhoneCall';
166
- import { BsEye } from '@react-icons/all-files/bs/BsEye';
167
166
  import { FaRegEye } from '@react-icons/all-files/fa/FaRegEye';
168
167
  import { BsArrowRight } from '@react-icons/all-files/bs/BsArrowRight';
169
168
  import { BsArrowLeft } from '@react-icons/all-files/bs/BsArrowLeft';
169
+ import { BsEye } from '@react-icons/all-files/bs/BsEye';
170
170
  import { BiTimeFive } from '@react-icons/all-files/bi/BiTimeFive';
171
171
  import { IoIosArrowUp } from '@react-icons/all-files/io/IoIosArrowUp';
172
172
 
@@ -2782,23 +2782,25 @@ var Product_itemtype = function Product_itemtype(props) {
2782
2782
  React.createElement("div", {
2783
2783
  "class": "w-100 scrollhorizontalwithscrollbar "
2784
2784
  }, (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) {
2785
- return /*#__PURE__*/React.createElement("div", {
2786
- "class": ' scrollhorizontalcard mx-2 ',
2787
- style: {
2788
- height: sectionproperties.image_height + 'px',
2789
- width: sectionproperties.image_width + 'px'
2790
- }
2791
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
2792
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
2793
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
2794
- path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
2795
- style: {
2796
- width: '100%',
2797
- height: '100%',
2798
- objectFit: 'contain'
2799
- },
2800
- loading: "lazy"
2801
- }));
2785
+ if (item.is_size_guide != 1) {
2786
+ return /*#__PURE__*/React.createElement("div", {
2787
+ "class": ' scrollhorizontalcard mx-2 ',
2788
+ style: {
2789
+ height: sectionproperties.image_height + 'px',
2790
+ width: sectionproperties.image_width + 'px'
2791
+ }
2792
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
2793
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
2794
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
2795
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
2796
+ style: {
2797
+ width: '100%',
2798
+ height: '100%',
2799
+ objectFit: 'contain'
2800
+ },
2801
+ loading: "lazy"
2802
+ }));
2803
+ }
2802
2804
  }))), sectionproperties.gallerystyle == 'One Centered Image' && /*#__PURE__*/React.createElement("div", {
2803
2805
  "class": "col-lg-12 allcentered"
2804
2806
  }, (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) {
@@ -3089,7 +3091,23 @@ var Product_itemtype = function Product_itemtype(props) {
3089
3091
  fontWeight: sectionproperties.featurefontweight,
3090
3092
  fontSize: sectionproperties.featurefontsize
3091
3093
  }
3092
- }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar), /*#__PURE__*/React.createElement("td", {
3094
+ }, /*#__PURE__*/React.createElement("div", {
3095
+ "class": "row m-0 d-flex align-items-center"
3096
+ }, (fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url) != null && /*#__PURE__*/React.createElement("div", {
3097
+ style: {
3098
+ width: '20px'
3099
+ },
3100
+ "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
3101
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
3102
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
3103
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
3104
+ path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
3105
+ loading: "lazy",
3106
+ style: {
3107
+ maxWidth: '100%',
3108
+ maxHeight: '100%'
3109
+ }
3110
+ })), langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.name_en : fitem === null || fitem === void 0 ? void 0 : fitem.name_ar)), /*#__PURE__*/React.createElement("td", {
3093
3111
  style: {
3094
3112
  color: sectionproperties.featurevaluecolor,
3095
3113
  fontWeight: sectionproperties.featurevaluefontweight,
@@ -25039,7 +25057,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
25039
25057
  style: {
25040
25058
  position: sectionproperties.respheaderposition,
25041
25059
  // position: window.location.pathname == '/home' ? sectionproperties.respheaderposition : 'relative',
25042
- zIndex: 10000,
25060
+ zIndex: 1000,
25043
25061
  top: sectionproperties.respheaderposition == 'absolute' || sectionproperties.respheaderposition == 'fixed' ? '50px' : 0
25044
25062
  }
25045
25063
  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -25049,7 +25067,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
25049
25067
  templateproperties_contextprops: templateproperties_context,
25050
25068
  actions: actions
25051
25069
  })), sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
25052
- className: "col-lg-12 p-0"
25070
+ className: "col-lg-12 p-0",
25071
+ style: {
25072
+ borderBottom: sectionproperties.headerrespborderbottomwidth + ' solid ' + sectionproperties.headerrespborderbottomcolor
25073
+ }
25053
25074
  }, openSearch == false && /*#__PURE__*/React.createElement("div", {
25054
25075
  className: ' row m-0 w-100 d-none d-md-flex p-0 '
25055
25076
  }, /*#__PURE__*/React.createElement("div", {
@@ -33166,12 +33187,8 @@ var Simpleheader = function Simpleheader(props) {
33166
33187
  }, /*#__PURE__*/React.createElement("div", {
33167
33188
  "class": "".concat(header_cssstyles.dropdownitemcontainer)
33168
33189
  }, /*#__PURE__*/React.createElement("p", {
33169
- "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
33170
- style: {
33171
- fontSize: sectionproperties.dropdown_fontsize + 'px',
33172
- fontWeight: sectionproperties.dropdown_fontweight,
33173
- textTransform: sectionproperties.dropdown_texttransform
33174
- }
33190
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center justify-content-center m-0 p-0 ',
33191
+ style: {}
33175
33192
  }, /*#__PURE__*/React.createElement(FaMoneyBillWave, null), /*#__PURE__*/React.createElement("span", {
33176
33193
  "class": 'ml-2 mr-2'
33177
33194
  }, 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.createElement("div", {
@@ -72525,362 +72542,6 @@ styleInject(css_248z$f);
72525
72542
 
72526
72543
  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; }
72527
72544
  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(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; }
72528
- 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; } } }; }
72529
- 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; } }
72530
- 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; }
72531
- var Variants_J_Cards = function Variants_J_Cards(props) {
72532
- var _useState = useState(props.actions.item),
72533
- _useState2 = _slicedToArray(_useState, 2);
72534
- _useState2[0];
72535
- var setitem = _useState2[1];
72536
- var _useState3 = useState({}),
72537
- _useState4 = _slicedToArray(_useState3, 2),
72538
- variants_iteminfo = _useState4[0],
72539
- setvariants_iteminfo = _useState4[1];
72540
- var _useState5 = useState([]),
72541
- _useState6 = _slicedToArray(_useState5, 2),
72542
- options_w_values = _useState6[0],
72543
- setoptions_w_values = _useState6[1];
72544
- var _useState7 = useState([]),
72545
- _useState8 = _slicedToArray(_useState7, 2),
72546
- choosen_values = _useState8[0],
72547
- setchoosen_values = _useState8[1];
72548
- var _useState9 = useState({}),
72549
- _useState10 = _slicedToArray(_useState9, 2),
72550
- VariantCompletedObj = _useState10[0],
72551
- setVariantCompletedObj = _useState10[1];
72552
- var sectionproperties = props.actions.sectionproperties;
72553
- props.actions.lang;
72554
- props.actions.langdetect;
72555
- var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
72556
- var _useState11 = useState(props.cardinfoindexprops),
72557
- _useState12 = _slicedToArray(_useState11, 2);
72558
- _useState12[0];
72559
- _useState12[1];
72560
- var _useState13 = useState({}),
72561
- _useState14 = _slicedToArray(_useState13, 2),
72562
- VariantColorImageComObj = _useState14[0],
72563
- setVariantColorImageComObj = _useState14[1];
72564
- var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
72565
- useEffect(function () {
72566
- foundMatchedVariantFunc(VariantCompletedObj);
72567
- }, [VariantCompletedObj]);
72568
- useEffect(function () {
72569
- var completedVariantObj = null;
72570
- var variantimagematching = null;
72571
- if (choosen_values.length > 0) {
72572
- var _iterator = _createForOfIteratorHelper(variants_iteminfo || []),
72573
- _step;
72574
- try {
72575
- for (_iterator.s(); !(_step = _iterator.n()).done;) {
72576
- var _variantitem$variantv2;
72577
- var variantitem = _step.value;
72578
- 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) {
72579
- return choosen_values.some(function (choosenValue) {
72580
- return choosenValue.valueid === variantValue.valueid;
72581
- });
72582
- });
72583
- if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
72584
- completedVariantObj = variantitem;
72585
- break;
72586
- }
72587
- }
72588
- } catch (err) {
72589
- _iterator.e(err);
72590
- } finally {
72591
- _iterator.f();
72592
- }
72593
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
72594
- var _item$option_info, _item$option_info2;
72595
- 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') {
72596
- var _iterator2 = _createForOfIteratorHelper(variants_iteminfo || []),
72597
- _step2;
72598
- try {
72599
- for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
72600
- var _variantitem$variantv;
72601
- var variantitem = _step2.value;
72602
- 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) {
72603
- return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
72604
- });
72605
- if (matchingValue) {
72606
- variantimagematching = variantitem;
72607
- }
72608
- }
72609
- } catch (err) {
72610
- _iterator2.e(err);
72611
- } finally {
72612
- _iterator2.f();
72613
- }
72614
- }
72615
- });
72616
- }
72617
- setVariantColorImageComObj(variantimagematching || {});
72618
- setVariantCompletedObj(completedVariantObj || {});
72619
- }, [choosen_values]);
72620
- useEffect(function () {
72621
- var _props$actions;
72622
- var iteminfo = props.actions.item;
72623
- 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;
72624
- var options_w_values = [];
72625
- variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (item, index) {
72626
- var _item$variantvalues_w;
72627
- item === null || item === void 0 || (_item$variantvalues_w = item.variantvalues_w_valueinfo) === null || _item$variantvalues_w === void 0 || _item$variantvalues_w.forEach(function (valitem) {
72628
- var isoptionexists = false;
72629
- var is_valitemexists = false;
72630
- var valitemtobeinsreted = _objectSpread$I({}, valitem);
72631
- valitemtobeinsreted.disabled = false;
72632
- options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
72633
- var _exopitem$values;
72634
- exopitem === null || exopitem === void 0 || (_exopitem$values = exopitem.values) === null || _exopitem$values === void 0 || _exopitem$values.forEach(function (valexistitem) {
72635
- if (valexistitem.valueid == valitemtobeinsreted.valueid) {
72636
- is_valitemexists = true;
72637
- }
72638
- });
72639
- });
72640
- options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
72641
- var _exopitem$option_info, _valitemtobeinsreted$;
72642
- 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)) {
72643
- if (is_valitemexists == false) {
72644
- var _valitemtobeinsreted$2;
72645
- exopitem.values.push(_objectSpread$I(_objectSpread$I({}, valitemtobeinsreted), {}, {
72646
- valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
72647
- }));
72648
- }
72649
- isoptionexists = true;
72650
- }
72651
- });
72652
- if (isoptionexists == false) {
72653
- var _valitemtobeinsreted$3;
72654
- options_w_values.push({
72655
- option_info: valitem.option_info,
72656
- optionindex: valitem.option_info.optionindex,
72657
- values: [_objectSpread$I(_objectSpread$I({}, valitemtobeinsreted), {}, {
72658
- valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
72659
- })]
72660
- });
72661
- }
72662
- });
72663
- });
72664
- options_w_values.forEach(function (option) {
72665
- option.values.sort(function (a, b) {
72666
- return a.valueindex - b.valueindex;
72667
- });
72668
- });
72669
- var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
72670
- return a.optionindex - b.optionindex;
72671
- });
72672
- setoptions_w_values(_toConsumableArray(Sortedoptions_w_values));
72673
- // setoptions_w_values([...options_w_values]);
72674
- setvariants_iteminfo(variants_iteminfo);
72675
- setitem(iteminfo);
72676
- }, [props.actions.item]);
72677
- var choose_valueFunc = function choose_valueFunc(valitem, optioninfo) {
72678
- var tempchoosen_values = _toConsumableArray(choosen_values);
72679
- var isvalueexists = false;
72680
- // var optionid = optioninfo.optionid
72681
- tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (choseitem, choseindex) {
72682
- if (valitem.optionid == choseitem.optionid) {
72683
- tempchoosen_values.splice(choseindex, 1);
72684
- }
72685
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
72686
- tempchoosen_values.splice(choseindex, 1);
72687
- isvalueexists = true;
72688
- }
72689
- });
72690
- if (isvalueexists == false) {
72691
- tempchoosen_values.push(valitem);
72692
- }
72693
- var tempoptions_w_values = _toConsumableArray(options_w_values);
72694
- tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
72695
- var _item$values;
72696
- item === null || item === void 0 || (_item$values = item.values) === null || _item$values === void 0 || _item$values.forEach(function (valitemex, valindex) {
72697
- if (tempchoosen_values.length == 0) {
72698
- valitemex.disabled = false;
72699
- } else {
72700
- valitemex.disabled = true;
72701
- }
72702
- });
72703
- });
72704
- if (tempchoosen_values.length != 0) {
72705
- tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
72706
- var _item$values2;
72707
- item === null || item === void 0 || (_item$values2 = item.values) === null || _item$values2 === void 0 || _item$values2.forEach(function (valitem, valindex) {
72708
- var _tempchoosen_values$s;
72709
- var isvaluedisabled = true;
72710
- (_tempchoosen_values$s = tempchoosen_values.slice(0, 1)) === null || _tempchoosen_values$s === void 0 || _tempchoosen_values$s.forEach(function (chosvalitem) {
72711
- variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (variantitem) {
72712
- var _variantitem$variantv3;
72713
- var is_Start_Variant_Found = false;
72714
- variantitem === null || variantitem === void 0 || (_variantitem$variantv3 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv3 === void 0 || _variantitem$variantv3.forEach(function (variantoptionsitem) {
72715
- if (variantoptionsitem.valueid == chosvalitem.valueid) {
72716
- is_Start_Variant_Found = true;
72717
- }
72718
- });
72719
- if (is_Start_Variant_Found) {
72720
- var _variantitem$variantv4;
72721
- variantitem === null || variantitem === void 0 || (_variantitem$variantv4 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv4 === void 0 || _variantitem$variantv4.forEach(function (variantoptionsitem) {
72722
- if (valitem.valueid == variantoptionsitem.valueid) {
72723
- isvaluedisabled = false;
72724
- }
72725
- });
72726
- }
72727
- });
72728
- });
72729
- valitem.disabled = isvaluedisabled;
72730
- });
72731
- });
72732
- tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
72733
- var _item$values3;
72734
- item === null || item === void 0 || (_item$values3 = item.values) === null || _item$values3 === void 0 || _item$values3.forEach(function (valitem, valindex) {
72735
- if (valitem.optionid == tempchoosen_values[0].optionid) {
72736
- valitem.disabled = false;
72737
- }
72738
- });
72739
- });
72740
- tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
72741
- var _item$values4;
72742
- item === null || item === void 0 || (_item$values4 = item.values) === null || _item$values4 === void 0 || _item$values4.forEach(function (valitem, valindex) {
72743
- if (valitem.disabled == true) {
72744
- tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (chosvalitem, choseindex) {
72745
- if (chosvalitem.valueid == valitem.valueid) {
72746
- tempchoosen_values.splice(choseindex, 1);
72747
- }
72748
- });
72749
- }
72750
- });
72751
- });
72752
- }
72753
- setoptions_w_values(_toConsumableArray(tempoptions_w_values));
72754
- setchoosen_values(_toConsumableArray(tempchoosen_values));
72755
- };
72756
- useEffect(function () {
72757
- foundImageColorMatchingFunc(VariantColorImageComObj);
72758
- }, [VariantColorImageComObj]);
72759
- useEffect(function () {
72760
- var completedVariantObj = null;
72761
- var variantimagematching = null;
72762
- if (choosen_values.length > 0) {
72763
- var _iterator3 = _createForOfIteratorHelper(variants_iteminfo || []),
72764
- _step3;
72765
- try {
72766
- for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
72767
- var _variantitem$variantv6;
72768
- var variantitem = _step3.value;
72769
- 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) {
72770
- return choosen_values.some(function (choosenValue) {
72771
- return choosenValue.valueid === variantValue.valueid;
72772
- });
72773
- });
72774
- if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
72775
- completedVariantObj = variantitem;
72776
- break;
72777
- }
72778
- }
72779
- } catch (err) {
72780
- _iterator3.e(err);
72781
- } finally {
72782
- _iterator3.f();
72783
- }
72784
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
72785
- var _item$option_info3, _item$option_info4;
72786
- 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') {
72787
- var _iterator4 = _createForOfIteratorHelper(variants_iteminfo || []),
72788
- _step4;
72789
- try {
72790
- for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
72791
- var _variantitem$variantv5;
72792
- var variantitem = _step4.value;
72793
- 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) {
72794
- return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
72795
- });
72796
- if (matchingValue) {
72797
- variantimagematching = variantitem;
72798
- }
72799
- }
72800
- } catch (err) {
72801
- _iterator4.e(err);
72802
- } finally {
72803
- _iterator4.f();
72804
- }
72805
- }
72806
- });
72807
- }
72808
- setVariantColorImageComObj(variantimagematching || {});
72809
- setVariantCompletedObj(completedVariantObj || {});
72810
- }, [choosen_values]);
72811
-
72812
- // useEffect(() => {
72813
- // var completedVariantObj = {};
72814
- // var tempchoosen_values = [...choosen_values];
72815
- // if (choosen_values.length != 0) {
72816
- // variants_iteminfo?.forEach(function (variantitem) {
72817
- // var isVariantValuesAllSame = true;
72818
- // variantitem?.variantvalues_w_valueinfo?.forEach(function (variantvalues) {
72819
- // tempchoosen_values?.forEach(function (item, index) {
72820
- // if (variantvalues.valueid != item.valueid) {
72821
- // isVariantValuesAllSame = false;
72822
- // } else {
72823
- // }
72824
- // });
72825
- // });
72826
- // if (isVariantValuesAllSame == true) {
72827
- // completedVariantObj = variantitem;
72828
- // }
72829
- // });
72830
- // }
72831
- // setVariantCompletedObj({ ...completedVariantObj });
72832
- // }, [choosen_values]);
72833
-
72834
- return /*#__PURE__*/React.createElement("div", {
72835
- "class": ' row m-0 w-100 mb-2 '
72836
- }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
72837
- "class": ' row m-0 w-100 '
72838
- }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
72839
- var _item$values5;
72840
- // if (index <= 3) {
72841
- return /*#__PURE__*/React.createElement("div", {
72842
- className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
72843
- }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
72844
- var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
72845
- var isChoosedValueExists = false;
72846
- choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
72847
- if (choseitem != null) {
72848
- if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
72849
- isChoosedValueExists = true;
72850
- }
72851
- }
72852
- });
72853
- return /*#__PURE__*/React.createElement("div", {
72854
- style: {
72855
- textAlign: 'center'
72856
- },
72857
- "class": "mx-1"
72858
- }, /*#__PURE__*/React.createElement("button", {
72859
- onClick: function onClick() {
72860
- choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
72861
- },
72862
- style: {
72863
- // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
72864
- color: isChoosedValueExists ? '#ffffff' : '#000000',
72865
- border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
72866
- 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',
72867
- cursor: valitem.disabled ? 'not-allowed' : 'pointer',
72868
- fontSize: '13px',
72869
- 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 : '',
72870
- 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 : '',
72871
- 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,
72872
- 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',
72873
- fontWeight: 500
72874
- },
72875
- disabled: valitem.disabled
72876
- }, (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'));
72877
- }));
72878
- // }
72879
- })));
72880
- };
72881
-
72882
- 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; }
72883
- 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(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; }
72884
72545
  var Categorycard_details_onhover = function Categorycard_details_onhover(props) {
72885
72546
  var _useState = useState(''),
72886
72547
  _useState2 = _slicedToArray(_useState, 2),
@@ -72923,14 +72584,14 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
72923
72584
  });
72924
72585
  }
72925
72586
  });
72926
- setsectionproperties(_objectSpread$H({}, secpropobj));
72587
+ setsectionproperties(_objectSpread$I({}, secpropobj));
72927
72588
  }, [StatePagePropertiesContext]);
72928
72589
  useEffect(function () {
72929
72590
  setitem(props.cardinfoitemprops);
72930
72591
  }, [props.cardinfoitemprops]);
72931
72592
  useEffect(function () {
72932
72593
  var productImagetoBeSelected = '';
72933
- var Tempitem = _objectSpread$H({}, item);
72594
+ var Tempitem = _objectSpread$I({}, item);
72934
72595
  productImagetoBeSelected = item.productmainimage;
72935
72596
  if (variantObj != undefined && variantObj != null && Object.keys(variantObj).length != 0 && variantObj != '') {
72936
72597
  var variatgalleryid = variantObj.variantgalleryid;
@@ -72944,11 +72605,11 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
72944
72605
  }
72945
72606
  }
72946
72607
  Tempitem.image = productImagetoBeSelected;
72947
- setitem(_objectSpread$H({}, Tempitem));
72608
+ setitem(_objectSpread$I({}, Tempitem));
72948
72609
  }, [variantObj]);
72949
72610
  useEffect(function () {
72950
72611
  var productImagetoBeSelected = '';
72951
- var Tempitem = _objectSpread$H({}, item);
72612
+ var Tempitem = _objectSpread$I({}, item);
72952
72613
  productImagetoBeSelected = item.productmainimage;
72953
72614
  if (Variant_Color_ImageObj != undefined && Variant_Color_ImageObj != null && Object.keys(Variant_Color_ImageObj).length != 0 && Variant_Color_ImageObj != '') {
72954
72615
  var variatgalleryid = Variant_Color_ImageObj.variantgalleryid;
@@ -72962,7 +72623,7 @@ var Categorycard_details_onhover = function Categorycard_details_onhover(props)
72962
72623
  }
72963
72624
  }
72964
72625
  Tempitem.image = productImagetoBeSelected;
72965
- setitem(_objectSpread$H({}, Tempitem));
72626
+ setitem(_objectSpread$I({}, Tempitem));
72966
72627
  }, [Variant_Color_ImageObj]);
72967
72628
  var card_cssstyles = {
72968
72629
  innersection: css({
@@ -73296,8 +72957,8 @@ var css_248z$e = "\n@media (max-width: 576px) {\n .generalCardsStyles-module_
73296
72957
  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"};
73297
72958
  styleInject(css_248z$e);
73298
72959
 
73299
- 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; }
73300
- 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(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; }
72960
+ 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; }
72961
+ 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(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; }
73301
72962
  var UpSlideEffectCard = function UpSlideEffectCard(props) {
73302
72963
  var _useState = useState(''),
73303
72964
  _useState2 = _slicedToArray(_useState, 2),
@@ -73335,7 +72996,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
73335
72996
  });
73336
72997
  }
73337
72998
  });
73338
- setsectionproperties(_objectSpread$G({}, secpropobj));
72999
+ setsectionproperties(_objectSpread$H({}, secpropobj));
73339
73000
  }, [StatePagePropertiesContext]);
73340
73001
  useEffect(function () {
73341
73002
  if (item.quantity == 0) {
@@ -73645,13 +73306,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
73645
73306
  onClick: function onClick(e) {
73646
73307
  e.stopPropagation();
73647
73308
  if (item.hasvariants == 0) {
73648
- var tempitem = _objectSpread$G({}, item);
73309
+ var tempitem = _objectSpread$H({}, item);
73649
73310
  tempitem.quantity = parseInt(tempitem.quantity);
73650
73311
  tempitem.quantity = tempitem.quantity - 1;
73651
73312
  if (tempitem.quantity <= 0) {
73652
73313
  tempitem.quantity = 0;
73653
73314
  }
73654
- setitem(_objectSpread$G({}, tempitem));
73315
+ setitem(_objectSpread$H({}, tempitem));
73655
73316
  addtocartfunc('add', tempitem.quantity);
73656
73317
  } else {
73657
73318
  setShowProductInfoModalContext(true);
@@ -73668,13 +73329,13 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
73668
73329
  onClick: function onClick(e) {
73669
73330
  e.stopPropagation();
73670
73331
  if (item.hasvariants == 0) {
73671
- var tempitem = _objectSpread$G({}, item);
73332
+ var tempitem = _objectSpread$H({}, item);
73672
73333
  tempitem.quantity = parseInt(tempitem.quantity);
73673
73334
  tempitem.quantity = tempitem.quantity + 1;
73674
73335
  if (tempitem.quantity <= 0) {
73675
73336
  tempitem.quantity = 0;
73676
73337
  }
73677
- setitem(_objectSpread$G({}, tempitem));
73338
+ setitem(_objectSpread$H({}, tempitem));
73678
73339
  addtocartfunc('add', tempitem.quantity);
73679
73340
  } else {
73680
73341
  setShowProductInfoModalContext(true);
@@ -73830,8 +73491,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
73830
73491
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
73831
73492
  };
73832
73493
 
73833
- 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; }
73834
- 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(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; }
73494
+ 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; }
73495
+ 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(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; }
73835
73496
  var CircleCardWithVariants = function CircleCardWithVariants(props) {
73836
73497
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
73837
73498
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
@@ -73874,7 +73535,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
73874
73535
  });
73875
73536
  }
73876
73537
  });
73877
- setsectionproperties(_objectSpread$F({}, secpropobj));
73538
+ setsectionproperties(_objectSpread$G({}, secpropobj));
73878
73539
  }, [StatePagePropertiesContext]);
73879
73540
 
73880
73541
  // Card Information
@@ -74261,13 +73922,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
74261
73922
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
74262
73923
  onClick: function onClick() {
74263
73924
  if (item.hasvariants == 0) {
74264
- var tempitem = _objectSpread$F({}, item);
73925
+ var tempitem = _objectSpread$G({}, item);
74265
73926
  tempitem.quantity = parseInt(tempitem.quantity);
74266
73927
  tempitem.quantity = tempitem.quantity - 1;
74267
73928
  if (tempitem.quantity <= 0) {
74268
73929
  tempitem.quantity = 0;
74269
73930
  }
74270
- setitem(_objectSpread$F({}, tempitem));
73931
+ setitem(_objectSpread$G({}, tempitem));
74271
73932
  addtocartfunc('add', tempitem.quantity);
74272
73933
  } else {
74273
73934
  setShowProductInfoModalContext(true);
@@ -74283,13 +73944,13 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
74283
73944
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
74284
73945
  onClick: function onClick() {
74285
73946
  if (item.hasvariants == 0) {
74286
- var tempitem = _objectSpread$F({}, item);
73947
+ var tempitem = _objectSpread$G({}, item);
74287
73948
  tempitem.quantity = parseInt(tempitem.quantity);
74288
73949
  tempitem.quantity = tempitem.quantity + 1;
74289
73950
  if (tempitem.quantity <= 0) {
74290
73951
  tempitem.quantity = 0;
74291
73952
  }
74292
- setitem(_objectSpread$F({}, tempitem));
73953
+ setitem(_objectSpread$G({}, tempitem));
74293
73954
  addtocartfunc('add', tempitem.quantity);
74294
73955
  } else {
74295
73956
  setShowProductInfoModalContext(true);
@@ -74314,8 +73975,8 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
74314
73975
  }))))))));
74315
73976
  };
74316
73977
 
74317
- 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; }
74318
- 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(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; }
73978
+ 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; }
73979
+ 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(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; }
74319
73980
  var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
74320
73981
  var _useState = useState(''),
74321
73982
  _useState2 = _slicedToArray(_useState, 2),
@@ -74342,7 +74003,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
74342
74003
  });
74343
74004
  }
74344
74005
  });
74345
- setsectionproperties(_objectSpread$E({}, secpropobj));
74006
+ setsectionproperties(_objectSpread$F({}, secpropobj));
74346
74007
  }, [StatePagePropertiesContext]);
74347
74008
  var _useState5 = useState(props.cardinfoindexprops),
74348
74009
  _useState6 = _slicedToArray(_useState5, 2);
@@ -74354,7 +74015,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
74354
74015
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
74355
74016
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
74356
74017
  });
74357
- setsectionproperties(_objectSpread$E({}, secpropobj));
74018
+ setsectionproperties(_objectSpread$F({}, secpropobj));
74358
74019
  } else {
74359
74020
  var secpropobj = {};
74360
74021
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74364,7 +74025,7 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
74364
74025
  });
74365
74026
  }
74366
74027
  });
74367
- setsectionproperties(_objectSpread$E({}, secpropobj));
74028
+ setsectionproperties(_objectSpread$F({}, secpropobj));
74368
74029
  }
74369
74030
  }, [StatePagePropertiesContext]);
74370
74031
 
@@ -74515,8 +74176,8 @@ var CategoryCardTextOnImage = function CategoryCardTextOnImage(props) {
74515
74176
  }, CardContent()));
74516
74177
  };
74517
74178
 
74518
- 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; }
74519
- 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(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; }
74179
+ 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; }
74180
+ 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(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; }
74520
74181
  var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
74521
74182
  var _useState = useState(''),
74522
74183
  _useState2 = _slicedToArray(_useState, 2),
@@ -74541,7 +74202,7 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
74541
74202
  });
74542
74203
  }
74543
74204
  });
74544
- setsectionproperties(_objectSpread$D({}, secpropobj));
74205
+ setsectionproperties(_objectSpread$E({}, secpropobj));
74545
74206
  }, [StatePagePropertiesContext]);
74546
74207
  useEffect(function () {
74547
74208
  setitem(props.cardinfoitemprops);
@@ -74685,8 +74346,8 @@ var HorizontalCategoryCard = function HorizontalCategoryCard(props) {
74685
74346
  }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)))))));
74686
74347
  };
74687
74348
 
74688
- 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; }
74689
- 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(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; }
74349
+ 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; }
74350
+ 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(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; }
74690
74351
  var NewProductcard = function NewProductcard(props) {
74691
74352
  var _useState = useState(''),
74692
74353
  _useState2 = _slicedToArray(_useState, 2),
@@ -74713,7 +74374,7 @@ var NewProductcard = function NewProductcard(props) {
74713
74374
  });
74714
74375
  }
74715
74376
  });
74716
- setsectionproperties(_objectSpread$C({}, secpropobj));
74377
+ setsectionproperties(_objectSpread$D({}, secpropobj));
74717
74378
  }, [StatePagePropertiesContext]);
74718
74379
  useEffect(function () {
74719
74380
  setitem(props.cardinfoitemprops);
@@ -75134,8 +74795,8 @@ var css_248z$d = ".UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7
75134
74795
  var cardstyles$7 = {"buttons_container1":"UserCardWithSocialMediaOnHover-module_buttons_container1__Ic7UT","productcard":"UserCardWithSocialMediaOnHover-module_productcard__Yf1rE","image_container":"UserCardWithSocialMediaOnHover-module_image_container__OZfNU"};
75135
74796
  styleInject(css_248z$d);
75136
74797
 
75137
- 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; }
75138
- 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(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; }
74798
+ 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; }
74799
+ 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(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; }
75139
74800
  var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(props) {
75140
74801
  var _useState = useState(''),
75141
74802
  _useState2 = _slicedToArray(_useState, 2),
@@ -75160,7 +74821,7 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
75160
74821
  });
75161
74822
  }
75162
74823
  });
75163
- setsectionproperties(_objectSpread$B({}, secpropobj));
74824
+ setsectionproperties(_objectSpread$C({}, secpropobj));
75164
74825
  }, [StatePagePropertiesContext]);
75165
74826
  useEffect(function () {
75166
74827
  setitem(props.cardinfoitemprops);
@@ -75305,8 +74966,8 @@ var UserCardWithSocialMediaOnHover = function UserCardWithSocialMediaOnHover(pro
75305
74966
  }, item.name)))));
75306
74967
  };
75307
74968
 
75308
- 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; }
75309
- 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(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; }
74969
+ 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; }
74970
+ 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(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; }
75310
74971
  var Card20 = function Card20(props) {
75311
74972
  var _useState = useState(''),
75312
74973
  _useState2 = _slicedToArray(_useState, 2),
@@ -75339,7 +75000,7 @@ var Card20 = function Card20(props) {
75339
75000
  });
75340
75001
  }
75341
75002
  });
75342
- setsectionproperties(_objectSpread$A({}, secpropobj));
75003
+ setsectionproperties(_objectSpread$B({}, secpropobj));
75343
75004
  }, [StatePagePropertiesContext]);
75344
75005
  useEffect(function () {
75345
75006
  setitem(props.cardinfoitemprops);
@@ -75561,8 +75222,8 @@ var Card20 = function Card20(props) {
75561
75222
  }, langdetect == 'en' ? item.currencyname : '', " ", parseFloat(Number(item.defaultprice).toFixed(2)), " ", langdetect == 'en' ? '' : item.currencyname)))));
75562
75223
  };
75563
75224
 
75564
- 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; }
75565
- 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(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; }
75225
+ 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; }
75226
+ 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(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; }
75566
75227
  var Card21 = function Card21(props) {
75567
75228
  var _useState = useState(''),
75568
75229
  _useState2 = _slicedToArray(_useState, 2),
@@ -75592,7 +75253,7 @@ var Card21 = function Card21(props) {
75592
75253
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
75593
75254
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
75594
75255
  });
75595
- setsectionproperties(_objectSpread$z({}, secpropobj));
75256
+ setsectionproperties(_objectSpread$A({}, secpropobj));
75596
75257
  } else {
75597
75258
  var secpropobj = {};
75598
75259
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -75602,7 +75263,7 @@ var Card21 = function Card21(props) {
75602
75263
  });
75603
75264
  }
75604
75265
  });
75605
- setsectionproperties(_objectSpread$z({}, secpropobj));
75266
+ setsectionproperties(_objectSpread$A({}, secpropobj));
75606
75267
  }
75607
75268
  }, [StatePagePropertiesContext]);
75608
75269
  useEffect(function () {
@@ -75893,8 +75554,8 @@ var Card21 = function Card21(props) {
75893
75554
  }, "18 Days"))));
75894
75555
  };
75895
75556
 
75896
- 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; }
75897
- 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(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; }
75557
+ 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; }
75558
+ 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(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; }
75898
75559
  var Card22 = function Card22(props) {
75899
75560
  var _useState = useState(''),
75900
75561
  _useState2 = _slicedToArray(_useState, 2),
@@ -75924,7 +75585,7 @@ var Card22 = function Card22(props) {
75924
75585
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
75925
75586
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
75926
75587
  });
75927
- setsectionproperties(_objectSpread$y({}, secpropobj));
75588
+ setsectionproperties(_objectSpread$z({}, secpropobj));
75928
75589
  } else {
75929
75590
  var secpropobj = {};
75930
75591
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -75934,7 +75595,7 @@ var Card22 = function Card22(props) {
75934
75595
  });
75935
75596
  }
75936
75597
  });
75937
- setsectionproperties(_objectSpread$y({}, secpropobj));
75598
+ setsectionproperties(_objectSpread$z({}, secpropobj));
75938
75599
  }
75939
75600
  }, [StatePagePropertiesContext]);
75940
75601
  useEffect(function () {
@@ -76125,8 +75786,8 @@ var Card22 = function Card22(props) {
76125
75786
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))));
76126
75787
  };
76127
75788
 
76128
- 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; }
76129
- 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(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; }
75789
+ 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; }
75790
+ 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(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; }
76130
75791
  var Card23 = function Card23(props) {
76131
75792
  var _useState = useState(''),
76132
75793
  _useState2 = _slicedToArray(_useState, 2),
@@ -76163,7 +75824,7 @@ var Card23 = function Card23(props) {
76163
75824
  });
76164
75825
  }
76165
75826
  });
76166
- setsectionproperties(_objectSpread$x({}, secpropobj));
75827
+ setsectionproperties(_objectSpread$y({}, secpropobj));
76167
75828
  }, [StatePagePropertiesContext]);
76168
75829
  useEffect(function () {
76169
75830
  var _props$cardinfoitempr;
@@ -76479,7 +76140,7 @@ var Card23 = function Card23(props) {
76479
76140
  var AddtoCartContext = props.actions.AddtoCartContext;
76480
76141
  var addtocartfunc = function addtocartfunc(forcetocheckout) {
76481
76142
  var forcetocheckoutvalue = forcetocheckout;
76482
- var tempaddtocardpayloadobj = _objectSpread$x({}, addtocardpayloadobj);
76143
+ var tempaddtocardpayloadobj = _objectSpread$y({}, addtocardpayloadobj);
76483
76144
  tempaddtocardpayloadobj.productid = item.productid;
76484
76145
  tempaddtocardpayloadobj.functype = 'add';
76485
76146
  tempaddtocardpayloadobj.item_type = 'product';
@@ -76764,8 +76425,8 @@ var Card23 = function Card23(props) {
76764
76425
  }, langdetect == 'en' ? 'Buy Now' : 'اشترى الان'))))))));
76765
76426
  };
76766
76427
 
76767
- 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; }
76768
- 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(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; }
76428
+ 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; }
76429
+ 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(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; }
76769
76430
  var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
76770
76431
  var _useState = useState(''),
76771
76432
  _useState2 = _slicedToArray(_useState, 2),
@@ -76795,7 +76456,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
76795
76456
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
76796
76457
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
76797
76458
  });
76798
- setsectionproperties(_objectSpread$w({}, secpropobj));
76459
+ setsectionproperties(_objectSpread$x({}, secpropobj));
76799
76460
  } else {
76800
76461
  var secpropobj = {};
76801
76462
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -76805,7 +76466,7 @@ var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {
76805
76466
  });
76806
76467
  }
76807
76468
  });
76808
- setsectionproperties(_objectSpread$w({}, secpropobj));
76469
+ setsectionproperties(_objectSpread$x({}, secpropobj));
76809
76470
  }
76810
76471
  }, [StatePagePropertiesContext]);
76811
76472
  useEffect(function () {
@@ -77109,8 +76770,8 @@ var css_248z$c = ".Productccard_with_zoominonhover-module_productcard__8ASdR {\n
77109
76770
  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"};
77110
76771
  styleInject(css_248z$c);
77111
76772
 
77112
- 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; }
77113
- 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(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; }
76773
+ 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; }
76774
+ 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(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; }
77114
76775
  var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(props) {
77115
76776
  var _useState = useState(''),
77116
76777
  _useState2 = _slicedToArray(_useState, 2),
@@ -77139,7 +76800,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
77139
76800
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
77140
76801
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
77141
76802
  });
77142
- setsectionproperties(_objectSpread$v({}, secpropobj));
76803
+ setsectionproperties(_objectSpread$w({}, secpropobj));
77143
76804
  } else {
77144
76805
  var secpropobj = {};
77145
76806
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -77149,14 +76810,14 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
77149
76810
  });
77150
76811
  }
77151
76812
  });
77152
- setsectionproperties(_objectSpread$v({}, secpropobj));
76813
+ setsectionproperties(_objectSpread$w({}, secpropobj));
77153
76814
  }
77154
76815
  }, [StatePagePropertiesContext]);
77155
76816
  useEffect(function () {
77156
76817
  setitem(props.cardinfoitemprops);
77157
76818
  }, [props.cardinfoitemprops]);
77158
76819
  var updatequantity = function updatequantity(type) {
77159
- var tempitem = _objectSpread$v({}, item);
76820
+ var tempitem = _objectSpread$w({}, item);
77160
76821
  tempitem.quantity = parseInt(tempitem.quantity);
77161
76822
  if (type == 'add') {
77162
76823
  tempitem.quantity = tempitem.quantity + 1;
@@ -77166,7 +76827,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
77166
76827
  if (tempitem.quantity <= 0) {
77167
76828
  tempitem.quantity = 0;
77168
76829
  }
77169
- setitem(_objectSpread$v({}, tempitem));
76830
+ setitem(_objectSpread$w({}, tempitem));
77170
76831
  };
77171
76832
  var addtocartfunc = function addtocartfunc() {
77172
76833
  var addtocardpayloadobj = {
@@ -77748,8 +77409,8 @@ var css_248z$b = ".categorycard3-module_categoryCard__3mSQo {\n position: rel
77748
77409
  var cardstyles$6 = {"categoryCard":"categorycard3-module_categoryCard__3mSQo"};
77749
77410
  styleInject(css_248z$b);
77750
77411
 
77751
- 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; }
77752
- 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(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; }
77412
+ 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; }
77413
+ 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(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; }
77753
77414
  var Categorycard_with_twolinestransition = function Categorycard_with_twolinestransition(props) {
77754
77415
  var _css;
77755
77416
  var _useState = useState(''),
@@ -77776,7 +77437,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
77776
77437
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
77777
77438
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
77778
77439
  });
77779
- setsectionproperties(_objectSpread$u({}, secpropobj));
77440
+ setsectionproperties(_objectSpread$v({}, secpropobj));
77780
77441
  } else {
77781
77442
  var secpropobj = {};
77782
77443
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -77786,7 +77447,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
77786
77447
  });
77787
77448
  }
77788
77449
  });
77789
- setsectionproperties(_objectSpread$u({}, secpropobj));
77450
+ setsectionproperties(_objectSpread$v({}, secpropobj));
77790
77451
  }
77791
77452
  }, [StatePagePropertiesContext]);
77792
77453
  useEffect(function () {
@@ -77930,8 +77591,8 @@ var css_248z$a = ".Categorcycard_fullimage-module_categorycardtext__WLY3- {\n
77930
77591
  var cardstyles$5 = {"categorycardtext":"Categorcycard_fullimage-module_categorycardtext__WLY3-","x":"Categorcycard_fullimage-module_x__EZ-yx"};
77931
77592
  styleInject(css_248z$a);
77932
77593
 
77933
- 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; }
77934
- 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(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; }
77594
+ 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; }
77595
+ 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(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; }
77935
77596
  var Categorycard_fullimage = function Categorycard_fullimage(props) {
77936
77597
  var _useState = useState(''),
77937
77598
  _useState2 = _slicedToArray(_useState, 2),
@@ -77961,7 +77622,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
77961
77622
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
77962
77623
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
77963
77624
  });
77964
- setsectionproperties(_objectSpread$t({}, secpropobj));
77625
+ setsectionproperties(_objectSpread$u({}, secpropobj));
77965
77626
  } else {
77966
77627
  var secpropobj = {};
77967
77628
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -77971,7 +77632,7 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
77971
77632
  });
77972
77633
  }
77973
77634
  });
77974
- setsectionproperties(_objectSpread$t({}, secpropobj));
77635
+ setsectionproperties(_objectSpread$u({}, secpropobj));
77975
77636
  }
77976
77637
  }, [StatePagePropertiesContext]);
77977
77638
  useEffect(function () {
@@ -78136,8 +77797,8 @@ var css_248z$9 = ".Categorycard_slidebgscaled-module_categoryCard__-tIaD {\n
78136
77797
  var cardstyles$4 = {"categoryCard":"Categorycard_slidebgscaled-module_categoryCard__-tIaD","hover":"Categorycard_slidebgscaled-module_hover__Voj0y","cardbtn":"Categorycard_slidebgscaled-module_cardbtn__JlkMB"};
78137
77798
  styleInject(css_248z$9);
78138
77799
 
78139
- 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; }
78140
- 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(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; }
77800
+ 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; }
77801
+ 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(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; }
78141
77802
  var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
78142
77803
  var _useState = useState(''),
78143
77804
  _useState2 = _slicedToArray(_useState, 2),
@@ -78163,7 +77824,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
78163
77824
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
78164
77825
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
78165
77826
  });
78166
- setsectionproperties(_objectSpread$s({}, secpropobj));
77827
+ setsectionproperties(_objectSpread$t({}, secpropobj));
78167
77828
  } else {
78168
77829
  var secpropobj = {};
78169
77830
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -78173,7 +77834,7 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
78173
77834
  });
78174
77835
  }
78175
77836
  });
78176
- setsectionproperties(_objectSpread$s({}, secpropobj));
77837
+ setsectionproperties(_objectSpread$t({}, secpropobj));
78177
77838
  }
78178
77839
  }, [StatePagePropertiesContext]);
78179
77840
  useEffect(function () {
@@ -78323,8 +77984,8 @@ var Categorycard_slidebgscaled = function Categorycard_slidebgscaled(props) {
78323
77984
  }, sectionproperties.generalbtn_content)))))));
78324
77985
  };
78325
77986
 
78326
- 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; }
78327
- 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(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; }
77987
+ 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; }
77988
+ 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(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; }
78328
77989
  var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props) {
78329
77990
  var _useState = useState(''),
78330
77991
  _useState2 = _slicedToArray(_useState, 2),
@@ -78350,7 +78011,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
78350
78011
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
78351
78012
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
78352
78013
  });
78353
- setsectionproperties(_objectSpread$r({}, secpropobj));
78014
+ setsectionproperties(_objectSpread$s({}, secpropobj));
78354
78015
  } else {
78355
78016
  var secpropobj = {};
78356
78017
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -78360,7 +78021,7 @@ var Categorycard_with_trianglebg = function Categorycard_with_trianglebg(props)
78360
78021
  });
78361
78022
  }
78362
78023
  });
78363
- setsectionproperties(_objectSpread$r({}, secpropobj));
78024
+ setsectionproperties(_objectSpread$s({}, secpropobj));
78364
78025
  }
78365
78026
  }, [StatePagePropertiesContext]);
78366
78027
  useEffect(function () {
@@ -78491,8 +78152,8 @@ var css_248z$8 = "*,\n*:before,\n*:after {\n margin: 0;\n padding: 0;\n
78491
78152
  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-"};
78492
78153
  styleInject(css_248z$8);
78493
78154
 
78494
- 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; }
78495
- 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(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; }
78155
+ 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; }
78156
+ 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(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; }
78496
78157
  var Categorycard_withshapes = function Categorycard_withshapes(props) {
78497
78158
  var _useState = useState(''),
78498
78159
  _useState2 = _slicedToArray(_useState, 2),
@@ -78512,6 +78173,157 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
78512
78173
  props.setProductIdProdutInfoModalContext;
78513
78174
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
78514
78175
  var ikimagecredcontext = props.actions.ikimagecredcontext;
78176
+ var _useState5 = useState(props.cardinfoindexprops),
78177
+ _useState6 = _slicedToArray(_useState5, 2);
78178
+ _useState6[0];
78179
+ _useState6[1];
78180
+ useEffect(function () {
78181
+ if (props.srcfrom == 'addsectionform') {
78182
+ var secpropobj = {};
78183
+ props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
78184
+ secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
78185
+ });
78186
+ setsectionproperties(_objectSpread$r({}, secpropobj));
78187
+ } else {
78188
+ var secpropobj = {};
78189
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
78190
+ if (sectionitem.sectionid == props.sectionidprops) {
78191
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
78192
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
78193
+ });
78194
+ }
78195
+ });
78196
+ setsectionproperties(_objectSpread$r({}, secpropobj));
78197
+ }
78198
+ }, [StatePagePropertiesContext]);
78199
+ useEffect(function () {
78200
+ setitem(props.cardinfoitemprops);
78201
+ }, [props.cardinfoitemprops]);
78202
+ var card_cssstyles = {
78203
+ categoryCard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
78204
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
78205
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
78206
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
78207
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
78208
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
78209
+ marginTop: sectionproperties.marginTop + 'px',
78210
+ marginBottom: sectionproperties.marginBottom + 'px',
78211
+ marginLeft: sectionproperties.card_marginLeft + 'px',
78212
+ paddingLeft: sectionproperties.paddingLeft + 'px',
78213
+ paddingRight: sectionproperties.paddingRight + 'px',
78214
+ paddingTop: sectionproperties.paddingTop + 'px',
78215
+ paddingBottom: sectionproperties.paddingBottom + 'px',
78216
+ height: sectionproperties.height + 'px',
78217
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : '',
78218
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
78219
+ transition: '0.3s',
78220
+ cursor: 'pointer',
78221
+ opacity: sectionproperties.cardbg_opacity,
78222
+ overflow: 'hidden'
78223
+ }, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
78224
+ backgroundColor: sectionproperties.transitionbg_color
78225
+ })),
78226
+ categorycardtext: css({
78227
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
78228
+ color: sectionproperties.generaltext_fontColor,
78229
+ textTransform: sectionproperties.generaltext_textTransform,
78230
+ fontWeight: sectionproperties.generaltext_fontWeight
78231
+ }),
78232
+ shadow1: css({
78233
+ background: sectionproperties.firstcolor
78234
+ // primary
78235
+ }),
78236
+ shadow2: css({
78237
+ background: sectionproperties.secondcolor
78238
+ // primary
78239
+ }),
78240
+ cards_three__rect2: css({
78241
+ ':before': {
78242
+ background: sectionproperties.secondcolor
78243
+ },
78244
+ ':after': {
78245
+ background: sectionproperties.firstcolor
78246
+ }
78247
+ }),
78248
+ cards_three__circle: css({
78249
+ ':before': {
78250
+ background: sectionproperties.firstcolor
78251
+ }
78252
+ })
78253
+ };
78254
+ return /*#__PURE__*/React.createElement("div", {
78255
+ "class": "".concat(cardstyles$3.card__collection, " ").concat(card_cssstyles.categoryCard),
78256
+ onClick: function onClick() {
78257
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
78258
+ }
78259
+ }, /*#__PURE__*/React.createElement("div", {
78260
+ "class": "".concat(cardstyles$3.cards, " ").concat(cardstyles$3.cards_three),
78261
+ style: {
78262
+ // backgroundImage: `url(${serverbaselink + item.image})`,
78263
+ backgroundPosition: 'center center',
78264
+ backgroundRepeat: 'no-repeat',
78265
+ backgroundSize: 'cover'
78266
+ }
78267
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
78268
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
78269
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
78270
+ path: item.image,
78271
+ style: {
78272
+ width: '100%',
78273
+ height: '100%',
78274
+ objectFit: 'cover'
78275
+ },
78276
+ loading: "lazy"
78277
+ }), /*#__PURE__*/React.createElement("span", {
78278
+ "class": "".concat(cardstyles$3.cards_three__rect1)
78279
+ }, /*#__PURE__*/React.createElement("span", {
78280
+ "class": "".concat(cardstyles$3.shadow1, " ").concat(card_cssstyles.shadow1)
78281
+ }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("div", {
78282
+ "class": ' row m-0 w-100 '
78283
+ }, /*#__PURE__*/React.createElement("div", {
78284
+ "class": "col-lg-12 p-0"
78285
+ }, /*#__PURE__*/React.createElement("p", {
78286
+ "class": "".concat(card_cssstyles.categorycardtext) + ' m-0 p-0 '
78287
+ }, item.name)))), /*#__PURE__*/React.createElement("span", {
78288
+ "class": "".concat(cardstyles$3.cards_three__rect2, " ").concat(card_cssstyles.cards_three__rect2)
78289
+ }, /*#__PURE__*/React.createElement("span", {
78290
+ "class": "".concat(cardstyles$3.shadow2, " ").concat(card_cssstyles.shadow2)
78291
+ })), /*#__PURE__*/React.createElement("span", {
78292
+ "class": "".concat(cardstyles$3.cards_three__circle, " ").concat(card_cssstyles.cards_three__circle)
78293
+ }), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
78294
+ "class": "".concat(cardstyles$3.cards_three__list),
78295
+ onClick: function onClick() {
78296
+ cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
78297
+ }
78298
+ }, /*#__PURE__*/React.createElement("div", {
78299
+ "class": "".concat(cardstyles$3.btncont, " ") + ' row m-0 w-100'
78300
+ }, /*#__PURE__*/React.createElement("p", {
78301
+ style: {
78302
+ zIndex: 1000
78303
+ }
78304
+ }, "More Items")))));
78305
+ };
78306
+
78307
+ 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";
78308
+ var cardstyles$2 = {"categorycard":"categorycardwithtext-module_categorycard__itFPD","categorycardtext":"categorycardwithtext-module_categorycardtext__-PiLF","cardbtn":"categorycardwithtext-module_cardbtn__p-if9"};
78309
+ styleInject(css_248z$7);
78310
+
78311
+ 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; }
78312
+ 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(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; }
78313
+ var Categorycard_withtext = function Categorycard_withtext(props) {
78314
+ var _useState = useState(''),
78315
+ _useState2 = _slicedToArray(_useState, 2),
78316
+ sectionproperties = _useState2[0],
78317
+ setsectionproperties = _useState2[1];
78318
+ var _useState3 = useState(props.cardinfoitemprops),
78319
+ _useState4 = _slicedToArray(_useState3, 2),
78320
+ item = _useState4[0],
78321
+ setitem = _useState4[1];
78322
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
78323
+ props.actions.lang;
78324
+ var langdetect = props.actions.langdetect;
78325
+ var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
78326
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
78515
78327
  var _useState5 = useState(props.cardinfoindexprops),
78516
78328
  _useState6 = _slicedToArray(_useState5, 2);
78517
78329
  _useState6[0];
@@ -78538,157 +78350,6 @@ var Categorycard_withshapes = function Categorycard_withshapes(props) {
78538
78350
  useEffect(function () {
78539
78351
  setitem(props.cardinfoitemprops);
78540
78352
  }, [props.cardinfoitemprops]);
78541
- var card_cssstyles = {
78542
- categoryCard: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
78543
- background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
78544
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
78545
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
78546
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
78547
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
78548
- marginTop: sectionproperties.marginTop + 'px',
78549
- marginBottom: sectionproperties.marginBottom + 'px',
78550
- marginLeft: sectionproperties.card_marginLeft + 'px',
78551
- paddingLeft: sectionproperties.paddingLeft + 'px',
78552
- paddingRight: sectionproperties.paddingRight + 'px',
78553
- paddingTop: sectionproperties.paddingTop + 'px',
78554
- paddingBottom: sectionproperties.paddingBottom + 'px',
78555
- height: sectionproperties.height + 'px',
78556
- boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : '',
78557
- border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
78558
- transition: '0.3s',
78559
- cursor: 'pointer',
78560
- opacity: sectionproperties.cardbg_opacity,
78561
- overflow: 'hidden'
78562
- }, "cursor", 'pointer'), "backgroundSize", 'cover'), "backgroundRepeat", 'no-repeat'), "backgroundPosition", 'center'), "transition", '0.3s'), ':after', {
78563
- backgroundColor: sectionproperties.transitionbg_color
78564
- })),
78565
- categorycardtext: css({
78566
- fontSize: sectionproperties.generaltext_fontSize + 'px',
78567
- color: sectionproperties.generaltext_fontColor,
78568
- textTransform: sectionproperties.generaltext_textTransform,
78569
- fontWeight: sectionproperties.generaltext_fontWeight
78570
- }),
78571
- shadow1: css({
78572
- background: sectionproperties.firstcolor
78573
- // primary
78574
- }),
78575
- shadow2: css({
78576
- background: sectionproperties.secondcolor
78577
- // primary
78578
- }),
78579
- cards_three__rect2: css({
78580
- ':before': {
78581
- background: sectionproperties.secondcolor
78582
- },
78583
- ':after': {
78584
- background: sectionproperties.firstcolor
78585
- }
78586
- }),
78587
- cards_three__circle: css({
78588
- ':before': {
78589
- background: sectionproperties.firstcolor
78590
- }
78591
- })
78592
- };
78593
- return /*#__PURE__*/React.createElement("div", {
78594
- "class": "".concat(cardstyles$3.card__collection, " ").concat(card_cssstyles.categoryCard),
78595
- onClick: function onClick() {
78596
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
78597
- }
78598
- }, /*#__PURE__*/React.createElement("div", {
78599
- "class": "".concat(cardstyles$3.cards, " ").concat(cardstyles$3.cards_three),
78600
- style: {
78601
- // backgroundImage: `url(${serverbaselink + item.image})`,
78602
- backgroundPosition: 'center center',
78603
- backgroundRepeat: 'no-repeat',
78604
- backgroundSize: 'cover'
78605
- }
78606
- }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
78607
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
78608
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
78609
- path: item.image,
78610
- style: {
78611
- width: '100%',
78612
- height: '100%',
78613
- objectFit: 'cover'
78614
- },
78615
- loading: "lazy"
78616
- }), /*#__PURE__*/React.createElement("span", {
78617
- "class": "".concat(cardstyles$3.cards_three__rect1)
78618
- }, /*#__PURE__*/React.createElement("span", {
78619
- "class": "".concat(cardstyles$3.shadow1, " ").concat(card_cssstyles.shadow1)
78620
- }), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React.createElement("div", {
78621
- "class": ' row m-0 w-100 '
78622
- }, /*#__PURE__*/React.createElement("div", {
78623
- "class": "col-lg-12 p-0"
78624
- }, /*#__PURE__*/React.createElement("p", {
78625
- "class": "".concat(card_cssstyles.categorycardtext) + ' m-0 p-0 '
78626
- }, item.name)))), /*#__PURE__*/React.createElement("span", {
78627
- "class": "".concat(cardstyles$3.cards_three__rect2, " ").concat(card_cssstyles.cards_three__rect2)
78628
- }, /*#__PURE__*/React.createElement("span", {
78629
- "class": "".concat(cardstyles$3.shadow2, " ").concat(card_cssstyles.shadow2)
78630
- })), /*#__PURE__*/React.createElement("span", {
78631
- "class": "".concat(cardstyles$3.cards_three__circle, " ").concat(card_cssstyles.cards_three__circle)
78632
- }), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
78633
- "class": "".concat(cardstyles$3.cards_three__list),
78634
- onClick: function onClick() {
78635
- cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
78636
- }
78637
- }, /*#__PURE__*/React.createElement("div", {
78638
- "class": "".concat(cardstyles$3.btncont, " ") + ' row m-0 w-100'
78639
- }, /*#__PURE__*/React.createElement("p", {
78640
- style: {
78641
- zIndex: 1000
78642
- }
78643
- }, "More Items")))));
78644
- };
78645
-
78646
- 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";
78647
- var cardstyles$2 = {"categorycard":"categorycardwithtext-module_categorycard__itFPD","categorycardtext":"categorycardwithtext-module_categorycardtext__-PiLF","cardbtn":"categorycardwithtext-module_cardbtn__p-if9"};
78648
- styleInject(css_248z$7);
78649
-
78650
- 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; }
78651
- 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(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; }
78652
- var Categorycard_withtext = function Categorycard_withtext(props) {
78653
- var _useState = useState(''),
78654
- _useState2 = _slicedToArray(_useState, 2),
78655
- sectionproperties = _useState2[0],
78656
- setsectionproperties = _useState2[1];
78657
- var _useState3 = useState(props.cardinfoitemprops),
78658
- _useState4 = _slicedToArray(_useState3, 2),
78659
- item = _useState4[0],
78660
- setitem = _useState4[1];
78661
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
78662
- props.actions.lang;
78663
- var langdetect = props.actions.langdetect;
78664
- var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
78665
- var ikimagecredcontext = props.actions.ikimagecredcontext;
78666
- var _useState5 = useState(props.cardinfoindexprops),
78667
- _useState6 = _slicedToArray(_useState5, 2);
78668
- _useState6[0];
78669
- _useState6[1];
78670
- useEffect(function () {
78671
- if (props.srcfrom == 'addsectionform') {
78672
- var secpropobj = {};
78673
- props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
78674
- secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
78675
- });
78676
- setsectionproperties(_objectSpread$p({}, secpropobj));
78677
- } else {
78678
- var secpropobj = {};
78679
- StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
78680
- if (sectionitem.sectionid == props.sectionidprops) {
78681
- sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
78682
- secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
78683
- });
78684
- }
78685
- });
78686
- setsectionproperties(_objectSpread$p({}, secpropobj));
78687
- }
78688
- }, [StatePagePropertiesContext]);
78689
- useEffect(function () {
78690
- setitem(props.cardinfoitemprops);
78691
- }, [props.cardinfoitemprops]);
78692
78353
  var categorycard_cssstyles = {
78693
78354
  categorycard: css({
78694
78355
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -78839,8 +78500,8 @@ var css_248z$6 = ".categorycard-module_img__3WuXu{\n width: 100%;\n height: 10
78839
78500
  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"};
78840
78501
  styleInject(css_248z$6);
78841
78502
 
78842
- 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; }
78843
- 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(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; }
78503
+ 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; }
78504
+ 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(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; }
78844
78505
  var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
78845
78506
  var _useState = useState(''),
78846
78507
  _useState2 = _slicedToArray(_useState, 2),
@@ -78873,7 +78534,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
78873
78534
  });
78874
78535
  }
78875
78536
  });
78876
- setsectionproperties(_objectSpread$o({}, secpropobj));
78537
+ setsectionproperties(_objectSpread$p({}, secpropobj));
78877
78538
  }, [StatePagePropertiesContext]);
78878
78539
  useEffect(function () {
78879
78540
  setitem(props.cardinfoitemprops);
@@ -79072,8 +78733,8 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
79072
78733
  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
79073
78734
  };
79074
78735
 
79075
- 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; }
79076
- 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(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; }
78736
+ 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; }
78737
+ 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(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; }
79077
78738
  var Classiccategorycard = function Classiccategorycard(props) {
79078
78739
  var _useState = useState(''),
79079
78740
  _useState2 = _slicedToArray(_useState, 2),
@@ -79099,7 +78760,7 @@ var Classiccategorycard = function Classiccategorycard(props) {
79099
78760
  });
79100
78761
  }
79101
78762
  });
79102
- setsectionproperties(_objectSpread$n({}, secpropobj));
78763
+ setsectionproperties(_objectSpread$o({}, secpropobj));
79103
78764
  }, [StatePagePropertiesContext]);
79104
78765
  useEffect(function () {
79105
78766
  setitem(props.cardinfoitemprops);
@@ -79209,8 +78870,8 @@ var Classiccategorycard = function Classiccategorycard(props) {
79209
78870
  }, item.name))));
79210
78871
  };
79211
78872
 
79212
- 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; }
79213
- 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(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; }
78873
+ 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; }
78874
+ 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(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; }
79214
78875
  var Horizontalcard = function Horizontalcard(props) {
79215
78876
  var _useState = useState(''),
79216
78877
  _useState2 = _slicedToArray(_useState, 2),
@@ -79248,7 +78909,7 @@ var Horizontalcard = function Horizontalcard(props) {
79248
78909
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
79249
78910
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
79250
78911
  });
79251
- setsectionproperties(_objectSpread$m({}, secpropobj));
78912
+ setsectionproperties(_objectSpread$n({}, secpropobj));
79252
78913
  } else {
79253
78914
  var secpropobj = {};
79254
78915
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -79258,7 +78919,7 @@ var Horizontalcard = function Horizontalcard(props) {
79258
78919
  });
79259
78920
  }
79260
78921
  });
79261
- setsectionproperties(_objectSpread$m({}, secpropobj));
78922
+ setsectionproperties(_objectSpread$n({}, secpropobj));
79262
78923
  }
79263
78924
  }, [StatePagePropertiesContext]);
79264
78925
  useEffect(function () {
@@ -79661,9 +79322,9 @@ var Horizontalcard = function Horizontalcard(props) {
79661
79322
  if (showquantity == false) {
79662
79323
  setshowquantity(true);
79663
79324
  if (item.hasvariants == 0) {
79664
- var tempitem = _objectSpread$m({}, item);
79325
+ var tempitem = _objectSpread$n({}, item);
79665
79326
  tempitem.quantity = 1;
79666
- setitem(_objectSpread$m({}, tempitem));
79327
+ setitem(_objectSpread$n({}, tempitem));
79667
79328
  addtocartfunc('add', tempitem.quantity);
79668
79329
  }
79669
79330
  } else {
@@ -79683,13 +79344,13 @@ var Horizontalcard = function Horizontalcard(props) {
79683
79344
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
79684
79345
  onClick: function onClick() {
79685
79346
  if (item.hasvariants == 0) {
79686
- var tempitem = _objectSpread$m({}, item);
79347
+ var tempitem = _objectSpread$n({}, item);
79687
79348
  tempitem.quantity = parseInt(tempitem.quantity);
79688
79349
  tempitem.quantity = tempitem.quantity - 1;
79689
79350
  if (tempitem.quantity <= 0) {
79690
79351
  tempitem.quantity = 0;
79691
79352
  }
79692
- setitem(_objectSpread$m({}, tempitem));
79353
+ setitem(_objectSpread$n({}, tempitem));
79693
79354
  addtocartfunc('add', tempitem.quantity);
79694
79355
  } else {
79695
79356
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -79704,13 +79365,13 @@ var Horizontalcard = function Horizontalcard(props) {
79704
79365
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container),
79705
79366
  onClick: function onClick() {
79706
79367
  if (item.hasvariants == 0) {
79707
- var tempitem = _objectSpread$m({}, item);
79368
+ var tempitem = _objectSpread$n({}, item);
79708
79369
  tempitem.quantity = parseInt(tempitem.quantity);
79709
79370
  tempitem.quantity = tempitem.quantity + 1;
79710
79371
  if (tempitem.quantity <= 0) {
79711
79372
  tempitem.quantity = 0;
79712
79373
  }
79713
- setitem(_objectSpread$m({}, tempitem));
79374
+ setitem(_objectSpread$n({}, tempitem));
79714
79375
  addtocartfunc('add', tempitem.quantity);
79715
79376
  } else {
79716
79377
  cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
@@ -79722,8 +79383,8 @@ var Horizontalcard = function Horizontalcard(props) {
79722
79383
  }, /*#__PURE__*/React.createElement(FiPlus, null))))))))));
79723
79384
  };
79724
79385
 
79725
- 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; }
79726
- 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(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; }
79386
+ 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; }
79387
+ 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(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; }
79727
79388
  var MenuCard = function MenuCard(props) {
79728
79389
  var _css2;
79729
79390
  var _useState = useState(''),
@@ -79753,7 +79414,7 @@ var MenuCard = function MenuCard(props) {
79753
79414
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
79754
79415
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
79755
79416
  });
79756
- setsectionproperties(_objectSpread$l({}, secpropobj));
79417
+ setsectionproperties(_objectSpread$m({}, secpropobj));
79757
79418
  } else {
79758
79419
  var secpropobj = {};
79759
79420
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -79763,7 +79424,7 @@ var MenuCard = function MenuCard(props) {
79763
79424
  });
79764
79425
  }
79765
79426
  });
79766
- setsectionproperties(_objectSpread$l({}, secpropobj));
79427
+ setsectionproperties(_objectSpread$m({}, secpropobj));
79767
79428
  }
79768
79429
  }, [StatePagePropertiesContext]);
79769
79430
  useEffect(function () {
@@ -80132,13 +79793,13 @@ var MenuCard = function MenuCard(props) {
80132
79793
  },
80133
79794
  onClick: function onClick() {
80134
79795
  if (item.hasvariants == 0) {
80135
- var tempitem = _objectSpread$l({}, item);
79796
+ var tempitem = _objectSpread$m({}, item);
80136
79797
  tempitem.quantity = parseInt(tempitem.quantity);
80137
79798
  tempitem.quantity = tempitem.quantity - 1;
80138
79799
  if (tempitem.quantity <= 0) {
80139
79800
  tempitem.quantity = 0;
80140
79801
  }
80141
- setitem(_objectSpread$l({}, tempitem));
79802
+ setitem(_objectSpread$m({}, tempitem));
80142
79803
  addtocartfunc('add', tempitem.quantity);
80143
79804
  } else {
80144
79805
  setShowProductInfoModalContext(true);
@@ -80152,13 +79813,13 @@ var MenuCard = function MenuCard(props) {
80152
79813
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
80153
79814
  onClick: function onClick() {
80154
79815
  if (item.hasvariants == 0) {
80155
- var tempitem = _objectSpread$l({}, item);
79816
+ var tempitem = _objectSpread$m({}, item);
80156
79817
  tempitem.quantity = parseInt(tempitem.quantity);
80157
79818
  tempitem.quantity = tempitem.quantity + 1;
80158
79819
  if (tempitem.quantity <= 0) {
80159
79820
  tempitem.quantity = 0;
80160
79821
  }
80161
- setitem(_objectSpread$l({}, tempitem));
79822
+ setitem(_objectSpread$m({}, tempitem));
80162
79823
  addtocartfunc('add', tempitem.quantity);
80163
79824
  } else {
80164
79825
  setShowProductInfoModalContext(true);
@@ -80183,13 +79844,13 @@ var MenuCard = function MenuCard(props) {
80183
79844
  },
80184
79845
  onClick: function onClick() {
80185
79846
  if (item.hasvariants == 0) {
80186
- var tempitem = _objectSpread$l({}, item);
79847
+ var tempitem = _objectSpread$m({}, item);
80187
79848
  tempitem.quantity = parseInt(tempitem.quantity);
80188
79849
  tempitem.quantity = tempitem.quantity - 1;
80189
79850
  if (tempitem.quantity <= 0) {
80190
79851
  tempitem.quantity = 0;
80191
79852
  }
80192
- setitem(_objectSpread$l({}, tempitem));
79853
+ setitem(_objectSpread$m({}, tempitem));
80193
79854
  addtocartfunc('add', tempitem.quantity);
80194
79855
  } else {
80195
79856
  setShowProductInfoModalContext(true);
@@ -80203,13 +79864,13 @@ var MenuCard = function MenuCard(props) {
80203
79864
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
80204
79865
  onClick: function onClick() {
80205
79866
  if (item.hasvariants == 0) {
80206
- var tempitem = _objectSpread$l({}, item);
79867
+ var tempitem = _objectSpread$m({}, item);
80207
79868
  tempitem.quantity = parseInt(tempitem.quantity);
80208
79869
  tempitem.quantity = tempitem.quantity - 1;
80209
79870
  if (tempitem.quantity <= 0) {
80210
79871
  tempitem.quantity = 0;
80211
79872
  }
80212
- setitem(_objectSpread$l({}, tempitem));
79873
+ setitem(_objectSpread$m({}, tempitem));
80213
79874
  addtocartfunc('add', tempitem.quantity);
80214
79875
  } else {
80215
79876
  setShowProductInfoModalContext(true);
@@ -80278,8 +79939,8 @@ var MenuCard = function MenuCard(props) {
80278
79939
  })))))))))));
80279
79940
  };
80280
79941
 
80281
- 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; }
80282
- 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(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; }
79942
+ 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; }
79943
+ 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(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; }
80283
79944
  var ServiceCard = function ServiceCard(props) {
80284
79945
  var _css, _authdetailsContext$i, _authdetailsContext$i2;
80285
79946
  var _useState = useState(''),
@@ -80310,7 +79971,7 @@ var ServiceCard = function ServiceCard(props) {
80310
79971
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
80311
79972
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
80312
79973
  });
80313
- setsectionproperties(_objectSpread$k({}, secpropobj));
79974
+ setsectionproperties(_objectSpread$l({}, secpropobj));
80314
79975
  } else {
80315
79976
  var secpropobj = {};
80316
79977
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -80320,7 +79981,7 @@ var ServiceCard = function ServiceCard(props) {
80320
79981
  });
80321
79982
  }
80322
79983
  });
80323
- setsectionproperties(_objectSpread$k({}, secpropobj));
79984
+ setsectionproperties(_objectSpread$l({}, secpropobj));
80324
79985
  }
80325
79986
  }, [StatePagePropertiesContext]);
80326
79987
  useEffect(function () {
@@ -80726,8 +80387,8 @@ var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tp
80726
80387
  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"};
80727
80388
  styleInject(css_248z$5);
80728
80389
 
80729
- 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; }
80730
- 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(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; }
80390
+ 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; }
80391
+ 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(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; }
80731
80392
  var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props) {
80732
80393
  var _useState = useState(''),
80733
80394
  _useState2 = _slicedToArray(_useState, 2),
@@ -80767,7 +80428,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
80767
80428
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
80768
80429
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
80769
80430
  });
80770
- setsectionproperties(_objectSpread$j({}, secpropobj));
80431
+ setsectionproperties(_objectSpread$k({}, secpropobj));
80771
80432
  } else {
80772
80433
  var secpropobj = {};
80773
80434
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -80777,7 +80438,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
80777
80438
  });
80778
80439
  }
80779
80440
  });
80780
- setsectionproperties(_objectSpread$j({}, secpropobj));
80441
+ setsectionproperties(_objectSpread$k({}, secpropobj));
80781
80442
  }
80782
80443
  }, [StatePagePropertiesContext]);
80783
80444
  useEffect(function () {
@@ -81118,13 +80779,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
81118
80779
  "class": "".concat(cardsstyles2.minus_quantitybtn_icon_container),
81119
80780
  onClick: function onClick() {
81120
80781
  if (item.hasvariants == 0) {
81121
- var tempitem = _objectSpread$j({}, item);
80782
+ var tempitem = _objectSpread$k({}, item);
81122
80783
  tempitem.quantity = parseInt(tempitem.quantity);
81123
80784
  tempitem.quantity = tempitem.quantity - 1;
81124
80785
  if (tempitem.quantity <= 0) {
81125
80786
  tempitem.quantity = 0;
81126
80787
  }
81127
- setitem(_objectSpread$j({}, tempitem));
80788
+ setitem(_objectSpread$k({}, tempitem));
81128
80789
  addtocartfunc('add', tempitem.quantity);
81129
80790
  } else {
81130
80791
  setShowProductInfoModalContext(true);
@@ -81140,13 +80801,13 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
81140
80801
  "class": "".concat(cardsstyles2.add_quantitybtn_icon_container),
81141
80802
  onClick: function onClick() {
81142
80803
  if (item.hasvariants == 0) {
81143
- var tempitem = _objectSpread$j({}, item);
80804
+ var tempitem = _objectSpread$k({}, item);
81144
80805
  tempitem.quantity = parseInt(tempitem.quantity);
81145
80806
  tempitem.quantity = tempitem.quantity + 1;
81146
80807
  if (tempitem.quantity <= 0) {
81147
80808
  tempitem.quantity = 0;
81148
80809
  }
81149
- setitem(_objectSpread$j({}, tempitem));
80810
+ setitem(_objectSpread$k({}, tempitem));
81150
80811
  addtocartfunc('add', tempitem.quantity);
81151
80812
  } else {
81152
80813
  setShowProductInfoModalContext(true);
@@ -81166,8 +80827,8 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
81166
80827
  }, lang.addtocart)))));
81167
80828
  };
81168
80829
 
81169
- 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; }
81170
- 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(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; }
80830
+ 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; }
80831
+ 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(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; }
81171
80832
  var ModernProductCard = function ModernProductCard(props) {
81172
80833
  var _useState = useState(''),
81173
80834
  _useState2 = _slicedToArray(_useState, 2),
@@ -81191,7 +80852,7 @@ var ModernProductCard = function ModernProductCard(props) {
81191
80852
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
81192
80853
  var ikimagecredcontext = props.actions.ikimagecredcontext;
81193
80854
  var updatequantity = function updatequantity(type) {
81194
- var tempitem = _objectSpread$i({}, item);
80855
+ var tempitem = _objectSpread$j({}, item);
81195
80856
  tempitem.quantity = parseInt(tempitem.quantity);
81196
80857
  if (type == 'add') {
81197
80858
  tempitem.quantity = tempitem.quantity + 1;
@@ -81201,7 +80862,7 @@ var ModernProductCard = function ModernProductCard(props) {
81201
80862
  if (tempitem.quantity <= 0) {
81202
80863
  tempitem.quantity = 0;
81203
80864
  }
81204
- setitem(_objectSpread$i({}, tempitem));
80865
+ setitem(_objectSpread$j({}, tempitem));
81205
80866
  };
81206
80867
  useEffect(function () {
81207
80868
  if (props.srcfrom == 'addsectionform') {
@@ -81209,7 +80870,7 @@ var ModernProductCard = function ModernProductCard(props) {
81209
80870
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
81210
80871
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
81211
80872
  });
81212
- setsectionproperties(_objectSpread$i({}, secpropobj));
80873
+ setsectionproperties(_objectSpread$j({}, secpropobj));
81213
80874
  } else {
81214
80875
  var secpropobj = {};
81215
80876
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -81219,7 +80880,7 @@ var ModernProductCard = function ModernProductCard(props) {
81219
80880
  });
81220
80881
  }
81221
80882
  });
81222
- setsectionproperties(_objectSpread$i({}, secpropobj));
80883
+ setsectionproperties(_objectSpread$j({}, secpropobj));
81223
80884
  }
81224
80885
  }, [StatePagePropertiesContext]);
81225
80886
  useEffect(function () {
@@ -81692,8 +81353,8 @@ var css_248z$4 = ".productcard_animatedbuttons-module_buttonContainerCenter__xAp
81692
81353
  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"};
81693
81354
  styleInject(css_248z$4);
81694
81355
 
81695
- 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; }
81696
- 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(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; }
81356
+ 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; }
81357
+ 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(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; }
81697
81358
  var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
81698
81359
  var _useState = useState(''),
81699
81360
  _useState2 = _slicedToArray(_useState, 2),
@@ -81721,7 +81382,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
81721
81382
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
81722
81383
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
81723
81384
  });
81724
- setsectionproperties(_objectSpread$h({}, secpropobj));
81385
+ setsectionproperties(_objectSpread$i({}, secpropobj));
81725
81386
  } else {
81726
81387
  var secpropobj = {};
81727
81388
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -81731,7 +81392,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
81731
81392
  });
81732
81393
  }
81733
81394
  });
81734
- setsectionproperties(_objectSpread$h({}, secpropobj));
81395
+ setsectionproperties(_objectSpread$i({}, secpropobj));
81735
81396
  }
81736
81397
  }, [StatePagePropertiesContext]);
81737
81398
  useEffect(function () {
@@ -81996,8 +81657,8 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
81996
81657
  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname))))));
81997
81658
  };
81998
81659
 
81999
- 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; }
82000
- 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(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; }
81660
+ 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; }
81661
+ 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(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; }
82001
81662
  var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
82002
81663
  var _useState = useState(''),
82003
81664
  _useState2 = _slicedToArray(_useState, 2),
@@ -82029,7 +81690,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
82029
81690
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
82030
81691
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
82031
81692
  });
82032
- setsectionproperties(_objectSpread$g({}, secpropobj));
81693
+ setsectionproperties(_objectSpread$h({}, secpropobj));
82033
81694
  } else {
82034
81695
  var secpropobj = {};
82035
81696
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -82039,7 +81700,7 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
82039
81700
  });
82040
81701
  }
82041
81702
  });
82042
- setsectionproperties(_objectSpread$g({}, secpropobj));
81703
+ setsectionproperties(_objectSpread$h({}, secpropobj));
82043
81704
  }
82044
81705
  }, [StatePagePropertiesContext]);
82045
81706
  useEffect(function () {
@@ -82254,8 +81915,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
82254
81915
  }, lang.addtocart)))));
82255
81916
  };
82256
81917
 
82257
- 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; }
82258
- 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(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; }
81918
+ 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; }
81919
+ 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(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; }
82259
81920
  var Productcard_with_circularhover = function Productcard_with_circularhover(props) {
82260
81921
  var _useState = useState(''),
82261
81922
  _useState2 = _slicedToArray(_useState, 2),
@@ -82283,7 +81944,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
82283
81944
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
82284
81945
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
82285
81946
  });
82286
- setsectionproperties(_objectSpread$f({}, secpropobj));
81947
+ setsectionproperties(_objectSpread$g({}, secpropobj));
82287
81948
  } else {
82288
81949
  var secpropobj = {};
82289
81950
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -82293,7 +81954,7 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
82293
81954
  });
82294
81955
  }
82295
81956
  });
82296
- setsectionproperties(_objectSpread$f({}, secpropobj));
81957
+ setsectionproperties(_objectSpread$g({}, secpropobj));
82297
81958
  }
82298
81959
  }, [StatePagePropertiesContext]);
82299
81960
  useEffect(function () {
@@ -82528,8 +82189,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
82528
82189
  })), item.IsFavExists ? lang.remove : lang.addtofavorites))))));
82529
82190
  };
82530
82191
 
82531
- 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; }
82532
- 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(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; }
82192
+ 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; }
82193
+ 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(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; }
82533
82194
  var Productcard_with_slideanimation = function Productcard_with_slideanimation(props) {
82534
82195
  var _useState = useState(''),
82535
82196
  _useState2 = _slicedToArray(_useState, 2),
@@ -82557,7 +82218,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
82557
82218
  });
82558
82219
  }
82559
82220
  });
82560
- setsectionproperties(_objectSpread$e({}, secpropobj));
82221
+ setsectionproperties(_objectSpread$f({}, secpropobj));
82561
82222
  }, [StatePagePropertiesContext]);
82562
82223
  useEffect(function () {
82563
82224
  setitem(props.cardinfoitemprops);
@@ -82819,8 +82480,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
82819
82480
  })))))))));
82820
82481
  };
82821
82482
 
82822
- 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; }
82823
- 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(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; }
82483
+ 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; }
82484
+ 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(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; }
82824
82485
  var Productcard_with_variants = function Productcard_with_variants(props) {
82825
82486
  var _useState = useState(''),
82826
82487
  _useState2 = _slicedToArray(_useState, 2),
@@ -82856,7 +82517,7 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
82856
82517
  });
82857
82518
  }
82858
82519
  });
82859
- setsectionproperties(_objectSpread$d({}, secpropobj));
82520
+ setsectionproperties(_objectSpread$e({}, secpropobj));
82860
82521
  }, [StatePagePropertiesContext]);
82861
82522
  useEffect(function () {
82862
82523
  var _props$cardinfoitempr;
@@ -83245,8 +82906,8 @@ var css_248z$3 = ".Productcard6-module_productcard__Vx7dM {\n position: relat
83245
82906
  var cardsstyles$2 = {"productcard":"Productcard6-module_productcard__Vx7dM","addbtn":"Productcard6-module_addbtn__x6bMd"};
83246
82907
  styleInject(css_248z$3);
83247
82908
 
83248
- 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; }
83249
- 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(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; }
82909
+ 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; }
82910
+ 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(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; }
83250
82911
  var Productcard6 = function Productcard6(props) {
83251
82912
  var _useState = useState(''),
83252
82913
  _useState2 = _slicedToArray(_useState, 2),
@@ -83274,7 +82935,7 @@ var Productcard6 = function Productcard6(props) {
83274
82935
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
83275
82936
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
83276
82937
  });
83277
- setsectionproperties(_objectSpread$c({}, secpropobj));
82938
+ setsectionproperties(_objectSpread$d({}, secpropobj));
83278
82939
  } else {
83279
82940
  var secpropobj = {};
83280
82941
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -83284,7 +82945,7 @@ var Productcard6 = function Productcard6(props) {
83284
82945
  });
83285
82946
  }
83286
82947
  });
83287
- setsectionproperties(_objectSpread$c({}, secpropobj));
82948
+ setsectionproperties(_objectSpread$d({}, secpropobj));
83288
82949
  }
83289
82950
  }, [StatePagePropertiesContext]);
83290
82951
  useEffect(function () {
@@ -83468,8 +83129,8 @@ var Productcard6 = function Productcard6(props) {
83468
83129
  }))))))));
83469
83130
  };
83470
83131
 
83471
- 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; }
83472
- 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(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; }
83132
+ 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; }
83133
+ 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(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; }
83473
83134
  var Productcard7 = function Productcard7(props) {
83474
83135
  var _useState = useState(''),
83475
83136
  _useState2 = _slicedToArray(_useState, 2),
@@ -83497,7 +83158,7 @@ var Productcard7 = function Productcard7(props) {
83497
83158
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
83498
83159
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
83499
83160
  });
83500
- setsectionproperties(_objectSpread$b({}, secpropobj));
83161
+ setsectionproperties(_objectSpread$c({}, secpropobj));
83501
83162
  } else {
83502
83163
  var secpropobj = {};
83503
83164
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -83507,7 +83168,7 @@ var Productcard7 = function Productcard7(props) {
83507
83168
  });
83508
83169
  }
83509
83170
  });
83510
- setsectionproperties(_objectSpread$b({}, secpropobj));
83171
+ setsectionproperties(_objectSpread$c({}, secpropobj));
83511
83172
  }
83512
83173
  }, [StatePagePropertiesContext]);
83513
83174
  useEffect(function () {
@@ -83717,8 +83378,8 @@ var Productcard7 = function Productcard7(props) {
83717
83378
  })), langdetect == 'en' ? 'add to cart' : 'اضف الى العرية')));
83718
83379
  };
83719
83380
 
83720
- 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; }
83721
- 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(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; }
83381
+ 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; }
83382
+ 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(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; }
83722
83383
  var Productcarddefault = function Productcarddefault(props) {
83723
83384
  var _useState = useState(''),
83724
83385
  _useState2 = _slicedToArray(_useState, 2),
@@ -83746,7 +83407,7 @@ var Productcarddefault = function Productcarddefault(props) {
83746
83407
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
83747
83408
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
83748
83409
  });
83749
- setsectionproperties(_objectSpread$a({}, secpropobj));
83410
+ setsectionproperties(_objectSpread$b({}, secpropobj));
83750
83411
  } else {
83751
83412
  var secpropobj = {};
83752
83413
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -83756,7 +83417,7 @@ var Productcarddefault = function Productcarddefault(props) {
83756
83417
  });
83757
83418
  }
83758
83419
  });
83759
- setsectionproperties(_objectSpread$a({}, secpropobj));
83420
+ setsectionproperties(_objectSpread$b({}, secpropobj));
83760
83421
  }
83761
83422
  }, [StatePagePropertiesContext]);
83762
83423
  useEffect(function () {
@@ -83966,8 +83627,8 @@ var css_248z$2 = ".productccard_with_imageontopleft-module_productcard__U5ZuO {\
83966
83627
  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"};
83967
83628
  styleInject(css_248z$2);
83968
83629
 
83969
- 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; }
83970
- 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(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; }
83630
+ 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; }
83631
+ 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(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; }
83971
83632
  var Productccard_with_imageontopleft = function Productccard_with_imageontopleft(props) {
83972
83633
  var _useState = useState(''),
83973
83634
  _useState2 = _slicedToArray(_useState, 2),
@@ -83995,7 +83656,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
83995
83656
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
83996
83657
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
83997
83658
  });
83998
- setsectionproperties(_objectSpread$9({}, secpropobj));
83659
+ setsectionproperties(_objectSpread$a({}, secpropobj));
83999
83660
  } else {
84000
83661
  var secpropobj = {};
84001
83662
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -84005,7 +83666,7 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
84005
83666
  });
84006
83667
  }
84007
83668
  });
84008
- setsectionproperties(_objectSpread$9({}, secpropobj));
83669
+ setsectionproperties(_objectSpread$a({}, secpropobj));
84009
83670
  }
84010
83671
  }, [StatePagePropertiesContext]);
84011
83672
  useEffect(function () {
@@ -84231,8 +83892,8 @@ var css_248z$1 = ".Prouductcard_with_zoomhover-module_productcard__Q-cI6{\n w
84231
83892
  var cardsstyles = {"productcard":"Prouductcard_with_zoomhover-module_productcard__Q-cI6"};
84232
83893
  styleInject(css_248z$1);
84233
83894
 
84234
- 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; }
84235
- 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(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; }
83895
+ 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; }
83896
+ 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(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; }
84236
83897
  var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
84237
83898
  var _useState = useState(''),
84238
83899
  _useState2 = _slicedToArray(_useState, 2),
@@ -84264,7 +83925,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
84264
83925
  props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
84265
83926
  secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
84266
83927
  });
84267
- setsectionproperties(_objectSpread$8({}, secpropobj));
83928
+ setsectionproperties(_objectSpread$9({}, secpropobj));
84268
83929
  } else {
84269
83930
  var secpropobj = {};
84270
83931
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -84274,7 +83935,7 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
84274
83935
  });
84275
83936
  }
84276
83937
  });
84277
- setsectionproperties(_objectSpread$8({}, secpropobj));
83938
+ setsectionproperties(_objectSpread$9({}, secpropobj));
84278
83939
  }
84279
83940
  }, [StatePagePropertiesContext]);
84280
83941
  useEffect(function () {
@@ -84368,8 +84029,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
84368
84029
  }, "Showmore"))));
84369
84030
  };
84370
84031
 
84371
- 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; }
84372
- 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(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; }
84032
+ 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; }
84033
+ 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(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; }
84373
84034
  var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(props) {
84374
84035
  var _useState = useState(''),
84375
84036
  _useState2 = _slicedToArray(_useState, 2),
@@ -84396,7 +84057,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
84396
84057
  });
84397
84058
  }
84398
84059
  });
84399
- setsectionproperties(_objectSpread$7({}, secpropobj));
84060
+ setsectionproperties(_objectSpread$8({}, secpropobj));
84400
84061
  }, [StatePagePropertiesContext]);
84401
84062
  useEffect(function () {
84402
84063
  setitem(props.cardinfoitemprops);
@@ -84551,6 +84212,362 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
84551
84212
  }, plainString(item.description))))));
84552
84213
  };
84553
84214
 
84215
+ 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; }
84216
+ 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(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; }
84217
+ 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; } } }; }
84218
+ 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; } }
84219
+ 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; }
84220
+ var Variants_J_Cards = function Variants_J_Cards(props) {
84221
+ var _useState = useState(props.actions.item),
84222
+ _useState2 = _slicedToArray(_useState, 2);
84223
+ _useState2[0];
84224
+ var setitem = _useState2[1];
84225
+ var _useState3 = useState({}),
84226
+ _useState4 = _slicedToArray(_useState3, 2),
84227
+ variants_iteminfo = _useState4[0],
84228
+ setvariants_iteminfo = _useState4[1];
84229
+ var _useState5 = useState([]),
84230
+ _useState6 = _slicedToArray(_useState5, 2),
84231
+ options_w_values = _useState6[0],
84232
+ setoptions_w_values = _useState6[1];
84233
+ var _useState7 = useState([]),
84234
+ _useState8 = _slicedToArray(_useState7, 2),
84235
+ choosen_values = _useState8[0],
84236
+ setchoosen_values = _useState8[1];
84237
+ var _useState9 = useState({}),
84238
+ _useState10 = _slicedToArray(_useState9, 2),
84239
+ VariantCompletedObj = _useState10[0],
84240
+ setVariantCompletedObj = _useState10[1];
84241
+ var sectionproperties = props.actions.sectionproperties;
84242
+ props.actions.lang;
84243
+ props.actions.langdetect;
84244
+ var foundMatchedVariantFunc = props.foundMatchedVariantFunc;
84245
+ var _useState11 = useState(props.cardinfoindexprops),
84246
+ _useState12 = _slicedToArray(_useState11, 2);
84247
+ _useState12[0];
84248
+ _useState12[1];
84249
+ var _useState13 = useState({}),
84250
+ _useState14 = _slicedToArray(_useState13, 2),
84251
+ VariantColorImageComObj = _useState14[0],
84252
+ setVariantColorImageComObj = _useState14[1];
84253
+ var foundImageColorMatchingFunc = props.foundImageColorMatchingFunc;
84254
+ useEffect(function () {
84255
+ foundMatchedVariantFunc(VariantCompletedObj);
84256
+ }, [VariantCompletedObj]);
84257
+ useEffect(function () {
84258
+ var completedVariantObj = null;
84259
+ var variantimagematching = null;
84260
+ if (choosen_values.length > 0) {
84261
+ var _iterator = _createForOfIteratorHelper(variants_iteminfo || []),
84262
+ _step;
84263
+ try {
84264
+ for (_iterator.s(); !(_step = _iterator.n()).done;) {
84265
+ var _variantitem$variantv2;
84266
+ var variantitem = _step.value;
84267
+ 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) {
84268
+ return choosen_values.some(function (choosenValue) {
84269
+ return choosenValue.valueid === variantValue.valueid;
84270
+ });
84271
+ });
84272
+ if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
84273
+ completedVariantObj = variantitem;
84274
+ break;
84275
+ }
84276
+ }
84277
+ } catch (err) {
84278
+ _iterator.e(err);
84279
+ } finally {
84280
+ _iterator.f();
84281
+ }
84282
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
84283
+ var _item$option_info, _item$option_info2;
84284
+ 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') {
84285
+ var _iterator2 = _createForOfIteratorHelper(variants_iteminfo || []),
84286
+ _step2;
84287
+ try {
84288
+ for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
84289
+ var _variantitem$variantv;
84290
+ var variantitem = _step2.value;
84291
+ 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) {
84292
+ return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
84293
+ });
84294
+ if (matchingValue) {
84295
+ variantimagematching = variantitem;
84296
+ }
84297
+ }
84298
+ } catch (err) {
84299
+ _iterator2.e(err);
84300
+ } finally {
84301
+ _iterator2.f();
84302
+ }
84303
+ }
84304
+ });
84305
+ }
84306
+ setVariantColorImageComObj(variantimagematching || {});
84307
+ setVariantCompletedObj(completedVariantObj || {});
84308
+ }, [choosen_values]);
84309
+ useEffect(function () {
84310
+ var _props$actions;
84311
+ var iteminfo = props.actions.item;
84312
+ 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;
84313
+ var options_w_values = [];
84314
+ variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (item, index) {
84315
+ var _item$variantvalues_w;
84316
+ item === null || item === void 0 || (_item$variantvalues_w = item.variantvalues_w_valueinfo) === null || _item$variantvalues_w === void 0 || _item$variantvalues_w.forEach(function (valitem) {
84317
+ var isoptionexists = false;
84318
+ var is_valitemexists = false;
84319
+ var valitemtobeinsreted = _objectSpread$7({}, valitem);
84320
+ valitemtobeinsreted.disabled = false;
84321
+ options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
84322
+ var _exopitem$values;
84323
+ exopitem === null || exopitem === void 0 || (_exopitem$values = exopitem.values) === null || _exopitem$values === void 0 || _exopitem$values.forEach(function (valexistitem) {
84324
+ if (valexistitem.valueid == valitemtobeinsreted.valueid) {
84325
+ is_valitemexists = true;
84326
+ }
84327
+ });
84328
+ });
84329
+ options_w_values === null || options_w_values === void 0 || options_w_values.forEach(function (exopitem, exopindex) {
84330
+ var _exopitem$option_info, _valitemtobeinsreted$;
84331
+ 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)) {
84332
+ if (is_valitemexists == false) {
84333
+ var _valitemtobeinsreted$2;
84334
+ exopitem.values.push(_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
84335
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$2 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$2 === void 0 ? void 0 : _valitemtobeinsreted$2.valueindex
84336
+ }));
84337
+ }
84338
+ isoptionexists = true;
84339
+ }
84340
+ });
84341
+ if (isoptionexists == false) {
84342
+ var _valitemtobeinsreted$3;
84343
+ options_w_values.push({
84344
+ option_info: valitem.option_info,
84345
+ optionindex: valitem.option_info.optionindex,
84346
+ values: [_objectSpread$7(_objectSpread$7({}, valitemtobeinsreted), {}, {
84347
+ valueindex: valitemtobeinsreted === null || valitemtobeinsreted === void 0 || (_valitemtobeinsreted$3 = valitemtobeinsreted.valueinfo) === null || _valitemtobeinsreted$3 === void 0 ? void 0 : _valitemtobeinsreted$3.valueindex
84348
+ })]
84349
+ });
84350
+ }
84351
+ });
84352
+ });
84353
+ options_w_values.forEach(function (option) {
84354
+ option.values.sort(function (a, b) {
84355
+ return a.valueindex - b.valueindex;
84356
+ });
84357
+ });
84358
+ var Sortedoptions_w_values = options_w_values.sort(function (a, b) {
84359
+ return a.optionindex - b.optionindex;
84360
+ });
84361
+ setoptions_w_values(_toConsumableArray(Sortedoptions_w_values));
84362
+ // setoptions_w_values([...options_w_values]);
84363
+ setvariants_iteminfo(variants_iteminfo);
84364
+ setitem(iteminfo);
84365
+ }, [props.actions.item]);
84366
+ var choose_valueFunc = function choose_valueFunc(valitem, optioninfo) {
84367
+ var tempchoosen_values = _toConsumableArray(choosen_values);
84368
+ var isvalueexists = false;
84369
+ // var optionid = optioninfo.optionid
84370
+ tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (choseitem, choseindex) {
84371
+ if (valitem.optionid == choseitem.optionid) {
84372
+ tempchoosen_values.splice(choseindex, 1);
84373
+ }
84374
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
84375
+ tempchoosen_values.splice(choseindex, 1);
84376
+ isvalueexists = true;
84377
+ }
84378
+ });
84379
+ if (isvalueexists == false) {
84380
+ tempchoosen_values.push(valitem);
84381
+ }
84382
+ var tempoptions_w_values = _toConsumableArray(options_w_values);
84383
+ tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
84384
+ var _item$values;
84385
+ item === null || item === void 0 || (_item$values = item.values) === null || _item$values === void 0 || _item$values.forEach(function (valitemex, valindex) {
84386
+ if (tempchoosen_values.length == 0) {
84387
+ valitemex.disabled = false;
84388
+ } else {
84389
+ valitemex.disabled = true;
84390
+ }
84391
+ });
84392
+ });
84393
+ if (tempchoosen_values.length != 0) {
84394
+ tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
84395
+ var _item$values2;
84396
+ item === null || item === void 0 || (_item$values2 = item.values) === null || _item$values2 === void 0 || _item$values2.forEach(function (valitem, valindex) {
84397
+ var _tempchoosen_values$s;
84398
+ var isvaluedisabled = true;
84399
+ (_tempchoosen_values$s = tempchoosen_values.slice(0, 1)) === null || _tempchoosen_values$s === void 0 || _tempchoosen_values$s.forEach(function (chosvalitem) {
84400
+ variants_iteminfo === null || variants_iteminfo === void 0 || variants_iteminfo.forEach(function (variantitem) {
84401
+ var _variantitem$variantv3;
84402
+ var is_Start_Variant_Found = false;
84403
+ variantitem === null || variantitem === void 0 || (_variantitem$variantv3 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv3 === void 0 || _variantitem$variantv3.forEach(function (variantoptionsitem) {
84404
+ if (variantoptionsitem.valueid == chosvalitem.valueid) {
84405
+ is_Start_Variant_Found = true;
84406
+ }
84407
+ });
84408
+ if (is_Start_Variant_Found) {
84409
+ var _variantitem$variantv4;
84410
+ variantitem === null || variantitem === void 0 || (_variantitem$variantv4 = variantitem.variantvalues_w_valueinfo) === null || _variantitem$variantv4 === void 0 || _variantitem$variantv4.forEach(function (variantoptionsitem) {
84411
+ if (valitem.valueid == variantoptionsitem.valueid) {
84412
+ isvaluedisabled = false;
84413
+ }
84414
+ });
84415
+ }
84416
+ });
84417
+ });
84418
+ valitem.disabled = isvaluedisabled;
84419
+ });
84420
+ });
84421
+ tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
84422
+ var _item$values3;
84423
+ item === null || item === void 0 || (_item$values3 = item.values) === null || _item$values3 === void 0 || _item$values3.forEach(function (valitem, valindex) {
84424
+ if (valitem.optionid == tempchoosen_values[0].optionid) {
84425
+ valitem.disabled = false;
84426
+ }
84427
+ });
84428
+ });
84429
+ tempoptions_w_values === null || tempoptions_w_values === void 0 || tempoptions_w_values.forEach(function (item, index) {
84430
+ var _item$values4;
84431
+ item === null || item === void 0 || (_item$values4 = item.values) === null || _item$values4 === void 0 || _item$values4.forEach(function (valitem, valindex) {
84432
+ if (valitem.disabled == true) {
84433
+ tempchoosen_values === null || tempchoosen_values === void 0 || tempchoosen_values.forEach(function (chosvalitem, choseindex) {
84434
+ if (chosvalitem.valueid == valitem.valueid) {
84435
+ tempchoosen_values.splice(choseindex, 1);
84436
+ }
84437
+ });
84438
+ }
84439
+ });
84440
+ });
84441
+ }
84442
+ setoptions_w_values(_toConsumableArray(tempoptions_w_values));
84443
+ setchoosen_values(_toConsumableArray(tempchoosen_values));
84444
+ };
84445
+ useEffect(function () {
84446
+ foundImageColorMatchingFunc(VariantColorImageComObj);
84447
+ }, [VariantColorImageComObj]);
84448
+ useEffect(function () {
84449
+ var completedVariantObj = null;
84450
+ var variantimagematching = null;
84451
+ if (choosen_values.length > 0) {
84452
+ var _iterator3 = _createForOfIteratorHelper(variants_iteminfo || []),
84453
+ _step3;
84454
+ try {
84455
+ for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
84456
+ var _variantitem$variantv6;
84457
+ var variantitem = _step3.value;
84458
+ 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) {
84459
+ return choosen_values.some(function (choosenValue) {
84460
+ return choosenValue.valueid === variantValue.valueid;
84461
+ });
84462
+ });
84463
+ if (matchedValues.length === choosen_values.length && matchedValues.length === variantitem.variantvalues_w_valueinfo.length) {
84464
+ completedVariantObj = variantitem;
84465
+ break;
84466
+ }
84467
+ }
84468
+ } catch (err) {
84469
+ _iterator3.e(err);
84470
+ } finally {
84471
+ _iterator3.f();
84472
+ }
84473
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (item, index) {
84474
+ var _item$option_info3, _item$option_info4;
84475
+ 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') {
84476
+ var _iterator4 = _createForOfIteratorHelper(variants_iteminfo || []),
84477
+ _step4;
84478
+ try {
84479
+ for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
84480
+ var _variantitem$variantv5;
84481
+ var variantitem = _step4.value;
84482
+ 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) {
84483
+ return (value === null || value === void 0 ? void 0 : value.valueid) === (item === null || item === void 0 ? void 0 : item.valueid);
84484
+ });
84485
+ if (matchingValue) {
84486
+ variantimagematching = variantitem;
84487
+ }
84488
+ }
84489
+ } catch (err) {
84490
+ _iterator4.e(err);
84491
+ } finally {
84492
+ _iterator4.f();
84493
+ }
84494
+ }
84495
+ });
84496
+ }
84497
+ setVariantColorImageComObj(variantimagematching || {});
84498
+ setVariantCompletedObj(completedVariantObj || {});
84499
+ }, [choosen_values]);
84500
+
84501
+ // useEffect(() => {
84502
+ // var completedVariantObj = {};
84503
+ // var tempchoosen_values = [...choosen_values];
84504
+ // if (choosen_values.length != 0) {
84505
+ // variants_iteminfo?.forEach(function (variantitem) {
84506
+ // var isVariantValuesAllSame = true;
84507
+ // variantitem?.variantvalues_w_valueinfo?.forEach(function (variantvalues) {
84508
+ // tempchoosen_values?.forEach(function (item, index) {
84509
+ // if (variantvalues.valueid != item.valueid) {
84510
+ // isVariantValuesAllSame = false;
84511
+ // } else {
84512
+ // }
84513
+ // });
84514
+ // });
84515
+ // if (isVariantValuesAllSame == true) {
84516
+ // completedVariantObj = variantitem;
84517
+ // }
84518
+ // });
84519
+ // }
84520
+ // setVariantCompletedObj({ ...completedVariantObj });
84521
+ // }, [choosen_values]);
84522
+
84523
+ return /*#__PURE__*/React.createElement("div", {
84524
+ "class": ' row m-0 w-100 mb-2 '
84525
+ }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
84526
+ "class": ' row m-0 w-100 '
84527
+ }, options_w_values === null || options_w_values === void 0 ? void 0 : options_w_values.map(function (item, index) {
84528
+ var _item$values5;
84529
+ // if (index <= 3) {
84530
+ return /*#__PURE__*/React.createElement("div", {
84531
+ className: "col-lg-12 col-md-12 d-flex mb-2 allcentered scrollhorixontalcontainer"
84532
+ }, item === null || item === void 0 || (_item$values5 = item.values) === null || _item$values5 === void 0 ? void 0 : _item$values5.map(function (valitem) {
84533
+ var _item$option_info5, _item$option_info6, _item$option_info7, _item$option_info8, _item$option_info9, _valitem$valueinfo, _item$option_info10, _valitem$valueinfo2;
84534
+ var isChoosedValueExists = false;
84535
+ choosen_values === null || choosen_values === void 0 || choosen_values.forEach(function (choseitem, choseindex) {
84536
+ if (choseitem != null) {
84537
+ if ((choseitem === null || choseitem === void 0 ? void 0 : choseitem.valueid) == (valitem === null || valitem === void 0 ? void 0 : valitem.valueid)) {
84538
+ isChoosedValueExists = true;
84539
+ }
84540
+ }
84541
+ });
84542
+ return /*#__PURE__*/React.createElement("div", {
84543
+ style: {
84544
+ textAlign: 'center'
84545
+ },
84546
+ "class": "mx-1"
84547
+ }, /*#__PURE__*/React.createElement("button", {
84548
+ onClick: function onClick() {
84549
+ choose_valueFunc(valitem, item === null || item === void 0 ? void 0 : item.option_info);
84550
+ },
84551
+ style: {
84552
+ // backgroundColor: isChoosedValueExists ? 'lightblue' : 'white',
84553
+ color: isChoosedValueExists ? '#ffffff' : '#000000',
84554
+ border: isChoosedValueExists ? '3px solid ' + sectionproperties.activeproductcolor : '1px solid ' + sectionproperties.variantcontainerbordercolor,
84555
+ 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',
84556
+ cursor: valitem.disabled ? 'not-allowed' : 'pointer',
84557
+ fontSize: '13px',
84558
+ 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 : '',
84559
+ 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 : '',
84560
+ 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,
84561
+ 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',
84562
+ fontWeight: 500
84563
+ },
84564
+ disabled: valitem.disabled
84565
+ }, (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'));
84566
+ }));
84567
+ // }
84568
+ })));
84569
+ };
84570
+
84554
84571
  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; }
84555
84572
  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(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; }
84556
84573
  var Simpleproductcard = function Simpleproductcard(props) {
@@ -84826,6 +84843,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
84826
84843
  fontSize: sectionproperties.skuFontSize + 'px',
84827
84844
  color: sectionproperties.skuColor,
84828
84845
  fontWeight: sectionproperties.skuFontWeight
84846
+ }),
84847
+ imagediv: css({
84848
+ ':hover': {
84849
+ transition: 'all .4s ease',
84850
+ transform: sectionproperties.zoomimageonhover == 'Yes' ? 'scale(1.1)' : ''
84851
+ }
84829
84852
  })
84830
84853
  };
84831
84854
  var _useState11 = useState(''),
@@ -84964,7 +84987,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
84964
84987
  transition = true;
84965
84988
  }
84966
84989
  return /*#__PURE__*/React.createElement("div", {
84967
- "class": "w-100 cursor-pointer",
84990
+ "class": card_cssstyles.imagediv + ' w-100 cursor-pointer ',
84968
84991
  style: {
84969
84992
  position: 'relative'
84970
84993
  }