tabexseriescomponents 0.0.131 → 0.0.133

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
@@ -99,6 +99,7 @@ var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
99
99
  var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
100
100
  var IoClose = require('@react-icons/all-files/io5/IoClose');
101
101
  var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
102
+ var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
102
103
  var FaPhoneAlt = require('@react-icons/all-files/fa/FaPhoneAlt');
103
104
  var FaPhone = require('@react-icons/all-files/fa/FaPhone');
104
105
  var GoLocation = require('@react-icons/all-files/go/GoLocation');
@@ -9133,7 +9134,7 @@ var CardsSection = function CardsSection(props) {
9133
9134
  itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
9134
9135
  // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
9135
9136
  // ? 'scrollmenuclassnameitemClassiccategorycard'
9136
- item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : '',
9137
+ item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : '',
9137
9138
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
9138
9139
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
9139
9140
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11444,7 +11445,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
11444
11445
  "class": header_cssstyles.upperheadertext + ' ml-1 mr-1 storeinfotext ',
11445
11446
  size: sectionproperties.footerinfotext_fontsize
11446
11447
  }), /*#__PURE__*/React__default["default"].createElement("span", {
11447
- "class": header_cssstyles.upperheadertext + ' storeinfotext '
11448
+ "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
11448
11449
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React__default["default"].createElement("div", {
11449
11450
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
11450
11451
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16483,7 +16484,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16483
16484
  maxHeight: '100%'
16484
16485
  }
16485
16486
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
16486
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start h-100"
16487
+ "class": "col-lg-8 p-0 d-flex align-items-center justify-content-start h-100"
16487
16488
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16488
16489
  "class": "scrollhorizontal w-100 align-items-center justify-content-start h-100",
16489
16490
  style: {
@@ -16519,39 +16520,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16519
16520
  subheadercontentpositionprops: 'start'
16520
16521
  }
16521
16522
  })), /*#__PURE__*/React__default["default"].createElement("div", {
16522
- "class": "col-lg-3 d-flex align-items-center justify-content-end"
16523
- }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16524
- "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
16523
+ "class": "col-lg-2 d-flex align-items-center justify-content-end"
16525
16524
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16526
- "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
16527
- }, /*#__PURE__*/React__default["default"].createElement("div", {
16528
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16529
- }, /*#__PURE__*/React__default["default"].createElement("input", {
16530
- "class": "".concat(headerstyles$8.searchbar, " ").concat(header_cssstyles.searchbarcont_input),
16531
- placeholder: langdetect == 'en' ? "What're we looking for?" : 'البحث...',
16532
- onChange: function onChange(event) {
16533
- setSearchHeaderInputContext(event.target.value);
16534
- },
16535
- style: {
16536
- right: langdetect == 'en' ? 0 : '',
16537
- left: langdetect == 'en' ? '' : 0
16538
- }
16539
- }), /*#__PURE__*/React__default["default"].createElement("div", {
16540
- "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
16541
- }, /*#__PURE__*/React__default["default"].createElement("i", {
16542
- "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
16543
- }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
16544
- size: sectionproperties.searchbarcontfontsize,
16545
- style: {
16546
- transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
16547
- }
16548
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
16549
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16550
- }, /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
16551
- sectionpropertiesprops: sectionproperties,
16552
- srcfromprops: 'header-300',
16553
- actions: actions
16554
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
16555
16525
  "class": "headerdropdownml ml-3 mr-3"
16556
16526
  }, /*#__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", {
16557
16527
  "class": ' d-flex justify-content-center align-items-center '
@@ -18418,7 +18388,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18418
18388
  }),
18419
18389
  searchbar_icon_cont: glamor.css({
18420
18390
  width: sectionproperties.search_btn_width + 'px',
18421
- height: sectionproperties.search_btn_height + 'px',
18391
+ height: sectionproperties.searchbarcont_height + 'px',
18422
18392
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
18423
18393
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
18424
18394
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18547,15 +18517,15 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18547
18517
  fontSize: sectionproperties.badge_fontsize + 'px'
18548
18518
  }),
18549
18519
  categorybtn: glamor.css({
18550
- background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
18551
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
18552
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
18553
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
18554
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
18555
18520
  borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18556
18521
  borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18557
18522
  transition: '.3s',
18558
- height: sectionproperties.searchbarcont_height + 'px',
18523
+ height: '100%',
18524
+ backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18525
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18526
+ borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18527
+ borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18528
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
18559
18529
  cursor: 'pointer',
18560
18530
  ':hover': {
18561
18531
  background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18605,7 +18575,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18605
18575
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18606
18576
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
18607
18577
  }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18608
- "class": "col-lg-12 d-flex align-items-center plr-1025-0",
18578
+ "class": "col-lg-12 d-flex align-items-center plr-1025-1",
18609
18579
  style: {
18610
18580
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
18611
18581
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18675,13 +18645,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18675
18645
  fontWeight: sectionproperties.dropdown_fontweight,
18676
18646
  textTransform: sectionproperties.dropdown_texttransform
18677
18647
  }
18678
- }, /*#__PURE__*/React__default["default"].createElement("img", {
18679
- src: egyptflag$1,
18680
- style: {
18681
- maxWidth: '2vh',
18682
- maxHeight: '2vh'
18683
- }
18684
- }), /*#__PURE__*/React__default["default"].createElement("span", {
18648
+ }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18685
18649
  "class": 'ml-2 mr-2'
18686
18650
  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18687
18651
  onClick: function onClick() {
@@ -18696,13 +18660,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18696
18660
  fontWeight: sectionproperties.dropdown_fontweight,
18697
18661
  textTransform: sectionproperties.dropdown_texttransform
18698
18662
  }
18699
- }, /*#__PURE__*/React__default["default"].createElement("img", {
18700
- src: usflag$1,
18701
- style: {
18702
- maxWidth: '2vh',
18703
- maxHeight: '2vh'
18704
- }
18705
- }), /*#__PURE__*/React__default["default"].createElement("span", {
18663
+ }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18706
18664
  "class": 'ml-2 mr-2'
18707
18665
  }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
18708
18666
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18838,7 +18796,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18838
18796
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18839
18797
  "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
18840
18798
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18841
- "class": "col-lg-3 d-flex align-items-center justify-content-start"
18799
+ "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
18842
18800
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18843
18801
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
18844
18802
  onClick: function onClick() {
@@ -18854,13 +18812,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18854
18812
  objectFit: 'contain'
18855
18813
  }
18856
18814
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
18857
- "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18815
+ "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18858
18816
  style: {
18859
18817
  width: '100%',
18860
- height: sectionproperties.searchbarcont_height + 'px'
18818
+ height: sectionproperties.searchbarcont_height + 'px',
18819
+ border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18820
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18821
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18822
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18823
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18861
18824
  }
18862
18825
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18863
- "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
18826
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
18864
18827
  onClick: function onClick() {
18865
18828
  setdropdownselect(!dropdownselect);
18866
18829
  }
@@ -18903,17 +18866,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18903
18866
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
18904
18867
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
18905
18868
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
18906
- "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
18869
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
18907
18870
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18908
18871
  "class": ' row m-0 w-100 h-100 ',
18909
18872
  style: {
18910
18873
  position: 'relative',
18911
18874
  backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18912
- border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18913
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18914
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18915
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18916
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18875
+ borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18876
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18877
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18878
+ borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
18917
18879
  }
18918
18880
  }, /*#__PURE__*/React__default["default"].createElement("input", {
18919
18881
  type: "text",
@@ -18925,16 +18887,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18925
18887
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18926
18888
  "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
18927
18889
  style: {
18928
- marginTop: -1.5,
18929
18890
  marginRight: langdetect == 'en' ? '-0.25rem' : 0,
18930
- marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
18891
+ marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
18892
+ marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
18931
18893
  }
18932
18894
  }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
18933
18895
  sectionpropertiesprops: sectionproperties,
18934
18896
  srcfromprops: 'headerfullwidth',
18935
18897
  actions: actions
18936
18898
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
18937
- "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
18899
+ "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
18938
18900
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18939
18901
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
18940
18902
  onClick: function onClick() {
package/dist/index.esm.js CHANGED
@@ -97,6 +97,7 @@ import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
97
97
  import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
98
98
  import { IoClose } from '@react-icons/all-files/io5/IoClose';
99
99
  import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
100
+ import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
100
101
  import { FaPhoneAlt } from '@react-icons/all-files/fa/FaPhoneAlt';
101
102
  import { FaPhone } from '@react-icons/all-files/fa/FaPhone';
102
103
  import { GoLocation } from '@react-icons/all-files/go/GoLocation';
@@ -9090,7 +9091,7 @@ var CardsSection = function CardsSection(props) {
9090
9091
  itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
9091
9092
  // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
9092
9093
  // ? 'scrollmenuclassnameitemClassiccategorycard'
9093
- item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : '',
9094
+ item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : '',
9094
9095
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
9095
9096
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
9096
9097
  return /*#__PURE__*/React.createElement("div", {
@@ -11401,7 +11402,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
11401
11402
  "class": header_cssstyles.upperheadertext + ' ml-1 mr-1 storeinfotext ',
11402
11403
  size: sectionproperties.footerinfotext_fontsize
11403
11404
  }), /*#__PURE__*/React.createElement("span", {
11404
- "class": header_cssstyles.upperheadertext + ' storeinfotext '
11405
+ "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
11405
11406
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React.createElement("div", {
11406
11407
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
11407
11408
  }, /*#__PURE__*/React.createElement("div", {
@@ -16440,7 +16441,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16440
16441
  maxHeight: '100%'
16441
16442
  }
16442
16443
  }))), /*#__PURE__*/React.createElement("div", {
16443
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start h-100"
16444
+ "class": "col-lg-8 p-0 d-flex align-items-center justify-content-start h-100"
16444
16445
  }, /*#__PURE__*/React.createElement("div", {
16445
16446
  "class": "scrollhorizontal w-100 align-items-center justify-content-start h-100",
16446
16447
  style: {
@@ -16476,39 +16477,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
16476
16477
  subheadercontentpositionprops: 'start'
16477
16478
  }
16478
16479
  })), /*#__PURE__*/React.createElement("div", {
16479
- "class": "col-lg-3 d-flex align-items-center justify-content-end"
16480
- }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
16481
- "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
16480
+ "class": "col-lg-2 d-flex align-items-center justify-content-end"
16482
16481
  }, /*#__PURE__*/React.createElement("div", {
16483
- "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
16484
- }, /*#__PURE__*/React.createElement("div", {
16485
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16486
- }, /*#__PURE__*/React.createElement("input", {
16487
- "class": "".concat(headerstyles$8.searchbar, " ").concat(header_cssstyles.searchbarcont_input),
16488
- placeholder: langdetect == 'en' ? "What're we looking for?" : 'البحث...',
16489
- onChange: function onChange(event) {
16490
- setSearchHeaderInputContext(event.target.value);
16491
- },
16492
- style: {
16493
- right: langdetect == 'en' ? 0 : '',
16494
- left: langdetect == 'en' ? '' : 0
16495
- }
16496
- }), /*#__PURE__*/React.createElement("div", {
16497
- "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
16498
- }, /*#__PURE__*/React.createElement("i", {
16499
- "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
16500
- }, /*#__PURE__*/React.createElement(BiSearch, {
16501
- size: sectionproperties.searchbarcontfontsize,
16502
- style: {
16503
- transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
16504
- }
16505
- })))), /*#__PURE__*/React.createElement("div", {
16506
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16507
- }, /*#__PURE__*/React.createElement(Searchlist$1, {
16508
- sectionpropertiesprops: sectionproperties,
16509
- srcfromprops: 'header-300',
16510
- actions: actions
16511
- })))), /*#__PURE__*/React.createElement("div", {
16512
16482
  "class": "headerdropdownml ml-3 mr-3"
16513
16483
  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
16514
16484
  "class": ' d-flex justify-content-center align-items-center '
@@ -18375,7 +18345,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18375
18345
  }),
18376
18346
  searchbar_icon_cont: css({
18377
18347
  width: sectionproperties.search_btn_width + 'px',
18378
- height: sectionproperties.search_btn_height + 'px',
18348
+ height: sectionproperties.searchbarcont_height + 'px',
18379
18349
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
18380
18350
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
18381
18351
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18504,15 +18474,15 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18504
18474
  fontSize: sectionproperties.badge_fontsize + 'px'
18505
18475
  }),
18506
18476
  categorybtn: css({
18507
- background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
18508
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
18509
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
18510
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
18511
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
18512
18477
  borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18513
18478
  borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18514
18479
  transition: '.3s',
18515
- height: sectionproperties.searchbarcont_height + 'px',
18480
+ height: '100%',
18481
+ backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18482
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18483
+ borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18484
+ borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18485
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
18516
18486
  cursor: 'pointer',
18517
18487
  ':hover': {
18518
18488
  background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18562,7 +18532,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18562
18532
  }, /*#__PURE__*/React.createElement("div", {
18563
18533
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
18564
18534
  }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
18565
- "class": "col-lg-12 d-flex align-items-center plr-1025-0",
18535
+ "class": "col-lg-12 d-flex align-items-center plr-1025-1",
18566
18536
  style: {
18567
18537
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
18568
18538
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18632,13 +18602,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18632
18602
  fontWeight: sectionproperties.dropdown_fontweight,
18633
18603
  textTransform: sectionproperties.dropdown_texttransform
18634
18604
  }
18635
- }, /*#__PURE__*/React.createElement("img", {
18636
- src: egyptflag$1,
18637
- style: {
18638
- maxWidth: '2vh',
18639
- maxHeight: '2vh'
18640
- }
18641
- }), /*#__PURE__*/React.createElement("span", {
18605
+ }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
18642
18606
  "class": 'ml-2 mr-2'
18643
18607
  }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
18644
18608
  onClick: function onClick() {
@@ -18653,13 +18617,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18653
18617
  fontWeight: sectionproperties.dropdown_fontweight,
18654
18618
  textTransform: sectionproperties.dropdown_texttransform
18655
18619
  }
18656
- }, /*#__PURE__*/React.createElement("img", {
18657
- src: usflag$1,
18658
- style: {
18659
- maxWidth: '2vh',
18660
- maxHeight: '2vh'
18661
- }
18662
- }), /*#__PURE__*/React.createElement("span", {
18620
+ }, /*#__PURE__*/React.createElement(BiGlobe, null), /*#__PURE__*/React.createElement("span", {
18663
18621
  "class": 'ml-2 mr-2'
18664
18622
  }, lang.english))))))), /*#__PURE__*/React.createElement("div", {
18665
18623
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18795,7 +18753,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18795
18753
  }, /*#__PURE__*/React.createElement("div", {
18796
18754
  "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
18797
18755
  }, /*#__PURE__*/React.createElement("div", {
18798
- "class": "col-lg-3 d-flex align-items-center justify-content-start"
18756
+ "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
18799
18757
  }, /*#__PURE__*/React.createElement("div", {
18800
18758
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
18801
18759
  onClick: function onClick() {
@@ -18811,13 +18769,18 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18811
18769
  objectFit: 'contain'
18812
18770
  }
18813
18771
  }))), /*#__PURE__*/React.createElement("div", {
18814
- "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18772
+ "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18815
18773
  style: {
18816
18774
  width: '100%',
18817
- height: sectionproperties.searchbarcont_height + 'px'
18775
+ height: sectionproperties.searchbarcont_height + 'px',
18776
+ border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18777
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18778
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18779
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18780
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18818
18781
  }
18819
18782
  }, /*#__PURE__*/React.createElement("div", {
18820
- "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
18783
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
18821
18784
  onClick: function onClick() {
18822
18785
  setdropdownselect(!dropdownselect);
18823
18786
  }
@@ -18860,17 +18823,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18860
18823
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
18861
18824
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React.createElement(Dropdown.Divider, null));
18862
18825
  }))))), /*#__PURE__*/React.createElement("div", {
18863
- "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
18826
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
18864
18827
  }, /*#__PURE__*/React.createElement("div", {
18865
18828
  "class": ' row m-0 w-100 h-100 ',
18866
18829
  style: {
18867
18830
  position: 'relative',
18868
18831
  backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18869
- border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18870
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18871
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18872
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18873
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18832
+ borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18833
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18834
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18835
+ borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
18874
18836
  }
18875
18837
  }, /*#__PURE__*/React.createElement("input", {
18876
18838
  type: "text",
@@ -18882,16 +18844,16 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
18882
18844
  }), /*#__PURE__*/React.createElement("div", {
18883
18845
  "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
18884
18846
  style: {
18885
- marginTop: -1.5,
18886
18847
  marginRight: langdetect == 'en' ? '-0.25rem' : 0,
18887
- marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
18848
+ marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
18849
+ marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
18888
18850
  }
18889
18851
  }, lang.search), /*#__PURE__*/React.createElement(Searchlist$1, {
18890
18852
  sectionpropertiesprops: sectionproperties,
18891
18853
  srcfromprops: 'headerfullwidth',
18892
18854
  actions: actions
18893
18855
  })))), /*#__PURE__*/React.createElement("div", {
18894
- "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
18856
+ "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
18895
18857
  }, /*#__PURE__*/React.createElement("div", {
18896
18858
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
18897
18859
  onClick: function onClick() {
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('react-router'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
3
- typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'react-router', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.reactRouter, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BsEye, global.BiTimeFive, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
5
- })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, reactRouter, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, BsEye, BiTimeFive, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('react-router'), require('imagekitio-react'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fi/FiMapPin'), require('@react-icons/all-files/fa/FaShippingFast'), require('@babel/runtime/helpers/toConsumableArray'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('react-textarea-autosize'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-accessible-accordion'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-intersection-observer'), require('react-horizontal-scrolling-menu'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus')) :
3
+ typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'react-router', 'imagekitio-react', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fi/FiMapPin', '@react-icons/all-files/fa/FaShippingFast', '@babel/runtime/helpers/toConsumableArray', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', 'react-textarea-autosize', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-accessible-accordion', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-intersection-observer', 'react-horizontal-scrolling-menu', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.reactRouter, global.imagekitioReact, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar, global.AiOutlineStar, global.RiSecurePaymentLine, global.HiOutlinePhone, global.AiOutlineSecurityScan, global.FiMapPin, global.FaShippingFast, global._toConsumableArray, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.FiLayers, global.HiOutlineTrash, global.BiSad, global.TextareaAutosize, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.reactAccessibleAccordion, global.BsChevronLeft, global.BsChevronRight, global.RiArrowUpSLine, global.RiArrowDownSLine, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.Dropdown, global.HiOutlinePlus, global.AiOutlineMinus, global.reactIntersectionObserver, global.reactHorizontalScrollingMenu, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.MdKeyboardArrowDown, global.GoSearch, global.FiUser, global.BiSearch, global.AiOutlineHeart, global.AiOutlineMail, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.AiOutlineInstagram, global.BsInfoCircle, global.AiFillPhone, global.IoClose, global.MdKeyboardArrowUp, global.BiGlobe, global.FaPhoneAlt, global.FaPhone, global.GoLocation, global.AiOutlinePhone, global.HiOutlineClock, global.Select$2, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.BsEye, global.BiTimeFive, global.IoIosArrowUp, global.FiMinus, global.FiPlus));
5
+ })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, reactRouter, imagekitioReact, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart, FiShoppingBag, FiShoppingCart, AiFillStar, AiOutlineStar, RiSecurePaymentLine, HiOutlinePhone, AiOutlineSecurityScan, FiMapPin, FaShippingFast, _toConsumableArray, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, FiLayers, HiOutlineTrash, BiSad, TextareaAutosize, HiUser, GrMail, FiCheckCircle, BiPhone, reactAccessibleAccordion, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, Dropdown, HiOutlinePlus, AiOutlineMinus, reactIntersectionObserver, reactHorizontalScrollingMenu, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, MdKeyboardArrowDown, GoSearch, FiUser, BiSearch, AiOutlineHeart, AiOutlineMail, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, AiOutlineInstagram, BsInfoCircle, AiFillPhone, IoClose, MdKeyboardArrowUp, BiGlobe, FaPhoneAlt, FaPhone, GoLocation, AiOutlinePhone, HiOutlineClock, Select$2, IoIosArrowRoundForward, IoIosArrowRoundBack, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, BsEye, BiTimeFive, IoIosArrowUp, FiMinus, FiPlus) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -9002,7 +9002,7 @@
9002
9002
  itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
9003
9003
  // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
9004
9004
  // ? 'scrollmenuclassnameitemClassiccategorycard'
9005
- item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : '',
9005
+ item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : '',
9006
9006
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
9007
9007
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
9008
9008
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11313,7 +11313,7 @@
11313
11313
  "class": header_cssstyles.upperheadertext + ' ml-1 mr-1 storeinfotext ',
11314
11314
  size: sectionproperties.footerinfotext_fontsize
11315
11315
  }), /*#__PURE__*/React__default["default"].createElement("span", {
11316
- "class": header_cssstyles.upperheadertext + ' storeinfotext '
11316
+ "class": header_cssstyles.upperheadertext + ' storeinfotext text-overflow '
11317
11317
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email)))), /*#__PURE__*/React__default["default"].createElement("div", {
11318
11318
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-center"
11319
11319
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16352,7 +16352,7 @@
16352
16352
  maxHeight: '100%'
16353
16353
  }
16354
16354
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
16355
- "class": "col-lg-7 p-0 d-flex align-items-center justify-content-start h-100"
16355
+ "class": "col-lg-8 p-0 d-flex align-items-center justify-content-start h-100"
16356
16356
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16357
16357
  "class": "scrollhorizontal w-100 align-items-center justify-content-start h-100",
16358
16358
  style: {
@@ -16388,39 +16388,8 @@
16388
16388
  subheadercontentpositionprops: 'start'
16389
16389
  }
16390
16390
  })), /*#__PURE__*/React__default["default"].createElement("div", {
16391
- "class": "col-lg-3 d-flex align-items-center justify-content-end"
16392
- }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16393
- "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
16391
+ "class": "col-lg-2 d-flex align-items-center justify-content-end"
16394
16392
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16395
- "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
16396
- }, /*#__PURE__*/React__default["default"].createElement("div", {
16397
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16398
- }, /*#__PURE__*/React__default["default"].createElement("input", {
16399
- "class": "".concat(headerstyles$8.searchbar, " ").concat(header_cssstyles.searchbarcont_input),
16400
- placeholder: langdetect == 'en' ? "What're we looking for?" : 'البحث...',
16401
- onChange: function onChange(event) {
16402
- setSearchHeaderInputContext(event.target.value);
16403
- },
16404
- style: {
16405
- right: langdetect == 'en' ? 0 : '',
16406
- left: langdetect == 'en' ? '' : 0
16407
- }
16408
- }), /*#__PURE__*/React__default["default"].createElement("div", {
16409
- "class": "".concat(header_cssstyles.searchbarcont) + ' d-flex justify-content-center align-items-center '
16410
- }, /*#__PURE__*/React__default["default"].createElement("i", {
16411
- "class": headerstyles$8.searchbaractive + ' h-100 d-flex align-items-center'
16412
- }, /*#__PURE__*/React__default["default"].createElement(BiSearch.BiSearch, {
16413
- size: sectionproperties.searchbarcontfontsize,
16414
- style: {
16415
- transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
16416
- }
16417
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
16418
- "class": "col-lg-12 p-0 d-flex justify-content-end align-items-center"
16419
- }, /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
16420
- sectionpropertiesprops: sectionproperties,
16421
- srcfromprops: 'header-300',
16422
- actions: actions
16423
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
16424
16393
  "class": "headerdropdownml ml-3 mr-3"
16425
16394
  }, /*#__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", {
16426
16395
  "class": ' d-flex justify-content-center align-items-center '
@@ -18287,7 +18256,7 @@
18287
18256
  }),
18288
18257
  searchbar_icon_cont: glamor.css({
18289
18258
  width: sectionproperties.search_btn_width + 'px',
18290
- height: sectionproperties.search_btn_height + 'px',
18259
+ height: sectionproperties.searchbarcont_height + 'px',
18291
18260
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopRightRadius + 'px' : sectionproperties.search_btn_borderTopLeftRadius + 'px',
18292
18261
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.search_btn_borderTopLeftRadius + 'px' : sectionproperties.search_btn_borderTopRightRadius + 'px',
18293
18262
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.search_btn_borderBottomRightRadius + 'px' : sectionproperties.search_btn_borderBottomLeftRadius + 'px',
@@ -18416,15 +18385,15 @@
18416
18385
  fontSize: sectionproperties.badge_fontsize + 'px'
18417
18386
  }),
18418
18387
  categorybtn: glamor.css({
18419
- background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
18420
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
18421
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
18422
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
18423
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
18424
18388
  borderRight: langdetect == 'en' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18425
18389
  borderLeft: langdetect == 'ar' ? sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor : 0,
18426
18390
  transition: '.3s',
18427
- height: sectionproperties.searchbarcont_height + 'px',
18391
+ height: '100%',
18392
+ backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18393
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18394
+ borderBottomRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18395
+ borderTopRightRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18396
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0,
18428
18397
  cursor: 'pointer',
18429
18398
  ':hover': {
18430
18399
  background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
@@ -18474,7 +18443,7 @@
18474
18443
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18475
18444
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
18476
18445
  }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18477
- "class": "col-lg-12 d-flex align-items-center plr-1025-0",
18446
+ "class": "col-lg-12 d-flex align-items-center plr-1025-1",
18478
18447
  style: {
18479
18448
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
18480
18449
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
@@ -18544,13 +18513,7 @@
18544
18513
  fontWeight: sectionproperties.dropdown_fontweight,
18545
18514
  textTransform: sectionproperties.dropdown_texttransform
18546
18515
  }
18547
- }, /*#__PURE__*/React__default["default"].createElement("img", {
18548
- src: egyptflag$1,
18549
- style: {
18550
- maxWidth: '2vh',
18551
- maxHeight: '2vh'
18552
- }
18553
- }), /*#__PURE__*/React__default["default"].createElement("span", {
18516
+ }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18554
18517
  "class": 'ml-2 mr-2'
18555
18518
  }, lang.arabic)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18556
18519
  onClick: function onClick() {
@@ -18565,13 +18528,7 @@
18565
18528
  fontWeight: sectionproperties.dropdown_fontweight,
18566
18529
  textTransform: sectionproperties.dropdown_texttransform
18567
18530
  }
18568
- }, /*#__PURE__*/React__default["default"].createElement("img", {
18569
- src: usflag$1,
18570
- style: {
18571
- maxWidth: '2vh',
18572
- maxHeight: '2vh'
18573
- }
18574
- }), /*#__PURE__*/React__default["default"].createElement("span", {
18531
+ }, /*#__PURE__*/React__default["default"].createElement(BiGlobe.BiGlobe, null), /*#__PURE__*/React__default["default"].createElement("span", {
18575
18532
  "class": 'ml-2 mr-2'
18576
18533
  }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement("div", {
18577
18534
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
@@ -18707,7 +18664,7 @@
18707
18664
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18708
18665
  "class": "".concat(headerstyles$5.lowerHeaderContainer, " ").concat(header_cssstyles.lowerHeaderContainer) + ' w-100 d-flex align-items-center plr-1025-1 '
18709
18666
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18710
- "class": "col-lg-3 d-flex align-items-center justify-content-start"
18667
+ "class": "col-xl-3 col-lg-2 d-flex align-items-center justify-content-start"
18711
18668
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18712
18669
  "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center cursor-pointer ',
18713
18670
  onClick: function onClick() {
@@ -18723,13 +18680,18 @@
18723
18680
  objectFit: 'contain'
18724
18681
  }
18725
18682
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
18726
- "class": ' col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18683
+ "class": ' col-xl-7 col-lg-7 d-flex justify-content-center align-items-center m-0 p-0 ',
18727
18684
  style: {
18728
18685
  width: '100%',
18729
- height: sectionproperties.searchbarcont_height + 'px'
18686
+ height: sectionproperties.searchbarcont_height + 'px',
18687
+ border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18688
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18689
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18690
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18691
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18730
18692
  }
18731
18693
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18732
- "class": langdetect == 'en' ? 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 ml-n1' : 'col-lg-3 p-0 d-flex align-items-center justify-content-start h-100 mr-n1',
18694
+ "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start h-100',
18733
18695
  onClick: function onClick() {
18734
18696
  setdropdownselect(!dropdownselect);
18735
18697
  }
@@ -18772,17 +18734,16 @@
18772
18734
  "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
18773
18735
  }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
18774
18736
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
18775
- "class": "col-lg-9 p-0 d-flex justify-content-end align-items-center h-100"
18737
+ "class": "col-xl-9 col-lg-8 p-0 d-flex justify-content-end align-items-center h-100"
18776
18738
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18777
18739
  "class": ' row m-0 w-100 h-100 ',
18778
18740
  style: {
18779
18741
  position: 'relative',
18780
18742
  backgroundColor: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
18781
- border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor,
18782
- borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : sectionproperties.searchbarcont_borderBottomRightRadius + 'px',
18783
- borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : sectionproperties.searchbarcont_borderBottomLeftRadius + 'px',
18784
- borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : sectionproperties.searchbarcont_borderTopLeftRadius + 'px',
18785
- borderTopLeftRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : sectionproperties.searchbarcont_borderTopRightRadius + 'px'
18743
+ borderBottomLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderBottomLeftRadius + 'px' : 0,
18744
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderBottomRightRadius + 'px' : 0,
18745
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.searchbarcont_borderTopRightRadius + 'px' : 0,
18746
+ borderTopLeftRadius: langdetect == 'ar' ? sectionproperties.searchbarcont_borderTopLeftRadius + 'px' : 0
18786
18747
  }
18787
18748
  }, /*#__PURE__*/React__default["default"].createElement("input", {
18788
18749
  type: "text",
@@ -18794,16 +18755,16 @@
18794
18755
  }), /*#__PURE__*/React__default["default"].createElement("div", {
18795
18756
  "class": "".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center p-0 ',
18796
18757
  style: {
18797
- marginTop: -1.5,
18798
18758
  marginRight: langdetect == 'en' ? '-0.25rem' : 0,
18799
- marginLeft: langdetect == 'ar' ? '-0.25rem' : 0
18759
+ marginLeft: langdetect == 'ar' ? '-0.25rem' : 0,
18760
+ marginTop: sectionproperties.searchbarcontinput_borderwidth != 0 ? '-0.1rem' : 0
18800
18761
  }
18801
18762
  }, lang.search), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
18802
18763
  sectionpropertiesprops: sectionproperties,
18803
18764
  srcfromprops: 'headerfullwidth',
18804
18765
  actions: actions
18805
18766
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
18806
- "class": "col-lg-2 d-flex align-items-center justify-content-center p-0"
18767
+ "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-center p-0"
18807
18768
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18808
18769
  "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
18809
18770
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.131",
3
+ "version": "0.0.133",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {