tabexseriescomponents 0.0.141 → 0.0.142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -8558,7 +8558,7 @@ var Filter$1 = function Filter(props) {
8558
8558
  }
8559
8559
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8560
8560
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8561
- }, otherfilters.map(function (item, index) {
8561
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8562
8562
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8563
8563
  allowMultipleExpanded: true,
8564
8564
  allowZeroExpanded: true,
@@ -22270,7 +22270,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
22270
22270
  function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22271
22271
  function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
22272
22272
  var TwoTieredHeader = function TwoTieredHeader(props) {
22273
- var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
22273
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
22274
22274
  var lang = props.actions.lang;
22275
22275
  var langdetect = props.actions.langdetect;
22276
22276
  var setlang = props.actions.setlang;
@@ -22741,8 +22741,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22741
22741
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22742
22742
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22743
22743
  style: {
22744
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22745
- paddingRight: langdetect == 'ar' ? '3rem' : 0
22744
+ paddingLeft: langdetect == 'en' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0,
22745
+ paddingRight: langdetect == 'ar' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0
22746
22746
  }
22747
22747
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22748
22748
  "class": "row m-0 w-100 d-flex align-items-center h-100",
@@ -22781,7 +22781,49 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22781
22781
  letterSpacing: '2px'
22782
22782
  },
22783
22783
  "class": ' p-0 m-0 '
22784
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React__default["default"].createElement("div", {
22784
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22785
+ "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
22786
+ onClick: function onClick() {
22787
+ routingcountext(StaticPagesLinksContext.Wishlist);
22788
+ },
22789
+ style: {
22790
+ marginRight: langdetect == 'en' ? '1.8rem' : 0,
22791
+ marginLeft: langdetect == 'ar' ? '1.8rem' : 0
22792
+ }
22793
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
22794
+ size: sectionproperties.favBtnIconfontsize
22795
+ }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
22796
+ size: sectionproperties.favBtnIconfontsize
22797
+ })), sectionproperties.cartBtnShow == 'Show' && sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22798
+ "class": 'd-flex align-items-center justify-content-end',
22799
+ style: {
22800
+ marginRight: langdetect == 'en' ? '1.9rem' : 0,
22801
+ marginLeft: langdetect == 'ar' ? '1.9rem' : 0
22802
+ }
22803
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22804
+ "class": "".concat(header_cssstyles.cart_btn) + ' allcentered ',
22805
+ onClick: function onClick() {
22806
+ setsidecartnavshowcontext(true);
22807
+ }
22808
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22809
+ className: "".concat(headerstyles$4.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
22810
+ style: {
22811
+ top: sectionproperties.cartbadgetop + 'px',
22812
+ right: sectionproperties.cartbadgeright + 'px'
22813
+ }
22814
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
22815
+ size: sectionproperties.cartBtn_iconFontSize
22816
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22817
+ size: sectionproperties.cartBtn_iconFontSize
22818
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
22819
+ size: sectionproperties.cartBtn_iconFontSize
22820
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
22821
+ size: sectionproperties.cartBtn_iconFontSize
22822
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
22823
+ size: sectionproperties.cartBtn_iconFontSize
22824
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
22825
+ size: sectionproperties.cartBtn_iconFontSize
22826
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
22785
22827
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22786
22828
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
22787
22829
  "class": ' d-flex justify-content-center align-items-center '
@@ -22836,7 +22878,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22836
22878
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
22837
22879
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22838
22880
  style: {
22839
- maxWidth: '60px'
22881
+ maxWidth: '65px'
22840
22882
  }
22841
22883
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
22842
22884
  onClick: function onClick() {
@@ -22913,14 +22955,90 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22913
22955
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22914
22956
  }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
22915
22957
  "class": "ml-2 mr-2"
22916
- }, lang.logout)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
22958
+ }, lang.logout))))))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22959
+ "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr',
22960
+ style: {
22961
+ marginLeft: langdetect == 'en' ? '1.8rem' : 0,
22962
+ marginRight: langdetect == 'ar' ? '1.8rem' : 0
22963
+ }
22964
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
22965
+ "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
22966
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
22967
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22968
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22969
+ src: egyptflag,
22970
+ style: {
22971
+ maxWidth: '2vh',
22972
+ maxHeight: '2vh'
22973
+ }
22974
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22975
+ style: {
22976
+ height: '15px',
22977
+ width: '1.5px',
22978
+ background: '#e6e6e6'
22979
+ },
22980
+ "class": "ml-2 mr-2"
22981
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
22982
+ "class": "m-0 p-0 font-weight-600"
22983
+ }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
22984
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22985
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22986
+ src: usflag,
22987
+ style: {
22988
+ maxWidth: '2vh',
22989
+ maxHeight: '2vh'
22990
+ }
22991
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22992
+ style: {
22993
+ height: '15px',
22994
+ width: '1.5px',
22995
+ background: '#e6e6e6'
22996
+ },
22997
+ "class": "ml-2 mr-2"
22998
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
22999
+ "class": "m-0 p-0 font-weight-600"
23000
+ }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23001
+ "class": "".concat(header_cssstyles.dropdownitem),
23002
+ onClick: function onClick() {
23003
+ setlang('ar');
23004
+ }
23005
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23006
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
23007
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23008
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
23009
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23010
+ src: egyptflag,
23011
+ style: {
23012
+ maxWidth: '2vh',
23013
+ maxHeight: '2vh'
23014
+ }
23015
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
23016
+ "class": "ml-2 mr-2"
23017
+ }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
23018
+ "class": "".concat(header_cssstyles.dropdownitem),
23019
+ onClick: function onClick() {
23020
+ setlang('en');
23021
+ }
23022
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23023
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
23024
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23025
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
23026
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
23027
+ src: usflag,
23028
+ style: {
23029
+ maxWidth: '2vh',
23030
+ maxHeight: '2vh'
23031
+ }
23032
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
23033
+ "class": "ml-2 mr-2"
23034
+ }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
22917
23035
  "class": ' col-lg-12 p-0 allcentered '
22918
23036
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22919
23037
  "class": header_cssstyles.divider
22920
23038
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22921
23039
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22922
23040
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22923
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
23041
+ "class": sectionproperties.btnsposition == 'Bottom' ? 'col-lg-9 p-0 d-flex justify-content-start align-items-center ' : 'col-lg-12 p-0 d-flex justify-content-start align-items-center '
22924
23042
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22925
23043
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22926
23044
  style: {
@@ -22950,7 +23068,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22950
23068
  paddingRightprops: '35px',
22951
23069
  subheadercontentpositionprops: 'start'
22952
23070
  }
22953
- })), /*#__PURE__*/React__default["default"].createElement("div", {
23071
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
22954
23072
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22955
23073
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22956
23074
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22982,7 +23100,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22982
23100
  top: sectionproperties.cartbadgetop + 'px',
22983
23101
  right: sectionproperties.cartbadgeright + 'px'
22984
23102
  }
22985
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
23103
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : (_fetchcustomercartQue11 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
22986
23104
  size: sectionproperties.cartBtn_iconFontSize
22987
23105
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22988
23106
  size: sectionproperties.cartBtn_iconFontSize
package/dist/index.esm.js CHANGED
@@ -8515,7 +8515,7 @@ var Filter$1 = function Filter(props) {
8515
8515
  }
8516
8516
  }, /*#__PURE__*/React.createElement("div", {
8517
8517
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8518
- }, otherfilters.map(function (item, index) {
8518
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8519
8519
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
8520
8520
  allowMultipleExpanded: true,
8521
8521
  allowZeroExpanded: true,
@@ -22227,7 +22227,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
22227
22227
  function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22228
22228
  function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
22229
22229
  var TwoTieredHeader = function TwoTieredHeader(props) {
22230
- var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
22230
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
22231
22231
  var lang = props.actions.lang;
22232
22232
  var langdetect = props.actions.langdetect;
22233
22233
  var setlang = props.actions.setlang;
@@ -22698,8 +22698,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22698
22698
  }))))), /*#__PURE__*/React.createElement("div", {
22699
22699
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22700
22700
  style: {
22701
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22702
- paddingRight: langdetect == 'ar' ? '3rem' : 0
22701
+ paddingLeft: langdetect == 'en' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0,
22702
+ paddingRight: langdetect == 'ar' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0
22703
22703
  }
22704
22704
  }, /*#__PURE__*/React.createElement("div", {
22705
22705
  "class": "row m-0 w-100 d-flex align-items-center h-100",
@@ -22738,7 +22738,49 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22738
22738
  letterSpacing: '2px'
22739
22739
  },
22740
22740
  "class": ' p-0 m-0 '
22741
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React.createElement("div", {
22741
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React.createElement("div", {
22742
+ "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
22743
+ onClick: function onClick() {
22744
+ routingcountext(StaticPagesLinksContext.Wishlist);
22745
+ },
22746
+ style: {
22747
+ marginRight: langdetect == 'en' ? '1.8rem' : 0,
22748
+ marginLeft: langdetect == 'ar' ? '1.8rem' : 0
22749
+ }
22750
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
22751
+ size: sectionproperties.favBtnIconfontsize
22752
+ }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
22753
+ size: sectionproperties.favBtnIconfontsize
22754
+ })), sectionproperties.cartBtnShow == 'Show' && sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React.createElement("div", {
22755
+ "class": 'd-flex align-items-center justify-content-end',
22756
+ style: {
22757
+ marginRight: langdetect == 'en' ? '1.9rem' : 0,
22758
+ marginLeft: langdetect == 'ar' ? '1.9rem' : 0
22759
+ }
22760
+ }, /*#__PURE__*/React.createElement("div", {
22761
+ "class": "".concat(header_cssstyles.cart_btn) + ' allcentered ',
22762
+ onClick: function onClick() {
22763
+ setsidecartnavshowcontext(true);
22764
+ }
22765
+ }, /*#__PURE__*/React.createElement("div", {
22766
+ className: "".concat(headerstyles$4.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
22767
+ style: {
22768
+ top: sectionproperties.cartbadgetop + 'px',
22769
+ right: sectionproperties.cartbadgeright + 'px'
22770
+ }
22771
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
22772
+ size: sectionproperties.cartBtn_iconFontSize
22773
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
22774
+ size: sectionproperties.cartBtn_iconFontSize
22775
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
22776
+ size: sectionproperties.cartBtn_iconFontSize
22777
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(HiOutlineShoppingBag, {
22778
+ size: sectionproperties.cartBtn_iconFontSize
22779
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
22780
+ size: sectionproperties.cartBtn_iconFontSize
22781
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
22782
+ size: sectionproperties.cartBtn_iconFontSize
22783
+ }))), /*#__PURE__*/React.createElement("div", {
22742
22784
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22743
22785
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
22744
22786
  "class": ' d-flex justify-content-center align-items-center '
@@ -22793,7 +22835,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22793
22835
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React.createElement("p", {
22794
22836
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22795
22837
  style: {
22796
- maxWidth: '60px'
22838
+ maxWidth: '65px'
22797
22839
  }
22798
22840
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
22799
22841
  onClick: function onClick() {
@@ -22870,14 +22912,90 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22870
22912
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22871
22913
  }, /*#__PURE__*/React.createElement(BiLogOutCircle, null), /*#__PURE__*/React.createElement("span", {
22872
22914
  "class": "ml-2 mr-2"
22873
- }, lang.logout)))))))))), /*#__PURE__*/React.createElement("div", {
22915
+ }, lang.logout))))))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React.createElement("div", {
22916
+ "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr',
22917
+ style: {
22918
+ marginLeft: langdetect == 'en' ? '1.8rem' : 0,
22919
+ marginRight: langdetect == 'ar' ? '1.8rem' : 0
22920
+ }
22921
+ }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
22922
+ "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
22923
+ }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
22924
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22925
+ }, /*#__PURE__*/React.createElement("img", {
22926
+ src: egyptflag,
22927
+ style: {
22928
+ maxWidth: '2vh',
22929
+ maxHeight: '2vh'
22930
+ }
22931
+ }), /*#__PURE__*/React.createElement("div", {
22932
+ style: {
22933
+ height: '15px',
22934
+ width: '1.5px',
22935
+ background: '#e6e6e6'
22936
+ },
22937
+ "class": "ml-2 mr-2"
22938
+ }), /*#__PURE__*/React.createElement("p", {
22939
+ "class": "m-0 p-0 font-weight-600"
22940
+ }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
22941
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22942
+ }, /*#__PURE__*/React.createElement("img", {
22943
+ src: usflag,
22944
+ style: {
22945
+ maxWidth: '2vh',
22946
+ maxHeight: '2vh'
22947
+ }
22948
+ }), /*#__PURE__*/React.createElement("div", {
22949
+ style: {
22950
+ height: '15px',
22951
+ width: '1.5px',
22952
+ background: '#e6e6e6'
22953
+ },
22954
+ "class": "ml-2 mr-2"
22955
+ }), /*#__PURE__*/React.createElement("p", {
22956
+ "class": "m-0 p-0 font-weight-600"
22957
+ }, "En")))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
22958
+ "class": "".concat(header_cssstyles.dropdownitem),
22959
+ onClick: function onClick() {
22960
+ setlang('ar');
22961
+ }
22962
+ }, /*#__PURE__*/React.createElement("div", {
22963
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
22964
+ }, /*#__PURE__*/React.createElement("p", {
22965
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22966
+ }, /*#__PURE__*/React.createElement("img", {
22967
+ src: egyptflag,
22968
+ style: {
22969
+ maxWidth: '2vh',
22970
+ maxHeight: '2vh'
22971
+ }
22972
+ }), /*#__PURE__*/React.createElement("span", {
22973
+ "class": "ml-2 mr-2"
22974
+ }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
22975
+ "class": "".concat(header_cssstyles.dropdownitem),
22976
+ onClick: function onClick() {
22977
+ setlang('en');
22978
+ }
22979
+ }, /*#__PURE__*/React.createElement("div", {
22980
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
22981
+ }, /*#__PURE__*/React.createElement("p", {
22982
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22983
+ }, /*#__PURE__*/React.createElement("img", {
22984
+ src: usflag,
22985
+ style: {
22986
+ maxWidth: '2vh',
22987
+ maxHeight: '2vh'
22988
+ }
22989
+ }), /*#__PURE__*/React.createElement("span", {
22990
+ "class": "ml-2 mr-2"
22991
+ }, lang.english)))))))))), /*#__PURE__*/React.createElement("div", {
22874
22992
  "class": ' col-lg-12 p-0 allcentered '
22875
22993
  }, /*#__PURE__*/React.createElement("div", {
22876
22994
  "class": header_cssstyles.divider
22877
22995
  })), /*#__PURE__*/React.createElement("div", {
22878
22996
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22879
22997
  }, /*#__PURE__*/React.createElement("div", {
22880
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
22998
+ "class": sectionproperties.btnsposition == 'Bottom' ? 'col-lg-9 p-0 d-flex justify-content-start align-items-center ' : 'col-lg-12 p-0 d-flex justify-content-start align-items-center '
22881
22999
  }, /*#__PURE__*/React.createElement("div", {
22882
23000
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22883
23001
  style: {
@@ -22907,7 +23025,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22907
23025
  paddingRightprops: '35px',
22908
23026
  subheadercontentpositionprops: 'start'
22909
23027
  }
22910
- })), /*#__PURE__*/React.createElement("div", {
23028
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
22911
23029
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22912
23030
  }, /*#__PURE__*/React.createElement("div", {
22913
23031
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22939,7 +23057,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22939
23057
  top: sectionproperties.cartbadgetop + 'px',
22940
23058
  right: sectionproperties.cartbadgeright + 'px'
22941
23059
  }
22942
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
23060
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : (_fetchcustomercartQue11 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
22943
23061
  size: sectionproperties.cartBtn_iconFontSize
22944
23062
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
22945
23063
  size: sectionproperties.cartBtn_iconFontSize
package/dist/index.umd.js CHANGED
@@ -8426,7 +8426,7 @@
8426
8426
  }
8427
8427
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8428
8428
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8429
- }, otherfilters.map(function (item, index) {
8429
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8430
8430
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8431
8431
  allowMultipleExpanded: true,
8432
8432
  allowZeroExpanded: true,
@@ -22138,7 +22138,7 @@
22138
22138
  function ownKeys$1f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22139
22139
  function _objectSpread$1f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
22140
22140
  var TwoTieredHeader = function TwoTieredHeader(props) {
22141
- var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
22141
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
22142
22142
  var lang = props.actions.lang;
22143
22143
  var langdetect = props.actions.langdetect;
22144
22144
  var setlang = props.actions.setlang;
@@ -22609,8 +22609,8 @@
22609
22609
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22610
22610
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22611
22611
  style: {
22612
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22613
- paddingRight: langdetect == 'ar' ? '3rem' : 0
22612
+ paddingLeft: langdetect == 'en' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0,
22613
+ paddingRight: langdetect == 'ar' ? sectionproperties.btnsposition == 'Top' ? '2rem' : '3rem' : 0
22614
22614
  }
22615
22615
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22616
22616
  "class": "row m-0 w-100 d-flex align-items-center h-100",
@@ -22649,7 +22649,49 @@
22649
22649
  letterSpacing: '2px'
22650
22650
  },
22651
22651
  "class": ' p-0 m-0 '
22652
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), /*#__PURE__*/React__default["default"].createElement("div", {
22652
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.mobile)))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22653
+ "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
22654
+ onClick: function onClick() {
22655
+ routingcountext(StaticPagesLinksContext.Wishlist);
22656
+ },
22657
+ style: {
22658
+ marginRight: langdetect == 'en' ? '1.8rem' : 0,
22659
+ marginLeft: langdetect == 'ar' ? '1.8rem' : 0
22660
+ }
22661
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
22662
+ size: sectionproperties.favBtnIconfontsize
22663
+ }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
22664
+ size: sectionproperties.favBtnIconfontsize
22665
+ })), sectionproperties.cartBtnShow == 'Show' && sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22666
+ "class": 'd-flex align-items-center justify-content-end',
22667
+ style: {
22668
+ marginRight: langdetect == 'en' ? '1.9rem' : 0,
22669
+ marginLeft: langdetect == 'ar' ? '1.9rem' : 0
22670
+ }
22671
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22672
+ "class": "".concat(header_cssstyles.cart_btn) + ' allcentered ',
22673
+ onClick: function onClick() {
22674
+ setsidecartnavshowcontext(true);
22675
+ }
22676
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22677
+ className: "".concat(headerstyles$4.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications) + ' d-flex justify-content-center align-items-center ',
22678
+ style: {
22679
+ top: sectionproperties.cartbadgetop + 'px',
22680
+ right: sectionproperties.cartbadgeright + 'px'
22681
+ }
22682
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
22683
+ size: sectionproperties.cartBtn_iconFontSize
22684
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22685
+ size: sectionproperties.cartBtn_iconFontSize
22686
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
22687
+ size: sectionproperties.cartBtn_iconFontSize
22688
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(HiOutlineShoppingBag.HiOutlineShoppingBag, {
22689
+ size: sectionproperties.cartBtn_iconFontSize
22690
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
22691
+ size: sectionproperties.cartBtn_iconFontSize
22692
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
22693
+ size: sectionproperties.cartBtn_iconFontSize
22694
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
22653
22695
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22654
22696
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
22655
22697
  "class": ' d-flex justify-content-center align-items-center '
@@ -22704,7 +22746,7 @@
22704
22746
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
22705
22747
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22706
22748
  style: {
22707
- maxWidth: '60px'
22749
+ maxWidth: '65px'
22708
22750
  }
22709
22751
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
22710
22752
  onClick: function onClick() {
@@ -22781,14 +22823,90 @@
22781
22823
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22782
22824
  }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
22783
22825
  "class": "ml-2 mr-2"
22784
- }, lang.logout)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
22826
+ }, lang.logout))))))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
22827
+ "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr',
22828
+ style: {
22829
+ marginLeft: langdetect == 'en' ? '1.8rem' : 0,
22830
+ marginRight: langdetect == 'ar' ? '1.8rem' : 0
22831
+ }
22832
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
22833
+ "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
22834
+ }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
22835
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22836
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22837
+ src: egyptflag,
22838
+ style: {
22839
+ maxWidth: '2vh',
22840
+ maxHeight: '2vh'
22841
+ }
22842
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22843
+ style: {
22844
+ height: '15px',
22845
+ width: '1.5px',
22846
+ background: '#e6e6e6'
22847
+ },
22848
+ "class": "ml-2 mr-2"
22849
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
22850
+ "class": "m-0 p-0 font-weight-600"
22851
+ }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
22852
+ "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
22853
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22854
+ src: usflag,
22855
+ style: {
22856
+ maxWidth: '2vh',
22857
+ maxHeight: '2vh'
22858
+ }
22859
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
22860
+ style: {
22861
+ height: '15px',
22862
+ width: '1.5px',
22863
+ background: '#e6e6e6'
22864
+ },
22865
+ "class": "ml-2 mr-2"
22866
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
22867
+ "class": "m-0 p-0 font-weight-600"
22868
+ }, "En")))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
22869
+ "class": "".concat(header_cssstyles.dropdownitem),
22870
+ onClick: function onClick() {
22871
+ setlang('ar');
22872
+ }
22873
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22874
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
22875
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
22876
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22877
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22878
+ src: egyptflag,
22879
+ style: {
22880
+ maxWidth: '2vh',
22881
+ maxHeight: '2vh'
22882
+ }
22883
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
22884
+ "class": "ml-2 mr-2"
22885
+ }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
22886
+ "class": "".concat(header_cssstyles.dropdownitem),
22887
+ onClick: function onClick() {
22888
+ setlang('en');
22889
+ }
22890
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
22891
+ "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
22892
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
22893
+ "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22894
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
22895
+ src: usflag,
22896
+ style: {
22897
+ maxWidth: '2vh',
22898
+ maxHeight: '2vh'
22899
+ }
22900
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
22901
+ "class": "ml-2 mr-2"
22902
+ }, lang.english)))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
22785
22903
  "class": ' col-lg-12 p-0 allcentered '
22786
22904
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22787
22905
  "class": header_cssstyles.divider
22788
22906
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22789
22907
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22790
22908
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22791
- "class": "col-lg-9 p-0 d-flex justify-content-start align-items-center "
22909
+ "class": sectionproperties.btnsposition == 'Bottom' ? 'col-lg-9 p-0 d-flex justify-content-start align-items-center ' : 'col-lg-12 p-0 d-flex justify-content-start align-items-center '
22792
22910
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22793
22911
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22794
22912
  style: {
@@ -22818,7 +22936,7 @@
22818
22936
  paddingRightprops: '35px',
22819
22937
  subheadercontentpositionprops: 'start'
22820
22938
  }
22821
- })), /*#__PURE__*/React__default["default"].createElement("div", {
22939
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
22822
22940
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22823
22941
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22824
22942
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22850,7 +22968,7 @@
22850
22968
  top: sectionproperties.cartbadgetop + 'px',
22851
22969
  right: sectionproperties.cartbadgeright + 'px'
22852
22970
  }
22853
- }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : (_fetchcustomercartQue5 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.cartitems) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
22971
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : (_fetchcustomercartQue11 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.cartitems) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
22854
22972
  size: sectionproperties.cartBtn_iconFontSize
22855
22973
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22856
22974
  size: sectionproperties.cartBtn_iconFontSize
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.141",
3
+ "version": "0.0.142",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {