tabexseriescomponents 0.2.1198 → 0.2.1199

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 +99 -32
  2. package/dist/index.esm.js +99 -32
  3. package/dist/index.umd.js +99 -32
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -20980,20 +20980,52 @@ var Filter$1 = function Filter(props) {
20980
20980
  "class": "row m-0 w-100 px-3 px-md-4-2"
20981
20981
  }, vendorarr.map(function (item, index) {
20982
20982
  return /*#__PURE__*/React__default["default"].createElement("div", {
20983
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 ',
20983
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 '
20984
+ // onClick={() => {
20985
+ // var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
20986
+ // // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20987
+ // tempfetchproductsfilerobjcontext.vendorsarr = [];
20988
+ // tempfetchproductsfilerobjcontext?.vendorsarr?.push(item.vendorid);
20989
+ // setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
20990
+ // var temp = [...vendorarr];
20991
+ // temp?.forEach(function (instfilteritem, instfilterindex) {
20992
+ // instfilteritem.isfilterselected = false;
20993
+ // });
20994
+ // item.isfilterselected = true;
20995
+
20996
+ // setvendorsarr([...temp]);
20997
+ // }}
20998
+ ,
20984
20999
  onClick: function onClick() {
20985
- var _tempfetchproductsfil5;
20986
- var tempfetchproductsfilerobjcontext = _objectSpread$2m({}, ProductFilterObjContext);
20987
- // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20988
- tempfetchproductsfilerobjcontext.vendorsarr = [];
20989
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil5 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil5 === void 0 || _tempfetchproductsfil5.push(item.vendorid);
20990
- setProductFilterObjContext(_objectSpread$2m({}, tempfetchproductsfilerobjcontext));
20991
- var temp = _toConsumableArray__default["default"](vendorarr);
20992
- temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
20993
- instfilteritem.isfilterselected = false;
21000
+ var _tempFilterObj$vendor;
21001
+ // copy current filter object
21002
+ var tempFilterObj = _objectSpread$2m({}, ProductFilterObjContext);
21003
+
21004
+ // هل الـ vendor ده موجود بالفعل؟
21005
+ var isSelected = (_tempFilterObj$vendor = tempFilterObj.vendorsarr) === null || _tempFilterObj$vendor === void 0 ? void 0 : _tempFilterObj$vendor.includes(item.vendorid);
21006
+ var updatedVendors;
21007
+ if (isSelected) {
21008
+ // remove
21009
+ updatedVendors = tempFilterObj.vendorsarr.filter(function (id) {
21010
+ return id !== item.vendorid;
21011
+ });
21012
+ } else {
21013
+ // add
21014
+ updatedVendors = [].concat(_toConsumableArray__default["default"](tempFilterObj.vendorsarr || []), [item.vendorid]);
21015
+ }
21016
+
21017
+ // update filter context
21018
+ setProductFilterObjContext(_objectSpread$2m(_objectSpread$2m({}, tempFilterObj), {}, {
21019
+ vendorsarr: updatedVendors
21020
+ }));
21021
+
21022
+ // update vendor array immutably
21023
+ var updatedVendorArr = vendorarr.map(function (v) {
21024
+ return v.vendorid === item.vendorid ? _objectSpread$2m(_objectSpread$2m({}, v), {}, {
21025
+ isfilterselected: !isSelected
21026
+ }) : v;
20994
21027
  });
20995
- item.isfilterselected = true;
20996
- setvendorsarr(_toConsumableArray__default["default"](temp));
21028
+ setvendorsarr(updatedVendorArr);
20997
21029
  }
20998
21030
  }, /*#__PURE__*/React__default["default"].createElement("div", {
20999
21031
  "class": "mr-2"
@@ -35552,12 +35584,12 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
35552
35584
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React__default["default"].createElement("img", {
35553
35585
  src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
35554
35586
  style: {
35555
- maxWidth: '2vh',
35556
- maxHeight: '2vh'
35587
+ maxWidth: '2.1vh',
35588
+ maxHeight: '2.1vh'
35557
35589
  }
35558
35590
  }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
35559
- "class": "mr-2",
35560
- size: 18
35591
+ "class": "ml-2",
35592
+ size: 20
35561
35593
  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
35562
35594
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
35563
35595
  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) != '6983934c1d701' && sectionproperties.flagIcon != 'Icon' && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -35567,12 +35599,12 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
35567
35599
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React__default["default"].createElement("img", {
35568
35600
  src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
35569
35601
  style: {
35570
- maxWidth: '2vh',
35571
- maxHeight: '2vh'
35602
+ maxWidth: '2.1vh',
35603
+ maxHeight: '2.1vh'
35572
35604
  }
35573
35605
  }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
35574
- "class": "ml-2",
35575
- size: 18
35606
+ "class": "mr-2",
35607
+ size: 20
35576
35608
  })))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
35577
35609
  onClick: function onClick() {
35578
35610
  setlang('ar');
@@ -37310,7 +37342,7 @@ var Header8 = function Header8(props) {
37310
37342
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37311
37343
  "class": "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center px-1025-1 '
37312
37344
  }, sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37313
- "class": ' col-xl-2 col-lg-3 d-flex align-items-center ',
37345
+ "class": ' col-xl-3 col-lg-3 d-flex align-items-center ',
37314
37346
  onClick: function onClick() {
37315
37347
  setdropdownselect(!dropdownselect);
37316
37348
  }
@@ -37351,7 +37383,7 @@ var Header8 = function Header8(props) {
37351
37383
  }, ButtonDropdown(item, index, fetchedarray));
37352
37384
  }
37353
37385
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
37354
- "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37386
+ "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37355
37387
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37356
37388
  "class": ' w-100 align-items-center ',
37357
37389
  style: {
@@ -51314,7 +51346,7 @@ var Allinonefooter = function Allinonefooter(props) {
51314
51346
  function ownKeys$1K(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; }
51315
51347
  function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
51316
51348
  var Footer1 = function Footer1(props) {
51317
- var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13;
51349
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15;
51318
51350
  var _useState = React.useState(''),
51319
51351
  _useState2 = _slicedToArray__default["default"](_useState, 2),
51320
51352
  sectionproperties = _useState2[0],
@@ -51422,6 +51454,21 @@ var Footer1 = function Footer1(props) {
51422
51454
  borderColor: sectionproperties.youtubebtnTextcoloronhover
51423
51455
  }
51424
51456
  }),
51457
+ tiktokbtn: glamor.css({
51458
+ cursor: 'pointer',
51459
+ background: sectionproperties.tiktokbtnbgColor,
51460
+ width: sectionproperties.tiktokbtnWidth + 'px',
51461
+ height: sectionproperties.tiktokbtnHeight + 'px',
51462
+ borderRadius: sectionproperties.tiktokbtn_borderRadius + 'px',
51463
+ color: sectionproperties.tiktokbtnTextcolor,
51464
+ border: sectionproperties.tiktokbtnborderwidth + 'px solid ' + sectionproperties.tiktokbtnbordercolor,
51465
+ transition: '.3s',
51466
+ ':hover': {
51467
+ background: sectionproperties.tiktokbtnbgColoronhover,
51468
+ color: sectionproperties.tiktokbtnTextcoloronhover,
51469
+ borderColor: sectionproperties.tiktokbtnTextcoloronhover
51470
+ }
51471
+ }),
51425
51472
  youtubebtn: glamor.css({
51426
51473
  cursor: 'pointer',
51427
51474
  background: sectionproperties.youtube_btnbgColor,
@@ -51434,7 +51481,7 @@ var Footer1 = function Footer1(props) {
51434
51481
  ':hover': {
51435
51482
  background: sectionproperties.youtube_btnbgColoronhover,
51436
51483
  color: sectionproperties.youtube_btnTextcoloronhover,
51437
- borderColor: sectionproperties.youtubeiconfontsize
51484
+ borderColor: sectionproperties.youtube_btnTextcoloronhover
51438
51485
  }
51439
51486
  }),
51440
51487
  instgram_btn: glamor.css({
@@ -51721,6 +51768,17 @@ var Footer1 = function Footer1(props) {
51721
51768
  }
51722
51769
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube$1.AiFillYoutube, {
51723
51770
  size: sectionproperties.youtubeiconfontsize
51771
+ })), sectionproperties.tiktokshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
51772
+ "class": "".concat(footerStyles.tiktokbtn) + ' d-flex align-items-center justify-content-center mx-2 ',
51773
+ onClick: function onClick() {
51774
+ var _authdetailsContext$i0;
51775
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.tiktoklink) != null) {
51776
+ var _authdetailsContext$i1;
51777
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.tiktoklink, '_blank');
51778
+ }
51779
+ }
51780
+ }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
51781
+ size: sectionproperties.tiktokbtniconfontsize
51724
51782
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
51725
51783
  "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
51726
51784
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -51731,15 +51789,15 @@ var Footer1 = function Footer1(props) {
51731
51789
  "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
51732
51790
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
51733
51791
  onClick: function onClick() {
51734
- var _authdetailsContext$i0;
51735
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.mobileapplink_appstore, '_blank');
51792
+ var _authdetailsContext$i10;
51793
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_appstore, '_blank');
51736
51794
  }
51737
51795
  }), /*#__PURE__*/React__default["default"].createElement("img", {
51738
51796
  "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
51739
51797
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
51740
51798
  onClick: function onClick() {
51741
- var _authdetailsContext$i1;
51742
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.mobileapplink_playstore, '_blank');
51799
+ var _authdetailsContext$i11;
51800
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_playstore, '_blank');
51743
51801
  }
51744
51802
  })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
51745
51803
  "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 mt-1"
@@ -51756,12 +51814,12 @@ var Footer1 = function Footer1(props) {
51756
51814
  textTransform: 'none'
51757
51815
  },
51758
51816
  onClick: function onClick() {
51759
- var _authdetailsContext$i10;
51760
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
51817
+ var _authdetailsContext$i12;
51818
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email), '_self');
51761
51819
  }
51762
51820
  }, /*#__PURE__*/React__default["default"].createElement("i", {
51763
51821
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
51764
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React__default["default"].createElement("div", {
51822
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email)), /*#__PURE__*/React__default["default"].createElement("div", {
51765
51823
  "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51766
51824
  }, /*#__PURE__*/React__default["default"].createElement("p", {
51767
51825
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -51790,7 +51848,7 @@ var Footer1 = function Footer1(props) {
51790
51848
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
51791
51849
  }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
51792
51850
  size: sectionproperties.footerinfoicon_fontsize
51793
- })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
51851
+ })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
51794
51852
  "class": "col-12 mt-2 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51795
51853
  }, /*#__PURE__*/React__default["default"].createElement("p", {
51796
51854
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center text-start ',
@@ -59820,6 +59878,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
59820
59878
  }, /*#__PURE__*/React__default["default"].createElement("img", {
59821
59879
  src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
59822
59880
  className: "".concat(footerStyles.payimg)
59881
+ })), sectionproperties.showpaypal == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
59882
+ className: "".concat(footerStyles.payimgcont),
59883
+ style: {
59884
+ width: '70px',
59885
+ height: '40px'
59886
+ }
59887
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
59888
+ src: 'https://tabex-co.com/storage/StaticImages/paypal.png',
59889
+ className: "".concat(footerStyles.payimg)
59823
59890
  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
59824
59891
  className: "".concat(footerStyles.payimgcont),
59825
59892
  style: {
package/dist/index.esm.js CHANGED
@@ -20929,20 +20929,52 @@ var Filter$1 = function Filter(props) {
20929
20929
  "class": "row m-0 w-100 px-3 px-md-4-2"
20930
20930
  }, vendorarr.map(function (item, index) {
20931
20931
  return /*#__PURE__*/React.createElement("div", {
20932
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 ',
20932
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 '
20933
+ // onClick={() => {
20934
+ // var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
20935
+ // // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20936
+ // tempfetchproductsfilerobjcontext.vendorsarr = [];
20937
+ // tempfetchproductsfilerobjcontext?.vendorsarr?.push(item.vendorid);
20938
+ // setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
20939
+ // var temp = [...vendorarr];
20940
+ // temp?.forEach(function (instfilteritem, instfilterindex) {
20941
+ // instfilteritem.isfilterselected = false;
20942
+ // });
20943
+ // item.isfilterselected = true;
20944
+
20945
+ // setvendorsarr([...temp]);
20946
+ // }}
20947
+ ,
20933
20948
  onClick: function onClick() {
20934
- var _tempfetchproductsfil5;
20935
- var tempfetchproductsfilerobjcontext = _objectSpread$2m({}, ProductFilterObjContext);
20936
- // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20937
- tempfetchproductsfilerobjcontext.vendorsarr = [];
20938
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil5 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil5 === void 0 || _tempfetchproductsfil5.push(item.vendorid);
20939
- setProductFilterObjContext(_objectSpread$2m({}, tempfetchproductsfilerobjcontext));
20940
- var temp = _toConsumableArray(vendorarr);
20941
- temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
20942
- instfilteritem.isfilterselected = false;
20949
+ var _tempFilterObj$vendor;
20950
+ // copy current filter object
20951
+ var tempFilterObj = _objectSpread$2m({}, ProductFilterObjContext);
20952
+
20953
+ // هل الـ vendor ده موجود بالفعل؟
20954
+ var isSelected = (_tempFilterObj$vendor = tempFilterObj.vendorsarr) === null || _tempFilterObj$vendor === void 0 ? void 0 : _tempFilterObj$vendor.includes(item.vendorid);
20955
+ var updatedVendors;
20956
+ if (isSelected) {
20957
+ // remove
20958
+ updatedVendors = tempFilterObj.vendorsarr.filter(function (id) {
20959
+ return id !== item.vendorid;
20960
+ });
20961
+ } else {
20962
+ // add
20963
+ updatedVendors = [].concat(_toConsumableArray(tempFilterObj.vendorsarr || []), [item.vendorid]);
20964
+ }
20965
+
20966
+ // update filter context
20967
+ setProductFilterObjContext(_objectSpread$2m(_objectSpread$2m({}, tempFilterObj), {}, {
20968
+ vendorsarr: updatedVendors
20969
+ }));
20970
+
20971
+ // update vendor array immutably
20972
+ var updatedVendorArr = vendorarr.map(function (v) {
20973
+ return v.vendorid === item.vendorid ? _objectSpread$2m(_objectSpread$2m({}, v), {}, {
20974
+ isfilterselected: !isSelected
20975
+ }) : v;
20943
20976
  });
20944
- item.isfilterselected = true;
20945
- setvendorsarr(_toConsumableArray(temp));
20977
+ setvendorsarr(updatedVendorArr);
20946
20978
  }
20947
20979
  }, /*#__PURE__*/React.createElement("div", {
20948
20980
  "class": "mr-2"
@@ -35501,12 +35533,12 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
35501
35533
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React.createElement("img", {
35502
35534
  src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
35503
35535
  style: {
35504
- maxWidth: '2vh',
35505
- maxHeight: '2vh'
35536
+ maxWidth: '2.1vh',
35537
+ maxHeight: '2.1vh'
35506
35538
  }
35507
35539
  }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
35508
- "class": "mr-2",
35509
- size: 18
35540
+ "class": "ml-2",
35541
+ size: 20
35510
35542
  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
35511
35543
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
35512
35544
  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) != '6983934c1d701' && sectionproperties.flagIcon != 'Icon' && /*#__PURE__*/React.createElement("p", {
@@ -35516,12 +35548,12 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
35516
35548
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React.createElement("img", {
35517
35549
  src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
35518
35550
  style: {
35519
- maxWidth: '2vh',
35520
- maxHeight: '2vh'
35551
+ maxWidth: '2.1vh',
35552
+ maxHeight: '2.1vh'
35521
35553
  }
35522
35554
  }), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
35523
- "class": "ml-2",
35524
- size: 18
35555
+ "class": "mr-2",
35556
+ size: 20
35525
35557
  })))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
35526
35558
  onClick: function onClick() {
35527
35559
  setlang('ar');
@@ -37259,7 +37291,7 @@ var Header8 = function Header8(props) {
37259
37291
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
37260
37292
  "class": "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center px-1025-1 '
37261
37293
  }, sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
37262
- "class": ' col-xl-2 col-lg-3 d-flex align-items-center ',
37294
+ "class": ' col-xl-3 col-lg-3 d-flex align-items-center ',
37263
37295
  onClick: function onClick() {
37264
37296
  setdropdownselect(!dropdownselect);
37265
37297
  }
@@ -37300,7 +37332,7 @@ var Header8 = function Header8(props) {
37300
37332
  }, ButtonDropdown(item, index, fetchedarray));
37301
37333
  }
37302
37334
  }))))), /*#__PURE__*/React.createElement("div", {
37303
- "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37335
+ "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37304
37336
  }, /*#__PURE__*/React.createElement("div", {
37305
37337
  "class": ' w-100 align-items-center ',
37306
37338
  style: {
@@ -51263,7 +51295,7 @@ var Allinonefooter = function Allinonefooter(props) {
51263
51295
  function ownKeys$1K(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; }
51264
51296
  function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
51265
51297
  var Footer1 = function Footer1(props) {
51266
- var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13;
51298
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15;
51267
51299
  var _useState = useState(''),
51268
51300
  _useState2 = _slicedToArray(_useState, 2),
51269
51301
  sectionproperties = _useState2[0],
@@ -51371,6 +51403,21 @@ var Footer1 = function Footer1(props) {
51371
51403
  borderColor: sectionproperties.youtubebtnTextcoloronhover
51372
51404
  }
51373
51405
  }),
51406
+ tiktokbtn: css({
51407
+ cursor: 'pointer',
51408
+ background: sectionproperties.tiktokbtnbgColor,
51409
+ width: sectionproperties.tiktokbtnWidth + 'px',
51410
+ height: sectionproperties.tiktokbtnHeight + 'px',
51411
+ borderRadius: sectionproperties.tiktokbtn_borderRadius + 'px',
51412
+ color: sectionproperties.tiktokbtnTextcolor,
51413
+ border: sectionproperties.tiktokbtnborderwidth + 'px solid ' + sectionproperties.tiktokbtnbordercolor,
51414
+ transition: '.3s',
51415
+ ':hover': {
51416
+ background: sectionproperties.tiktokbtnbgColoronhover,
51417
+ color: sectionproperties.tiktokbtnTextcoloronhover,
51418
+ borderColor: sectionproperties.tiktokbtnTextcoloronhover
51419
+ }
51420
+ }),
51374
51421
  youtubebtn: css({
51375
51422
  cursor: 'pointer',
51376
51423
  background: sectionproperties.youtube_btnbgColor,
@@ -51383,7 +51430,7 @@ var Footer1 = function Footer1(props) {
51383
51430
  ':hover': {
51384
51431
  background: sectionproperties.youtube_btnbgColoronhover,
51385
51432
  color: sectionproperties.youtube_btnTextcoloronhover,
51386
- borderColor: sectionproperties.youtubeiconfontsize
51433
+ borderColor: sectionproperties.youtube_btnTextcoloronhover
51387
51434
  }
51388
51435
  }),
51389
51436
  instgram_btn: css({
@@ -51670,6 +51717,17 @@ var Footer1 = function Footer1(props) {
51670
51717
  }
51671
51718
  }, /*#__PURE__*/React.createElement(AiFillYoutube$1, {
51672
51719
  size: sectionproperties.youtubeiconfontsize
51720
+ })), sectionproperties.tiktokshow == 'Show' && /*#__PURE__*/React.createElement("div", {
51721
+ "class": "".concat(footerStyles.tiktokbtn) + ' d-flex align-items-center justify-content-center mx-2 ',
51722
+ onClick: function onClick() {
51723
+ var _authdetailsContext$i0;
51724
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.tiktoklink) != null) {
51725
+ var _authdetailsContext$i1;
51726
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.tiktoklink, '_blank');
51727
+ }
51728
+ }
51729
+ }, /*#__PURE__*/React.createElement(IoLogoTiktok, {
51730
+ size: sectionproperties.tiktokbtniconfontsize
51673
51731
  }))))), /*#__PURE__*/React.createElement("div", {
51674
51732
  "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
51675
51733
  }, /*#__PURE__*/React.createElement("div", {
@@ -51680,15 +51738,15 @@ var Footer1 = function Footer1(props) {
51680
51738
  "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
51681
51739
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
51682
51740
  onClick: function onClick() {
51683
- var _authdetailsContext$i0;
51684
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.mobileapplink_appstore, '_blank');
51741
+ var _authdetailsContext$i10;
51742
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_appstore, '_blank');
51685
51743
  }
51686
51744
  }), /*#__PURE__*/React.createElement("img", {
51687
51745
  "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
51688
51746
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
51689
51747
  onClick: function onClick() {
51690
- var _authdetailsContext$i1;
51691
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.mobileapplink_playstore, '_blank');
51748
+ var _authdetailsContext$i11;
51749
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_playstore, '_blank');
51692
51750
  }
51693
51751
  })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.createElement("div", {
51694
51752
  "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 mt-1"
@@ -51705,12 +51763,12 @@ var Footer1 = function Footer1(props) {
51705
51763
  textTransform: 'none'
51706
51764
  },
51707
51765
  onClick: function onClick() {
51708
- var _authdetailsContext$i10;
51709
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
51766
+ var _authdetailsContext$i12;
51767
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email), '_self');
51710
51768
  }
51711
51769
  }, /*#__PURE__*/React.createElement("i", {
51712
51770
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
51713
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React.createElement("div", {
51771
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email)), /*#__PURE__*/React.createElement("div", {
51714
51772
  "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51715
51773
  }, /*#__PURE__*/React.createElement("p", {
51716
51774
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -51739,7 +51797,7 @@ var Footer1 = function Footer1(props) {
51739
51797
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
51740
51798
  }, /*#__PURE__*/React.createElement(IoLocationSharp, {
51741
51799
  size: sectionproperties.footerinfoicon_fontsize
51742
- })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_ar)), /*#__PURE__*/React.createElement("div", {
51800
+ })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_ar)), /*#__PURE__*/React.createElement("div", {
51743
51801
  "class": "col-12 mt-2 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51744
51802
  }, /*#__PURE__*/React.createElement("p", {
51745
51803
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center text-start ',
@@ -59769,6 +59827,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
59769
59827
  }, /*#__PURE__*/React.createElement("img", {
59770
59828
  src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
59771
59829
  className: "".concat(footerStyles.payimg)
59830
+ })), sectionproperties.showpaypal == 'Show' && /*#__PURE__*/React.createElement("div", {
59831
+ className: "".concat(footerStyles.payimgcont),
59832
+ style: {
59833
+ width: '70px',
59834
+ height: '40px'
59835
+ }
59836
+ }, /*#__PURE__*/React.createElement("img", {
59837
+ src: 'https://tabex-co.com/storage/StaticImages/paypal.png',
59838
+ className: "".concat(footerStyles.payimg)
59772
59839
  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React.createElement("div", {
59773
59840
  className: "".concat(footerStyles.payimgcont),
59774
59841
  style: {
package/dist/index.umd.js CHANGED
@@ -20786,20 +20786,52 @@
20786
20786
  "class": "row m-0 w-100 px-3 px-md-4-2"
20787
20787
  }, vendorarr.map(function (item, index) {
20788
20788
  return /*#__PURE__*/React__default["default"].createElement("div", {
20789
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 ',
20789
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-center pb-3 col-12 p-0 '
20790
+ // onClick={() => {
20791
+ // var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
20792
+ // // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20793
+ // tempfetchproductsfilerobjcontext.vendorsarr = [];
20794
+ // tempfetchproductsfilerobjcontext?.vendorsarr?.push(item.vendorid);
20795
+ // setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
20796
+ // var temp = [...vendorarr];
20797
+ // temp?.forEach(function (instfilteritem, instfilterindex) {
20798
+ // instfilteritem.isfilterselected = false;
20799
+ // });
20800
+ // item.isfilterselected = true;
20801
+
20802
+ // setvendorsarr([...temp]);
20803
+ // }}
20804
+ ,
20790
20805
  onClick: function onClick() {
20791
- var _tempfetchproductsfil5;
20792
- var tempfetchproductsfilerobjcontext = _objectSpread$2m({}, ProductFilterObjContext);
20793
- // alert(JSON.stringify(tempfetchproductsfilerobjcontext));
20794
- tempfetchproductsfilerobjcontext.vendorsarr = [];
20795
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil5 = tempfetchproductsfilerobjcontext.vendorsarr) === null || _tempfetchproductsfil5 === void 0 || _tempfetchproductsfil5.push(item.vendorid);
20796
- setProductFilterObjContext(_objectSpread$2m({}, tempfetchproductsfilerobjcontext));
20797
- var temp = _toConsumableArray__default["default"](vendorarr);
20798
- temp === null || temp === void 0 || temp.forEach(function (instfilteritem, instfilterindex) {
20799
- instfilteritem.isfilterselected = false;
20806
+ var _tempFilterObj$vendor;
20807
+ // copy current filter object
20808
+ var tempFilterObj = _objectSpread$2m({}, ProductFilterObjContext);
20809
+
20810
+ // هل الـ vendor ده موجود بالفعل؟
20811
+ var isSelected = (_tempFilterObj$vendor = tempFilterObj.vendorsarr) === null || _tempFilterObj$vendor === void 0 ? void 0 : _tempFilterObj$vendor.includes(item.vendorid);
20812
+ var updatedVendors;
20813
+ if (isSelected) {
20814
+ // remove
20815
+ updatedVendors = tempFilterObj.vendorsarr.filter(function (id) {
20816
+ return id !== item.vendorid;
20817
+ });
20818
+ } else {
20819
+ // add
20820
+ updatedVendors = [].concat(_toConsumableArray__default["default"](tempFilterObj.vendorsarr || []), [item.vendorid]);
20821
+ }
20822
+
20823
+ // update filter context
20824
+ setProductFilterObjContext(_objectSpread$2m(_objectSpread$2m({}, tempFilterObj), {}, {
20825
+ vendorsarr: updatedVendors
20826
+ }));
20827
+
20828
+ // update vendor array immutably
20829
+ var updatedVendorArr = vendorarr.map(function (v) {
20830
+ return v.vendorid === item.vendorid ? _objectSpread$2m(_objectSpread$2m({}, v), {}, {
20831
+ isfilterselected: !isSelected
20832
+ }) : v;
20800
20833
  });
20801
- item.isfilterselected = true;
20802
- setvendorsarr(_toConsumableArray__default["default"](temp));
20834
+ setvendorsarr(updatedVendorArr);
20803
20835
  }
20804
20836
  }, /*#__PURE__*/React__default["default"].createElement("div", {
20805
20837
  "class": "mr-2"
@@ -35358,12 +35390,12 @@
35358
35390
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React__default["default"].createElement("img", {
35359
35391
  src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
35360
35392
  style: {
35361
- maxWidth: '2vh',
35362
- maxHeight: '2vh'
35393
+ maxWidth: '2.1vh',
35394
+ maxHeight: '2.1vh'
35363
35395
  }
35364
35396
  }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
35365
- "class": "mr-2",
35366
- size: 18
35397
+ "class": "ml-2",
35398
+ size: 20
35367
35399
  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
35368
35400
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
35369
35401
  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) != '6983934c1d701' && sectionproperties.flagIcon != 'Icon' && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -35373,12 +35405,12 @@
35373
35405
  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6983934c1d701' && /*#__PURE__*/React__default["default"].createElement("img", {
35374
35406
  src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
35375
35407
  style: {
35376
- maxWidth: '2vh',
35377
- maxHeight: '2vh'
35408
+ maxWidth: '2.1vh',
35409
+ maxHeight: '2.1vh'
35378
35410
  }
35379
35411
  }), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
35380
- "class": "ml-2",
35381
- size: 18
35412
+ "class": "mr-2",
35413
+ size: 20
35382
35414
  })))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
35383
35415
  onClick: function onClick() {
35384
35416
  setlang('ar');
@@ -37116,7 +37148,7 @@
37116
37148
  })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37117
37149
  "class": "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center px-1025-1 '
37118
37150
  }, sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37119
- "class": ' col-xl-2 col-lg-3 d-flex align-items-center ',
37151
+ "class": ' col-xl-3 col-lg-3 d-flex align-items-center ',
37120
37152
  onClick: function onClick() {
37121
37153
  setdropdownselect(!dropdownselect);
37122
37154
  }
@@ -37157,7 +37189,7 @@
37157
37189
  }, ButtonDropdown(item, index, fetchedarray));
37158
37190
  }
37159
37191
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
37160
- "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37192
+ "class": sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-9 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-12 flex-row d-flex align-items-center justify-content-start'
37161
37193
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37162
37194
  "class": ' w-100 align-items-center ',
37163
37195
  style: {
@@ -51120,7 +51152,7 @@
51120
51152
  function ownKeys$1K(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; }
51121
51153
  function _objectSpread$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
51122
51154
  var Footer1 = function Footer1(props) {
51123
- var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13;
51155
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15;
51124
51156
  var _useState = React.useState(''),
51125
51157
  _useState2 = _slicedToArray__default["default"](_useState, 2),
51126
51158
  sectionproperties = _useState2[0],
@@ -51228,6 +51260,21 @@
51228
51260
  borderColor: sectionproperties.youtubebtnTextcoloronhover
51229
51261
  }
51230
51262
  }),
51263
+ tiktokbtn: glamor.css({
51264
+ cursor: 'pointer',
51265
+ background: sectionproperties.tiktokbtnbgColor,
51266
+ width: sectionproperties.tiktokbtnWidth + 'px',
51267
+ height: sectionproperties.tiktokbtnHeight + 'px',
51268
+ borderRadius: sectionproperties.tiktokbtn_borderRadius + 'px',
51269
+ color: sectionproperties.tiktokbtnTextcolor,
51270
+ border: sectionproperties.tiktokbtnborderwidth + 'px solid ' + sectionproperties.tiktokbtnbordercolor,
51271
+ transition: '.3s',
51272
+ ':hover': {
51273
+ background: sectionproperties.tiktokbtnbgColoronhover,
51274
+ color: sectionproperties.tiktokbtnTextcoloronhover,
51275
+ borderColor: sectionproperties.tiktokbtnTextcoloronhover
51276
+ }
51277
+ }),
51231
51278
  youtubebtn: glamor.css({
51232
51279
  cursor: 'pointer',
51233
51280
  background: sectionproperties.youtube_btnbgColor,
@@ -51240,7 +51287,7 @@
51240
51287
  ':hover': {
51241
51288
  background: sectionproperties.youtube_btnbgColoronhover,
51242
51289
  color: sectionproperties.youtube_btnTextcoloronhover,
51243
- borderColor: sectionproperties.youtubeiconfontsize
51290
+ borderColor: sectionproperties.youtube_btnTextcoloronhover
51244
51291
  }
51245
51292
  }),
51246
51293
  instgram_btn: glamor.css({
@@ -51527,6 +51574,17 @@
51527
51574
  }
51528
51575
  }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube$1.AiFillYoutube, {
51529
51576
  size: sectionproperties.youtubeiconfontsize
51577
+ })), sectionproperties.tiktokshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
51578
+ "class": "".concat(footerStyles.tiktokbtn) + ' d-flex align-items-center justify-content-center mx-2 ',
51579
+ onClick: function onClick() {
51580
+ var _authdetailsContext$i0;
51581
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.tiktoklink) != null) {
51582
+ var _authdetailsContext$i1;
51583
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.tiktoklink, '_blank');
51584
+ }
51585
+ }
51586
+ }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
51587
+ size: sectionproperties.tiktokbtniconfontsize
51530
51588
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
51531
51589
  "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
51532
51590
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -51537,15 +51595,15 @@
51537
51595
  "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
51538
51596
  src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
51539
51597
  onClick: function onClick() {
51540
- var _authdetailsContext$i0;
51541
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.mobileapplink_appstore, '_blank');
51598
+ var _authdetailsContext$i10;
51599
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_appstore, '_blank');
51542
51600
  }
51543
51601
  }), /*#__PURE__*/React__default["default"].createElement("img", {
51544
51602
  "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
51545
51603
  src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
51546
51604
  onClick: function onClick() {
51547
- var _authdetailsContext$i1;
51548
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.mobileapplink_playstore, '_blank');
51605
+ var _authdetailsContext$i11;
51606
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.mobileapplink_playstore, '_blank');
51549
51607
  }
51550
51608
  })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
51551
51609
  "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 mt-1"
@@ -51562,12 +51620,12 @@
51562
51620
  textTransform: 'none'
51563
51621
  },
51564
51622
  onClick: function onClick() {
51565
- var _authdetailsContext$i10;
51566
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
51623
+ var _authdetailsContext$i12;
51624
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email), '_self');
51567
51625
  }
51568
51626
  }, /*#__PURE__*/React__default["default"].createElement("i", {
51569
51627
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
51570
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React__default["default"].createElement("div", {
51628
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.email)), /*#__PURE__*/React__default["default"].createElement("div", {
51571
51629
  "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51572
51630
  }, /*#__PURE__*/React__default["default"].createElement("p", {
51573
51631
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -51596,7 +51654,7 @@
51596
51654
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
51597
51655
  }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
51598
51656
  size: sectionproperties.footerinfoicon_fontsize
51599
- })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
51657
+ })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.address_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
51600
51658
  "class": "col-12 mt-2 d-flex justify-content-center justify-content-md-center align-items-start p-0"
51601
51659
  }, /*#__PURE__*/React__default["default"].createElement("p", {
51602
51660
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center text-start ',
@@ -59626,6 +59684,15 @@
59626
59684
  }, /*#__PURE__*/React__default["default"].createElement("img", {
59627
59685
  src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
59628
59686
  className: "".concat(footerStyles.payimg)
59687
+ })), sectionproperties.showpaypal == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
59688
+ className: "".concat(footerStyles.payimgcont),
59689
+ style: {
59690
+ width: '70px',
59691
+ height: '40px'
59692
+ }
59693
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
59694
+ src: 'https://tabex-co.com/storage/StaticImages/paypal.png',
59695
+ className: "".concat(footerStyles.payimg)
59629
59696
  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
59630
59697
  className: "".concat(footerStyles.payimgcont),
59631
59698
  style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.2.1198",
3
+ "version": "0.2.1199",
4
4
  "type": "module",
5
5
  "description": "your description",
6
6
  "main": "dist/index.cjs.js",