tabexseriescomponents 0.0.199 → 0.0.200

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
@@ -66,8 +66,8 @@ require('react-router-dom');
66
66
  var IoBagCheckOutline = require('@react-icons/all-files/io5/IoBagCheckOutline');
67
67
  var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline');
68
68
  var Dropdown = require('react-bootstrap/Dropdown');
69
- var HiOutlinePlus = require('@react-icons/all-files/hi/HiOutlinePlus');
70
- var AiOutlineMinus = require('@react-icons/all-files/ai/AiOutlineMinus');
69
+ var FiChevronUp = require('@react-icons/all-files/fi/FiChevronUp');
70
+ var FiChevronDown = require('@react-icons/all-files/fi/FiChevronDown');
71
71
  var reactIntersectionObserver = require('react-intersection-observer');
72
72
  var FaArrowAltCircleRight = require('@react-icons/all-files/fa/FaArrowAltCircleRight');
73
73
  var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLeft');
@@ -76,6 +76,8 @@ var FiChevronLeft = require('@react-icons/all-files/fi/FiChevronLeft');
76
76
  var FiChevronRight = require('@react-icons/all-files/fi/FiChevronRight');
77
77
  var ReactPaginate = require('react-paginate');
78
78
  var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
79
+ require('@react-icons/all-files/hi/HiOutlinePlus');
80
+ require('@react-icons/all-files/ai/AiOutlineMinus');
79
81
  var MdKeyboardArrowDown = require('@react-icons/all-files/md/MdKeyboardArrowDown');
80
82
  var FaMoneyBillWave = require('@react-icons/all-files/fa/FaMoneyBillWave');
81
83
  var BiLogOutCircle = require('@react-icons/all-files/bi/BiLogOutCircle');
@@ -8447,13 +8449,14 @@ var OrderSuccess = function OrderSuccess(props) {
8447
8449
  }, ReasonFail)));
8448
8450
  };
8449
8451
 
8450
- var css_248z$B = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
8452
+ var css_248z$B = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n /* margin-left: 20px; */\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
8451
8453
  var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
8452
8454
  styleInject(css_248z$B);
8453
8455
 
8454
8456
  function ownKeys$1K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8455
8457
  function _objectSpread$1K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
8456
8458
  var Filter$1 = function Filter(props) {
8459
+ var _authdetailsContext$i;
8457
8460
  var lang = props.actions.lang;
8458
8461
  var langdetect = props.actions.langdetect;
8459
8462
  props.actions.productfiltercontext;
@@ -8475,11 +8478,15 @@ var Filter$1 = function Filter(props) {
8475
8478
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8476
8479
  instcollections = _useState6[0],
8477
8480
  setinstcollections = _useState6[1];
8478
- var _useState7 = React.useState(false),
8479
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
8480
- _useState8[0];
8481
- _useState8[1];
8482
- var _useState9 = React.useState([{
8481
+ var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
8482
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
8483
+ instcategories = _useState8[0],
8484
+ setinstcategories = _useState8[1];
8485
+ var _useState9 = React.useState('Sort by'),
8486
+ _useState10 = _slicedToArray__default["default"](_useState9, 2);
8487
+ _useState10[0];
8488
+ _useState10[1];
8489
+ var _useState11 = React.useState([{
8483
8490
  payloadvalue: 'sortprice',
8484
8491
  name: lang.price,
8485
8492
  filterarray: [{
@@ -8504,15 +8511,17 @@ var Filter$1 = function Filter(props) {
8504
8511
  isfilterselected: false
8505
8512
  }]
8506
8513
  }]),
8507
- _useState10 = _slicedToArray__default["default"](_useState9, 2),
8508
- otherfilters = _useState10[0];
8509
- _useState10[1];
8514
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
8515
+ otherfilters = _useState12[0];
8516
+ _useState12[1];
8510
8517
  React.useEffect(function () {
8511
8518
  filterupdater();
8512
8519
  }, []);
8513
8520
  React.useEffect(function () {
8521
+ var _authdetailsContext$i2;
8514
8522
  setinstfilters(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters));
8515
8523
  setinstcollections(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections));
8524
+ setinstcategories(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instcategories));
8516
8525
  }, [authdetailsContext]);
8517
8526
  React.useEffect(function () {
8518
8527
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
@@ -8543,13 +8552,36 @@ var Filter$1 = function Filter(props) {
8543
8552
  });
8544
8553
  setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
8545
8554
  }
8546
- if (instcollections.length != 0) {
8555
+ if (instcategories.length != 0) {
8547
8556
  var _ProductFilterObjCont2;
8557
+ var tempInstcategories = _toConsumableArray__default["default"](instcategories);
8558
+ tempInstcategories.forEach(function (catitem, catindex) {
8559
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
8560
+ parentcolitem.collections.forEach(function (colitem, colindex) {
8561
+ colitem.isfilterselected = false;
8562
+ });
8563
+ });
8564
+ });
8565
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
8566
+ tempInstcategories.forEach(function (catitem, catindex) {
8567
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
8568
+ parentcolitem.collections.forEach(function (colitem, colindex) {
8569
+ if (colitem.collectionid == filteritem) {
8570
+ colitem.isfilterselected = true;
8571
+ }
8572
+ });
8573
+ });
8574
+ });
8575
+ });
8576
+ setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
8577
+ }
8578
+ if (instcollections.length != 0) {
8579
+ var _ProductFilterObjCont3;
8548
8580
  var tempInstcollections = _toConsumableArray__default["default"](instcollections);
8549
8581
  tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
8550
8582
  instfilteritem.isfilterselected = false;
8551
8583
  });
