tabexseriescomponents 0.0.436 → 0.0.437

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -9683,7 +9683,7 @@ var Checkout = function Checkout(props) {
9683
9683
  className: "col-lg-6 col-md-6 col-sm-6 p-0"
9684
9684
  }, /*#__PURE__*/React__default["default"].createElement("p", {
9685
9685
  className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
9686
- }, 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", {
9686
+ }, 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", {
9687
9687
  className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
9688
9688
  }, /*#__PURE__*/React__default["default"].createElement("p", {
9689
9689
  className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
@@ -10106,7 +10106,7 @@ var Checkout = function Checkout(props) {
10106
10106
  className: "col-lg-12 mb-3"
10107
10107
  }, /*#__PURE__*/React__default["default"].createElement("label", {
10108
10108
  className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
10109
- }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
10109
+ }, langdetect == 'en' ? sectionproperties.notesinen : sectionproperties.notesinar), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
10110
10110
  type: 'text',
10111
10111
  className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
10112
10112
  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,
@@ -17300,11 +17300,11 @@ var CardsSection = function CardsSection(props) {
17300
17300
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17301
17301
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17302
17302
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17303
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17303
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
17304
17304
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17305
17305
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17306
17306
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17307
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17307
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17308
17308
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17309
17309
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17310
17310
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17328,11 +17328,11 @@ var CardsSection = function CardsSection(props) {
17328
17328
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17329
17329
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17330
17330
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17331
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17331
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17332
17332
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17333
17333
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17334
17334
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17335
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17335
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17336
17336
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17337
17337
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17338
17338
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17356,11 +17356,11 @@ var CardsSection = function CardsSection(props) {
17356
17356
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17357
17357
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17358
17358
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17359
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17359
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17360
17360
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17361
17361
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17362
17362
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17363
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17363
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17364
17364
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17365
17365
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17366
17366
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17384,11 +17384,11 @@ var CardsSection = function CardsSection(props) {
17384
17384
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17385
17385
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17386
17386
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17387
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17387
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17388
17388
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17389
17389
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17390
17390
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17391
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17391
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17392
17392
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') ; else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
17393
17393
  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 ';
17394
17394
  } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
@@ -17409,11 +17409,11 @@ var CardsSection = function CardsSection(props) {
17409
17409
  if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17410
17410
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17411
17411
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17412
- bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17412
+ bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17413
17413
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17414
17414
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17415
17415
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17416
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17416
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17417
17417
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17418
17418
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17419
17419
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17433,11 +17433,11 @@ var CardsSection = function CardsSection(props) {
17433
17433
  } else if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17434
17434
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17435
17435
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17436
- bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17436
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17437
17437
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17438
17438
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17439
17439
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17440
- bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17440
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17441
17441
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17442
17442
  bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17443
17443
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -20031,12 +20031,13 @@ var Headerresponsive = function Headerresponsive(props) {
20031
20031
  style: {
20032
20032
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
20033
20033
  }
20034
- }, /*#__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", {
20035
- className: 'allcentered m-0 cursor-pointer'
20036
- }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
20034
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
20037
20035
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
20038
20036
  style: {
20039
20037
  direction: 'rtl'
20038
+ },
20039
+ onClick: function onClick() {
20040
+ setlang('ar');
20040
20041
  }
20041
20042
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20042
20043
  "class": "m-0 p-0 font-weight-500"
@@ -20044,10 +20045,13 @@ var Headerresponsive = function Headerresponsive(props) {
20044
20045
  className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
20045
20046
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
20046
20047
  size: 20
20047
- }))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
20048
+ }))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
20048
20049
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
20049
20050
  style: {
20050
20051
  direction: 'ltr'
20052
+ },
20053
+ onClick: function onClick() {
20054
+ setlang('en');
20051
20055
  }
20052
20056
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20053
20057
  "class": "m-0 p-0 font-weight-500 mr-1"
@@ -20055,45 +20059,7 @@ var Headerresponsive = function Headerresponsive(props) {
20055
20059
  className: "h-100 allcentered"
20056
20060
  }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
20057
20061
  size: 20
20058
- }))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
20059
- className: "".concat(header_cssstyles.dropdownitem),
20060
- onClick: function onClick() {
20061
- setlang('ar');
20062
- }
20063
- }, /*#__PURE__*/React__default["default"].createElement("div", {
20064
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20065
- }, /*#__PURE__*/React__default["default"].createElement("p", {
20066
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20067
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
20068
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
20069
- style: {
20070
- maxWidth: '2vh',
20071
- maxHeight: '2vh'
20072
- }
20073
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
20074
- size: 15
20075
- }), /*#__PURE__*/React__default["default"].createElement("span", {
20076
- className: "ml-2 mr-2"
20077
- }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
20078
- className: "".concat(header_cssstyles.dropdownitem),
20079
- onClick: function onClick() {
20080
- setlang('en');
20081
- }
20082
- }, /*#__PURE__*/React__default["default"].createElement("div", {
20083
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20084
- }, /*#__PURE__*/React__default["default"].createElement("p", {
20085
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20086
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
20087
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
20088
- style: {
20089
- maxWidth: '2vh',
20090
- maxHeight: '2vh'
20091
- }
20092
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, {
20093
- size: 15
20094
- }), /*#__PURE__*/React__default["default"].createElement("span", {
20095
- className: "ml-2 mr-2"
20096
- }, lang.english)))))))), /*#__PURE__*/React__default["default"].createElement("div", {
20062
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
20097
20063
  className: "row m-0 w-100 pt-2 filter d-none",
20098
20064
  id: "filter"
20099
20065
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -21573,7 +21539,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21573
21539
  fontWeight: 500,
21574
21540
  fontSize: '15px',
21575
21541
  transition: '.3s',
21576
- color: '#000'
21542
+ color: sectionproperties.header_fontColorresponsive
21577
21543
  }
21578
21544
  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
21579
21545
  className: 'col-6 allcentered py-3',
@@ -21590,7 +21556,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21590
21556
  fontWeight: 500,
21591
21557
  fontSize: '15px',
21592
21558
  transition: '.3s',
21593
- color: '#000'
21559
+ color: sectionproperties.header_fontColorresponsive
21594
21560
  }
21595
21561
  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
21596
21562
  style: {
@@ -25742,7 +25708,7 @@ styleInject(css_248z$x);
25742
25708
  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; }
25743
25709
  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; }
25744
25710
  var CTAHeader = function CTAHeader(props) {
25745
- 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;
25711
+ 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;
25746
25712
  var actions = props.actions;
25747
25713
  var lang = props.actions.lang;
25748
25714
  var langdetect = props.actions.langdetect;
@@ -26254,7 +26220,42 @@ var CTAHeader = function CTAHeader(props) {
26254
26220
  zIndex: 1000,
26255
26221
  background: sectionproperties.header_backgroundColor
26256
26222
  }
26257
- }, /*#__PURE__*/React__default["default"].createElement("div", {
26223
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
26224
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
26225
+ target: '_self',
26226
+ style: {
26227
+ position: 'fixed',
26228
+ bottom: 60,
26229
+ right: 10,
26230
+ zIndex: 999999,
26231
+ transition: 'all 0.3s ease-out'
26232
+ }
26233
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
26234
+ "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'
26235
+ }, /*#__PURE__*/React__default["default"].createElement(FiPhone.FiPhone, {
26236
+ size: 30,
26237
+ color: sectionproperties.uppersection_iconcolor,
26238
+ style: {
26239
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
26240
+ }
26241
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
26242
+ 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),
26243
+ target: '_blank',
26244
+ style: {
26245
+ position: 'fixed',
26246
+ bottom: 10,
26247
+ right: 10,
26248
+ zIndex: 999999,
26249
+ transition: 'all 0.3s ease-out'
26250
+ }
26251
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
26252
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
26253
+ style: {
26254
+ width: '40px',
26255
+ height: '40px',
26256
+ cursor: 'pointer'
26257
+ }
26258
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
26258
26259
  "class": "row m-0 w-md-100",
26259
26260
  style: {
26260
26261
  width: sectionproperties.header_width + 'vw'
@@ -26562,43 +26563,43 @@ var CTAHeader = function CTAHeader(props) {
26562
26563
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
26563
26564
  }, /*#__PURE__*/React__default["default"].createElement("div", {
26564
26565
  "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
26565
- }, 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", {
26566
+ }, 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", {
26566
26567
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26567
26568
  style: {
26568
26569
  marginRight: langdetect == 'en' ? '1rem' : 0,
26569
26570
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26570
26571
  },
26571
26572
  onClick: function onClick() {
26572
- var _authdetailsContext$i3;
26573
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
26574
- var _authdetailsContext$i4;
26575
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
26573
+ var _authdetailsContext$i4;
26574
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
26575
+ var _authdetailsContext$i5;
26576
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
26576
26577
  }
26577
26578
  }
26578
26579
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
26579
26580
  size: sectionproperties.facebkbtnniconfontsize
26580
- })), 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", {
26581
+ })), 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", {
26581
26582
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26582
26583
  style: {
26583
26584
  marginRight: langdetect == 'en' ? '1rem' : 0,
26584
26585
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26585
26586
  },
26586
26587
  onClick: function onClick() {
26587
- var _authdetailsContext$i6;
26588
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
26589
- var _authdetailsContext$i7;
26590
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
26588
+ var _authdetailsContext$i7;
26589
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
26590
+ var _authdetailsContext$i8;
26591
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
26591
26592
  }
26592
26593
  }
26593
26594
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
26594
26595
  size: sectionproperties.instgrambtniconfontsize
26595
- })), 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", {
26596
+ })), 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", {
26596
26597
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26597
26598
  onClick: function onClick() {
26598
- var _authdetailsContext$i9;
26599
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
26600
- var _authdetailsContext$i10;
26601
- 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');
26599
+ var _authdetailsContext$i10;
26600
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber) != null) {
26601
+ var _authdetailsContext$i11;
26602
+ 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');
26602
26603
  }
26603
26604
  }
26604
26605
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -26617,9 +26618,9 @@ var CTAHeader = function CTAHeader(props) {
26617
26618
  style: {
26618
26619
  width: '80%'
26619
26620
  }
26620
- }, 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) {
26621
- var _authdetailsContext$i12;
26622
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instcategories;
26621
+ }, 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) {
26622
+ var _authdetailsContext$i13;
26623
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcategories;
26623
26624
  if (item.isshowntocustomers == 1) {
26624
26625
  return /*#__PURE__*/React__default["default"].createElement("div", {
26625
26626
  "class": "w-100"
@@ -26632,9 +26633,9 @@ var CTAHeader = function CTAHeader(props) {
26632
26633
  "class": "w-100"
26633
26634
  }, ButtonDropdown(item, index, fetchedarray));
26634
26635
  }
26635
- })), 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) {
26636
- var _authdetailsContext$i14;
26637
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instcollections;
26636
+ })), 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) {
26637
+ var _authdetailsContext$i15;
26638
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instcollections;
26638
26639
  if (item.isshowntocustomers == 1) {
26639
26640
  return /*#__PURE__*/React__default["default"].createElement("div", {
26640
26641
  "class": "w-100"
@@ -26669,43 +26670,43 @@ var CTAHeader = function CTAHeader(props) {
26669
26670
  onClick: function onClick() {
26670
26671
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
26671
26672
  }
26672
- }, 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", {
26673
+ }, 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", {
26673
26674
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26674
26675
  style: {
26675
26676
  marginRight: langdetect == 'en' ? '1rem' : 0,
26676
26677
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26677
26678
  },
26678
26679
  onClick: function onClick() {
26679
- var _authdetailsContext$i16;
26680
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null) {
26681
- var _authdetailsContext$i17;
26682
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink, '_blank');
26680
+ var _authdetailsContext$i17;
26681
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink) != null) {
26682
+ var _authdetailsContext$i18;
26683
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink, '_blank');
26683
26684
  }
26684
26685
  }
26685
26686
  }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
26686
26687
  size: sectionproperties.facebkbtnniconfontsize
26687
- })), 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", {
26688
+ })), 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", {
26688
26689
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26689
26690
  style: {
26690
26691
  marginRight: langdetect == 'en' ? '1rem' : 0,
26691
26692
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26692
26693
  },
26693
26694
  onClick: function onClick() {
26694
- var _authdetailsContext$i19;
26695
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink) != null) {
26696
- var _authdetailsContext$i20;
26697
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink, '_blank');
26695
+ var _authdetailsContext$i20;
26696
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink) != null) {
26697
+ var _authdetailsContext$i21;
26698
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink, '_blank');
26698
26699
  }
26699
26700
  }
26700
26701
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
26701
26702
  size: sectionproperties.instgrambtniconfontsize
26702
- })), 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", {
26703
+ })), 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", {
26703
26704
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26704
26705
  onClick: function onClick() {
26705
- var _authdetailsContext$i22;
26706
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
26707
- var _authdetailsContext$i23;
26708
- 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');
26706
+ var _authdetailsContext$i23;
26707
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
26708
+ var _authdetailsContext$i24;
26709
+ 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');
26709
26710
  }
26710
26711
  }
26711
26712
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -26772,6 +26773,9 @@ var CTAHeader = function CTAHeader(props) {
26772
26773
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26773
26774
  sectionpropertiesprops: sectionproperties,
26774
26775
  actions: actions
26776
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
26777
+ sectionpropertiesprops: sectionproperties,
26778
+ actions: actions
26775
26779
  }))));
26776
26780
  };
26777
26781
 
@@ -66722,7 +66726,7 @@ var Horizontalcard = function Horizontalcard(props) {
66722
66726
  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; }
66723
66727
  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; }
66724
66728
  var MenuCard = function MenuCard(props) {
66725
- var _css;
66729
+ var _css, _css2;
66726
66730
  var _useState = React.useState(''),
66727
66731
  _useState2 = _slicedToArray__default["default"](_useState, 2),
66728
66732
  sectionproperties = _useState2[0],
@@ -66738,25 +66742,12 @@ var MenuCard = function MenuCard(props) {
66738
66742
  var addtofavoritescontext = props.actions.addtofavoritescontext;
66739
66743
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
66740
66744
  var AddtoCartContext = props.actions.AddtoCartContext;
66741
- props.actions.AddtoCartMutationContext;
66745
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
66742
66746
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
66743
66747
  var routingcountext = props.actions.routingcountext;
66744
66748
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
66745
66749
  var ikimagecredcontext = props.actions.ikimagecredcontext;
66746
66750
  var NotificationManager = NotificationManager;
66747
- var updatequantity = function updatequantity(type) {
66748
- var tempitem = _objectSpread$l({}, item);
66749
- tempitem.quantity = parseInt(tempitem.quantity);
66750
- if (type == 'add') {
66751
- tempitem.quantity = tempitem.quantity + 1;
66752
- } else if (type == 'remove') {
66753
- tempitem.quantity = tempitem.quantity - 1;
66754
- }
66755
- if (tempitem.quantity <= 0) {
66756
- tempitem.quantity = 0;
66757
- }
66758
- setitem(_objectSpread$l({}, tempitem));
66759
- };
66760
66751
  React.useEffect(function () {
66761
66752
  if (props.srcfrom == 'addsectionform') {
66762
66753
  var secpropobj = {};
@@ -66784,31 +66775,33 @@ var MenuCard = function MenuCard(props) {
66784
66775
  divContainer.innerHTML = html;
66785
66776
  return divContainer.textContent || divContainer.innerText || '';
66786
66777
  };
66787
- var addtocartfunc = function addtocartfunc() {
66788
- var addtocardpayloadobj = {
66789
- functype: 'add',
66790
- productid: item.productid,
66791
- variantid: '',
66792
- quantity: item.quantity
66793
- };
66794
- var runfunc = false;
66795
- if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66796
- if (item.hasvariants == 1) {
66797
- if (addtocardpayloadobj.variantid.length != 0) {
66798
- runfunc = true;
66799
- } else {
66800
- NotificationManager.warning('', 'Please Choose Product Options');
66801
- }
66802
- } else {
66803
- runfunc = true;
66804
- }
66805
- } else {
66806
- NotificationManager.warning('', 'Please Choose Quantity');
66807
- }
66808
- if (runfunc == true) {
66809
- AddtoCartContext(addtocardpayloadobj);
66810
- }
66811
- };
66778
+ // const addtocartfunc = () => {
66779
+ // const addtocardpayloadobj = {
66780
+ // functype: 'add',
66781
+ // productid: item.productid,
66782
+ // variantid: '',
66783
+ // quantity: item.quantity,
66784
+ // };
66785
+ // var runfunc = false;
66786
+ // if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66787
+ // if (item.hasvariants == 1) {
66788
+ // if (addtocardpayloadobj.variantid.length != 0) {
66789
+ // runfunc = true;
66790
+ // } else {
66791
+ // NotificationManager.warning('', 'Please Choose Product Options');
66792
+ // }
66793
+ // } else {
66794
+ // runfunc = true;
66795
+ // }
66796
+ // } else {
66797
+ // NotificationManager.warning('', 'Please Choose Quantity');
66798
+ // }
66799
+
66800
+ // if (runfunc == true) {
66801
+ // AddtoCartContext(addtocardpayloadobj);
66802
+ // }
66803
+ // };
66804
+
66812
66805
  var card_cssstyles = {
66813
66806
  productcard: glamor.css({
66814
66807
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -66830,7 +66823,7 @@ var MenuCard = function MenuCard(props) {
66830
66823
  transition: '.3s',
66831
66824
  color: sectionproperties.prodNameColor
66832
66825
  }),
66833
- productcardimagecont: glamor.css({
66826
+ productcardimagecont: glamor.css((_css = {
66834
66827
  position: 'relative',
66835
66828
  overflow: 'hidden',
66836
66829
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -66839,8 +66832,12 @@ var MenuCard = function MenuCard(props) {
66839
66832
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66840
66833
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66841
66834
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66842
- transition: '.3s'
66843
- }),
66835
+ transition: '.3s',
66836
+ height: sectionproperties.image_height + 'px',
66837
+ width: sectionproperties.image_width + 'px'
66838
+ }, _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)', {
66839
+ width: sectionproperties.image_width + '%'
66840
+ }), _css)),
66844
66841
  productNameStyles: glamor.css({
66845
66842
  fontSize: sectionproperties.prodNameFontSize + 'px',
66846
66843
  textTransform: sectionproperties.prodNameTextTranform,
@@ -66899,11 +66896,11 @@ var MenuCard = function MenuCard(props) {
66899
66896
  color: sectionproperties.cartBtnTextcoloronhover
66900
66897
  }
66901
66898
  }),
66902
- quantitybtn: glamor.css((_css = {
66899
+ quantitybtn: glamor.css((_css2 = {
66903
66900
  flex: 1,
66904
66901
  border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
66905
66902
  height: sectionproperties.quantitybtn_height + 'px'
66906
- }, _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)),
66903
+ }, _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)),
66907
66904
  quantitybtn_text: glamor.css({
66908
66905
  margin: 'auto'
66909
66906
  }),
@@ -66957,6 +66954,51 @@ var MenuCard = function MenuCard(props) {
66957
66954
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
66958
66955
  })
66959
66956
  };
66957
+ var addtocartfunc = function addtocartfunc(type, quantity) {
66958
+ var addtocardpayloadobj = {
66959
+ functype: 'add',
66960
+ productid: item.productid,
66961
+ variantid: '',
66962
+ quantity: quantity
66963
+ };
66964
+ var runfunc = false;
66965
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66966
+ if (item.hasvariants == 1) {
66967
+ if (addtocardpayloadobj.variantid.length != 0) {
66968
+ runfunc = true;
66969
+ } else {
66970
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
66971
+ }
66972
+ } else {
66973
+ runfunc = true;
66974
+ }
66975
+ } else {
66976
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
66977
+ }
66978
+ if (runfunc == true) {
66979
+ AddtoCartContext(addtocardpayloadobj);
66980
+ }
66981
+ };
66982
+ var addtocartbuttonrender = function addtocartbuttonrender() {
66983
+ if (AddtoCartMutationContext.isLoading) {
66984
+ var _AddtoCartMutationCon;
66985
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
66986
+ return /*#__PURE__*/React__default["default"].createElement("div", {
66987
+ "class": ' d-flex align-items-center justify-content-center '
66988
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
66989
+ color: '#000',
66990
+ width: "20px",
66991
+ height: "20px",
66992
+ duration: "1s"
66993
+ }));
66994
+ } else {
66995
+ return item.quantity;
66996
+ }
66997
+ }
66998
+ if (!AddtoCartMutationContext.isLoading) {
66999
+ return item.quantity;
67000
+ }
67001
+ };
66960
67002
  return /*#__PURE__*/React__default["default"].createElement("div", {
66961
67003
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
66962
67004
  style: {
@@ -66976,16 +67018,7 @@ var MenuCard = function MenuCard(props) {
66976
67018
  }
66977
67019
  },
66978
67020
  "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 ',
66979
- style: {
66980
- height: sectionproperties.image_height + 'px',
66981
- width: sectionproperties.image_width + 'px',
66982
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
66983
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66984
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66985
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66986
- overflow: 'hidden',
66987
- cursor: 'pointer'
66988
- }
67021
+ style: {}
66989
67022
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
66990
67023
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
66991
67024
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -67079,23 +67112,52 @@ var MenuCard = function MenuCard(props) {
67079
67112
  height: sectionproperties.quantitybtn_height + 'px'
67080
67113
  },
67081
67114
  "class": ' row m-0 d-flex align-items-center '
67082
- }, /*#__PURE__*/React__default["default"].createElement("button", {
67115
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
67083
67116
  "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
67084
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
67117
+ }, langdetect == 'en' &&
67118
+ /*#__PURE__*/
67119
+ // remove
67120
+ React__default["default"].createElement("button", {
67085
67121
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67086
67122
  style: {
67087
67123
  transform: ' rotate(-180deg)'
67088
67124
  },
67089
67125
  onClick: function onClick() {
67090
- updatequantity('remove');
67091
- }
67126
+ if (item.hasvariants == 0) {
67127
+ var tempitem = _objectSpread$l({}, item);
67128
+ tempitem.quantity = parseInt(tempitem.quantity);
67129
+ tempitem.quantity = tempitem.quantity - 1;
67130
+ if (tempitem.quantity <= 0) {
67131
+ tempitem.quantity = 0;
67132
+ }
67133
+ setitem(_objectSpread$l({}, tempitem));
67134
+ addtocartfunc('add', tempitem.quantity);
67135
+ } else {
67136
+ setShowProductInfoModalContext(true);
67137
+ setProductIdProdutInfoModalContext(item.productid);
67138
+ }
67139
+ },
67140
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67092
67141
  }, /*#__PURE__*/React__default["default"].createElement("i", {
67093
67142
  "class": "h-100 allcentered"
67094
- }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
67143
+ }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), "// add", langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
67095
67144
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67096
67145
  onClick: function onClick() {
67097
- updatequantity('add');
67098
- }
67146
+ if (item.hasvariants == 0) {
67147
+ var tempitem = _objectSpread$l({}, item);
67148
+ tempitem.quantity = parseInt(tempitem.quantity);
67149
+ tempitem.quantity = tempitem.quantity - 1;
67150
+ if (tempitem.quantity <= 0) {
67151
+ tempitem.quantity = 0;
67152
+ }
67153
+ setitem(_objectSpread$l({}, tempitem));
67154
+ addtocartfunc('add', tempitem.quantity);
67155
+ } else {
67156
+ setShowProductInfoModalContext(true);
67157
+ setProductIdProdutInfoModalContext(item.productid);
67158
+ }
67159
+ },
67160
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67099
67161
  }, /*#__PURE__*/React__default["default"].createElement("i", {
67100
67162
  "class": "h-100 allcentered"
67101
67163
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), /*#__PURE__*/React__default["default"].createElement("span", {
@@ -67106,21 +67168,47 @@ var MenuCard = function MenuCard(props) {
67106
67168
  height: sectionproperties.quantitybtntextheight + 'px',
67107
67169
  borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
67108
67170
  }
67109
- }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
67171
+ }, addtocartbuttonrender()), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
67110
67172
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67111
67173
  style: {
67112
67174
  transform: ' rotate(-180deg)'
67113
67175
  },
67114
67176
  onClick: function onClick() {
67115
- updatequantity('remove');
67116
- }
67177
+ if (item.hasvariants == 0) {
67178
+ var tempitem = _objectSpread$l({}, item);
67179
+ tempitem.quantity = parseInt(tempitem.quantity);
67180
+ tempitem.quantity = tempitem.quantity + 1;
67181
+ if (tempitem.quantity <= 0) {
67182
+ tempitem.quantity = 0;
67183
+ }
67184
+ setitem(_objectSpread$l({}, tempitem));
67185
+ addtocartfunc('add', tempitem.quantity);
67186
+ } else {
67187
+ setShowProductInfoModalContext(true);
67188
+ setProductIdProdutInfoModalContext(item.productid);
67189
+ }
67190
+ },
67191
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67117
67192
  }, /*#__PURE__*/React__default["default"].createElement("i", {
67118
67193
  "class": "h-100 allcentered"
67119
67194
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null))), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
67120
67195
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67121
67196
  onClick: function onClick() {
67122
- updatequantity('add');
67123
- }
67197
+ if (item.hasvariants == 0) {
67198
+ var tempitem = _objectSpread$l({}, item);
67199
+ tempitem.quantity = parseInt(tempitem.quantity);
67200
+ tempitem.quantity = tempitem.quantity + 1;
67201
+ if (tempitem.quantity <= 0) {
67202
+ tempitem.quantity = 0;
67203
+ }
67204
+ setitem(_objectSpread$l({}, tempitem));
67205
+ addtocartfunc('add', tempitem.quantity);
67206
+ } else {
67207
+ setShowProductInfoModalContext(true);
67208
+ setProductIdProdutInfoModalContext(item.productid);
67209
+ }
67210
+ },
67211
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67124
67212
  }, /*#__PURE__*/React__default["default"].createElement("i", {
67125
67213
  "class": "h-100 allcentered"
67126
67214
  }, /*#__PURE__*/React__default["default"].createElement(IoIosArrowUp.IoIosArrowUp, null)))))), /*#__PURE__*/React__default["default"].createElement("div", {