tabexseriescomponents 0.0.395 → 0.0.396

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.umd.js CHANGED
@@ -19163,7 +19163,7 @@
19163
19163
  function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19164
19164
  function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19165
19165
  var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
19166
- var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
19166
+ var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2;
19167
19167
  var actions = props.actions;
19168
19168
  var LogoutMutationContext = props.actions.LogoutMutationContext;
19169
19169
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -19180,16 +19180,16 @@
19180
19180
  var routingcountext = props.actions.routingcountext;
19181
19181
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
19182
19182
  props.actions.setcurrencyfunccontext;
19183
- props.actions.fetchCategoriesQueryContext;
19183
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
19184
19184
  var ikimagecredcontext = props.actions.ikimagecredcontext;
19185
19185
  var _useState = React.useState(''),
19186
19186
  _useState2 = _slicedToArray__default["default"](_useState, 2),
19187
19187
  sectionproperties = _useState2[0],
19188
19188
  setsectionproperties = _useState2[1];
19189
19189
  var _useState3 = React.useState(''),
19190
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
19191
- _useState4[0];
19192
- _useState4[1];
19190
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
19191
+ Choosenindex = _useState4[0],
19192
+ setChoosenindex = _useState4[1];
19193
19193
  var _useState5 = React.useState(false),
19194
19194
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
19195
19195
  menuactive = _useState6[0],
@@ -19210,7 +19210,7 @@
19210
19210
  var _useState11 = React.useState(false),
19211
19211
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
19212
19212
  _useState12[0];
19213
- _useState12[1];
19213
+ var setopenCnvas = _useState12[1];
19214
19214
  var _useState13 = React.useState(''),
19215
19215
  _useState14 = _slicedToArray__default["default"](_useState13, 2),
19216
19216
  activeTab = _useState14[0],
@@ -19439,6 +19439,51 @@
19439
19439
  }
19440
19440
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0));
19441
19441
  };
19442
+ var _useState15 = React.useState(false),
19443
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
19444
+ openmenuCanvas = _useState16[0],
19445
+ setopenmenuCanvas = _useState16[1];
19446
+ var _useState17 = React.useState([]),
19447
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
19448
+ pcollarray = _useState18[0],
19449
+ setpcollarray = _useState18[1];
19450
+ React.useEffect(function () {
19451
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
19452
+ var _fetchCategoriesQuery;
19453
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
19454
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
19455
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
19456
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
19457
+ if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
19458
+ temppcollarray.push(item);
19459
+ }
19460
+ });
19461
+ }
19462
+ });
19463
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
19464
+ }
19465
+ // alert(JSON.stringify(pcollarray));
19466
+ }, [fetchCategoriesQueryContext.isSuccess]);
19467
+ var InstLogoContainer = function InstLogoContainer() {
19468
+ var _logoarrayofobjects$, _logoarrayofobjects$2;
19469
+ return /*#__PURE__*/React__default["default"].createElement("div", {
19470
+ className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
19471
+ style: {
19472
+ cursor: 'pointer'
19473
+ },
19474
+ onClick: function onClick() {
19475
+ routingcountext('home');
19476
+ }
19477
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
19478
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
19479
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
19480
+ path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
19481
+ style: {
19482
+ maxWidth: '100%',
19483
+ maxHeight: '100%'
19484
+ }
19485
+ }));
19486
+ };
19442
19487
  return /*#__PURE__*/React__default["default"].createElement("div", {
19443
19488
  className: "row m-0 w-100"
19444
19489
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19458,27 +19503,28 @@
19458
19503
  style: {
19459
19504
  position: 'relative'
19460
19505
  }
19461
- }, /*#__PURE__*/React__default["default"].createElement("div", {
19462
- className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
19463
- }, /*#__PURE__*/React__default["default"].createElement("div", {
19464
- className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
19506
+ }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
19507
+ className: "col-md-4 col-sm-4 text-start p-0"
19508
+ }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19465
19509
  style: {
19466
- cursor: 'pointer'
19467
- },
19468
- onClick: function onClick() {
19469
- routingcountext('home');
19510
+ width: '30px',
19511
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
19470
19512
  }
19471
- }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
19472
- urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
19473
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
19474
- path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
19475
- style: {
19476
- maxWidth: '100%',
19477
- maxHeight: '100%'
19513
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
19514
+ "class": "h-100 allcentered",
19515
+ onClick: function onClick() {
19516
+ setopenSearch(true);
19478
19517
  }
19479
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
19480
- className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
19481
- }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19518
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
19519
+ size: 22,
19520
+ color: sectionproperties.cart_BtnTextcolor_resp
19521
+ })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
19522
+ className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
19523
+ }, InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
19524
+ className: "col-md-4 col-sm-4 allcentered p-0"
19525
+ }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
19526
+ className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0'
19527
+ }, sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
19482
19528
  style: {
19483
19529
  width: '30px',
19484
19530
  height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -19502,10 +19548,15 @@
19502
19548
  color: sectionproperties.cart_BtnTextcolor_resp
19503
19549
  },
19504
19550
  onClick: function onClick() {
19505
- if (menuactive == true) {
19506
- setmenuactive(false);
19551
+ if (sectionproperties.responsiveheaderstyle == 'Style 2') {
19552
+ if (menuactive == true) {
19553
+ setmenuactive(false);
19554
+ } else {
19555
+ setmenuactive(true);
19556
+ }
19507
19557
  } else {
19508
- setmenuactive(true);
19558
+ setopenmenuCanvas(true);
19559
+ setactiveTab('menu');
19509
19560
  }
19510
19561
  }
19511
19562
  }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
@@ -19527,46 +19578,7 @@
19527
19578
  zIndex: 10000,
19528
19579
  overflow: 'scroll'
19529
19580
  }
19530
- }, sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
19531
- className: "row m-0 w-100 mb-5",
19532
- style: {
19533
- borderBottom: '1px solid #eee'
19534
- }
19535
19581
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19536
- className: 'col-6 allcentered py-3',
19537
- onClick: function onClick() {
19538
- setactiveTab('menu');
19539
- },
19540
- style: {
19541
- background: activeTab == 'menu' ? 'white' : '#eee'
19542
- }
19543
- }, /*#__PURE__*/React__default["default"].createElement("p", {
19544
- className: "m-0 p-0",
19545
- style: {
19546
- textTransform: 'uppercase',
19547
- fontWeight: 500,
19548
- fontSize: '15px',
19549
- transition: '.3s',
19550
- color: '#000'
19551
- }
19552
- }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
19553
- className: 'col-6 allcentered py-3',
19554
- onClick: function onClick() {
19555
- setactiveTab('categories');
19556
- },
19557
- style: {
19558
- background: activeTab == 'categories' ? 'white' : '#eee'
19559
- }
19560
- }, /*#__PURE__*/React__default["default"].createElement("p", {
19561
- className: "m-0 p-0",
19562
- style: {
19563
- textTransform: 'uppercase',
19564
- fontWeight: 500,
19565
- fontSize: '15px',
19566
- transition: '.3s',
19567
- color: '#000'
19568
- }
19569
- }, langdetect == 'en' ? 'SHOP' : 'تسوق'))), sectionproperties.responsiveheaderstyle != 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
19570
19582
  "class": "col-lg-12 text-end anim"
19571
19583
  }, /*#__PURE__*/React__default["default"].createElement("i", {
19572
19584
  "class": ' h-100 allcentered ',
@@ -19781,7 +19793,379 @@
19781
19793
  color: sectionproperties.language_container_color_resp
19782
19794
  }
19783
19795
  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19784
- "class": "row m-0 w-100 mt-5"
19796
+ "class": "row m-0 w-100 mt-5"
19797
+ }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
19798
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
19799
+ onClick: function onClick() {
19800
+ routingcountext(StaticPagesLinksContext.Login);
19801
+ setmenuactive(false);
19802
+ }
19803
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
19804
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
19805
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
19806
+ "class": "userbtn_resp mx-2"
19807
+ }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
19808
+ "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
19809
+ onClick: function onClick() {
19810
+ routingcountext(StaticPagesLinksContext.accountinfo);
19811
+ setmenuactive(false);
19812
+ }
19813
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
19814
+ "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
19815
+ }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
19816
+ "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
19817
+ }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
19818
+ "class": "row m-0 w-100 mt-5 allcentered anim"
19819
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
19820
+ "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
19821
+ onClick: function onClick() {
19822
+ LogoutMutationContext.mutate();
19823
+ setmenuactive(false);
19824
+ },
19825
+ style: {
19826
+ width: '90%',
19827
+ height: 40,
19828
+ background: 'white',
19829
+ color: '#000',
19830
+ fontSize: 16
19831
+ }
19832
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
19833
+ "class": "col-12 d-flex align-items-center"
19834
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
19835
+ style: {
19836
+ width: 40,
19837
+ height: 40,
19838
+ position: 'absolute',
19839
+ top: 10,
19840
+ right: 10,
19841
+ zIndex: 10000
19842
+ },
19843
+ "class": "allcentered",
19844
+ onClick: function onClick() {
19845
+ setopenSearch(false);
19846
+ setSearchHeaderInputContext('');
19847
+ }
19848
+ }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
19849
+ style: {
19850
+ fontSize: 20,
19851
+ color: '#000'
19852
+ }
19853
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
19854
+ "class": header_cssstyles.searchbarcont
19855
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
19856
+ type: "text",
19857
+ placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
19858
+ "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
19859
+ onChange: function onChange(event) {
19860
+ setSearchHeaderInputContext(event.target.value);
19861
+ }
19862
+ }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
19863
+ sectionpropertiesprops: sectionproperties,
19864
+ srcfromprops: 'fullheader',
19865
+ actions: actions
19866
+ }))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
19867
+ show: openmenuCanvas,
19868
+ onHide: function onHide() {
19869
+ setopenmenuCanvas(false);
19870
+ },
19871
+ placement: langdetect == 'en' ? 'start' : 'end',
19872
+ scroll: true,
19873
+ style: {
19874
+ width: '90%',
19875
+ backgroundColor: 'white'
19876
+ },
19877
+ backdrop: true
19878
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
19879
+ "class": "allcentered",
19880
+ style: {
19881
+ position: 'absolute',
19882
+ right: -34,
19883
+ top: 5,
19884
+ width: 30,
19885
+ height: 30,
19886
+ background: '#000'
19887
+ },
19888
+ onClick: function onClick() {
19889
+ setopenmenuCanvas(false);
19890
+ }
19891
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
19892
+ color: '#fff',
19893
+ size: 16
19894
+ })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
19895
+ "class": "allcentered",
19896
+ style: {
19897
+ position: 'absolute',
19898
+ left: -34,
19899
+ top: 5,
19900
+ width: 30,
19901
+ height: 30,
19902
+ background: '#000'
19903
+ },
19904
+ onClick: function onClick() {
19905
+ setopenCnvas(false);
19906
+ }
19907
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
19908
+ color: '#fff',
19909
+ size: 16
19910
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
19911
+ className: "row m-0 w-100 mb-5",
19912
+ style: {
19913
+ borderBottom: '1px solid #eee'
19914
+ }
19915
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19916
+ className: 'col-6 allcentered py-3',
19917
+ onClick: function onClick() {
19918
+ setactiveTab('menu');
19919
+ },
19920
+ style: {
19921
+ background: activeTab == 'menu' ? 'white' : '#eee'
19922
+ }
19923
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19924
+ className: "m-0 p-0",
19925
+ style: {
19926
+ textTransform: 'uppercase',
19927
+ fontWeight: 500,
19928
+ fontSize: '15px',
19929
+ transition: '.3s',
19930
+ color: '#000'
19931
+ }
19932
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
19933
+ className: 'col-6 allcentered py-3',
19934
+ onClick: function onClick() {
19935
+ setactiveTab('categories');
19936
+ },
19937
+ style: {
19938
+ background: activeTab == 'categories' ? 'white' : '#eee'
19939
+ }
19940
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19941
+ className: "m-0 p-0",
19942
+ style: {
19943
+ textTransform: 'uppercase',
19944
+ fontWeight: 500,
19945
+ fontSize: '15px',
19946
+ transition: '.3s',
19947
+ color: '#000'
19948
+ }
19949
+ }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
19950
+ className: ' row m-0 w-100 anim '
19951
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19952
+ className: "col-lg-12 p-0"
19953
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
19954
+ className: ' d-flex justify-content-center flex-column p-0 '
19955
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
19956
+ if (item.isnavigation == 1 && item.isactive == 1) {
19957
+ return /*#__PURE__*/React__default["default"].createElement("div", {
19958
+ className: "row m-0 w-100"
19959
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19960
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
19961
+ style: {
19962
+ paddingTop: index == 0 ? 5 : 0
19963
+ }
19964
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19965
+ onClick: function onClick() {
19966
+ routingcountext(item.navigationroute, false, '');
19967
+ setopenCnvas(false);
19968
+ }
19969
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19970
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
19971
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
19972
+ className: "col-lg-12 p-0"
19973
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19974
+ className: "mt-4 mb-4",
19975
+ style: {
19976
+ borderColor: sectionproperties.resp_header_separatorbg
19977
+ }
19978
+ })));
19979
+ }
19980
+ }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19981
+ className: "row m-0 w-100"
19982
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
19983
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
19984
+ onClick: function onClick() {
19985
+ routingcountext(StaticPagesLinksContext.Ordershistory);
19986
+ setopenCnvas(false);
19987
+ }
19988
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
19989
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
19990
+ }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
19991
+ className: "col-lg-12 p-0"
19992
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
19993
+ className: "mt-4 mb-4",
19994
+ style: {
19995
+ borderColor: sectionproperties.resp_header_separatorbg
19996
+ }
19997
+ }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19998
+ className: "row m-0 w-100"
19999
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20000
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
20001
+ onClick: function onClick() {
20002
+ routingcountext(StaticPagesLinksContext.Wishlist);
20003
+ setopenCnvas(false);
20004
+ }
20005
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20006
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
20007
+ }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
20008
+ className: "col-lg-12 p-0"
20009
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20010
+ className: "mt-4 mb-4",
20011
+ style: {
20012
+ borderColor: sectionproperties.resp_header_separatorbg
20013
+ }
20014
+ }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
20015
+ className: "row m-0 w-100"
20016
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20017
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
20018
+ onClick: function onClick() {
20019
+ routingcountext(StaticPagesLinksContext.Policies);
20020
+ setmenuactive(false);
20021
+ }
20022
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20023
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
20024
+ }, lang.policies)), /*#__PURE__*/React__default["default"].createElement("div", {
20025
+ className: "col-lg-12 p-0"
20026
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20027
+ className: "mt-4 mb-4",
20028
+ style: {
20029
+ borderColor: sectionproperties.resp_header_separatorbg
20030
+ }
20031
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
20032
+ className: "row m-0 w-100"
20033
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20034
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
20035
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20036
+ onClick: function onClick() {
20037
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
20038
+ setmenuactive(false);
20039
+ }
20040
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20041
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20042
+ }, langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policypagename_en : (_returnpolicyobj10 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20043
+ className: "col-lg-12 p-0"
20044
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20045
+ className: "mt-3 mb-3",
20046
+ style: {
20047
+ borderColor: sectionproperties.resp_header_separatorbg
20048
+ }
20049
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
20050
+ className: "row m-0 w-100"
20051
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20052
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
20053
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20054
+ onClick: function onClick() {
20055
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
20056
+ setmenuactive(false);
20057
+ }
20058
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20059
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20060
+ }, langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policypagename_en : (_returnpolicyobj12 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20061
+ className: "col-lg-12 p-0"
20062
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20063
+ className: "mt-3 mb-3",
20064
+ style: {
20065
+ borderColor: sectionproperties.resp_header_separatorbg
20066
+ }
20067
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
20068
+ className: "row m-0 w-100"
20069
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20070
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
20071
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20072
+ onClick: function onClick() {
20073
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
20074
+ setmenuactive(false);
20075
+ }
20076
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20077
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20078
+ }, langdetect == 'en' ? (_returnpolicyobj13 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj13 === void 0 ? void 0 : _returnpolicyobj13.policypagename_en : (_returnpolicyobj14 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj14 === void 0 ? void 0 : _returnpolicyobj14.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20079
+ className: "col-lg-12 p-0"
20080
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20081
+ className: "mt-3 mb-3",
20082
+ style: {
20083
+ borderColor: sectionproperties.resp_header_separatorbg
20084
+ }
20085
+ }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
20086
+ className: "row m-0 w-100"
20087
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20088
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
20089
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20090
+ onClick: function onClick() {
20091
+ routingcountext(StaticPagesLinksContext.TermsConditions);
20092
+ setmenuactive(false);
20093
+ }
20094
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20095
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20096
+ }, langdetect == 'en' ? (_returnpolicyobj15 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj15 === void 0 ? void 0 : _returnpolicyobj15.policypagename_en : (_returnpolicyobj16 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj16 === void 0 ? void 0 : _returnpolicyobj16.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20097
+ className: "col-lg-12 p-0"
20098
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20099
+ className: "mt-3 mb-3",
20100
+ style: {
20101
+ borderColor: sectionproperties.resp_header_separatorbg
20102
+ }
20103
+ }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
20104
+ className: "row m-0 w-100"
20105
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20106
+ className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
20107
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20108
+ onClick: function onClick() {
20109
+ routingcountext(StaticPagesLinksContext.Ordershistory);
20110
+ setmenuactive(false);
20111
+ }
20112
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20113
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20114
+ }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement("div", {
20115
+ className: "col-lg-12 p-0"
20116
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20117
+ className: "mt-3 mb-3",
20118
+ style: {
20119
+ borderColor: sectionproperties.resp_header_separatorbg
20120
+ }
20121
+ }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
20122
+ className: "row m-0 w-100 pl-3 pr-3"
20123
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20124
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
20125
+ style: {}
20126
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20127
+ "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
20128
+ style: {
20129
+ cursor: 'default'
20130
+ }
20131
+ }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
20132
+ "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
20133
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20134
+ "class": "row m-0 w-100",
20135
+ style: {
20136
+ background: sectionproperties.langcontainerbgresp,
20137
+ borderRadius: 5
20138
+ }
20139
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20140
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
20141
+ onClick: function onClick() {
20142
+ setlang('en');
20143
+ setmenuactive(false);
20144
+ }
20145
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20146
+ "class": "m-0 p-0 w-100 allcentered py-3",
20147
+ style: {
20148
+ background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
20149
+ borderRadius: 5,
20150
+ fontSize: 15,
20151
+ color: sectionproperties.language_container_color_resp
20152
+ }
20153
+ }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
20154
+ "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
20155
+ onClick: function onClick() {
20156
+ setlang('ar');
20157
+ setmenuactive(false);
20158
+ }
20159
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20160
+ "class": "m-0 p-0 w-100 allcentered py-3",
20161
+ style: {
20162
+ borderRadius: 5,
20163
+ background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
20164
+ fontSize: 15,
20165
+ color: sectionproperties.language_container_color_resp
20166
+ }
20167
+ }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
20168
+ className: "row m-0 w-100 pl-3 pr-3 mt-5"
19785
20169
  }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
19786
20170
  "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
19787
20171
  onClick: function onClick() {
@@ -19803,7 +20187,7 @@
19803
20187
  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
19804
20188
  "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
19805
20189
  }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
19806
- "class": "row m-0 w-100 mt-5 allcentered anim"
20190
+ className: "row m-0 w-100"
19807
20191
  }, /*#__PURE__*/React__default["default"].createElement("button", {
19808
20192
  "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
19809
20193
  onClick: function onClick() {
@@ -19817,41 +20201,249 @@
19817
20201
  color: '#000',
19818
20202
  fontSize: 16
19819
20203
  }
19820
- }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
19821
- "class": "col-12 d-flex align-items-center"
19822
- }, /*#__PURE__*/React__default["default"].createElement("button", {
19823
- style: {
19824
- width: 40,
19825
- height: 40,
19826
- position: 'absolute',
19827
- top: 10,
19828
- right: 10,
19829
- zIndex: 10000
19830
- },
19831
- "class": "allcentered",
19832
- onClick: function onClick() {
19833
- setopenSearch(false);
19834
- setSearchHeaderInputContext('');
20204
+ }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
20205
+ className: ' row m-0 w-100 accordionContainer anim'
20206
+ }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
20207
+ allowMultipleExpanded: true,
20208
+ allowZeroExpanded: true
20209
+ }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
20210
+ if (item.isshowntocustomers == 1) {
20211
+ var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
20212
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
20213
+ uuid: index
20214
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
20215
+ onClick: function onClick() {
20216
+ setChoosenindex(index);
20217
+ }
20218
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
20219
+ className: ' row m-0 p-0 mb-2 '
20220
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20221
+ className: ' row m-0 w-100 px-3 '
20222
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20223
+ className: "col-10 p-0 text-start"
20224
+ // onClick={() => {
20225
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
20226
+ // }}
20227
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20228
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20229
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
20230
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
20231
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
20232
+ if (state.expanded == true) {
20233
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20234
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20235
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
20236
+ style: {
20237
+ color: '#000',
20238
+ fontSize: 15
20239
+ }
20240
+ }));
20241
+ } else {
20242
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20243
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20244
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
20245
+ style: {
20246
+ color: '#000',
20247
+ fontSize: 15
20248
+ }
20249
+ }));
20250
+ }
20251
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
20252
+ className: "col-lg-12 p-0"
20253
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20254
+ className: "mt-4 mb-4",
20255
+ style: {
20256
+ borderColor: sectionproperties.resp_header_separatorbg
20257
+ }
20258
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
20259
+ className: "p-0"
20260
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20261
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
20262
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
20263
+ allowMultipleExpanded: true,
20264
+ allowZeroExpanded: true
20265
+ }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
20266
+ if (pitem.isshowntocustomers == 1) {
20267
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
20268
+ uuid: pindex
20269
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
20270
+ className: ' row m-0 p-0 mb-2 '
20271
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20272
+ className: ' row m-0 w-100 px-4 '
20273
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20274
+ className: "col-10 p-0 text-start",
20275
+ onClick: function onClick() {
20276
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
20277
+ }
20278
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20279
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20280
+ }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
20281
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
20282
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
20283
+ if (state.expanded == true) {
20284
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20285
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20286
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
20287
+ style: {
20288
+ color: '#000',
20289
+ fontSize: 15
20290
+ }
20291
+ }));
20292
+ } else {
20293
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20294
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20295
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
20296
+ style: {
20297
+ color: '#000',
20298
+ fontSize: 15
20299
+ }
20300
+ }));
20301
+ }
20302
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
20303
+ className: "col-lg-12 p-0"
20304
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20305
+ className: "mt-4 mb-4",
20306
+ style: {
20307
+ borderColor: sectionproperties.resp_header_separatorbg
20308
+ }
20309
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
20310
+ className: "p-0"
20311
+ }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
20312
+ if (collitem.isshowntocustomers == 1) {
20313
+ return /*#__PURE__*/React__default["default"].createElement("div", {
20314
+ className: ' row m-0 p-0 mb-2 '
20315
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20316
+ className: ' row m-0 w-100 px-5 '
20317
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20318
+ className: "col-10 p-0 text-start",
20319
+ onClick: function onClick() {
20320
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
20321
+ setopenCnvas(false);
20322
+ }
20323
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20324
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20325
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20326
+ className: "col-lg-12 p-0"
20327
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20328
+ className: "mt-4 mb-4",
20329
+ style: {
20330
+ borderColor: sectionproperties.resp_header_separatorbg
20331
+ }
20332
+ })));
20333
+ }
20334
+ })));
20335
+ }
20336
+ }))))));
19835
20337
  }
19836
- }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
19837
- style: {
19838
- fontSize: 20,
19839
- color: '#000'
20338
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
20339
+ allowMultipleExpanded: true,
20340
+ allowZeroExpanded: true
20341
+ }, pcollarray.map(function (item, index) {
20342
+ if (item.isshowntocustomers == 1) {
20343
+ var _item$collections;
20344
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
20345
+ uuid: index
20346
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
20347
+ onClick: function onClick() {
20348
+ setChoosenindex(index);
20349
+ }
20350
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
20351
+ className: ' row m-0 p-0 mb-2 '
20352
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20353
+ className: ' row m-0 w-100 px-3 '
20354
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20355
+ className: "col-10 p-0 text-start"
20356
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20357
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20358
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
20359
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
20360
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
20361
+ if (state.expanded == true) {
20362
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20363
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20364
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
20365
+ style: {
20366
+ color: '#000',
20367
+ fontSize: 15
20368
+ }
20369
+ }));
20370
+ } else {
20371
+ return /*#__PURE__*/React__default["default"].createElement("i", {
20372
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
20373
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
20374
+ style: {
20375
+ color: '#000',
20376
+ fontSize: 15
20377
+ }
20378
+ }));
20379
+ }
20380
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
20381
+ className: "col-lg-12 p-0"
20382
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20383
+ className: "mt-4 mb-4",
20384
+ style: {
20385
+ borderColor: sectionproperties.resp_header_separatorbg
20386
+ }
20387
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
20388
+ className: "p-0"
20389
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20390
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
20391
+ }, Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
20392
+ if (collitem.isshowntocustomers == 1) {
20393
+ return /*#__PURE__*/React__default["default"].createElement("div", {
20394
+ "class": "col-lg-12 p-0"
20395
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20396
+ className: ' row m-0 p-0 mb-2 '
20397
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20398
+ className: ' row m-0 w-100 px-5 '
20399
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20400
+ className: "col-10 p-0 text-start",
20401
+ onClick: function onClick() {
20402
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
20403
+ setopenCnvas(false);
20404
+ }
20405
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20406
+ className: ' mb-0 p-0 ',
20407
+ style: {
20408
+ color: sectionproperties.collectionsectiontextcolor,
20409
+ fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
20410
+ textTransform: sectionproperties.collectionsectiontexttransform,
20411
+ fontWeight: sectionproperties.collectionsectiontextfontweight,
20412
+ transition: '.3s'
20413
+ }
20414
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
20415
+ className: "col-lg-12 p-0"
20416
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20417
+ className: "mt-4 mb-4",
20418
+ style: {
20419
+ borderColor: sectionproperties.resp_header_separatorbg
20420
+ }
20421
+ }))));
20422
+ }
20423
+ })))));
19840
20424
  }
19841
- })), /*#__PURE__*/React__default["default"].createElement("div", {
19842
- "class": header_cssstyles.searchbarcont
19843
- }, /*#__PURE__*/React__default["default"].createElement("input", {
19844
- type: "text",
19845
- placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
19846
- "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
19847
- onChange: function onChange(event) {
19848
- setSearchHeaderInputContext(event.target.value);
20425
+ })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (collitem, collindex) {
20426
+ if (collitem.isshowntocustomers == 1) {
20427
+ return /*#__PURE__*/React__default["default"].createElement("div", {
20428
+ className: ' row m-0 p-0 mb-2 w-100 '
20429
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20430
+ className: "col-12 p-0 text-start px-3",
20431
+ onClick: function onClick() {
20432
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
20433
+ setopenCnvas(false);
20434
+ }
20435
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
20436
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
20437
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
20438
+ className: "col-lg-12 p-0"
20439
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
20440
+ className: "mt-4 mb-4",
20441
+ style: {
20442
+ borderColor: sectionproperties.resp_header_separatorbg
20443
+ }
20444
+ })));
19849
20445
  }
19850
- }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
19851
- sectionpropertiesprops: sectionproperties,
19852
- srcfromprops: 'fullheader',
19853
- actions: actions
19854
- })))));
20446
+ })))))));
19855
20447
  };
19856
20448
 
19857
20449
  function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -20440,6 +21032,9 @@
20440
21032
  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
20441
21033
  sectionpropertiesprops: sectionproperties,
20442
21034
  actions: actions
21035
+ }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
21036
+ sectionpropertiesprops: sectionproperties,
21037
+ actions: actions
20443
21038
  }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
20444
21039
  show: openSideNav,
20445
21040
  onHide: function onHide() {