tabexseriescomponents 0.0.140 → 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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +182 -43
  2. package/dist/index.esm.js +182 -43
  3. package/dist/index.umd.js +182 -43
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2345,6 +2345,10 @@ function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if
2345
2345
  function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2346
2346
  var Productinfo = function Productinfo(props) {
2347
2347
  var _ref, _ref2;
2348
+ var _useState = React.useState(false),
2349
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
2350
+ _useState2[0];
2351
+ var setvariantModalShow = _useState2[1];
2348
2352
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2349
2353
  var lang = props.actions.lang;
2350
2354
  var langdetect = props.actions.langdetect;
@@ -2369,26 +2373,26 @@ var Productinfo = function Productinfo(props) {
2369
2373
  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
2370
2374
  var NotificationManager = props.actions.NotificationManager;
2371
2375
  var productidparam = props.productidparam;
2372
- var _useState = React.useState(''),
2373
- _useState2 = _slicedToArray__default["default"](_useState, 2),
2374
- sectionproperties = _useState2[0],
2375
- setsectionproperties = _useState2[1];
2376
2376
  var _useState3 = React.useState(''),
2377
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
2378
- _useState4[0];
2379
- var setCurrentPageId = _useState4[1];
2377
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
2378
+ sectionproperties = _useState4[0],
2379
+ setsectionproperties = _useState4[1];
2380
2380
  var _useState5 = React.useState(''),
2381
2381
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
2382
2382
  _useState6[0];
2383
- var setRelatedProductsTagid = _useState6[1];
2384
- var _useState7 = React.useState({}),
2385
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
2386
- ProductInfoObj = _useState8[0],
2387
- setProductInfoObj = _useState8[1];
2388
- var _useState9 = React.useState([]),
2383
+ var setCurrentPageId = _useState6[1];
2384
+ var _useState7 = React.useState(''),
2385
+ _useState8 = _slicedToArray__default["default"](_useState7, 2);
2386
+ _useState8[0];
2387
+ var setRelatedProductsTagid = _useState8[1];
2388
+ var _useState9 = React.useState({}),
2389
2389
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
2390
- Relatedproducts = _useState10[0],
2391
- setRelatedproducts = _useState10[1];
2390
+ ProductInfoObj = _useState10[0],
2391
+ setProductInfoObj = _useState10[1];
2392
+ var _useState11 = React.useState([]),
2393
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
2394
+ Relatedproducts = _useState12[0],
2395
+ setRelatedproducts = _useState12[1];
2392
2396
  var _useParams = reactRouter.useParams();
2393
2397
  _useParams.collectionidparams;
2394
2398
  React.useEffect(function () {
@@ -2427,11 +2431,11 @@ var Productinfo = function Productinfo(props) {
2427
2431
  });
2428
2432
  setsectionproperties(_objectSpread$1N({}, secpropobj));
2429
2433
  }, [pageindexcontext]);
2430
- var _useState11 = React.useState([]),
2431
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
2432
- productimagesarray = _useState12[0],
2433
- setproductimagesarray = _useState12[1];
2434
- var _useState13 = React.useState({
2434
+ var _useState13 = React.useState([]),
2435
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
2436
+ productimagesarray = _useState14[0],
2437
+ setproductimagesarray = _useState14[1];
2438
+ var _useState15 = React.useState({
2435
2439
  functype: 'add',
2436
2440
  item_type: 'product',
2437
2441
  productid: '',
@@ -2442,17 +2446,17 @@ var Productinfo = function Productinfo(props) {
2442
2446
  from: '',
2443
2447
  to: ''
2444
2448
  }),
2445
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
2446
- addtocardpayloadobj = _useState14[0],
2447
- setaddtocardpayloadobj = _useState14[1];
2448
- var _useState15 = React.useState(''),
2449
2449
  _useState16 = _slicedToArray__default["default"](_useState15, 2),
2450
- variantindexcompleted = _useState16[0],
2451
- setvariantindexcompleted = _useState16[1];
2452
- var _useState17 = React.useState(false),
2450
+ addtocardpayloadobj = _useState16[0],
2451
+ setaddtocardpayloadobj = _useState16[1];
2452
+ var _useState17 = React.useState(''),
2453
2453
  _useState18 = _slicedToArray__default["default"](_useState17, 2),
2454
- isloaded = _useState18[0],
2455
- setisloaded = _useState18[1];
2454
+ variantindexcompleted = _useState18[0],
2455
+ setvariantindexcompleted = _useState18[1];
2456
+ var _useState19 = React.useState(false),
2457
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
2458
+ isloaded = _useState20[0],
2459
+ setisloaded = _useState20[1];
2456
2460
  React.useEffect(function () {
2457
2461
  if (productidparam == undefined) {
2458
2462
  productidassigner(ProductIdProdutInfoModalContext);
@@ -2662,7 +2666,9 @@ var Productinfo = function Productinfo(props) {
2662
2666
  if (addtocardpayloadobj.variantid.length != 0) {
2663
2667
  runfunc = true;
2664
2668
  } else {
2665
- NotificationManager.warning('', 'Please Choose Product Options');
2669
+ setvariantModalShow(true);
2670
+ // alert('asd');
2671
+ // NotificationManager.warning('', 'Please Choose Product Options');
2666
2672
  }
2667
2673
  } else {
2668
2674
  runfunc = true;
@@ -8552,7 +8558,7 @@ var Filter$1 = function Filter(props) {
8552
8558
  }
8553
8559
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8554
8560
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8555
- }, otherfilters.map(function (item, index) {
8561
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8556
8562
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8557
8563
  allowMultipleExpanded: true,
8558
8564
  allowZeroExpanded: true,
@@ -18870,7 +18876,13 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18870
18876
  fontWeight: sectionproperties.dropdown_fontweight,
18871
18877
  textTransform: sectionproperties.dropdown_texttransform
18872
18878
  }
18873
- }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18879
+ }, sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
18880
+ src: egyptflag$1,
18881
+ style: {
18882
+ maxWidth: '2vh',
18883
+ maxHeight: '2vh'
18884
+ }
18885
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
18874
18886
  "class": 'ml-2 mr-2'
18875
18887
  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18876
18888
  onClick: function onClick() {
@@ -18885,7 +18897,13 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18885
18897
  fontWeight: sectionproperties.dropdown_fontweight,
18886
18898
  textTransform: sectionproperties.dropdown_texttransform
18887
18899
  }
18888
- }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18900
+ }, sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
18901
+ src: usflag$1,
18902
+ style: {
18903
+ maxWidth: '2vh',
18904
+ maxHeight: '2vh'
18905
+ }
18906
+ }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18889
18907
  "class": 'ml-2 mr-2'
18890
18908
  }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
18891
18909
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -22252,7 +22270,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
22252
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; }
22253
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; }
22254
22272
  var TwoTieredHeader = function TwoTieredHeader(props) {
22255
- 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;
22256
22274
  var lang = props.actions.lang;
22257
22275
  var langdetect = props.actions.langdetect;
22258
22276
  var setlang = props.actions.setlang;
@@ -22723,11 +22741,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22723
22741
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22724
22742
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22725
22743
  style: {
22726
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22727
- 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
22728
22746
  }
22729
22747
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22730
- "class": "row m-0 w-100 d-flex align-items-center justify-content-between h-100"
22748
+ "class": "row m-0 w-100 d-flex align-items-center h-100",
22749
+ style: {
22750
+ justifyContent: sectionproperties.showfooterphonenumber == 'Show' ? 'between' : 'end'
22751
+ }
22731
22752
  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
22732
22753
  "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-2' : 'd-flex align-items-center justify-content-end ml-2'
22733
22754
  }, /*#__PURE__*/React__default["default"].createElement("a", {
@@ -22760,7 +22781,49 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22760
22781
  letterSpacing: '2px'
22761
22782
  },
22762
22783
  "class": ' p-0 m-0 '
22763
- }, 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", {
22764
22827
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22765
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", {
22766
22829
  "class": ' d-flex justify-content-center align-items-center '
@@ -22815,7 +22878,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22815
22878
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
22816
22879
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22817
22880
  style: {
22818
- maxWidth: '60px'
22881
+ maxWidth: '65px'
22819
22882
  }
22820
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, {
22821
22884
  onClick: function onClick() {
@@ -22892,14 +22955,90 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22892
22955
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22893
22956
  }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
22894
22957
  "class": "ml-2 mr-2"
22895
- }, 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", {
22896
23035
  "class": ' col-lg-12 p-0 allcentered '
22897
23036
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22898
23037
  "class": header_cssstyles.divider
22899
23038
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22900
23039
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22901
23040
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22902
- "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 '
22903
23042
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22904
23043
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22905
23044
  style: {
@@ -22929,7 +23068,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22929
23068
  paddingRightprops: '35px',
22930
23069
  subheadercontentpositionprops: 'start'
22931
23070
  }
22932
- })), /*#__PURE__*/React__default["default"].createElement("div", {
23071
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
22933
23072
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22934
23073
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22935
23074
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22961,7 +23100,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22961
23100
  top: sectionproperties.cartbadgetop + 'px',
22962
23101
  right: sectionproperties.cartbadgeright + 'px'
22963
23102
  }
22964
- }, (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, {
22965
23104
  size: sectionproperties.cartBtn_iconFontSize
22966
23105
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22967
23106
  size: sectionproperties.cartBtn_iconFontSize
package/dist/index.esm.js CHANGED
@@ -2302,6 +2302,10 @@ function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if
2302
2302
  function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2303
2303
  var Productinfo = function Productinfo(props) {
2304
2304
  var _ref, _ref2;
2305
+ var _useState = useState(false),
2306
+ _useState2 = _slicedToArray(_useState, 2);
2307
+ _useState2[0];
2308
+ var setvariantModalShow = _useState2[1];
2305
2309
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2306
2310
  var lang = props.actions.lang;
2307
2311
  var langdetect = props.actions.langdetect;
@@ -2326,26 +2330,26 @@ var Productinfo = function Productinfo(props) {
2326
2330
  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
2327
2331
  var NotificationManager = props.actions.NotificationManager;
2328
2332
  var productidparam = props.productidparam;
2329
- var _useState = useState(''),
2330
- _useState2 = _slicedToArray(_useState, 2),
2331
- sectionproperties = _useState2[0],
2332
- setsectionproperties = _useState2[1];
2333
2333
  var _useState3 = useState(''),
2334
- _useState4 = _slicedToArray(_useState3, 2);
2335
- _useState4[0];
2336
- var setCurrentPageId = _useState4[1];
2334
+ _useState4 = _slicedToArray(_useState3, 2),
2335
+ sectionproperties = _useState4[0],
2336
+ setsectionproperties = _useState4[1];
2337
2337
  var _useState5 = useState(''),
2338
2338
  _useState6 = _slicedToArray(_useState5, 2);
2339
2339
  _useState6[0];
2340
- var setRelatedProductsTagid = _useState6[1];
2341
- var _useState7 = useState({}),
2342
- _useState8 = _slicedToArray(_useState7, 2),
2343
- ProductInfoObj = _useState8[0],
2344
- setProductInfoObj = _useState8[1];
2345
- var _useState9 = useState([]),
2340
+ var setCurrentPageId = _useState6[1];
2341
+ var _useState7 = useState(''),
2342
+ _useState8 = _slicedToArray(_useState7, 2);
2343
+ _useState8[0];
2344
+ var setRelatedProductsTagid = _useState8[1];
2345
+ var _useState9 = useState({}),
2346
2346
  _useState10 = _slicedToArray(_useState9, 2),
2347
- Relatedproducts = _useState10[0],
2348
- setRelatedproducts = _useState10[1];
2347
+ ProductInfoObj = _useState10[0],
2348
+ setProductInfoObj = _useState10[1];
2349
+ var _useState11 = useState([]),
2350
+ _useState12 = _slicedToArray(_useState11, 2),
2351
+ Relatedproducts = _useState12[0],
2352
+ setRelatedproducts = _useState12[1];
2349
2353
  var _useParams = useParams();
2350
2354
  _useParams.collectionidparams;
2351
2355
  useEffect(function () {
@@ -2384,11 +2388,11 @@ var Productinfo = function Productinfo(props) {
2384
2388
  });
2385
2389
  setsectionproperties(_objectSpread$1N({}, secpropobj));
2386
2390
  }, [pageindexcontext]);
2387
- var _useState11 = useState([]),
2388
- _useState12 = _slicedToArray(_useState11, 2),
2389
- productimagesarray = _useState12[0],
2390
- setproductimagesarray = _useState12[1];
2391
- var _useState13 = useState({
2391
+ var _useState13 = useState([]),
2392
+ _useState14 = _slicedToArray(_useState13, 2),
2393
+ productimagesarray = _useState14[0],
2394
+ setproductimagesarray = _useState14[1];
2395
+ var _useState15 = useState({
2392
2396
  functype: 'add',
2393
2397
  item_type: 'product',
2394
2398
  productid: '',
@@ -2399,17 +2403,17 @@ var Productinfo = function Productinfo(props) {
2399
2403
  from: '',
2400
2404
  to: ''
2401
2405
  }),
2402
- _useState14 = _slicedToArray(_useState13, 2),
2403
- addtocardpayloadobj = _useState14[0],
2404
- setaddtocardpayloadobj = _useState14[1];
2405
- var _useState15 = useState(''),
2406
2406
  _useState16 = _slicedToArray(_useState15, 2),
2407
- variantindexcompleted = _useState16[0],
2408
- setvariantindexcompleted = _useState16[1];
2409
- var _useState17 = useState(false),
2407
+ addtocardpayloadobj = _useState16[0],
2408
+ setaddtocardpayloadobj = _useState16[1];
2409
+ var _useState17 = useState(''),
2410
2410
  _useState18 = _slicedToArray(_useState17, 2),
2411
- isloaded = _useState18[0],
2412
- setisloaded = _useState18[1];
2411
+ variantindexcompleted = _useState18[0],
2412
+ setvariantindexcompleted = _useState18[1];
2413
+ var _useState19 = useState(false),
2414
+ _useState20 = _slicedToArray(_useState19, 2),
2415
+ isloaded = _useState20[0],
2416
+ setisloaded = _useState20[1];
2413
2417
  useEffect(function () {
2414
2418
  if (productidparam == undefined) {
2415
2419
  productidassigner(ProductIdProdutInfoModalContext);
@@ -2619,7 +2623,9 @@ var Productinfo = function Productinfo(props) {
2619
2623
  if (addtocardpayloadobj.variantid.length != 0) {
2620
2624
  runfunc = true;
2621
2625
  } else {
2622
- NotificationManager.warning('', 'Please Choose Product Options');
2626
+ setvariantModalShow(true);
2627
+ // alert('asd');
2628
+ // NotificationManager.warning('', 'Please Choose Product Options');
2623
2629
  }
2624
2630
  } else {
2625
2631
  runfunc = true;
@@ -8509,7 +8515,7 @@ var Filter$1 = function Filter(props) {
8509
8515
  }
8510
8516
  }, /*#__PURE__*/React.createElement("div", {
8511
8517
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8512
- }, otherfilters.map(function (item, index) {
8518
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8513
8519
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Accordion, {
8514
8520
  allowMultipleExpanded: true,
8515
8521
  allowZeroExpanded: true,
@@ -18827,7 +18833,13 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18827
18833
  fontWeight: sectionproperties.dropdown_fontweight,
18828
18834
  textTransform: sectionproperties.dropdown_texttransform
18829
18835
  }
18830
- }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
18836
+ }, sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React.createElement(BiGlobe, null), sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React.createElement("img", {
18837
+ src: egyptflag$1,
18838
+ style: {
18839
+ maxWidth: '2vh',
18840
+ maxHeight: '2vh'
18841
+ }
18842
+ }), /*#__PURE__*/React.createElement("span", {
18831
18843
  "class": 'ml-2 mr-2'
18832
18844
  }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
18833
18845
  onClick: function onClick() {
@@ -18842,7 +18854,13 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18842
18854
  fontWeight: sectionproperties.dropdown_fontweight,
18843
18855
  textTransform: sectionproperties.dropdown_texttransform
18844
18856
  }
18845
- }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
18857
+ }, sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React.createElement("img", {
18858
+ src: usflag$1,
18859
+ style: {
18860
+ maxWidth: '2vh',
18861
+ maxHeight: '2vh'
18862
+ }
18863
+ }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
18846
18864
  "class": 'ml-2 mr-2'
18847
18865
  }, lang.english))))))), /*#__PURE__*/React.createElement("div", {
18848
18866
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -22209,7 +22227,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
22209
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; }
22210
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; }
22211
22229
  var TwoTieredHeader = function TwoTieredHeader(props) {
22212
- 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;
22213
22231
  var lang = props.actions.lang;
22214
22232
  var langdetect = props.actions.langdetect;
22215
22233
  var setlang = props.actions.setlang;
@@ -22680,11 +22698,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22680
22698
  }))))), /*#__PURE__*/React.createElement("div", {
22681
22699
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22682
22700
  style: {
22683
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22684
- 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
22685
22703
  }
22686
22704
  }, /*#__PURE__*/React.createElement("div", {
22687
- "class": "row m-0 w-100 d-flex align-items-center justify-content-between h-100"
22705
+ "class": "row m-0 w-100 d-flex align-items-center h-100",
22706
+ style: {
22707
+ justifyContent: sectionproperties.showfooterphonenumber == 'Show' ? 'between' : 'end'
22708
+ }
22688
22709
  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
22689
22710
  "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-2' : 'd-flex align-items-center justify-content-end ml-2'
22690
22711
  }, /*#__PURE__*/React.createElement("a", {
@@ -22717,7 +22738,49 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22717
22738
  letterSpacing: '2px'
22718
22739
  },
22719
22740
  "class": ' p-0 m-0 '
22720
- }, 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", {
22721
22784
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22722
22785
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
22723
22786
  "class": ' d-flex justify-content-center align-items-center '
@@ -22772,7 +22835,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22772
22835
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React.createElement("p", {
22773
22836
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22774
22837
  style: {
22775
- maxWidth: '60px'
22838
+ maxWidth: '65px'
22776
22839
  }
22777
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, {
22778
22841
  onClick: function onClick() {
@@ -22849,14 +22912,90 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22849
22912
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22850
22913
  }, /*#__PURE__*/React.createElement(BiLogOutCircle, null), /*#__PURE__*/React.createElement("span", {
22851
22914
  "class": "ml-2 mr-2"
22852
- }, 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", {
22853
22992
  "class": ' col-lg-12 p-0 allcentered '
22854
22993
  }, /*#__PURE__*/React.createElement("div", {
22855
22994
  "class": header_cssstyles.divider
22856
22995
  })), /*#__PURE__*/React.createElement("div", {
22857
22996
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22858
22997
  }, /*#__PURE__*/React.createElement("div", {
22859
- "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 '
22860
22999
  }, /*#__PURE__*/React.createElement("div", {
22861
23000
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22862
23001
  style: {
@@ -22886,7 +23025,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22886
23025
  paddingRightprops: '35px',
22887
23026
  subheadercontentpositionprops: 'start'
22888
23027
  }
22889
- })), /*#__PURE__*/React.createElement("div", {
23028
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React.createElement("div", {
22890
23029
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22891
23030
  }, /*#__PURE__*/React.createElement("div", {
22892
23031
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22918,7 +23057,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
22918
23057
  top: sectionproperties.cartbadgetop + 'px',
22919
23058
  right: sectionproperties.cartbadgeright + 'px'
22920
23059
  }
22921
- }, (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, {
22922
23061
  size: sectionproperties.cartBtn_iconFontSize
22923
23062
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
22924
23063
  size: sectionproperties.cartBtn_iconFontSize
package/dist/index.umd.js CHANGED
@@ -2213,6 +2213,10 @@
2213
2213
  function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2214
2214
  var Productinfo = function Productinfo(props) {
2215
2215
  var _ref, _ref2;
2216
+ var _useState = React.useState(false),
2217
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
2218
+ _useState2[0];
2219
+ var setvariantModalShow = _useState2[1];
2216
2220
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2217
2221
  var lang = props.actions.lang;
2218
2222
  var langdetect = props.actions.langdetect;
@@ -2237,26 +2241,26 @@
2237
2241
  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
2238
2242
  var NotificationManager = props.actions.NotificationManager;
2239
2243
  var productidparam = props.productidparam;
2240
- var _useState = React.useState(''),
2241
- _useState2 = _slicedToArray__default["default"](_useState, 2),
2242
- sectionproperties = _useState2[0],
2243
- setsectionproperties = _useState2[1];
2244
2244
  var _useState3 = React.useState(''),
2245
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
2246
- _useState4[0];
2247
- var setCurrentPageId = _useState4[1];
2245
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
2246
+ sectionproperties = _useState4[0],
2247
+ setsectionproperties = _useState4[1];
2248
2248
  var _useState5 = React.useState(''),
2249
2249
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
2250
2250
  _useState6[0];
2251
- var setRelatedProductsTagid = _useState6[1];
2252
- var _useState7 = React.useState({}),
2253
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
2254
- ProductInfoObj = _useState8[0],
2255
- setProductInfoObj = _useState8[1];
2256
- var _useState9 = React.useState([]),
2251
+ var setCurrentPageId = _useState6[1];
2252
+ var _useState7 = React.useState(''),
2253
+ _useState8 = _slicedToArray__default["default"](_useState7, 2);
2254
+ _useState8[0];
2255
+ var setRelatedProductsTagid = _useState8[1];
2256
+ var _useState9 = React.useState({}),
2257
2257
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
2258
- Relatedproducts = _useState10[0],
2259
- setRelatedproducts = _useState10[1];
2258
+ ProductInfoObj = _useState10[0],
2259
+ setProductInfoObj = _useState10[1];
2260
+ var _useState11 = React.useState([]),
2261
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
2262
+ Relatedproducts = _useState12[0],
2263
+ setRelatedproducts = _useState12[1];
2260
2264
  var _useParams = reactRouter.useParams();
2261
2265
  _useParams.collectionidparams;
2262
2266
  React.useEffect(function () {
@@ -2295,11 +2299,11 @@
2295
2299
  });
2296
2300
  setsectionproperties(_objectSpread$1N({}, secpropobj));
2297
2301
  }, [pageindexcontext]);
2298
- var _useState11 = React.useState([]),
2299
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
2300
- productimagesarray = _useState12[0],
2301
- setproductimagesarray = _useState12[1];
2302
- var _useState13 = React.useState({
2302
+ var _useState13 = React.useState([]),
2303
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
2304
+ productimagesarray = _useState14[0],
2305
+ setproductimagesarray = _useState14[1];
2306
+ var _useState15 = React.useState({
2303
2307
  functype: 'add',
2304
2308
  item_type: 'product',
2305
2309
  productid: '',
@@ -2310,17 +2314,17 @@
2310
2314
  from: '',
2311
2315
  to: ''
2312
2316
  }),
2313
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
2314
- addtocardpayloadobj = _useState14[0],
2315
- setaddtocardpayloadobj = _useState14[1];
2316
- var _useState15 = React.useState(''),
2317
2317
  _useState16 = _slicedToArray__default["default"](_useState15, 2),
2318
- variantindexcompleted = _useState16[0],
2319
- setvariantindexcompleted = _useState16[1];
2320
- var _useState17 = React.useState(false),
2318
+ addtocardpayloadobj = _useState16[0],
2319
+ setaddtocardpayloadobj = _useState16[1];
2320
+ var _useState17 = React.useState(''),
2321
2321
  _useState18 = _slicedToArray__default["default"](_useState17, 2),
2322
- isloaded = _useState18[0],
2323
- setisloaded = _useState18[1];
2322
+ variantindexcompleted = _useState18[0],
2323
+ setvariantindexcompleted = _useState18[1];
2324
+ var _useState19 = React.useState(false),
2325
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
2326
+ isloaded = _useState20[0],
2327
+ setisloaded = _useState20[1];
2324
2328
  React.useEffect(function () {
2325
2329
  if (productidparam == undefined) {
2326
2330
  productidassigner(ProductIdProdutInfoModalContext);
@@ -2530,7 +2534,9 @@
2530
2534
  if (addtocardpayloadobj.variantid.length != 0) {
2531
2535
  runfunc = true;
2532
2536
  } else {
2533
- NotificationManager.warning('', 'Please Choose Product Options');
2537
+ setvariantModalShow(true);
2538
+ // alert('asd');
2539
+ // NotificationManager.warning('', 'Please Choose Product Options');
2534
2540
  }
2535
2541
  } else {
2536
2542
  runfunc = true;
@@ -8420,7 +8426,7 @@
8420
8426
  }
8421
8427
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8422
8428
  className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
8423
- }, otherfilters.map(function (item, index) {
8429
+ }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8424
8430
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8425
8431
  allowMultipleExpanded: true,
8426
8432
  allowZeroExpanded: true,
@@ -18738,7 +18744,13 @@
18738
18744
  fontWeight: sectionproperties.dropdown_fontweight,
18739
18745
  textTransform: sectionproperties.dropdown_texttransform
18740
18746
  }
18741
- }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18747
+ }, sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
18748
+ src: egyptflag$1,
18749
+ style: {
18750
+ maxWidth: '2vh',
18751
+ maxHeight: '2vh'
18752
+ }
18753
+ }), /*#__PURE__*/React__default["default"].createElement("span", {
18742
18754
  "class": 'ml-2 mr-2'
18743
18755
  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18744
18756
  onClick: function onClick() {
@@ -18753,7 +18765,13 @@
18753
18765
  fontWeight: sectionproperties.dropdown_fontweight,
18754
18766
  textTransform: sectionproperties.dropdown_texttransform
18755
18767
  }
18756
- }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18768
+ }, sectionproperties.flagIcon == 'Flag' && /*#__PURE__*/React__default["default"].createElement("img", {
18769
+ src: usflag$1,
18770
+ style: {
18771
+ maxWidth: '2vh',
18772
+ maxHeight: '2vh'
18773
+ }
18774
+ }), sectionproperties.flagIcon == 'Icon' && /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18757
18775
  "class": 'ml-2 mr-2'
18758
18776
  }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
18759
18777
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -22120,7 +22138,7 @@
22120
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; }
22121
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; }
22122
22140
  var TwoTieredHeader = function TwoTieredHeader(props) {
22123
- 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;
22124
22142
  var lang = props.actions.lang;
22125
22143
  var langdetect = props.actions.langdetect;
22126
22144
  var setlang = props.actions.setlang;
@@ -22591,11 +22609,14 @@
22591
22609
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
22592
22610
  "class": "col-xl-3 col-lg-4 plr-1025-1",
22593
22611
  style: {
22594
- paddingLeft: langdetect == 'en' ? '3rem' : 0,
22595
- 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
22596
22614
  }
22597
22615
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22598
- "class": "row m-0 w-100 d-flex align-items-center justify-content-between h-100"
22616
+ "class": "row m-0 w-100 d-flex align-items-center h-100",
22617
+ style: {
22618
+ justifyContent: sectionproperties.showfooterphonenumber == 'Show' ? 'between' : 'end'
22619
+ }
22599
22620
  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
22600
22621
  "class": langdetect == 'en' ? 'd-flex align-items-center justify-content-end mr-2' : 'd-flex align-items-center justify-content-end ml-2'
22601
22622
  }, /*#__PURE__*/React__default["default"].createElement("a", {
@@ -22628,7 +22649,49 @@
22628
22649
  letterSpacing: '2px'
22629
22650
  },
22630
22651
  "class": ' p-0 m-0 '
22631
- }, 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", {
22632
22695
  "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100'
22633
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", {
22634
22697
  "class": ' d-flex justify-content-center align-items-center '
@@ -22683,7 +22746,7 @@
22683
22746
  }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
22684
22747
  "class": header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow ',
22685
22748
  style: {
22686
- maxWidth: '60px'
22749
+ maxWidth: '65px'
22687
22750
  }
22688
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, {
22689
22752
  onClick: function onClick() {
@@ -22760,14 +22823,90 @@
22760
22823
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
22761
22824
  }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
22762
22825
  "class": "ml-2 mr-2"
22763
- }, 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", {
22764
22903
  "class": ' col-lg-12 p-0 allcentered '
22765
22904
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22766
22905
  "class": header_cssstyles.divider
22767
22906
  })), /*#__PURE__*/React__default["default"].createElement("div", {
22768
22907
  "class": header_cssstyles.lowerheaderSection + ' row m-0 w-100 plr-1025-1 '
22769
22908
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22770
- "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 '
22771
22910
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22772
22911
  "class": "scrollhorizontal w-100 align-items-center justify-content-start",
22773
22912
  style: {
@@ -22797,7 +22936,7 @@
22797
22936
  paddingRightprops: '35px',
22798
22937
  subheadercontentpositionprops: 'start'
22799
22938
  }
22800
- })), /*#__PURE__*/React__default["default"].createElement("div", {
22939
+ })), sectionproperties.btnsposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
22801
22940
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
22802
22941
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22803
22942
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
@@ -22829,7 +22968,7 @@
22829
22968
  top: sectionproperties.cartbadgetop + 'px',
22830
22969
  right: sectionproperties.cartbadgeright + 'px'
22831
22970
  }
22832
- }, (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, {
22833
22972
  size: sectionproperties.cartBtn_iconFontSize
22834
22973
  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
22835
22974
  size: sectionproperties.cartBtn_iconFontSize
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.140",
3
+ "version": "0.0.142",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {