tabexseriescomponents 0.0.365 → 0.0.367

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 +77 -24
  2. package/dist/index.esm.js +77 -24
  3. package/dist/index.umd.js +80 -27
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -112,6 +112,7 @@ var IoSearchOutline = require('@react-icons/all-files/io5/IoSearchOutline');
112
112
  var AiFillYoutube = require('@react-icons/all-files/ai/AiFillYoutube');
113
113
  var IoLogoTiktok = require('@react-icons/all-files/io5/IoLogoTiktok');
114
114
  var FiMenu = require('@react-icons/all-files/fi/FiMenu');
115
+ var IoClose = require('@react-icons/all-files/io5/IoClose');
115
116
  var BiSearch = require('@react-icons/all-files/bi/BiSearch');
116
117
  var FiUser = require('@react-icons/all-files/fi/FiUser');
117
118
  var AiOutlineHeart = require('@react-icons/all-files/ai/AiOutlineHeart');
@@ -124,7 +125,6 @@ var GoSearch = require('@react-icons/all-files/go/GoSearch');
124
125
  var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
125
126
  var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
126
127
  var RiUserSettingsLine = require('@react-icons/all-files/ri/RiUserSettingsLine');
127
- var IoClose = require('@react-icons/all-files/io5/IoClose');
128
128
  var HiUserCircle = require('@react-icons/all-files/hi/HiUserCircle');
129
129
  var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
130
130
  var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
@@ -12188,7 +12188,10 @@ var CartSlider = function CartSlider(props) {
12188
12188
  overflow: 'hidden'
12189
12189
  }
12190
12190
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12191
- className: "row m-0 w-100 h-100"
12191
+ className: "row m-0 w-100 ",
12192
+ style: {
12193
+ height: '90vh'
12194
+ }
12192
12195
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
12193
12196
  className: "col-lg-12 allcentered",
12194
12197
  style: {
@@ -12439,7 +12442,7 @@ var CartSlider = function CartSlider(props) {
12439
12442
  className: "m-0"
12440
12443
  })));
12441
12444
  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12442
- className: "col-lg-12 mb-1 p-0 mt-auto anim",
12445
+ className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
12443
12446
  style: {
12444
12447
  animationDuration: '.8s'
12445
12448
  }
