tabexseriescomponents 0.0.435 → 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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +256 -166
  2. package/dist/index.esm.js +256 -166
  3. package/dist/index.umd.js +256 -166
  4. package/package.json +4 -4
package/dist/index.esm.js CHANGED
@@ -4175,6 +4175,7 @@ var Service_itemtype = function Service_itemtype(props) {
4175
4175
  var ikimagecredcontext = props.actions.ikimagecredcontext;
4176
4176
  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
4177
4177
  props.actions.quantityconditionfoundobjprops;
4178
+ var currentshowingimageindex = props.actions.currentshowingimageindex;
4178
4179
  props.actions.variantindexcompleted;
4179
4180
  var StoreInfoprops = props.actions.StoreInfoprops;
4180
4181
  var _useState = useState(''),
@@ -4273,7 +4274,8 @@ var Service_itemtype = function Service_itemtype(props) {
4273
4274
  thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
4274
4275
  showNav: false,
4275
4276
  showPlayButton: false,
4276
- showFullscreenButton: true
4277
+ showFullscreenButton: true,
4278
+ startIndex: currentshowingimageindex
4277
4279
  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React.createElement("div", {
4278
4280
  "class": sectionproperties.thumbnailposition == 'Bottom' ? 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-5' : 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2'
4279
4281
  }, /*#__PURE__*/React.createElement("p", {
@@ -6458,7 +6460,7 @@ var Productinfo = function Productinfo(props) {
6458
6460
  langdetect: langdetect,
6459
6461
  lang: lang,
6460
6462
  srcfromprops: props.srcfromprops
6461
- }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
6463
+ }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref2, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
6462
6464
  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
6463
6465
  className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
6464
6466
  style: {
@@ -9632,7 +9634,7 @@ var Checkout = function Checkout(props) {
9632
9634
  className: "col-lg-6 col-md-6 col-sm-6 p-0"
9633
9635
  }, /*#__PURE__*/React.createElement("p", {
9634
9636
  className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
9635
- }, 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", {
9636
9638
  className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
9637
9639
  }, /*#__PURE__*/React.createElement("p", {
9638
9640
  className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
@@ -10055,7 +10057,7 @@ var Checkout = function Checkout(props) {
10055
10057
  className: "col-lg-12 mb-3"
10056
10058
  }, /*#__PURE__*/React.createElement("label", {
10057
10059
  className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
10058
- }, langdetect == 'en' ? 'Notes' : 'الملاحظات'), /*#__PURE__*/React.createElement(TextareaAutosize, {
10060
+ }, langdetect == 'en' ? sectionproperties.notesinen : sectionproperties.notesinar), /*#__PURE__*/React.createElement(TextareaAutosize, {
10059
10061
  type: 'text',
10060
10062
  className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
10061
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,
@@ -17249,11 +17251,11 @@ var CardsSection = function CardsSection(props) {
17249
17251
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17250
17252
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17251
17253
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17252
- 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;
17253
17255
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17254
17256
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17255
17257
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17256
- 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;
17257
17259
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17258
17260
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17259
17261
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17277,11 +17279,11 @@ var CardsSection = function CardsSection(props) {
17277
17279
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17278
17280
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17279
17281
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17280
- 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;
17281
17283
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17282
17284
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17283
17285
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17284
- 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;
17285
17287
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17286
17288
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17287
17289
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17305,11 +17307,11 @@ var CardsSection = function CardsSection(props) {
17305
17307
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17306
17308
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
17307
17309
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17308
- 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;
17309
17311
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17310
17312
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17311
17313
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17312
- 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;
17313
17315
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17314
17316
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17315
17317
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17333,11 +17335,11 @@ var CardsSection = function CardsSection(props) {
17333
17335
  } else if (item.tabexsectioninfo.sectioncompname == 'ModernProductCard') {
17334
17336
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
17335
17337
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17336
- 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;
17337
17339
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17338
17340
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17339
17341
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17340
- 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;
17341
17343
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') ; else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
17342
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 ';
17343
17345
  } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
@@ -17358,11 +17360,11 @@ var CardsSection = function CardsSection(props) {
17358
17360
  if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17359
17361
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17360
17362
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17361
- 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;
17362
17364
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17363
17365
  bootstapclass = ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17364
17366
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17365
- 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;
17366
17368
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17367
17369
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17368
17370
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -17382,11 +17384,11 @@ var CardsSection = function CardsSection(props) {
17382
17384
  } else if (item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft') {
17383
17385
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
17384
17386
  } else if (item.tabexsectioninfo.sectioncompname == 'MenuCard') {
17385
- 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;
17386
17388
  } else if (item.tabexsectioninfo.sectioncompname == 'ServiceCard') {
17387
17389
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
17388
17390
  } else if (item.tabexsectioninfo.sectioncompname == 'StylishProductCard') {
17389
- 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;
17390
17392
  } else if (item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg') {
17391
17393
  bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 ';
17392
17394
  } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
@@ -19980,12 +19982,13 @@ var Headerresponsive = function Headerresponsive(props) {
19980
19982
  style: {
19981
19983
  flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
19982
19984
  }
19983
- }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
19984
- className: 'allcentered m-0 cursor-pointer'
19985
- }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
19985
+ }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
19986
19986
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
19987
19987
  style: {
19988
19988
  direction: 'rtl'
19989
+ },
19990
+ onClick: function onClick() {
19991
+ setlang('ar');
19989
19992
  }
19990
19993
  }, /*#__PURE__*/React.createElement("p", {
19991
19994
  "class": "m-0 p-0 font-weight-500"
@@ -19993,10 +19996,13 @@ var Headerresponsive = function Headerresponsive(props) {
19993
19996
  className: langdetect == 'en' ? 'h-100 allcentered mr-1' : 'h-100 allcentered ml-1'
19994
19997
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
19995
19998
  size: 20
19996
- }))), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
19999
+ }))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
19997
20000
  className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 allcentered ',
19998
20001
  style: {
19999
20002
  direction: 'ltr'
20003
+ },
20004
+ onClick: function onClick() {
20005
+ setlang('en');
20000
20006
  }
20001
20007
  }, /*#__PURE__*/React.createElement("p", {
20002
20008
  "class": "m-0 p-0 font-weight-500 mr-1"
@@ -20004,45 +20010,7 @@ var Headerresponsive = function Headerresponsive(props) {
20004
20010
  className: "h-100 allcentered"
20005
20011
  }, /*#__PURE__*/React.createElement(BiChevronDown, {
20006
20012
  size: 20
20007
- }))))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
20008
- className: "".concat(header_cssstyles.dropdownitem),
20009
- onClick: function onClick() {
20010
- setlang('ar');
20011
- }
20012
- }, /*#__PURE__*/React.createElement("div", {
20013
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20014
- }, /*#__PURE__*/React.createElement("p", {
20015
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20016
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React.createElement("img", {
20017
- src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
20018
- style: {
20019
- maxWidth: '2vh',
20020
- maxHeight: '2vh'
20021
- }
20022
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React.createElement(BiGlobe, {
20023
- size: 15
20024
- }), /*#__PURE__*/React.createElement("span", {
20025
- className: "ml-2 mr-2"
20026
- }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
20027
- className: "".concat(header_cssstyles.dropdownitem),
20028
- onClick: function onClick() {
20029
- setlang('en');
20030
- }
20031
- }, /*#__PURE__*/React.createElement("div", {
20032
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
20033
- }, /*#__PURE__*/React.createElement("p", {
20034
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
20035
- }, sectionproperties.flagiconhederresp == 'Flag' && /*#__PURE__*/React.createElement("img", {
20036
- src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
20037
- style: {
20038
- maxWidth: '2vh',
20039
- maxHeight: '2vh'
20040
- }
20041
- }), sectionproperties.flagiconhederresp != 'Flag' && /*#__PURE__*/React.createElement(BiGlobe, {
20042
- size: 15
20043
- }), /*#__PURE__*/React.createElement("span", {
20044
- className: "ml-2 mr-2"
20045
- }, lang.english)))))))), /*#__PURE__*/React.createElement("div", {
20013
+ }))))), /*#__PURE__*/React.createElement("div", {
20046
20014
  className: "row m-0 w-100 pt-2 filter d-none",
20047
20015
  id: "filter"
20048
20016
  }, /*#__PURE__*/React.createElement("div", {
@@ -21522,7 +21490,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21522
21490
  fontWeight: 500,
21523
21491
  fontSize: '15px',
21524
21492
  transition: '.3s',
21525
- color: '#000'
21493
+ color: sectionproperties.header_fontColorresponsive
21526
21494
  }
21527
21495
  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React.createElement("div", {
21528
21496
  className: 'col-6 allcentered py-3',
@@ -21539,7 +21507,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
21539
21507
  fontWeight: 500,
21540
21508
  fontSize: '15px',
21541
21509
  transition: '.3s',
21542
- color: '#000'
21510
+ color: sectionproperties.header_fontColorresponsive
21543
21511
  }
21544
21512
  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
21545
21513
  style: {
@@ -25691,7 +25659,7 @@ styleInject(css_248z$x);
25691
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; }
25692
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; }
25693
25661
  var CTAHeader = function CTAHeader(props) {
25694
- 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;
25695
25663
  var actions = props.actions;
25696
25664
  var lang = props.actions.lang;
25697
25665
  var langdetect = props.actions.langdetect;
@@ -26203,7 +26171,42 @@ var CTAHeader = function CTAHeader(props) {
26203
26171
  zIndex: 1000,
26204
26172
  background: sectionproperties.header_backgroundColor
26205
26173
  }
26206
- }, /*#__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", {
26207
26210
  "class": "row m-0 w-md-100",
26208
26211
  style: {
26209
26212
  width: sectionproperties.header_width + 'vw'
@@ -26511,43 +26514,43 @@ var CTAHeader = function CTAHeader(props) {
26511
26514
  "class": header_cssstyles.lowerheader + ' row m-0 w-100 justify-content-center px-2015-4 '
26512
26515
  }, /*#__PURE__*/React.createElement("div", {
26513
26516
  "class": "col-lg-3 p-0 d-flex align-items-center justify-content-start"
26514
- }, 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", {
26515
26518
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26516
26519
  style: {
26517
26520
  marginRight: langdetect == 'en' ? '1rem' : 0,
26518
26521
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26519
26522
  },
26520
26523
  onClick: function onClick() {
26521
- var _authdetailsContext$i3;
26522
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
26523
- var _authdetailsContext$i4;
26524
- 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');
26525
26528
  }
26526
26529
  }
26527
26530
  }, /*#__PURE__*/React.createElement(FaFacebookF, {
26528
26531
  size: sectionproperties.facebkbtnniconfontsize
26529
- })), 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", {
26530
26533
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26531
26534
  style: {
26532
26535
  marginRight: langdetect == 'en' ? '1rem' : 0,
26533
26536
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26534
26537
  },
26535
26538
  onClick: function onClick() {
26536
- var _authdetailsContext$i6;
26537
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
26538
- var _authdetailsContext$i7;
26539
- 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');
26540
26543
  }
26541
26544
  }
26542
26545
  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
26543
26546
  size: sectionproperties.instgrambtniconfontsize
26544
- })), 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", {
26545
26548
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26546
26549
  onClick: function onClick() {
26547
- var _authdetailsContext$i9;
26548
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
26549
- var _authdetailsContext$i10;
26550
- 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');
26551
26554
  }
26552
26555
  }
26553
26556
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -26566,9 +26569,9 @@ var CTAHeader = function CTAHeader(props) {
26566
26569
  style: {
26567
26570
  width: '80%'
26568
26571
  }
26569
- }, 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) {
26570
- var _authdetailsContext$i12;
26571
- 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;
26572
26575
  if (item.isshowntocustomers == 1) {
26573
26576
  return /*#__PURE__*/React.createElement("div", {
26574
26577
  "class": "w-100"
@@ -26581,9 +26584,9 @@ var CTAHeader = function CTAHeader(props) {
26581
26584
  "class": "w-100"
26582
26585
  }, ButtonDropdown(item, index, fetchedarray));
26583
26586
  }
26584
- })), 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) {
26585
- var _authdetailsContext$i14;
26586
- 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;
26587
26590
  if (item.isshowntocustomers == 1) {
26588
26591
  return /*#__PURE__*/React.createElement("div", {
26589
26592
  "class": "w-100"
@@ -26618,43 +26621,43 @@ var CTAHeader = function CTAHeader(props) {
26618
26621
  onClick: function onClick() {
26619
26622
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
26620
26623
  }
26621
- }, 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", {
26622
26625
  "class": "".concat(header_cssstyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
26623
26626
  style: {
26624
26627
  marginRight: langdetect == 'en' ? '1rem' : 0,
26625
26628
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26626
26629
  },
26627
26630
  onClick: function onClick() {
26628
- var _authdetailsContext$i16;
26629
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.facebooklink) != null) {
26630
- var _authdetailsContext$i17;
26631
- 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');
26632
26635
  }
26633
26636
  }
26634
26637
  }, /*#__PURE__*/React.createElement(FaFacebookF, {
26635
26638
  size: sectionproperties.facebkbtnniconfontsize
26636
- })), 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", {
26637
26640
  "class": "".concat(header_cssstyles.instgram_btn) + ' d-flex align-items-center justify-content-center ',
26638
26641
  style: {
26639
26642
  marginRight: langdetect == 'en' ? '1rem' : 0,
26640
26643
  marginLeft: langdetect == 'ar' ? '1rem' : 0
26641
26644
  },
26642
26645
  onClick: function onClick() {
26643
- var _authdetailsContext$i19;
26644
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.instagramlink) != null) {
26645
- var _authdetailsContext$i20;
26646
- 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');
26647
26650
  }
26648
26651
  }
26649
26652
  }, /*#__PURE__*/React.createElement(AiFillInstagram, {
26650
26653
  size: sectionproperties.instgrambtniconfontsize
26651
- })), 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", {
26652
26655
  "class": "".concat(header_cssstyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
26653
26656
  onClick: function onClick() {
26654
- var _authdetailsContext$i22;
26655
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.whatsappnumber) != null) {
26656
- var _authdetailsContext$i23;
26657
- 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');
26658
26661
  }
26659
26662
  }
26660
26663
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -26721,6 +26724,9 @@ var CTAHeader = function CTAHeader(props) {
26721
26724
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
26722
26725
  sectionpropertiesprops: sectionproperties,
26723
26726
  actions: actions
26727
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
26728
+ sectionpropertiesprops: sectionproperties,
26729
+ actions: actions
26724
26730
  }))));
26725
26731
  };
26726
26732
 
@@ -66671,7 +66677,7 @@ var Horizontalcard = function Horizontalcard(props) {
66671
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; }
66672
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; }
66673
66679
  var MenuCard = function MenuCard(props) {
66674
- var _css;
66680
+ var _css, _css2;
66675
66681
  var _useState = useState(''),
66676
66682
  _useState2 = _slicedToArray(_useState, 2),
66677
66683
  sectionproperties = _useState2[0],
@@ -66687,25 +66693,12 @@ var MenuCard = function MenuCard(props) {
66687
66693
  var addtofavoritescontext = props.actions.addtofavoritescontext;
66688
66694
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
66689
66695
  var AddtoCartContext = props.actions.AddtoCartContext;
66690
- props.actions.AddtoCartMutationContext;
66696
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
66691
66697
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
66692
66698
  var routingcountext = props.actions.routingcountext;
66693
66699
  var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
66694
66700
  var ikimagecredcontext = props.actions.ikimagecredcontext;
66695
66701
  var NotificationManager = NotificationManager;
66696
- var updatequantity = function updatequantity(type) {
66697
- var tempitem = _objectSpread$l({}, item);
66698
- tempitem.quantity = parseInt(tempitem.quantity);
66699
- if (type == 'add') {
66700
- tempitem.quantity = tempitem.quantity + 1;
66701
- } else if (type == 'remove') {
66702
- tempitem.quantity = tempitem.quantity - 1;
66703
- }
66704
- if (tempitem.quantity <= 0) {
66705
- tempitem.quantity = 0;
66706
- }
66707
- setitem(_objectSpread$l({}, tempitem));
66708
- };
66709
66702
  useEffect(function () {
66710
66703
  if (props.srcfrom == 'addsectionform') {
66711
66704
  var secpropobj = {};
@@ -66733,31 +66726,33 @@ var MenuCard = function MenuCard(props) {
66733
66726
  divContainer.innerHTML = html;
66734
66727
  return divContainer.textContent || divContainer.innerText || '';
66735
66728
  };
66736
- var addtocartfunc = function addtocartfunc() {
66737
- var addtocardpayloadobj = {
66738
- functype: 'add',
66739
- productid: item.productid,
66740
- variantid: '',
66741
- quantity: item.quantity
66742
- };
66743
- var runfunc = false;
66744
- if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
66745
- if (item.hasvariants == 1) {
66746
- if (addtocardpayloadobj.variantid.length != 0) {
66747
- runfunc = true;
66748
- } else {
66749
- NotificationManager.warning('', 'Please Choose Product Options');
66750
- }
66751
- } else {
66752
- runfunc = true;
66753
- }
66754
- } else {
66755
- NotificationManager.warning('', 'Please Choose Quantity');
66756
- }
66757
- if (runfunc == true) {
66758
- AddtoCartContext(addtocardpayloadobj);
66759
- }
66760
- };
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
+
66761
66756
  var card_cssstyles = {
66762
66757
  productcard: css({
66763
66758
  background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -66779,7 +66774,7 @@ var MenuCard = function MenuCard(props) {
66779
66774
  transition: '.3s',
66780
66775
  color: sectionproperties.prodNameColor
66781
66776
  }),
66782
- productcardimagecont: css({
66777
+ productcardimagecont: css((_css = {
66783
66778
  position: 'relative',
66784
66779
  overflow: 'hidden',
66785
66780
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
@@ -66788,8 +66783,12 @@ var MenuCard = function MenuCard(props) {
66788
66783
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66789
66784
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66790
66785
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66791
- transition: '.3s'
66792
- }),
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)),
66793
66792
  productNameStyles: css({
66794
66793
  fontSize: sectionproperties.prodNameFontSize + 'px',
66795
66794
  textTransform: sectionproperties.prodNameTextTranform,
@@ -66848,11 +66847,11 @@ var MenuCard = function MenuCard(props) {
66848
66847
  color: sectionproperties.cartBtnTextcoloronhover
66849
66848
  }
66850
66849
  }),
66851
- quantitybtn: css((_css = {
66850
+ quantitybtn: css((_css2 = {
66852
66851
  flex: 1,
66853
66852
  border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
66854
66853
  height: sectionproperties.quantitybtn_height + 'px'
66855
- }, _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)),
66856
66855
  quantitybtn_text: css({
66857
66856
  margin: 'auto'
66858
66857
  }),
@@ -66906,6 +66905,51 @@ var MenuCard = function MenuCard(props) {
66906
66905
  marginBottom: sectionproperties.descriptionMarginBottom + 'px'
66907
66906
  })
66908
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
+ };
66909
66953
  return /*#__PURE__*/React.createElement("div", {
66910
66954
  "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
66911
66955
  style: {
@@ -66925,16 +66969,7 @@ var MenuCard = function MenuCard(props) {
66925
66969
  }
66926
66970
  },
66927
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 ',
66928
- style: {
66929
- height: sectionproperties.image_height + 'px',
66930
- width: sectionproperties.image_width + 'px',
66931
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
66932
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
66933
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
66934
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
66935
- overflow: 'hidden',
66936
- cursor: 'pointer'
66937
- }
66972
+ style: {}
66938
66973
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
66939
66974
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
66940
66975
  publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
@@ -67028,23 +67063,52 @@ var MenuCard = function MenuCard(props) {
67028
67063
  height: sectionproperties.quantitybtn_height + 'px'
67029
67064
  },
67030
67065
  "class": ' row m-0 d-flex align-items-center '
67031
- }, /*#__PURE__*/React.createElement("button", {
67066
+ }, /*#__PURE__*/React.createElement("div", {
67032
67067
  "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
67033
- }, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
67068
+ }, langdetect == 'en' &&
67069
+ /*#__PURE__*/
67070
+ // remove
67071
+ React.createElement("button", {
67034
67072
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67035
67073
  style: {
67036
67074
  transform: ' rotate(-180deg)'
67037
67075
  },
67038
67076
  onClick: function onClick() {
67039
- updatequantity('remove');
67040
- }
67077
+ if (item.hasvariants == 0) {
67078
+ var tempitem = _objectSpread$l({}, item);
67079
+ tempitem.quantity = parseInt(tempitem.quantity);
67080
+ tempitem.quantity = tempitem.quantity - 1;
67081
+ if (tempitem.quantity <= 0) {
67082
+ tempitem.quantity = 0;
67083
+ }
67084
+ setitem(_objectSpread$l({}, tempitem));
67085
+ addtocartfunc('add', tempitem.quantity);
67086
+ } else {
67087
+ setShowProductInfoModalContext(true);
67088
+ setProductIdProdutInfoModalContext(item.productid);
67089
+ }
67090
+ },
67091
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67041
67092
  }, /*#__PURE__*/React.createElement("i", {
67042
67093
  "class": "h-100 allcentered"
67043
- }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67094
+ }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), "// add", langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67044
67095
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67045
67096
  onClick: function onClick() {
67046
- updatequantity('add');
67047
- }
67097
+ if (item.hasvariants == 0) {
67098
+ var tempitem = _objectSpread$l({}, item);
67099
+ tempitem.quantity = parseInt(tempitem.quantity);
67100
+ tempitem.quantity = tempitem.quantity - 1;
67101
+ if (tempitem.quantity <= 0) {
67102
+ tempitem.quantity = 0;
67103
+ }
67104
+ setitem(_objectSpread$l({}, tempitem));
67105
+ addtocartfunc('add', tempitem.quantity);
67106
+ } else {
67107
+ setShowProductInfoModalContext(true);
67108
+ setProductIdProdutInfoModalContext(item.productid);
67109
+ }
67110
+ },
67111
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67048
67112
  }, /*#__PURE__*/React.createElement("i", {
67049
67113
  "class": "h-100 allcentered"
67050
67114
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), /*#__PURE__*/React.createElement("span", {
@@ -67055,21 +67119,47 @@ var MenuCard = function MenuCard(props) {
67055
67119
  height: sectionproperties.quantitybtntextheight + 'px',
67056
67120
  borderRadius: sectionproperties.addquantitytextborderraduis + 'px'
67057
67121
  }
67058
- }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67122
+ }, addtocartbuttonrender()), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
67059
67123
  "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
67060
67124
  style: {
67061
67125
  transform: ' rotate(-180deg)'
67062
67126
  },
67063
67127
  onClick: function onClick() {
67064
- updatequantity('remove');
67065
- }
67128
+ if (item.hasvariants == 0) {
67129
+ var tempitem = _objectSpread$l({}, item);
67130
+ tempitem.quantity = parseInt(tempitem.quantity);
67131
+ tempitem.quantity = tempitem.quantity + 1;
67132
+ if (tempitem.quantity <= 0) {
67133
+ tempitem.quantity = 0;
67134
+ }
67135
+ setitem(_objectSpread$l({}, tempitem));
67136
+ addtocartfunc('add', tempitem.quantity);
67137
+ } else {
67138
+ setShowProductInfoModalContext(true);
67139
+ setProductIdProdutInfoModalContext(item.productid);
67140
+ }
67141
+ },
67142
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67066
67143
  }, /*#__PURE__*/React.createElement("i", {
67067
67144
  "class": "h-100 allcentered"
67068
67145
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null))), langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
67069
67146
  "class": "".concat(card_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
67070
67147
  onClick: function onClick() {
67071
- updatequantity('add');
67072
- }
67148
+ if (item.hasvariants == 0) {
67149
+ var tempitem = _objectSpread$l({}, item);
67150
+ tempitem.quantity = parseInt(tempitem.quantity);
67151
+ tempitem.quantity = tempitem.quantity + 1;
67152
+ if (tempitem.quantity <= 0) {
67153
+ tempitem.quantity = 0;
67154
+ }
67155
+ setitem(_objectSpread$l({}, tempitem));
67156
+ addtocartfunc('add', tempitem.quantity);
67157
+ } else {
67158
+ setShowProductInfoModalContext(true);
67159
+ setProductIdProdutInfoModalContext(item.productid);
67160
+ }
67161
+ },
67162
+ disabled: AddtoCartMutationContext.isLoading == true ? true : false
67073
67163
  }, /*#__PURE__*/React.createElement("i", {
67074
67164
  "class": "h-100 allcentered"
67075
67165
  }, /*#__PURE__*/React.createElement(IoIosArrowUp, null)))))), /*#__PURE__*/React.createElement("div", {