8552
- ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
8584
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
8553
8585
  tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
8554
8586
  if (instfilteritem.collectionid == filteritem) {
8555
8587
  instfilteritem.isfilterselected = true;
@@ -8616,7 +8648,7 @@ var Filter$1 = function Filter(props) {
8616
8648
  }),
8617
8649
  titlecontainer: glamor.css({
8618
8650
  color: sectionproperties.filtertitle_color,
8619
- ':hover i': {
8651
+ ':hover .collapsetitle': {
8620
8652
  color: sectionproperties.filtertitle_coloronhover
8621
8653
  }
8622
8654
  }),
@@ -8677,8 +8709,262 @@ var Filter$1 = function Filter(props) {
8677
8709
  timelineinnercont_active: glamor.css({
8678
8710
  fontWeight: sectionproperties.activecat_fontweight,
8679
8711
  color: sectionproperties.activecat_color
8712
+ }),
8713
+ categoryName: glamor.css({
8714
+ color: sectionproperties.filtertitle_color,
8715
+ fontWeight: sectionproperties.filterCatFontWeight,
8716
+ fontSize: sectionproperties.filterCatFontSize + 'px'
8717
+ }),
8718
+ pCollectionName: glamor.css({
8719
+ color: sectionproperties.filtertitle_color,
8720
+ fontWeight: sectionproperties.filterPCollFontWeight,
8721
+ fontSize: sectionproperties.filterPCollFontSize + 'px'
8722
+ }),
8723
+ explorebtn: glamor.css({
8724
+ fontSize: sectionproperties.explorebtnfontsize + 'px',
8725
+ fontWeight: 600,
8726
+ color: sectionproperties.explorebtncolor,
8727
+ transition: '.3s',
8728
+ ':hover': {
8729
+ color: sectionproperties.explorebtncoloronhover
8730
+ }
8680
8731
  })
8681
8732
  };
8733
+ var CategoriesFilter = function CategoriesFilter() {
8734
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8735
+ "class": "col-lg-12 p-0"
8736
+ }, instcategories === null || instcategories === void 0 ? void 0 : instcategories.map(function (categoryItem, categoryIndex) {
8737
+ if (categoryItem.isinftiler == 1) {
8738
+ var _authdetailsContext$i3, _authdetailsContext$i4;
8739
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8740
+ allowMultipleExpanded: true,
8741
+ allowZeroExpanded: true,
8742
+ preExpanded: [0, 1, 2, 3]
8743
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8744
+ uuid: categoryIndex
8745
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8746
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
8747
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8748
+ className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
8749
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8750
+ className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
8751
+ }, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8752
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8753
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8754
+ if (state.expanded == true) {
8755
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8756
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8757
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8758
+ } else {
8759
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8760
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8761
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8762
+ }
8763
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8764
+ className: "col-lg-12 p-0"
8765
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8766
+ className: "mt-3 mb-2"
8767
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8768
+ className: "p-0"
8769
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8770
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8771
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8772
+ "class": "col-lg-12 mb-3 allcentered"
8773
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8774
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8775
+ style: {
8776
+ textDecoration: 'underline'
8777
+ },
8778
+ onClick: function onClick() {
8779
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
8780
+ }
8781
+ }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcategories[categoryIndex]) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.parentcolletions.map(function (parentcollectionitem, parentcollectionindex) {
8782
+ if (parentcollectionitem.isinftiler == 1) {
8783
+ var _parentcollectionitem;
8784
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8785
+ "class": "col-lg-12"
8786
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8787
+ allowMultipleExpanded: true,
8788
+ allowZeroExpanded: true,
8789
+ preExpanded: [0, 1, 2, 3]
8790
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8791
+ uuid: parentcollectionindex
8792
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8793
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8794
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8795
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8796
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8797
+ className: langdetect == 'en' ? filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 ' : filter_cssstyles.pCollectionName + ' collapsetitle text-capitalize m-0 p-0 text-right'
8798
+ }, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8799
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8800
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8801
+ if (state.expanded == true) {
8802
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8803
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8804
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8805
+ } else {
8806
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8807
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8808
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8809
+ }
8810
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8811
+ className: "p-0"
8812
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8813
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
8814
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8815
+ "class": "col-lg-12 mb-3 allcentered"
8816
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8817
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8818
+ style: {
8819
+ textDecoration: 'underline'
8820
+ },
8821
+ onClick: function onClick() {
8822
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
8823
+ }
8824
+ }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8825
+ className: 'col-lg-12 pl-md-3 pr-md-3'
8826
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8827
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8828
+ }, parentcollectionitem === null || parentcollectionitem === void 0 ? void 0 : (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
8829
+ if (collectionitem.isinftiler == 1) {
8830
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8831
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(collectionitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8832
+ onClick: function onClick() {
8833
+ setCollectionFilterFunc(collectionitem.collectionid);
8834
+ }
8835
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8836
+ className: " ".concat(collectionitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8837
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8838
+ className: "h-100 d-flex align-items-center"
8839
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8840
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8841
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8842
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8843
+ style: {
8844
+ color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
8845
+ }
8846
+ }, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
8847
+ }
8848
+ }))))))));
8849
+ }
8850
+ })))));
8851
+ }
8852
+ }));
8853
+ };
8854
+ var CollectionsFilter = function CollectionsFilter() {
8855
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8856
+ "class": "col-lg-12 p-0"
8857
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8858
+ allowMultipleExpanded: true,
8859
+ allowZeroExpanded: true,
8860
+ preExpanded: [0, 1, 2, 3]
8861
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8862
+ uuid: 0
8863
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8864
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8865
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8866
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8867
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8868
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8869
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8870
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8871
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8872
+ if (state.expanded == true) {
8873
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8874
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8875
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8876
+ } else {
8877
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8878
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8879
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8880
+ }
8881
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8882
+ className: "p-0"
8883
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8884
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8885
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8886
+ className: 'col-lg-12'
8887
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8888
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8889
+ }, instcollections.map(function (item, index) {
8890
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8891
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8892
+ onClick: function onClick() {
8893
+ setCollectionFilterFunc(item.collectionid);
8894
+ }
8895
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8896
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8897
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8898
+ className: "h-100 d-flex align-items-center"
8899
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8900
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8901
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8902
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8903
+ style: {
8904
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
8905
+ }
8906
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
8907
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8908
+ className: "mt-3 mb-3"
8909
+ })));
8910
+ };
8911
+ var InstFilters = function InstFilters() {
8912
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8913
+ allowMultipleExpanded: true,
8914
+ allowZeroExpanded: true,
8915
+ preExpanded: [0, 1, 2, 3]
8916
+ }, instfilters.map(function (item, index) {
8917
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8918
+ uuid: index
8919
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8920
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8921
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8922
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8923
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8924
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8925
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8926
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8927
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8928
+ if (state.expanded == true) {
8929
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8930
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8931
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8932
+ } else {
8933
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8934
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8935
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8936
+ }
8937
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8938
+ className: "p-0"
8939
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8940
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8941
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8942
+ className: 'col-lg-12'
8943
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8944
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8945
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8946
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8947
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8948
+ onClick: function onClick() {
8949
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8950
+ }
8951
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8952
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8953
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8954
+ className: "h-100 d-flex align-items-center"
8955
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
8956
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8957
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8958
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8959
+ style: {
8960
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8961
+ }
8962
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8963
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8964
+ className: "mt-3 mb-3"
8965
+ }));
8966
+ }));
8967
+ };
8682
8968
  return /*#__PURE__*/React__default["default"].createElement("div", {
8683
8969
  className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8684
8970
  style: {
@@ -8785,8 +9071,26 @@ var Filter$1 = function Filter(props) {
8785
9071
  style: {
8786
9072
  color: sectionproperties.closeSlider_color
8787
9073
  }
8788
- })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8789
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9074
+ })))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
9075
+ "class": "row m-0 w-100"
9076
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9077
+ "class": "col-lg-12"
9078
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9079
+ className: "m-0 p-0 font-16 font-weight-600",
9080
+ style: {
9081
+ color: sectionproperties.filter_titlecolor,
9082
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
9083
+ fontWeight: sectionproperties.filter_titlefontweight,
9084
+ textTransform: sectionproperties.filter_titletextransform
9085
+ }
9086
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
9087
+ className: "col-lg-12"
9088
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9089
+ className: "mt-2 mb-3"
9090
+ })), otherfilters.map(function (item, index) {
9091
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9092
+ className: "col-lg-12 pl-4 pr-4"
9093
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8790
9094
  allowMultipleExpanded: true,
8791
9095
  allowZeroExpanded: true,
8792
9096
  preExpanded: [0, 1, 2, 3],
@@ -8800,18 +9104,18 @@ var Filter$1 = function Filter(props) {
8800
9104
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8801
9105
  className: "col-lg-10 col-md-10 col-sm-10 p-0"
8802
9106
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8803
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9107
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8804
9108
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8805
9109
  className: "col-lg-2 col-md-2 col-sm-2 p-0"
8806
9110
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8807
9111
  if (state.expanded == true) {
8808
9112
  return /*#__PURE__*/React__default["default"].createElement("i", {
8809
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8810
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9113
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
9114
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8811
9115
  } else {
8812
9116
  return /*#__PURE__*/React__default["default"].createElement("i", {
8813
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8814
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9117
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9118
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8815
9119
  }
8816
9120
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8817
9121
  className: "p-0"
@@ -8858,10 +9162,8 @@ var Filter$1 = function Filter(props) {
8858
9162
  color: ischecked ? sectionproperties.activecat_color : ''
8859
9163
  }
8860
9164
  }, valueitem.name)));
8861
- }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8862
- className: "mt-3 mb-3"
8863
- }));
8864
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9165
+ }))))))));
9166
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8865
9167
  className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8866
9168
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8867
9169
  className: "m-0 p-0 font-16 font-weight-600",
@@ -8891,114 +9193,12 @@ var Filter$1 = function Filter(props) {
8891
9193
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
8892
9194
  className: "mt-2 mb-3"
8893
9195
  })), /*#__PURE__*/React__default["default"].createElement("div", {
8894
- className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
8895
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8896
- allowMultipleExpanded: true,
8897
- allowZeroExpanded: true,
8898
- preExpanded: [0, 1, 2, 3]
8899
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8900
- uuid: 0
8901
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8902
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8903
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8904
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8905
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8906
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8907
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8908
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8909
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8910
- if (state.expanded == true) {
8911
- return /*#__PURE__*/React__default["default"].createElement("i", {
8912
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8913
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8914
- } else {
8915
- return /*#__PURE__*/React__default["default"].createElement("i", {
8916
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8917
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8918
- }
8919
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8920
- className: "p-0"
8921
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8922
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8923
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8924
- className: 'col-lg-12'
8925
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8926
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8927
- }, instcollections.map(function (item, index) {
8928
- return /*#__PURE__*/React__default["default"].createElement("div", {
8929
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8930
- onClick: function onClick() {
8931
- setCollectionFilterFunc(item.collectionid);
8932
- }
8933
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8934
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8935
- }, /*#__PURE__*/React__default["default"].createElement("i", {
8936
- className: "h-100 d-flex align-items-center"
8937
- })), /*#__PURE__*/React__default["default"].createElement("div", {
8938
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8939
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8940
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8941
- style: {
8942
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
8943
- }
8944
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
8945
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8946
- className: "mt-3 mb-3"
8947
- })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8948
- allowMultipleExpanded: true,
8949
- allowZeroExpanded: true,
8950
- preExpanded: [0, 1, 2, 3]
8951
- }, instfilters.map(function (item, index) {
8952
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8953
- uuid: index
8954
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8955
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8956
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8957
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8958
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8959
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8960
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8961
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8962
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8963
- if (state.expanded == true) {
8964
- return /*#__PURE__*/React__default["default"].createElement("i", {
8965
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8966
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8967
- } else {
8968
- return /*#__PURE__*/React__default["default"].createElement("i", {
8969
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8970
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
8971
- }
8972
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8973
- className: "p-0"
8974
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8975
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8976
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8977
- className: 'col-lg-12'
8978
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8979
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8980
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8981
- return /*#__PURE__*/React__default["default"].createElement("div", {
8982
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8983
- onClick: function onClick() {
8984
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8985
- }
8986
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8987
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8988
- }, /*#__PURE__*/React__default["default"].createElement("i", {
8989
- className: "h-100 d-flex align-items-center"
8990
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
8991
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8992
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8993
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8994
- style: {
8995
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8996
- }
8997
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8998
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8999
- className: "mt-3 mb-3"
9000
- }));
9001
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
9196
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
9197
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
9198
+ "class": "row m-0 w-100"
9199
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
9200
+ "class": "row m-0 w-100"
9201
+ }, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
9002
9202
  className: "col-lg-12"
9003
9203
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
9004
9204
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -9072,12 +9272,12 @@ var Filter$1 = function Filter(props) {
9072
9272
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9073
9273
  if (state.expanded == true) {
9074
9274
  return /*#__PURE__*/React__default["default"].createElement("i", {
9075
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9076
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9275
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9276
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
9077
9277
  } else {
9078
9278
  return /*#__PURE__*/React__default["default"].createElement("i", {
9079
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9080
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9279
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9280
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
9081
9281
  }
9082
9282
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9083
9283
  className: "p-0"
@@ -9131,115 +9331,11 @@ var Filter$1 = function Filter(props) {
9131
9331
  className: "mt-2 mb-3"
9132
9332
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9133
9333
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9134
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9135
- allowMultipleExpanded: true,
9136
- allowZeroExpanded: true,
9137
- preExpanded: [0, 1, 2, 3]
9138
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9139
- uuid: 0
9140
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9141
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9142
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9143
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9144
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9145
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9146
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9147
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9148
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9149
- if (state.expanded == true) {
9150
- return /*#__PURE__*/React__default["default"].createElement("i", {
9151
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9152
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9153
- } else {
9154
- return /*#__PURE__*/React__default["default"].createElement("i", {
9155
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9156
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9157
- }
9158
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9159
- className: "p-0"
9160
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9161
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9162
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9163
- className: 'col-lg-12'
9164
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9165
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9166
- }, instcollections.map(function (item, index) {
9167
- return /*#__PURE__*/React__default["default"].createElement("div", {
9168
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
9169
- onClick: function onClick() {
9170
- setCollectionFilterFunc(item.collectionid);
9171
- }
9172
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9173
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9174
- }, /*#__PURE__*/React__default["default"].createElement("i", {
9175
- className: "h-100 d-flex align-items-center"
9176
- })), /*#__PURE__*/React__default["default"].createElement("div", {
9177
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9178
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9179
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9180
- style: {
9181
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
9182
- }
9183
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
9184
- }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9185
- "class": "col-lg-12"
9186
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
9187
- className: "mt-3 mb-3"
9188
- })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9189
- allowMultipleExpanded: true,
9190
- allowZeroExpanded: true,
9191
- preExpanded: [0, 1, 2, 3]
9192
- }, instfilters.map(function (item, index) {
9193
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9194
- uuid: index
9195
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9196
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9197
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9198
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9199
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9200
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9201
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9202
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9203
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9204
- if (state.expanded == true) {
9205
- return /*#__PURE__*/React__default["default"].createElement("i", {
9206
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9207
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9208
- } else {
9209
- return /*#__PURE__*/React__default["default"].createElement("i", {
9210
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9211
- }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlus.HiOutlinePlus, null));
9212
- }
9213
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9214
- className: "p-0"
9215
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9216
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9217
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9218
- className: 'col-lg-12'
9219
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9220
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9221
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9222
- return /*#__PURE__*/React__default["default"].createElement("div", {
9223
- className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
9224
- onClick: function onClick() {
9225
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9226
- }
9227
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9228
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
9229
- }, /*#__PURE__*/React__default["default"].createElement("i", {
9230
- className: "h-100 d-flex align-items-center"
9231
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
9232
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9233
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9234
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9235
- style: {
9236
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9237
- }
9238
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9239
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9240
- className: "mt-3 mb-3"
9241
- }));
9242
- })))))))));
9334
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
9335
+ "class": "row m-0 w-100"
9336
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
9337
+ "class": "row m-0 w-100"
9338
+ }, CollectionsFilter()), InstFilters())))))));
9243
9339
  };
9244
9340
 
9245
9341
  function ownKeys$1J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -10318,7 +10414,7 @@ styleInject(css_248z$z);
10318
10414
  function ownKeys$1H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
10319
10415
  function _objectSpread$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
10320
10416
  var Subheader = function Subheader(props) {
10321
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _props$subheaderprope10, _templatepropcontext$2, _props$subheaderprope13, _props$subheaderprope14, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope25, _props$subheaderprope26, _props$subheaderprope27, _props$subheaderprope28, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19;
10417
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _fetchCategoriesQuery3, _fetchCategoriesQuery4, _props$subheaderprope10, _templatepropcontext$2, _props$subheaderprope13, _props$subheaderprope14, _templatepropcontext$3, _fetchCategoriesQuery5, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery8, _fetchCategoriesQuery9, _fetchCategoriesQuery10, _fetchCategoriesQuery11, _fetchCategoriesQuery12, _props$subheaderprope25, _props$subheaderprope26, _props$subheaderprope27, _props$subheaderprope28, _props$subheaderprope29, _props$subheaderprope30, _fetchCategoriesQuery13, _fetchCategoriesQuery14, _fetchCategoriesQuery15, _fetchCategoriesQuery16, _fetchCategoriesQuery17, _fetchCategoriesQuery18, _fetchCategoriesQuery19;
10322
10418
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
10323
10419
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
10324
10420
  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -10630,7 +10726,7 @@ var Subheader = function Subheader(props) {
10630
10726
  width: sectionproperties.subheader_width + '%',
10631
10727
  zIndex: 2000,
10632
10728
  position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10633
- top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.headernameprops) == 'Stylish Header' && ((_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.subheaderpositionprops) == 'in nav' ? 30 : '',
10729
+ top: ((_props$subheaderprope26 = props.subheaderpropertiesprops) === null || _props$subheaderprope26 === void 0 ? void 0 : _props$subheaderprope26.headernameprops) == 'Stylish Header' && ((_props$subheaderprope27 = props.subheaderpropertiesprops) === null || _props$subheaderprope27 === void 0 ? void 0 : _props$subheaderprope27.subheaderpositionprops) == 'in nav' ? 50 : ((_props$subheaderprope28 = props.subheaderpropertiesprops) === null || _props$subheaderprope28 === void 0 ? void 0 : _props$subheaderprope28.headernameprops) == 'HeaderwithContactinfo' && ((_props$subheaderprope29 = props.subheaderpropertiesprops) === null || _props$subheaderprope29 === void 0 ? void 0 : _props$subheaderprope29.subheaderpositionprops) == 'in nav' ? 45 : ((_props$subheaderprope30 = props.subheaderpropertiesprops) === null || _props$subheaderprope30 === void 0 ? void 0 : _props$subheaderprope30.subheaderpositionprops) == 'in nav' ? 30 : '',
10634
10730
  border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10635
10731
  borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10636
10732
  borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
@@ -10665,7 +10761,7 @@ var Subheader = function Subheader(props) {
10665
10761
  }
10666
10762
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
10667
10763
  return /*#__PURE__*/React__default["default"].createElement("div", {
10668
- "class": "col-lg-12 p-0 mb-2",
10764
+ "class": "col-lg-12 mb-2",
10669
10765
  onClick: function onClick() {
10670
10766
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
10671
10767
  }
@@ -17529,7 +17625,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
17529
17625
  subheaderpositionprops: 'in nav',
17530
17626
  paddingLeftprops: '35px',
17531
17627
  paddingRightprops: '35px',
17532
- subheadercontentpositionprops: 'start'
17628
+ subheadercontentpositionprops: 'start',
17629
+ headernameprops: 'HeaderwithContactinfo'
17533
17630
  }
17534
17631
  })), /*#__PURE__*/React__default["default"].createElement("div", {
17535
17632
  "class": "col-lg-3 d-flex align-items-center justify-content-end"