@@ -18587,11 +18590,11 @@ var SocialMediaSection = function SocialMediaSection(props) {
18587
18590
  function ownKeys$1U(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; }
18588
18591
  function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18589
18592
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18590
- var _logoarrayofobjects$, _logoarrayofobjects$2;
18593
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
18591
18594
  var actions = props.actions;
18592
18595
  var LogoutMutationContext = props.actions.LogoutMutationContext;
18593
18596
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
18594
- props.actions.setSearchHeaderInputContext;
18597
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
18595
18598
  props.actions.StatePagePropertiesContext;
18596
18599
  var lang = props.actions.lang;
18597
18600
  var langdetect = props.actions.langdetect;
@@ -18620,8 +18623,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18620
18623
  setmenuactive = _useState6[1];
18621
18624
  var _useState7 = React.useState(false),
18622
18625
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
18623
- openSearch = _useState8[0];
18624
- _useState8[1];
18626
+ openSearch = _useState8[0],
18627
+ setopenSearch = _useState8[1];
18625
18628
  React.useEffect(function () {
18626
18629
  if (props.sectionpropertiesprops != undefined) {
18627
18630
  setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18701,10 +18704,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18701
18704
  border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
18702
18705
  transition: '.3s'
18703
18706
  }),
18704
- searchbarcont: glamor.css({
18707
+ searchbarcont: glamor.css((_css = {
18705
18708
  position: 'relative',
18706
18709
  transition: '.3s'
18707
- }),
18710
+ }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
18708
18711
  searchbar_icon_cont: glamor.css({
18709
18712
  display: 'flex',
18710
18713
  justifyContent: 'center',
@@ -18715,24 +18718,23 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18715
18718
  position: 'absolute',
18716
18719
  left: langdetect == 'en' ? 5 : '',
18717
18720
  right: langdetect == 'en' ? '' : 5,
18718
- bottom: 0,
18721
+ bottom: 4,
18719
18722
  top: 0,
18720
18723
  margin: 'auto'
18721
18724
  }),
18722
18725
  searchbarcont_input: glamor.css({
18723
- height: '100%',
18724
18726
  width: '100%',
18725
- outline: 'none',
18726
- border: 'none',
18727
18727
  background: 'transparent',
18728
- color: sectionproperties.searchbarcontinput_colorresp,
18729
- // color: '#000',
18730
- fontWeight: sectionproperties.searchbarcont_inputfontweight,
18731
- // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
18732
- fontSize: '15px',
18733
- paddingRight: langdetect == 'en' ? 0 : '20px',
18734
- paddingLeft: langdetect == 'en' ? '20px' : 0,
18735
- transition: '0.3s'
18728
+ color: '#000',
18729
+ fontWeight: 500,
18730
+ fontSize: '14px',
18731
+ borderRadius: 0,
18732
+ borderBottom: '1px solid #000',
18733
+ paddingLeft: '15px',
18734
+ paddingRight: '15px',
18735
+ outline: 'none',
18736
+ transition: '0.3s',
18737
+ marginTop: '40px'
18736
18738
  }),
18737
18739
  languagecontainer: glamor.css({
18738
18740
  color: sectionproperties.language_container_color_resp,
@@ -18892,7 +18894,24 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18892
18894
  }
18893
18895
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
18894
18896
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18895
- }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
18897
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18898
+ style: {
18899
+ width: '30px',
18900
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18901
+ }
18902
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
18903
+ "class": "h-100 allcentered",
18904
+ onClick: function onClick() {
18905
+ setopenSearch(true);
18906
+ }
18907
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
18908
+ size: 22
18909
+ }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("div", {
18910
+ style: {
18911
+ width: sectionproperties.cart_BtnWidth_resp + 'px',
18912
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18913
+ }
18914
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
18896
18915
  "class": ' h-100 allcentered ',
18897
18916
  style: {
18898
18917
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18910,7 +18929,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18910
18929
  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
18911
18930
  size: 20,
18912
18931
  color: sectionproperties.cart_BtnTextcolor_resp
18913
- }))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
18932
+ })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
18914
18933
  "class": "px-4 py-4 scrollvertical",
18915
18934
  style: {
18916
18935
  position: 'fixed',
@@ -19049,7 +19068,41 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19049
19068
  color: '#000',
19050
19069
  fontSize: 16
19051
19070
  }
19052
- }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
19071
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
19072
+ "class": "col-12 d-flex align-items-center"
19073
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
19074
+ style: {
19075
+ width: 40,
19076
+ height: 40,
19077
+ position: 'absolute',
19078
+ top: 10,
19079
+ right: 10,
19080
+ zIndex: 10000
19081
+ },
19082
+ "class": "allcentered",
19083
+ onClick: function onClick() {
19084
+ setopenSearch(false);
19085
+ setSearchHeaderInputContext('');
19086
+ }
19087
+ }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
19088
+ style: {
19089
+ fontSize: 20,
19090
+ color: '#000'
19091
+ }
19092
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
19093
+ "class": header_cssstyles.searchbarcont
19094
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
19095
+ type: "text",
19096
+ placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
19097
+ "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
19098
+ onChange: function onChange(event) {
19099
+ setSearchHeaderInputContext(event.target.value);
19100
+ }
19101
+ }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
19102
+ sectionpropertiesprops: sectionproperties,
19103
+ srcfromprops: 'fullheader',
19104
+ actions: actions
19105
+ })))));
19053
19106
  };
19054
19107
 
19055
19108
  function ownKeys$1T(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; }
package/dist/index.esm.js CHANGED
@@ -110,6 +110,7 @@ import { IoSearchOutline } from '@react-icons/all-files/io5/IoSearchOutline';
110
110
  import { AiFillYoutube } from '@react-icons/all-files/ai/AiFillYoutube';
111
111
  import { IoLogoTiktok } from '@react-icons/all-files/io5/IoLogoTiktok';
112
112
  import { FiMenu } from '@react-icons/all-files/fi/FiMenu';
113
+ import { IoClose } from '@react-icons/all-files/io5/IoClose';
113
114
  import { BiSearch } from '@react-icons/all-files/bi/BiSearch';
114
115
  import { FiUser } from '@react-icons/all-files/fi/FiUser';
115
116
  import { AiOutlineHeart } from '@react-icons/all-files/ai/AiOutlineHeart';
@@ -122,7 +123,6 @@ import { GoSearch } from '@react-icons/all-files/go/GoSearch';
122
123
  import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
123
124
  import { BsChevronDown } from '@react-icons/all-files/bs/BsChevronDown';
124
125
  import { RiUserSettingsLine } from '@react-icons/all-files/ri/RiUserSettingsLine';
125
- import { IoClose } from '@react-icons/all-files/io5/IoClose';
126
126
  import { HiUserCircle } from '@react-icons/all-files/hi/HiUserCircle';
127
127
  import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
128
128
  import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
@@ -12139,7 +12139,10 @@ var CartSlider = function CartSlider(props) {
12139
12139
  overflow: 'hidden'
12140
12140
  }
12141
12141
  }, /*#__PURE__*/React.createElement("div", {
12142
- className: "row m-0 w-100 h-100"
12142
+ className: "row m-0 w-100 ",
12143
+ style: {
12144
+ height: '90vh'
12145
+ }
12143
12146
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
12144
12147
  className: "col-lg-12 allcentered",
12145
12148
  style: {
@@ -12390,7 +12393,7 @@ var CartSlider = function CartSlider(props) {
12390
12393
  className: "m-0"
12391
12394
  })));
12392
12395
  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
12393
- className: "col-lg-12 mb-1 p-0 mt-auto anim",
12396
+ className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
12394
12397
  style: {
12395
12398
  animationDuration: '.8s'
12396
12399
  }
@@ -18538,11 +18541,11 @@ var SocialMediaSection = function SocialMediaSection(props) {
18538
18541
  function ownKeys$1U(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; }
18539
18542
  function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18540
18543
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18541
- var _logoarrayofobjects$, _logoarrayofobjects$2;
18544
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
18542
18545
  var actions = props.actions;
18543
18546
  var LogoutMutationContext = props.actions.LogoutMutationContext;
18544
18547
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
18545
- props.actions.setSearchHeaderInputContext;
18548
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
18546
18549
  props.actions.StatePagePropertiesContext;
18547
18550
  var lang = props.actions.lang;
18548
18551
  var langdetect = props.actions.langdetect;
@@ -18571,8 +18574,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18571
18574
  setmenuactive = _useState6[1];
18572
18575
  var _useState7 = useState(false),
18573
18576
  _useState8 = _slicedToArray(_useState7, 2),
18574
- openSearch = _useState8[0];
18575
- _useState8[1];
18577
+ openSearch = _useState8[0],
18578
+ setopenSearch = _useState8[1];
18576
18579
  useEffect(function () {
18577
18580
  if (props.sectionpropertiesprops != undefined) {
18578
18581
  setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18652,10 +18655,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18652
18655
  border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
18653
18656
  transition: '.3s'
18654
18657
  }),
18655
- searchbarcont: css({
18658
+ searchbarcont: css((_css = {
18656
18659
  position: 'relative',
18657
18660
  transition: '.3s'
18658
- }),
18661
+ }, _defineProperty(_css, "position", 'relative'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '70px'), _defineProperty(_css, "transition", '.3s'), _css)),
18659
18662
  searchbar_icon_cont: css({
18660
18663
  display: 'flex',
18661
18664
  justifyContent: 'center',
@@ -18666,24 +18669,23 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18666
18669
  position: 'absolute',
18667
18670
  left: langdetect == 'en' ? 5 : '',
18668
18671
  right: langdetect == 'en' ? '' : 5,
18669
- bottom: 0,
18672
+ bottom: 4,
18670
18673
  top: 0,
18671
18674
  margin: 'auto'
18672
18675
  }),
18673
18676
  searchbarcont_input: css({
18674
- height: '100%',
18675
18677
  width: '100%',
18676
- outline: 'none',
18677
- border: 'none',
18678
18678
  background: 'transparent',
18679
- color: sectionproperties.searchbarcontinput_colorresp,
18680
- // color: '#000',
18681
- fontWeight: sectionproperties.searchbarcont_inputfontweight,
18682
- // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
18683
- fontSize: '15px',
18684
- paddingRight: langdetect == 'en' ? 0 : '20px',
18685
- paddingLeft: langdetect == 'en' ? '20px' : 0,
18686
- transition: '0.3s'
18679
+ color: '#000',
18680
+ fontWeight: 500,
18681
+ fontSize: '14px',
18682
+ borderRadius: 0,
18683
+ borderBottom: '1px solid #000',
18684
+ paddingLeft: '15px',
18685
+ paddingRight: '15px',
18686
+ outline: 'none',
18687
+ transition: '0.3s',
18688
+ marginTop: '40px'
18687
18689
  }),
18688
18690
  languagecontainer: css({
18689
18691
  color: sectionproperties.language_container_color_resp,
@@ -18843,7 +18845,24 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18843
18845
  }
18844
18846
  }))), /*#__PURE__*/React.createElement("div", {
18845
18847
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18846
- }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
18848
+ }, /*#__PURE__*/React.createElement("div", {
18849
+ style: {
18850
+ width: '30px',
18851
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18852
+ }
18853
+ }, /*#__PURE__*/React.createElement("i", {
18854
+ "class": "h-100 allcentered",
18855
+ onClick: function onClick() {
18856
+ setopenSearch(true);
18857
+ }
18858
+ }, /*#__PURE__*/React.createElement(IoSearchOutline, {
18859
+ size: 22
18860
+ }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("div", {
18861
+ style: {
18862
+ width: sectionproperties.cart_BtnWidth_resp + 'px',
18863
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18864
+ }
18865
+ }, /*#__PURE__*/React.createElement("i", {
18847
18866
  "class": ' h-100 allcentered ',
18848
18867
  style: {
18849
18868
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18861,7 +18880,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18861
18880
  }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
18862
18881
  size: 20,
18863
18882
  color: sectionproperties.cart_BtnTextcolor_resp
18864
- }))), menuactive == true && /*#__PURE__*/React.createElement("div", {
18883
+ })))), menuactive == true && /*#__PURE__*/React.createElement("div", {
18865
18884
  "class": "px-4 py-4 scrollvertical",
18866
18885
  style: {
18867
18886
  position: 'fixed',
@@ -19000,7 +19019,41 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19000
19019
  color: '#000',
19001
19020
  fontSize: 16
19002
19021
  }
19003
- }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("p", null, "asd")));
19022
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("div", {
19023
+ "class": "col-12 d-flex align-items-center"
19024
+ }, /*#__PURE__*/React.createElement("button", {
19025
+ style: {
19026
+ width: 40,
19027
+ height: 40,
19028
+ position: 'absolute',
19029
+ top: 10,
19030
+ right: 10,
19031
+ zIndex: 10000
19032
+ },
19033
+ "class": "allcentered",
19034
+ onClick: function onClick() {
19035
+ setopenSearch(false);
19036
+ setSearchHeaderInputContext('');
19037
+ }
19038
+ }, /*#__PURE__*/React.createElement(IoClose, {
19039
+ style: {
19040
+ fontSize: 20,
19041
+ color: '#000'
19042
+ }
19043
+ })), /*#__PURE__*/React.createElement("div", {
19044
+ "class": header_cssstyles.searchbarcont
19045
+ }, /*#__PURE__*/React.createElement("input", {
19046
+ type: "text",
19047
+ placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
19048
+ "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
19049
+ onChange: function onChange(event) {
19050
+ setSearchHeaderInputContext(event.target.value);
19051
+ }
19052
+ }), /*#__PURE__*/React.createElement(Searchlist$1, {
19053
+ sectionpropertiesprops: sectionproperties,
19054
+ srcfromprops: 'fullheader',
19055
+ actions: actions
19056
+ })))));
19004
19057
  };
19005
19058
 
19006
19059
  function ownKeys$1T(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; }
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-accessible-accordion'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
3
- typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-accessible-accordion', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaLinkedinIn, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
5
- })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-accessible-accordion'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
3
+ typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-accessible-accordion', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaLinkedinIn, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
5
+ })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -12021,7 +12021,10 @@
12021
12021
  overflow: 'hidden'
12022
12022
  }
12023
12023
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12024
- className: "row m-0 w-100 h-100"
12024
+ className: "row m-0 w-100 ",
12025
+ style: {
12026
+ height: '90vh'
12027
+ }
12025
12028
  }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
12026
12029
  className: "col-lg-12 allcentered",
12027
12030
  style: {
@@ -12272,7 +12275,7 @@
12272
12275
  className: "m-0"
12273
12276
  })));
12274
12277
  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
12275
- className: "col-lg-12 mb-1 p-0 mt-auto anim",
12278
+ className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
12276
12279
  style: {
12277
12280
  animationDuration: '.8s'
12278
12281
  }
@@ -18420,11 +18423,11 @@
18420
18423
  function ownKeys$1U(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; }
18421
18424
  function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
18422
18425
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18423
- var _logoarrayofobjects$, _logoarrayofobjects$2;
18426
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
18424
18427
  var actions = props.actions;
18425
18428
  var LogoutMutationContext = props.actions.LogoutMutationContext;
18426
18429
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
18427
- props.actions.setSearchHeaderInputContext;
18430
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
18428
18431
  props.actions.StatePagePropertiesContext;
18429
18432
  var lang = props.actions.lang;
18430
18433
  var langdetect = props.actions.langdetect;
@@ -18453,8 +18456,8 @@
18453
18456
  setmenuactive = _useState6[1];
18454
18457
  var _useState7 = React.useState(false),
