tabexseriescomponents 0.0.436 → 0.0.439

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.umd.js CHANGED
@@ -9509,7 +9509,7 @@
9509
9509
  className: "col-lg-6 col-md-6 col-sm-6 p-0"
9510
9510
  }, /*#__PURE__*/React__default["default"].createElement("p", {
9511
9511
  className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
9512
- }, lang.shippingfees)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue50 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue50 === void 0 || (_fetchcustomercartQue50 = _fetchcustomercartQue50.data) === null || _fetchcustomercartQue50 === void 0 ? void 0 : _fetchcustomercartQue50.customercart.zoneexists) && /*#__PURE__*/React__default["default"].createElement("div", {
9512
+ }, langdetect == 'en' ? sectionproperties.shippingfeestitle_en : sectionproperties.shippingfeestitle_ar)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue50 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue50 === void 0 || (_fetchcustomercartQue50 = _fetchcustomercartQue50.data) === null || _fetchcustomercartQue50 === void 0 ? void 0 : _fetchcustomercartQue50.customercart.zoneexists) && /*#__PURE__*/React__default["default"].createElement("div", {
9513
9513
  className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
9514
9514
  }, /*#__PURE__*/React__default["default"].createElement("p", {
9515
9515
  className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
@@ -9932,7 +9932,7 @@
9932
9932
  className: "col-lg-12 mb-3"
9933
9933
  }, /*#__PURE__*/React__default["default"].createElement("label", {
9934
9934
  className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
9935
- }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
9935
+ }, langdetect == 'en' ? sectionproperties.notesinen : sectionproperties.notesinar), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
9936
9936
  type: 'text',
9937
9937
  className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
9938
9938
  value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue63 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue63 === void 0 || (_fetchcustomercartQue63 = _fetchcustomercartQue63.data) === null || _fetchcustomercartQue63 === void 0 ? void 0 : _fetchcustomercartQue63.customercart.notes,
@@ -17126,11 +17126,11 @@
17126
17126
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17127
17127
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17128
17128
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17129
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17129
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
17130
17130
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17131
17131
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17132
17132
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17133
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17133
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17134
17134
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17135
17135
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17136
17136
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17154,11 +17154,11 @@
17154
17154
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17155
17155
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17156
17156
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17157
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17157
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17158
17158
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17159
17159
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17160
17160
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17161
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17161
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17162
17162
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17163
17163
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17164
17164
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17182,11 +17182,11 @@
17182
17182
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17183
17183
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17184
17184
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17185
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17185
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17186
17186
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17187
17187
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17188
17188
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17189
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17189
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17190
17190
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17191
17191
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17192
17192
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17210,11 +17210,11 @@
17210
17210
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17211
17211
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17212
17212
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17213
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17213
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17214
17214
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17215
17215
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17216
17216
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17217
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17217
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17218
17218
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') ; else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
17219
17219
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto ';
17220
17220
  } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
@@ -17235,11 +17235,11 @@
17235
17235
  if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17236
17236
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17237
17237
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17238
- bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17238
+ bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17239
17239
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17240
17240
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17241
17241
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17242
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17242
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17243
17243
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17244
17244
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17245
17245
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17259,11 +17259,11 @@
17259
17259
  } else if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17260
17260
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17261
17261
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17262
- bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17262
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17263
17263
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17264
17264
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17265
17265
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17266
- bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17266
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17267
17267
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17268
17268
  bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17269
17269
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -19857,12 +19857,13 @@
19857
19857
  style: {
19858
19858
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
19859
19859
  }
19860
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("div", {
19861
- className: 'allcentered m-0 cursor-pointer'
19862
- }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
19860
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
19863
19861
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
19864
19862
  style: {
19865
19863
  direction: 'rtl'
19864
+ },
19865
+ onClick: function onClick() {
19866
+ setlang('ar');
19866
19867
  }
19867
19868
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19868
19869
  "class": "m-0 p-0 font-weight-500"
@@ -19870,10 +19871,13 @@
19870
19871
  className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
19871
19872
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
19872
19873
  size: 20
19873
- }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
19874
+ }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
19874
19875
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
19875
19876
  style: {
19876
19877
  direction: 'ltr'
19878
+ },
19879
+ onClick: function onClick() {
19880
+ setlang('en');
19877
19881
  }
19878
19882
  }, /*#__PURE__*/React__default["default"].createElement("p", {
19879
19883
  "class": "m-0 p-0 font-weight-500 mr-1"
@@ -19881,45 +19885,7 @@
19881
19885
  className: "h-100 allcentered"
19882
19886
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
19883
19887
  size: 20
19884
- }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
19885
- className: "".concat(header_cssstyles.dropdownitem),
19886
- onClick: function onClick() {
19887
- setlang('ar');
19888
- }
19889
- }, /*#__PURE__*/React__default["default"].createElement("div", {
19890
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
19891
- }, /*#__PURE__*/React__default["default"].createElement("p", {
19892
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
19893
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
19894
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
19895
- style: {
19896
- maxWidth: '2vh',
19897
- maxHeight: '2vh'
19898
- }
19899
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
19900
- size: 15
19901
- }), /*#__PURE__*/React__default["default"].createElement("span", {
19902
- className: "ml-2 mr-2"
19903
- }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
19904
- className: "".concat(header_cssstyles.dropdownitem),
19905
- onClick: function onClick() {
19906
- setlang('en');
19907
- }
19908
- }, /*#__PURE__*/React__default["default"].createElement("div", {
19909
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
19910
- }, /*#__PURE__*/React__default["default"].createElement("p", {
19911
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
19912
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
19913
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
19914
- style: {
19915
- maxWidth: '2vh',
19916
- maxHeight: '2vh'
19917
- }
19918
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
19919
- size: 15
19920
- }), /*#__PURE__*/React__default["default"].createElement("span", {
19921
- className: "ml-2 mr-2"
19922
- }, lang.english)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
19888
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
19923
19889
  className: "row m-0 w-100 pt-2 filter d-none",
19924
19890
  id: "filter"
19925
19891
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21399,7 +21365,7 @@
21399
21365
  fontWeight: 500,
21400
21366
  fontSize: '15px',
21401
21367
  transition: '.3s',
21402
- color: '#000'
21368
+ color: sectionproperties.header_fontColorresponsive
21403
21369
  }
21404
21370
  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
21405
21371
  className: 'col-6 allcentered py-3',
@@ -21416,7 +21382,7 @@
21416
21382
  fontWeight: 500,
21417
21383
  fontSize: '15px',
21418
21384
  transition: '.3s',
21419
- color: '#000'
21385
+ color: sectionproperties.header_fontColorresponsive
21420
21386
  }
21421
21387
  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
21422
21388
  style: {
@@ -25568,7 +25534,7 @@
25568
25534
  function ownKeys$1S(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; }
25569
25535
  function _objectSpread$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25570
25536
  var CTAHeader = function CTAHeader(props) {
25571
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i13, _authdetailsContext$i15, _authdetailsContext$i18, _authdetailsContext$i21;
25537
+ var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i14, _authdetailsContext$i16, _authdetailsContext$i19, _authdetailsContext$i22;
25572
25538
  var actions = props.actions;
25573
25539
  var lang = props.actions.lang;
25574
25540
  var langdetect = props.actions.langdetect;
@@ -26080,7 +26046,42 @@
26080
26046
  zIndex: 1000,
26081
26047
  background: sectionproperties.header_backgroundColor
26082
26048
  }
26083
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26049
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
26050
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
26051
+ target: '_self',
26052
+ style: {
26053
+ position: 'fixed',
26054
+ bottom: 60,
26055
+ right: 10,
26056
+ zIndex: 999999,
26057
+ transition: 'all 0.3s ease-out'
26058
+ }
26059
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
26060
+ "class": langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
26061
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
26062
+ size: 30,
26063
+ color: sectionproperties.uppersection_iconcolor,
26064
+ style: {
26065
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
26066
+ }
26067
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
26068
+ href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber),
26069
+ target: '_blank',
26070
+ style: {
26071
+ position: 'fixed',
26072
+ bottom: 10,
26073
+ right: 10,
26074
+ zIndex: 999999,
26075
+ transition: 'all 0.3s ease-out'
26076
+ }
26077
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
26078
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
26079
+ style: {
26080
+ width: '40px',
26081
+ height: '40px',
26082
+ cursor: 'pointer'
26083
+ }
26084
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26084
26085
  "class": "row m-0 w-md-100",
26085
26086
  style: {
26086
26087
  width: sectionproperties.header_width + 'vw'
@@ -26388,43 +26389,43 @@
26388
26389
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
26389
26390
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26390
26391
  "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
26391
- }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26392
+ }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26392
26393
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26393
26394
  style: {
26394
26395
  marginRight: langdetect == 'en' ? '1rem' : 0,
26395
26396
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26396
26397
  },
26397
26398
  onClick: function onClick() {
26398
- var _authdetailsContext$i3;
26399
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
26400
- var _authdetailsContext$i4;
26401
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
26399
+ var _authdetailsContext$i4;
26400
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
26401
+ var _authdetailsContext$i5;
26402
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
26402
26403
  }
26403
26404
  }
26404
26405
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
26405
26406
  size: sectionproperties.facebkbtnniconfontsize
26406
- })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26407
+ })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26407
26408
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26408
26409
  style: {
26409
26410
  marginRight: langdetect == 'en' ? '1rem' : 0,
26410
26411
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26411
26412
  },
26412
26413
  onClick: function onClick() {
26413
- var _authdetailsContext$i6;
26414
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
26415
- var _authdetailsContext$i7;
26416
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
26414
+ var _authdetailsContext$i7;
26415
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
26416
+ var _authdetailsContext$i8;
26417
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
26417
26418
  }
26418
26419
  }
26419
26420
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
26420
26421
  size: sectionproperties.instgrambtniconfontsize
26421
- })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26422
+ })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null && sectionproperties.btntype == 'Shop' && /*#__PURE__*/React__default["default"].createElement("div", {
26422
26423
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26423
26424
  onClick: function onClick() {
26424
- var _authdetailsContext$i9;
26425
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
26426
- var _authdetailsContext$i10;
26427
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber), '_blank');
26425
+ var _authdetailsContext$i10;
26426
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber) != null) {
26427
+ var _authdetailsContext$i11;
26428
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.whatsappnumber), '_blank');
26428
26429
  }
26429
26430
  }
26430
26431
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -26443,9 +26444,9 @@
26443
26444
  style: {
26444
26445
  width: '80%'
26445
26446
  }
26446
- }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.instcategories) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.map(function (item, index) {
26447
- var _authdetailsContext$i12;
26448
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instcategories;
26447
+ }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcategories) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
26448
+ var _authdetailsContext$i13;
26449
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcategories;
26449
26450
  if (item.isshowntocustomers == 1) {
26450
26451
  return /*#__PURE__*/React__default["default"].createElement("div", {
26451
26452
  "class": "w-100"
@@ -26458,9 +26459,9 @@
26458
26459
  "class": "w-100"
26459
26460
  }, ButtonDropdown(item, index, fetchedarray));
26460
26461
  }
26461
- })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.map(function (item, index) {
26462
- var _authdetailsContext$i14;
26463
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instcollections;
26462
+ })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
26463
+ var _authdetailsContext$i15;
26464
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instcollections;
26464
26465
  if (item.isshowntocustomers == 1) {
26465
26466
  return /*#__PURE__*/React__default["default"].createElement("div", {
26466
26467
  "class": "w-100"
@@ -26495,43 +26496,43 @@
26495
26496
  onClick: function onClick() {
26496
26497
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
26497
26498
  }
26498
- }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.facebooklink) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26499
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26499
26500
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26500
26501
  style: {
26501
26502
  marginRight: langdetect == 'en' ? '1rem' : 0,
26502
26503
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26503
26504
  },
26504
26505
  onClick: function onClick() {
26505
- var _authdetailsContext$i16;
26506
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null) {
26507
- var _authdetailsContext$i17;
26508
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink, '_blank');
26506
+ var _authdetailsContext$i17;
26507
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink) != null) {
26508
+ var _authdetailsContext$i18;
26509
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink, '_blank');
26509
26510
  }
26510
26511
  }
26511
26512
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
26512
26513
  size: sectionproperties.facebkbtnniconfontsize
26513
- })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.instagramlink) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26514
+ })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26514
26515
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26515
26516
  style: {
26516
26517
  marginRight: langdetect == 'en' ? '1rem' : 0,
26517
26518
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26518
26519
  },
26519
26520
  onClick: function onClick() {
26520
- var _authdetailsContext$i19;
26521
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink) != null) {
26522
- var _authdetailsContext$i20;
26523
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink, '_blank');
26521
+ var _authdetailsContext$i20;
26522
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink) != null) {
26523
+ var _authdetailsContext$i21;
26524
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink, '_blank');
26524
26525
  }
26525
26526
  }
26526
26527
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
26527
26528
  size: sectionproperties.instgrambtniconfontsize
26528
- })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.whatsappnumber) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26529
+ })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null && sectionproperties.btntype == 'Filter' && /*#__PURE__*/React__default["default"].createElement("div", {
26529
26530
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26530
26531
  onClick: function onClick() {
26531
- var _authdetailsContext$i22;
26532
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
26533
- var _authdetailsContext$i23;
26534
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber), '_blank');
26532
+ var _authdetailsContext$i23;
26533
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
26534
+ var _authdetailsContext$i24;
26535
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.whatsappnumber), '_blank');
26535
26536
  }
26536
26537
  }
26537
26538
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -26598,6 +26599,9 @@
26598
26599
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26599
26600
  sectionpropertiesprops: sectionproperties,
26600
26601
  actions: actions
26602
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26603
+ sectionpropertiesprops: sectionproperties,
26604
+ actions: actions
26601
26605
  }))));
26602
26606
  };
26603
26607
 
@@ -66548,7 +66552,7 @@
66548
66552
  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; }
66549
66553
  function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
66550
66554
  var MenuCard = function MenuCard(props) {
66551
- var _css;
66555
+ var _css, _css2;
66552
66556
  var _useState = React.useState(''),
66553
66557
  _useState2 = _slicedToArray__default["default"](_useState, 2),
66554
66558
  sectionproperties = _useState2[0],
@@ -66564,25 +66568,12 @@
66564
66568
  var addtofavoritescontext = props.actions.addtofavoritescontext;
66565
66569
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
66566
66570
  var AddtoCartContext = props.actions.AddtoCartContext;
66567
- props.actions.AddtoCartMutationContext;
66571
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
66568
66572
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
66569
66573
  var routingcountext = props.actions.routingcountext;
66570
66574
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
66571
66575
  var ikimagecredcontext = props.actions.ikimagecredcontext;
66572
66576
  var NotificationManager = NotificationManager;
66573
- var updatequantity = function updatequantity(type) {
66574
- var tempitem = _objectSpread$l({}, item);
66575
- tempitem.quantity = parseInt(tempitem.quantity);
66576
- if (type == 'add') {
66577
- tempitem.quantity = tempitem.quantity + 1;
66578
- } else if (type == 'remove') {
66579
- tempitem.quantity = tempitem.quantity - 1;
66580
- }
66581
- if (tempitem.quantity <= 0) {
66582
- tempitem.quantity = 0;
66583
- }
66584
- setitem(_objectSpread$l({}, tempitem));
66585
- };
66586
66577
  React.useEffect(function () {
66587
66578
  if (props.srcfrom == 'addsectionform') {
66588
66579
  var secpropobj = {};
@@ -66610,31 +66601,33 @@
66610
66601
  divContainer.innerHTML = html;
66611
66602
  return divContainer.textContent || divContainer.innerText || '';
66612
66603
  };
66613
- var addtocartfunc = function addtocartfunc() {
66614
- var addtocardpayloadobj = {
66615
- functype: 'add',
66616
- productid: item.productid,
66617
- variantid: '',
66618
- quantity: item.quantity
66619
- };
66620
- var runfunc = false;
66621
- if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66622
- if (item.hasvariants == 1) {
66623
- if (addtocardpayloadobj.variantid.length != 0) {
66624
- runfunc = true;
66625
- } else {
66626
- NotificationManager.warning('', 'Please Choose Product Options');
66627
- }
66628
- } else {
66629
- runfunc = true;
66630
- }
66631
- } else {
66632
- NotificationManager.warning('', 'Please Choose Quantity');
66633
- }
66634
- if (runfunc == true) {
66635
- AddtoCartContext(addtocardpayloadobj);
66636
- }
66637
- };
66604
+ // const addtocartfunc = () => {
66605
+ // const addtocardpayloadobj = {
66606
+ // functype: 'add',
66607
+ // productid: item.productid,
66608
+ // variantid: '',
66609
+ // quantity: item.quantity,
66610
+ // };
66611
+ // var runfunc = false;
66612
+ // if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66613
+ // if (item.hasvariants == 1) {
66614
+ // if (addtocardpayloadobj.variantid.length != 0) {
66615
+ // runfunc = true;
66616
+ // } else {
66617
+ // NotificationManager.warning('', 'Please Choose Product Options');
66618
+ // }
66619
+ // } else {
66620
+ // runfunc = true;
66621
+ // }
66622
+ // } else {
66623
+ // NotificationManager.warning('', 'Please Choose Quantity');
66624
+ // }
66625
+
66626
+ // if (runfunc == true) {
66627
+ // AddtoCartContext(addtocardpayloadobj);
66628
+ // }
66629
+ // };
66630
+
66638
66631
  var card_cssstyles = {
66639
66632
  productcard: glamor.css({
66640
66633
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -66656,7 +66649,7 @@
66656
66649
  transition: '.3s',
66657
66650
  color: sectionproperties.prodNameColor
66658
66651
  }),
66659
- productcardimagecont: glamor.css({
66652
+ productcardimagecont: glamor.css((_css = {
66660
66653
  position: 'relative',
66661
66654
  overflow: 'hidden',
66662
66655
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -66665,8 +66658,12 @@
66665
66658
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66666
66659
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66667
66660
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66668
- transition: '.3s'
66669
- }),
66661
+ transition: '.3s',
66662
+ height: sectionproperties.image_height + 'px',
66663
+ width: sectionproperties.image_width + 'px'
66664
+ }, _defineProperty__default["default"](_css, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty__default["default"](_css, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty__default["default"](_css, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty__default["default"](_css, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, '@media (max-width: 800px)', {
66665
+ width: sectionproperties.image_width + '%'
66666
+ }), _css)),
66670
66667
  productNameStyles: glamor.css({
66671
66668
  fontSize: sectionproperties.prodNameFontSize + 'px',
66672
66669
  textTransform: sectionproperties.prodNameTextTranform,
@@ -66725,11 +66722,11 @@
66725
66722
  color: sectionproperties.cartBtnTextcoloronhover
66726
66723
  }
66727
66724
  }),
66728
- quantitybtn: glamor.css((_css = {
66725
+ quantitybtn: glamor.css((_css2 = {
66729
66726
  flex: 1,
66730
66727
  border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
66731
66728
  height: sectionproperties.quantitybtn_height + 'px'
66732
- }, _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "display", 'flex'), _defineProperty__default["default"](_css, "flexDirection", 'row'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css, "alignItems", 'center'), _defineProperty__default["default"](_css, "justifyContent", 'center'), _defineProperty__default["default"](_css, "margin", 0), _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
66729
+ }, _defineProperty__default["default"](_css2, "height", '40px'), _defineProperty__default["default"](_css2, "display", 'flex'), _defineProperty__default["default"](_css2, "flexDirection", 'row'), _defineProperty__default["default"](_css2, "overflow", 'hidden'), _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css2, "alignItems", 'center'), _defineProperty__default["default"](_css2, "justifyContent", 'center'), _defineProperty__default["default"](_css2, "margin", 0), _defineProperty__default["default"](_css2, "position", 'relative'), _defineProperty__default["default"](_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
66733
66730
  quantitybtn_text: glamor.css({
66734
66731
  margin: 'auto'
66735
66732
  }),
@@ -66783,6 +66780,51 @@
66783
66780
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
66784
66781
  })
66785
66782
  };
66783
+ var addtocartfunc = function addtocartfunc(type, quantity) {
66784
+ var addtocardpayloadobj = {
66785
+ functype: 'add',
66786
+ productid: item.productid,
66787
+ variantid: '',
66788
+ quantity: quantity
66789
+ };
66790
+ var runfunc = false;
66791
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66792
+ if (item.hasvariants == 1) {
66793
+ if (addtocardpayloadobj.variantid.length != 0) {
66794
+ runfunc = true;
66795
+ } else {
66796
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
66797
+ }
66798
+ } else {
66799
+ runfunc = true;
66800
+ }
66801
+ } else {
66802
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
66803
+ }
66804
+ if (runfunc == true) {
66805
+ AddtoCartContext(addtocardpayloadobj);
66806
+ }
66807
+ };
66808
+ var addtocartbuttonrender = function addtocartbuttonrender() {
66809
+ if (AddtoCartMutationContext.isLoading) {
66810
+ var _AddtoCartMutationCon;
66811
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
66812
+ return /*#__PURE__*/React__default["default"].createElement("div", {
66813
+ "class": ' d-flex align-items-center justify-content-center '
66814
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
66815
+ color: '#000',
66816
+ width: "20px",
66817
+ height: "20px",
66818
+ duration: "1s"
66819
+ }));
66820
+ } else {
66821
+ return item.quantity;
66822
+ }
66823
+ }
66824
+ if (!AddtoCartMutationContext.isLoading) {
66825
+ return item.quantity;
66826
+ }
66827
+ };
66786
66828
  return /*#__PURE__*/React__default["default"].createElement("div", {
66787
66829
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
66788
66830
  style: {
@@ -66802,16 +66844,7 @@
66802
66844
  }
66803
66845
  },
66804
66846
  "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
66805
- style: {
66806
- height: sectionproperties.image_height + 'px',
66807
- width: sectionproperties.image_width + 'px',
66808
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
66809
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66810
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66811
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66812
- overflow: 'hidden',
66813
- cursor: 'pointer'
66814
- }
66847
+ style: {}
66815
66848
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
66816
66849
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
66817
66850
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -66905,23 +66938,49 @@
66905
66938
  height: sectionproperties.quantitybtn_height + 'px'
66906
66939
  },
66907
66940
  "class": ' row m-0 d-flex align-items-center '
66908
- }, /*#__PURE__*/React__default["default"].createElement("button", {
66941
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
66909
66942
  "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
66910
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
66943
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("button", {
66911
66944
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
66912
66945
  style: {
66913
66946
  transform: ' rotate(-180deg)'
66914
66947
  },
66915
66948
  onClick: function onClick() {
66916
- updatequantity('remove');
66917
- }
66949
+ if (item.hasvariants == 0) {
66950
+ var tempitem = _objectSpread$l({}, item);
66951
+ tempitem.quantity = parseInt(tempitem.quantity);
66952
+ tempitem.quantity = tempitem.quantity - 1;
66953
+ if (tempitem.quantity <= 0) {
66954
+ tempitem.quantity = 0;
66955
+ }
66956
+ setitem(_objectSpread$l({}, tempitem));
66957
+ addtocartfunc('add', tempitem.quantity);
66958
+ } else {
66959
+ setShowProductInfoModalContext(true);
66960
+ setProductIdProdutInfoModalContext(item.productid);
66961
+ }
66962
+ },
66963
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
66918
66964
  }, /*#__PURE__*/React__default["default"].createElement("i", {
66919
66965
  "class": "h-100 allcentered"
66920
66966
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
66921
66967
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
66922
66968
  onClick: function onClick() {
66923
- updatequantity('add');
66924
- }
66969
+ if (item.hasvariants == 0) {
66970
+ var tempitem = _objectSpread$l({}, item);
66971
+ tempitem.quantity = parseInt(tempitem.quantity);
66972
+ tempitem.quantity = tempitem.quantity - 1;
66973
+ if (tempitem.quantity <= 0) {
66974
+ tempitem.quantity = 0;
66975
+ }
66976
+ setitem(_objectSpread$l({}, tempitem));
66977
+ addtocartfunc('add', tempitem.quantity);
66978
+ } else {
66979
+ setShowProductInfoModalContext(true);
66980
+ setProductIdProdutInfoModalContext(item.productid);
66981
+ }
66982
+ },
66983
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
66925
66984
  }, /*#__PURE__*/React__default["default"].createElement("i", {
66926
66985
  "class": "h-100 allcentered"
66927
66986
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -66932,21 +66991,47 @@
66932
66991
  height: sectionproperties.quantitybtntextheight + 'px',
66933
66992
  borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
66934
66993
  }
66935
- }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
66994
+ }, addtocartbuttonrender()), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
66936
66995
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
66937
66996
  style: {
66938
66997
  transform: ' rotate(-180deg)'
66939
66998
  },
66940
66999
  onClick: function onClick() {
66941
- updatequantity('remove');
66942
- }
67000
+ if (item.hasvariants == 0) {
67001
+ var tempitem = _objectSpread$l({}, item);
67002
+ tempitem.quantity = parseInt(tempitem.quantity);
67003
+ tempitem.quantity = tempitem.quantity + 1;
67004
+ if (tempitem.quantity <= 0) {
67005
+ tempitem.quantity = 0;
67006
+ }
67007
+ setitem(_objectSpread$l({}, tempitem));
67008
+ addtocartfunc('add', tempitem.quantity);
67009
+ } else {
67010
+ setShowProductInfoModalContext(true);
67011
+ setProductIdProdutInfoModalContext(item.productid);
67012
+ }
67013
+ },
67014
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
66943
67015
  }, /*#__PURE__*/React__default["default"].createElement("i", {
66944
67016
  "class": "h-100 allcentered"
66945
67017
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
66946
67018
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
66947
67019
  onClick: function onClick() {
66948
- updatequantity('add');
66949
- }
67020
+ if (item.hasvariants == 0) {
67021
+ var tempitem = _objectSpread$l({}, item);
67022
+ tempitem.quantity = parseInt(tempitem.quantity);
67023
+ tempitem.quantity = tempitem.quantity + 1;
67024
+ if (tempitem.quantity <= 0) {
67025
+ tempitem.quantity = 0;
67026
+ }
67027
+ setitem(_objectSpread$l({}, tempitem));
67028
+ addtocartfunc('add', tempitem.quantity);
67029
+ } else {
67030
+ setShowProductInfoModalContext(true);
67031
+ setProductIdProdutInfoModalContext(item.productid);
67032
+ }
67033
+ },
67034
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
66950
67035
  }, /*#__PURE__*/React__default["default"].createElement("i", {
66951
67036
  "class": "h-100 allcentered"
66952
67037
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null)))))), /*#__PURE__*/React__default["default"].createElement("div", {