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.esm.js CHANGED
@@ -9634,7 +9634,7 @@ var Checkout = function Checkout(props) {
9634
9634
  className: "col-lg-6 col-md-6 col-sm-6 p-0"
9635
9635
  }, /*#__PURE__*/React.createElement("p", {
9636
9636
  className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
9637
- }, 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.createElement("div", {
9637
+ }, 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.createElement("div", {
9638
9638
  className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
9639
9639
  }, /*#__PURE__*/React.createElement("p", {
9640
9640
  className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
@@ -10057,7 +10057,7 @@ var Checkout = function Checkout(props) {
10057
10057
  className: "col-lg-12 mb-3"
10058
10058
  }, /*#__PURE__*/React.createElement("label", {
10059
10059
  className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
10060
- }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React.createElement(TextareaAutosize, {
10060
+ }, langdetect == 'en' ? sectionproperties.notesinen : sectionproperties.notesinar), /*#__PURE__*/React.createElement(TextareaAutosize, {
10061
10061
  type: 'text',
10062
10062
  className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
10063
10063
  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,
@@ -17251,11 +17251,11 @@ var CardsSection = function CardsSection(props) {
17251
17251
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17252
17252
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17253
17253
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17254
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17254
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
17255
17255
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17256
17256
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17257
17257
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17258
- bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17258
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17259
17259
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17260
17260
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17261
17261
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17279,11 +17279,11 @@ var CardsSection = function CardsSection(props) {
17279
17279
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17280
17280
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17281
17281
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17282
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17282
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17283
17283
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17284
17284
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17285
17285
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17286
- bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17286
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17287
17287
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17288
17288
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17289
17289
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17307,11 +17307,11 @@ var CardsSection = function CardsSection(props) {
17307
17307
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17308
17308
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17309
17309
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17310
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17310
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17311
17311
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17312
17312
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17313
17313
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17314
- bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17314
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17315
17315
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17316
17316
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17317
17317
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17335,11 +17335,11 @@ var CardsSection = function CardsSection(props) {
17335
17335
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17336
17336
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17337
17337
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17338
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17338
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17339
17339
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17340
17340
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17341
17341
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17342
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17342
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17343
17343
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') ; else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
17344
17344
  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 ';
17345
17345
  } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
@@ -17360,11 +17360,11 @@ var CardsSection = function CardsSection(props) {
17360
17360
  if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17361
17361
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17362
17362
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17363
- bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17363
+ bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17364
17364
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17365
17365
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17366
17366
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17367
- bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17367
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
17368
17368
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17369
17369
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17370
17370
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17384,11 +17384,11 @@ var CardsSection = function CardsSection(props) {
17384
17384
  } else if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17385
17385
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17386
17386
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17387
- bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17387
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 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-2 p-0 col-lg-2 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-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17391
+ bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm' + sectionproperties.numberOfColsverticalresp;
17392
17392
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17393
17393
  bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17394
17394
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -19982,12 +19982,13 @@ var Headerresponsive = function Headerresponsive(props) {
19982
19982
  style: {
19983
19983
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
19984
19984
  }
19985
- }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
19986
- className: 'allcentered m-0 cursor-pointer'
19987
- }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
19985
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
19988
19986
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
19989
19987
  style: {
19990
19988
  direction: 'rtl'
19989
+ },
19990
+ onClick: function onClick() {
19991
+ setlang('ar');
19991
19992
  }
19992
19993
  }, /*#__PURE__*/React.createElement("p", {
19993
19994
  "class": "m-0 p-0 font-weight-500"
@@ -19995,10 +19996,13 @@ var Headerresponsive = function Headerresponsive(props) {
19995
19996
  className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
19996
19997
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
19997
19998
  size: 20
19998
- }))), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
19999
+ }))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
19999
20000
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
20000
20001
  style: {
20001
20002
  direction: 'ltr'
20003
+ },
20004
+ onClick: function onClick() {
20005
+ setlang('en');
20002
20006
  }
20003
20007
  }, /*#__PURE__*/React.createElement("p", {
20004
20008
  "class": "m-0 p-0 font-weight-500 mr-1"
@@ -20006,45 +20010,7 @@ var Headerresponsive = function Headerresponsive(props) {
20006
20010
  className: "h-100 allcentered"
20007
20011
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
20008
20012
  size: 20
20009
- }))))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
20010
- className: "".concat(header_cssstyles.dropdownitem),
20011
- onClick: function onClick() {
20012
- setlang('ar');
20013
- }
20014
- }, /*#__PURE__*/React.createElement("div", {
20015
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20016
- }, /*#__PURE__*/React.createElement("p", {
20017
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20018
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React.createElement("img", {
20019
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
20020
- style: {
20021
- maxWidth: '2vh',
20022
- maxHeight: '2vh'
20023
- }
20024
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React.createElement(BiGlobe, {
20025
- size: 15
20026
- }), /*#__PURE__*/React.createElement("span", {
20027
- className: "ml-2 mr-2"
20028
- }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
20029
- className: "".concat(header_cssstyles.dropdownitem),
20030
- onClick: function onClick() {
20031
- setlang('en');
20032
- }
20033
- }, /*#__PURE__*/React.createElement("div", {
20034
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20035
- }, /*#__PURE__*/React.createElement("p", {
20036
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20037
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React.createElement("img", {
20038
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
20039
- style: {
20040
- maxWidth: '2vh',
20041
- maxHeight: '2vh'
20042
- }
20043
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React.createElement(BiGlobe, {
20044
- size: 15
20045
- }), /*#__PURE__*/React.createElement("span", {
20046
- className: "ml-2 mr-2"
20047
- }, lang.english)))))))), /*#__PURE__*/React.createElement("div", {
20013
+ }))))), /*#__PURE__*/React.createElement("div", {
20048
20014
  className: "row m-0 w-100 pt-2 filter d-none",
20049
20015
  id: "filter"
20050
20016
  }, /*#__PURE__*/React.createElement("div", {
@@ -21524,7 +21490,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21524
21490
  fontWeight: 500,
21525
21491
  fontSize: '15px',
21526
21492
  transition: '.3s',
21527
- color: '#000'
21493
+ color: sectionproperties.header_fontColorresponsive
21528
21494
  }
21529
21495
  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React.createElement("div", {
21530
21496
  className: 'col-6 allcentered py-3',
@@ -21541,7 +21507,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21541
21507
  fontWeight: 500,
21542
21508
  fontSize: '15px',
21543
21509
  transition: '.3s',
21544
- color: '#000'
21510
+ color: sectionproperties.header_fontColorresponsive
21545
21511
  }
21546
21512
  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
21547
21513
  style: {
@@ -25693,7 +25659,7 @@ styleInject(css_248z$x);
25693
25659
  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; }
25694
25660
  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(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; }
25695
25661
  var CTAHeader = function CTAHeader(props) {
25696
- 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;
25662
+ 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;
25697
25663
  var actions = props.actions;
25698
25664
  var lang = props.actions.lang;
25699
25665
  var langdetect = props.actions.langdetect;
@@ -26205,7 +26171,42 @@ var CTAHeader = function CTAHeader(props) {
26205
26171
  zIndex: 1000,
26206
26172
  background: sectionproperties.header_backgroundColor
26207
26173
  }
26208
- }, /*#__PURE__*/React.createElement("div", {
26174
+ }, /*#__PURE__*/React.createElement("a", {
26175
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
26176
+ target: '_self',
26177
+ style: {
26178
+ position: 'fixed',
26179
+ bottom: 60,
26180
+ right: 10,
26181
+ zIndex: 999999,
26182
+ transition: 'all 0.3s ease-out'
26183
+ }
26184
+ }, /*#__PURE__*/React.createElement("i", {
26185
+ "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'
26186
+ }, /*#__PURE__*/React.createElement(FiPhone, {
26187
+ size: 30,
26188
+ color: sectionproperties.uppersection_iconcolor,
26189
+ style: {
26190
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
26191
+ }
26192
+ }))), /*#__PURE__*/React.createElement("a", {
26193
+ 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),
26194
+ target: '_blank',
26195
+ style: {
26196
+ position: 'fixed',
26197
+ bottom: 10,
26198
+ right: 10,
26199
+ zIndex: 999999,
26200
+ transition: 'all 0.3s ease-out'
26201
+ }
26202
+ }, /*#__PURE__*/React.createElement("img", {
26203
+ src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
26204
+ style: {
26205
+ width: '40px',
26206
+ height: '40px',
26207
+ cursor: 'pointer'
26208
+ }
26209
+ })), /*#__PURE__*/React.createElement("div", {
26209
26210
  "class": "row m-0 w-md-100",
26210
26211
  style: {
26211
26212
  width: sectionproperties.header_width + 'vw'
@@ -26513,43 +26514,43 @@ var CTAHeader = function CTAHeader(props) {
26513
26514
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
26514
26515
  }, /*#__PURE__*/React.createElement("div", {
26515
26516
  "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
26516
- }, 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.createElement("div", {
26517
+ }, 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.createElement("div", {
26517
26518
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26518
26519
  style: {
26519
26520
  marginRight: langdetect == 'en' ? '1rem' : 0,
26520
26521
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26521
26522
  },
26522
26523
  onClick: function onClick() {
26523
- var _authdetailsContext$i3;
26524
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
26525
- var _authdetailsContext$i4;
26526
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
26524
+ var _authdetailsContext$i4;
26525
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
26526
+ var _authdetailsContext$i5;
26527
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
26527
26528
  }
26528
26529
  }
26529
26530
  }, /*#__PURE__*/React.createElement(FaFacebookF, {
26530
26531
  size: sectionproperties.facebkbtnniconfontsize
26531
- })), 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.createElement("div", {
26532
+ })), 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.createElement("div", {
26532
26533
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26533
26534
  style: {
26534
26535
  marginRight: langdetect == 'en' ? '1rem' : 0,
26535
26536
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26536
26537
  },
26537
26538
  onClick: function onClick() {
26538
- var _authdetailsContext$i6;
26539
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
26540
- var _authdetailsContext$i7;
26541
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
26539
+ var _authdetailsContext$i7;
26540
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null) {
26541
+ var _authdetailsContext$i8;
26542
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink, '_blank');
26542
26543
  }
26543
26544
  }
26544
26545
  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
26545
26546
  size: sectionproperties.instgrambtniconfontsize
26546
- })), 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.createElement("div", {
26547
+ })), 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.createElement("div", {
26547
26548
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26548
26549
  onClick: function onClick() {
26549
- var _authdetailsContext$i9;
26550
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
26551
- var _authdetailsContext$i10;
26552
- 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');
26550
+ var _authdetailsContext$i10;
26551
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber) != null) {
26552
+ var _authdetailsContext$i11;
26553
+ 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');
26553
26554
  }
26554
26555
  }
26555
26556
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -26568,9 +26569,9 @@ var CTAHeader = function CTAHeader(props) {
26568
26569
  style: {
26569
26570
  width: '80%'
26570
26571
  }
26571
- }, 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) {
26572
- var _authdetailsContext$i12;
26573
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instcategories;
26572
+ }, 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) {
26573
+ var _authdetailsContext$i13;
26574
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcategories;
26574
26575
  if (item.isshowntocustomers == 1) {
26575
26576
  return /*#__PURE__*/React.createElement("div", {
26576
26577
  "class": "w-100"
@@ -26583,9 +26584,9 @@ var CTAHeader = function CTAHeader(props) {
26583
26584
  "class": "w-100"
26584
26585
  }, ButtonDropdown(item, index, fetchedarray));
26585
26586
  }
26586
- })), 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) {
26587
- var _authdetailsContext$i14;
26588
- var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.instcollections;
26587
+ })), 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) {
26588
+ var _authdetailsContext$i15;
26589
+ var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.instcollections;
26589
26590
  if (item.isshowntocustomers == 1) {
26590
26591
  return /*#__PURE__*/React.createElement("div", {
26591
26592
  "class": "w-100"
@@ -26620,43 +26621,43 @@ var CTAHeader = function CTAHeader(props) {
26620
26621
  onClick: function onClick() {
26621
26622
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
26622
26623
  }
26623
- }, 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.createElement("div", {
26624
+ }, 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.createElement("div", {
26624
26625
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26625
26626
  style: {
26626
26627
  marginRight: langdetect == 'en' ? '1rem' : 0,
26627
26628
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26628
26629
  },
26629
26630
  onClick: function onClick() {
26630
- var _authdetailsContext$i16;
26631
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null) {
26632
- var _authdetailsContext$i17;
26633
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink, '_blank');
26631
+ var _authdetailsContext$i17;
26632
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.facebooklink) != null) {
26633
+ var _authdetailsContext$i18;
26634
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.facebooklink, '_blank');
26634
26635
  }
26635
26636
  }
26636
26637
  }, /*#__PURE__*/React.createElement(FaFacebookF, {
26637
26638
  size: sectionproperties.facebkbtnniconfontsize
26638
- })), 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.createElement("div", {
26639
+ })), 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.createElement("div", {
26639
26640
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26640
26641
  style: {
26641
26642
  marginRight: langdetect == 'en' ? '1rem' : 0,
26642
26643
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26643
26644
  },
26644
26645
  onClick: function onClick() {
26645
- var _authdetailsContext$i19;
26646
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink) != null) {
26647
- var _authdetailsContext$i20;
26648
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink, '_blank');
26646
+ var _authdetailsContext$i20;
26647
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.instagramlink) != null) {
26648
+ var _authdetailsContext$i21;
26649
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.instagramlink, '_blank');
26649
26650
  }
26650
26651
  }
26651
26652
  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
26652
26653
  size: sectionproperties.instgrambtniconfontsize
26653
- })), 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.createElement("div", {
26654
+ })), 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.createElement("div", {
26654
26655
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26655
26656
  onClick: function onClick() {
26656
- var _authdetailsContext$i22;
26657
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
26658
- var _authdetailsContext$i23;
26659
- 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');
26657
+ var _authdetailsContext$i23;
26658
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.whatsappnumber) != null) {
26659
+ var _authdetailsContext$i24;
26660
+ 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');
26660
26661
  }
26661
26662
  }
26662
26663
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -26723,6 +26724,9 @@ var CTAHeader = function CTAHeader(props) {
26723
26724
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
26724
26725
  sectionpropertiesprops: sectionproperties,
26725
26726
  actions: actions
26727
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
26728
+ sectionpropertiesprops: sectionproperties,
26729
+ actions: actions
26726
26730
  }))));
26727
26731
  };
26728
26732
 
@@ -66673,7 +66677,7 @@ var Horizontalcard = function Horizontalcard(props) {
66673
66677
  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; }
66674
66678
  function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
66675
66679
  var MenuCard = function MenuCard(props) {
66676
- var _css;
66680
+ var _css, _css2;
66677
66681
  var _useState = useState(''),
66678
66682
  _useState2 = _slicedToArray(_useState, 2),
66679
66683
  sectionproperties = _useState2[0],
@@ -66689,25 +66693,12 @@ var MenuCard = function MenuCard(props) {
66689
66693
  var addtofavoritescontext = props.actions.addtofavoritescontext;
66690
66694
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
66691
66695
  var AddtoCartContext = props.actions.AddtoCartContext;
66692
- props.actions.AddtoCartMutationContext;
66696
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
66693
66697
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
66694
66698
  var routingcountext = props.actions.routingcountext;
66695
66699
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
66696
66700
  var ikimagecredcontext = props.actions.ikimagecredcontext;
66697
66701
  var NotificationManager = NotificationManager;
66698
- var updatequantity = function updatequantity(type) {
66699
- var tempitem = _objectSpread$l({}, item);
66700
- tempitem.quantity = parseInt(tempitem.quantity);
66701
- if (type == 'add') {
66702
- tempitem.quantity = tempitem.quantity + 1;
66703
- } else if (type == 'remove') {
66704
- tempitem.quantity = tempitem.quantity - 1;
66705
- }
66706
- if (tempitem.quantity <= 0) {
66707
- tempitem.quantity = 0;
66708
- }
66709
- setitem(_objectSpread$l({}, tempitem));
66710
- };
66711
66702
  useEffect(function () {
66712
66703
  if (props.srcfrom == 'addsectionform') {
66713
66704
  var secpropobj = {};
@@ -66735,31 +66726,33 @@ var MenuCard = function MenuCard(props) {
66735
66726
  divContainer.innerHTML = html;
66736
66727
  return divContainer.textContent || divContainer.innerText || '';
66737
66728
  };
66738
- var addtocartfunc = function addtocartfunc() {
66739
- var addtocardpayloadobj = {
66740
- functype: 'add',
66741
- productid: item.productid,
66742
- variantid: '',
66743
- quantity: item.quantity
66744
- };
66745
- var runfunc = false;
66746
- if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66747
- if (item.hasvariants == 1) {
66748
- if (addtocardpayloadobj.variantid.length != 0) {
66749
- runfunc = true;
66750
- } else {
66751
- NotificationManager.warning('', 'Please Choose Product Options');
66752
- }
66753
- } else {
66754
- runfunc = true;
66755
- }
66756
- } else {
66757
- NotificationManager.warning('', 'Please Choose Quantity');
66758
- }
66759
- if (runfunc == true) {
66760
- AddtoCartContext(addtocardpayloadobj);
66761
- }
66762
- };
66729
+ // const addtocartfunc = () => {
66730
+ // const addtocardpayloadobj = {
66731
+ // functype: 'add',
66732
+ // productid: item.productid,
66733
+ // variantid: '',
66734
+ // quantity: item.quantity,
66735
+ // };
66736
+ // var runfunc = false;
66737
+ // if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66738
+ // if (item.hasvariants == 1) {
66739
+ // if (addtocardpayloadobj.variantid.length != 0) {
66740
+ // runfunc = true;
66741
+ // } else {
66742
+ // NotificationManager.warning('', 'Please Choose Product Options');
66743
+ // }
66744
+ // } else {
66745
+ // runfunc = true;
66746
+ // }
66747
+ // } else {
66748
+ // NotificationManager.warning('', 'Please Choose Quantity');
66749
+ // }
66750
+
66751
+ // if (runfunc == true) {
66752
+ // AddtoCartContext(addtocardpayloadobj);
66753
+ // }
66754
+ // };
66755
+
66763
66756
  var card_cssstyles = {
66764
66757
  productcard: css({
66765
66758
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -66781,7 +66774,7 @@ var MenuCard = function MenuCard(props) {
66781
66774
  transition: '.3s',
66782
66775
  color: sectionproperties.prodNameColor
66783
66776
  }),
66784
- productcardimagecont: css({
66777
+ productcardimagecont: css((_css = {
66785
66778
  position: 'relative',
66786
66779
  overflow: 'hidden',
66787
66780
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -66790,8 +66783,12 @@ var MenuCard = function MenuCard(props) {
66790
66783
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66791
66784
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66792
66785
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66793
- transition: '.3s'
66794
- }),
66786
+ transition: '.3s',
66787
+ height: sectionproperties.image_height + 'px',
66788
+ width: sectionproperties.image_width + 'px'
66789
+ }, _defineProperty(_css, "borderBottomLeftRadius", langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px'), _defineProperty(_css, "borderBottomRightRadius", langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'), _defineProperty(_css, "borderTopLeftRadius", langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px'), _defineProperty(_css, "borderTopRightRadius", langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'), _defineProperty(_css, "overflow", 'hidden'), _defineProperty(_css, "cursor", 'pointer'), _defineProperty(_css, '@media (max-width: 800px)', {
66790
+ width: sectionproperties.image_width + '%'
66791
+ }), _css)),
66795
66792
  productNameStyles: css({
66796
66793
  fontSize: sectionproperties.prodNameFontSize + 'px',
66797
66794
  textTransform: sectionproperties.prodNameTextTranform,
@@ -66850,11 +66847,11 @@ var MenuCard = function MenuCard(props) {
66850
66847
  color: sectionproperties.cartBtnTextcoloronhover
66851
66848
  }
66852
66849
  }),
66853
- quantitybtn: css((_css = {
66850
+ quantitybtn: css((_css2 = {
66854
66851
  flex: 1,
66855
66852
  border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
66856
66853
  height: sectionproperties.quantitybtn_height + 'px'
66857
- }, _defineProperty(_css, "height", '40px'), _defineProperty(_css, "display", 'flex'), _defineProperty(_css, "flexDirection", 'row'), _defineProperty(_css, "overflow", 'hidden'), _defineProperty(_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty(_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty(_css, "alignItems", 'center'), _defineProperty(_css, "justifyContent", 'center'), _defineProperty(_css, "margin", 0), _defineProperty(_css, "position", 'relative'), _defineProperty(_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty(_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty(_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
66854
+ }, _defineProperty(_css2, "height", '40px'), _defineProperty(_css2, "display", 'flex'), _defineProperty(_css2, "flexDirection", 'row'), _defineProperty(_css2, "overflow", 'hidden'), _defineProperty(_css2, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty(_css2, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty(_css2, "alignItems", 'center'), _defineProperty(_css2, "justifyContent", 'center'), _defineProperty(_css2, "margin", 0), _defineProperty(_css2, "position", 'relative'), _defineProperty(_css2, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty(_css2, "color", sectionproperties.quantitybtn_textcolor), _defineProperty(_css2, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css2)),
66858
66855
  quantitybtn_text: css({
66859
66856
  margin: 'auto'
66860
66857
  }),
@@ -66908,6 +66905,51 @@ var MenuCard = function MenuCard(props) {
66908
66905
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
66909
66906
  })
66910
66907
  };
66908
+ var addtocartfunc = function addtocartfunc(type, quantity) {
66909
+ var addtocardpayloadobj = {
66910
+ functype: 'add',
66911
+ productid: item.productid,
66912
+ variantid: '',
66913
+ quantity: quantity
66914
+ };
66915
+ var runfunc = false;
66916
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66917
+ if (item.hasvariants == 1) {
66918
+ if (addtocardpayloadobj.variantid.length != 0) {
66919
+ runfunc = true;
66920
+ } else {
66921
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Product Options' : 'من فضلك اختر متغير');
66922
+ }
66923
+ } else {
66924
+ runfunc = true;
66925
+ }
66926
+ } else {
66927
+ NotificationManager.warning('', langdetect == 'en' ? 'Please Choose Quantity' : 'من فضلك اختر الكمية');
66928
+ }
66929
+ if (runfunc == true) {
66930
+ AddtoCartContext(addtocardpayloadobj);
66931
+ }
66932
+ };
66933
+ var addtocartbuttonrender = function addtocartbuttonrender() {
66934
+ if (AddtoCartMutationContext.isLoading) {
66935
+ var _AddtoCartMutationCon;
66936
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 || (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
66937
+ return /*#__PURE__*/React.createElement("div", {
66938
+ "class": ' d-flex align-items-center justify-content-center '
66939
+ }, /*#__PURE__*/React.createElement(CircularProgress, {
66940
+ color: '#000',
66941
+ width: "20px",
66942
+ height: "20px",
66943
+ duration: "1s"
66944
+ }));
66945
+ } else {
66946
+ return item.quantity;
66947
+ }
66948
+ }
66949
+ if (!AddtoCartMutationContext.isLoading) {
66950
+ return item.quantity;
66951
+ }
66952
+ };
66911
66953
  return /*#__PURE__*/React.createElement("div", {
66912
66954
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
66913
66955
  style: {
@@ -66927,16 +66969,7 @@ var MenuCard = function MenuCard(props) {
66927
66969
  }
66928
66970
  },
66929
66971
  "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 ',
66930
- style: {
66931
- height: sectionproperties.image_height + 'px',
66932
- width: sectionproperties.image_width + 'px',
66933
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
66934
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66935
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66936
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66937
- overflow: 'hidden',
66938
- cursor: 'pointer'
66939
- }
66972
+ style: {}
66940
66973
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
66941
66974
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
66942
66975
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -67030,23 +67063,49 @@ var MenuCard = function MenuCard(props) {
67030
67063
  height: sectionproperties.quantitybtn_height + 'px'
67031
67064
  },
67032
67065
  "class": ' row m-0 d-flex align-items-center '
67033
- }, /*#__PURE__*/React.createElement("button", {
67066
+ }, /*#__PURE__*/React.createElement("div", {
67034
67067
  "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
67035
- }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
67068
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("button", {
67036
67069
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67037
67070
  style: {
67038
67071
  transform: ' rotate(-180deg)'
67039
67072
  },
67040
67073
  onClick: function onClick() {
67041
- updatequantity('remove');
67042
- }
67074
+ if (item.hasvariants == 0) {
67075
+ var tempitem = _objectSpread$l({}, item);
67076
+ tempitem.quantity = parseInt(tempitem.quantity);
67077
+ tempitem.quantity = tempitem.quantity - 1;
67078
+ if (tempitem.quantity <= 0) {
67079
+ tempitem.quantity = 0;
67080
+ }
67081
+ setitem(_objectSpread$l({}, tempitem));
67082
+ addtocartfunc('add', tempitem.quantity);
67083
+ } else {
67084
+ setShowProductInfoModalContext(true);
67085
+ setProductIdProdutInfoModalContext(item.productid);
67086
+ }
67087
+ },
67088
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67043
67089
  }, /*#__PURE__*/React.createElement("i", {
67044
67090
  "class": "h-100 allcentered"
67045
67091
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67046
67092
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67047
67093
  onClick: function onClick() {
67048
- updatequantity('add');
67049
- }
67094
+ if (item.hasvariants == 0) {
67095
+ var tempitem = _objectSpread$l({}, item);
67096
+ tempitem.quantity = parseInt(tempitem.quantity);
67097
+ tempitem.quantity = tempitem.quantity - 1;
67098
+ if (tempitem.quantity <= 0) {
67099
+ tempitem.quantity = 0;
67100
+ }
67101
+ setitem(_objectSpread$l({}, tempitem));
67102
+ addtocartfunc('add', tempitem.quantity);
67103
+ } else {
67104
+ setShowProductInfoModalContext(true);
67105
+ setProductIdProdutInfoModalContext(item.productid);
67106
+ }
67107
+ },
67108
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67050
67109
  }, /*#__PURE__*/React.createElement("i", {
67051
67110
  "class": "h-100 allcentered"
67052
67111
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), /*#__PURE__*/React.createElement("span", {
@@ -67057,21 +67116,47 @@ var MenuCard = function MenuCard(props) {
67057
67116
  height: sectionproperties.quantitybtntextheight + 'px',
67058
67117
  borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
67059
67118
  }
67060
- }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67119
+ }, addtocartbuttonrender()), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67061
67120
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67062
67121
  style: {
67063
67122
  transform: ' rotate(-180deg)'
67064
67123
  },
67065
67124
  onClick: function onClick() {
67066
- updatequantity('remove');
67067
- }
67125
+ if (item.hasvariants == 0) {
67126
+ var tempitem = _objectSpread$l({}, item);
67127
+ tempitem.quantity = parseInt(tempitem.quantity);
67128
+ tempitem.quantity = tempitem.quantity + 1;
67129
+ if (tempitem.quantity <= 0) {
67130
+ tempitem.quantity = 0;
67131
+ }
67132
+ setitem(_objectSpread$l({}, tempitem));
67133
+ addtocartfunc('add', tempitem.quantity);
67134
+ } else {
67135
+ setShowProductInfoModalContext(true);
67136
+ setProductIdProdutInfoModalContext(item.productid);
67137
+ }
67138
+ },
67139
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67068
67140
  }, /*#__PURE__*/React.createElement("i", {
67069
67141
  "class": "h-100 allcentered"
67070
67142
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
67071
67143
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67072
67144
  onClick: function onClick() {
67073
- updatequantity('add');
67074
- }
67145
+ if (item.hasvariants == 0) {
67146
+ var tempitem = _objectSpread$l({}, item);
67147
+ tempitem.quantity = parseInt(tempitem.quantity);
67148
+ tempitem.quantity = tempitem.quantity + 1;
67149
+ if (tempitem.quantity <= 0) {
67150
+ tempitem.quantity = 0;
67151
+ }
67152
+ setitem(_objectSpread$l({}, tempitem));
67153
+ addtocartfunc('add', tempitem.quantity);
67154
+ } else {
67155
+ setShowProductInfoModalContext(true);
67156
+ setProductIdProdutInfoModalContext(item.productid);
67157
+ }
67158
+ },
67159
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67075
67160
  }, /*#__PURE__*/React.createElement("i", {
67076
67161
  "class": "h-100 allcentered"
67077
67162
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null)))))), /*#__PURE__*/React.createElement("div", {