18455
18458
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
18456
- openSearch = _useState8[0];
18457
- _useState8[1];
18459
+ openSearch = _useState8[0],
18460
+ setopenSearch = _useState8[1];
18458
18461
  React.useEffect(function () {
18459
18462
  if (props.sectionpropertiesprops != undefined) {
18460
18463
  setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18534,10 +18537,10 @@
18534
18537
  border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
18535
18538
  transition: '.3s'
18536
18539
  }),
18537
- searchbarcont: glamor.css({
18540
+ searchbarcont: glamor.css((_css = {
18538
18541
  position: 'relative',
18539
18542
  transition: '.3s'
18540
- }),
18543
+ }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
18541
18544
  searchbar_icon_cont: glamor.css({
18542
18545
  display: 'flex',
18543
18546
  justifyContent: 'center',
@@ -18548,24 +18551,23 @@
18548
18551
  position: 'absolute',
18549
18552
  left: langdetect == 'en' ? 5 : '',
18550
18553
  right: langdetect == 'en' ? '' : 5,
18551
- bottom: 0,
18554
+ bottom: 4,
18552
18555
  top: 0,
18553
18556
  margin: 'auto'
18554
18557
  }),
18555
18558
  searchbarcont_input: glamor.css({
18556
- height: '100%',
18557
18559
  width: '100%',
18558
- outline: 'none',
18559
- border: 'none',
18560
18560
  background: 'transparent',
18561
- color: sectionproperties.searchbarcontinput_colorresp,
18562
- // color: '#000',
18563
- fontWeight: sectionproperties.searchbarcont_inputfontweight,
18564
- // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
18565
- fontSize: '15px',
18566
- paddingRight: langdetect == 'en' ? 0 : '20px',
18567
- paddingLeft: langdetect == 'en' ? '20px' : 0,
18568
- transition: '0.3s'
18561
+ color: '#000',
18562
+ fontWeight: 500,
18563
+ fontSize: '14px',
18564
+ borderRadius: 0,
18565
+ borderBottom: '1px solid #000',
18566
+ paddingLeft: '15px',
18567
+ paddingRight: '15px',
18568
+ outline: 'none',
18569
+ transition: '0.3s',
18570
+ marginTop: '40px'
18569
18571
  }),
18570
18572
  languagecontainer: glamor.css({
18571
18573
  color: sectionproperties.language_container_color_resp,
@@ -18725,7 +18727,24 @@
18725
18727
  }
18726
18728
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
18727
18729
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18728
- }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
18730
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18731
+ style: {
18732
+ width: '30px',
18733
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18734
+ }
18735
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
18736
+ "class": "h-100 allcentered",
18737
+ onClick: function onClick() {
18738
+ setopenSearch(true);
18739
+ }
18740
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
18741
+ size: 22
18742
+ }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("div", {
18743
+ style: {
18744
+ width: sectionproperties.cart_BtnWidth_resp + 'px',
18745
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
18746
+ }
18747
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
18729
18748
  "class": ' h-100 allcentered ',
18730
18749
  style: {
18731
18750
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18743,7 +18762,7 @@
18743
18762
  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
18744
18763
  size: 20,
18745
18764
  color: sectionproperties.cart_BtnTextcolor_resp
18746
- }))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
18765
+ })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
18747
18766
  "class": "px-4 py-4 scrollvertical",
18748
18767
  style: {
18749
18768
  position: 'fixed',
@@ -18882,7 +18901,41 @@
18882
18901
  color: '#000',
18883
18902
  fontSize: 16
18884
18903
  }
18885
- }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
18904
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
18905
+ "class": "col-12 d-flex align-items-center"
18906
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
18907
+ style: {
18908
+ width: 40,
18909
+ height: 40,
18910
+ position: 'absolute',
18911
+ top: 10,
18912
+ right: 10,
18913
+ zIndex: 10000
18914
+ },
18915
+ "class": "allcentered",
18916
+ onClick: function onClick() {
18917
+ setopenSearch(false);
18918
+ setSearchHeaderInputContext('');
18919
+ }
18920
+ }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
18921
+ style: {
18922
+ fontSize: 20,
18923
+ color: '#000'
18924
+ }
18925
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
18926
+ "class": header_cssstyles.searchbarcont
18927
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
18928
+ type: "text",
18929
+ placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
18930
+ "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
18931
+ onChange: function onChange(event) {
18932
+ setSearchHeaderInputContext(event.target.value);
18933
+ }
18934
+ }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
18935
+ sectionpropertiesprops: sectionproperties,
18936
+ srcfromprops: 'fullheader',
18937
+ actions: actions
18938
+ })))));
18886
18939
  };
18887
18940
 
18888
18941
  function ownKeys$1T(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; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.365",
3
+ "version": "0.0.367",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {