tabexseriescomponents 0.0.199 → 0.0.202

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,260 @@ 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
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8743
+ uuid: categoryIndex
8744
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8745
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-1 pl-md-3 pr-md-3 '
8746
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8747
+ className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
8748
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8749
+ className: filter_cssstyles.categoryName + ' collapsetitle text-capitalize m-0 p-0 '
8750
+ }, langdetect == 'en' ? categoryItem.title_en : categoryItem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8751
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8752
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8753
+ if (state.expanded == true) {
8754
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8755
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8756
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8757
+ } else {
8758
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8759
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8760
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8761
+ }
8762
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8763
+ className: "col-lg-12 p-0"
8764
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
8765
+ className: "mt-3 mb-2"
8766
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8767
+ className: "p-0"
8768
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8769
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8770
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8771
+ "class": "col-lg-12 mb-3 allcentered"
8772
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8773
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8774
+ style: {
8775
+ textDecoration: 'underline'
8776
+ },
8777
+ onClick: function onClick() {
8778
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + categoryItem.categoryid);
8779
+ }
8780
+ }, 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) {
8781
+ if (parentcollectionitem.isinftiler == 1) {
8782
+ var _parentcollectionitem;
8783
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8784
+ "class": "col-lg-12"
8785
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8786
+ allowMultipleExpanded: true,
8787
+ allowZeroExpanded: true
8788
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8789
+ uuid: parentcollectionindex
8790
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8791
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8792
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8793
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8794
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8795
+ 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'
8796
+ }, langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8797
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8798
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8799
+ if (state.expanded == true) {
8800
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8801
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8802
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8803
+ } else {
8804
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8805
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8806
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8807
+ }
8808
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8809
+ className: "p-0"
8810
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8811
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex "
8812
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8813
+ "class": "col-lg-12 mb-3 allcentered"
8814
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8815
+ "class": filter_cssstyles.explorebtn + ' m-0 p-0 cursor-pointer text-capitalize ',
8816
+ style: {
8817
+ textDecoration: 'underline'
8818
+ },
8819
+ onClick: function onClick() {
8820
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + parentcollectionitem.parentcollectionid);
8821
+ }
8822
+ }, langdetect == 'en' ? sectionproperties.explorebtncontenten : sectionproperties.explorebtncontentar, ' ', langdetect == 'en' ? parentcollectionitem.title_en : parentcollectionitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8823
+ className: 'col-lg-12 pl-md-3 pr-md-3'
8824
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8825
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8826
+ }, parentcollectionitem === null || parentcollectionitem === void 0 ? void 0 : (_parentcollectionitem = parentcollectionitem.collections) === null || _parentcollectionitem === void 0 ? void 0 : _parentcollectionitem.map(function (collectionitem, collectionindex) {
8827
+ if (collectionitem.isinftiler == 1) {
8828
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8829
+ 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 ',
8830
+ onClick: function onClick() {
8831
+ setCollectionFilterFunc(collectionitem.collectionid);
8832
+ }
8833
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8834
+ 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 '
8835
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8836
+ className: "h-100 d-flex align-items-center"
8837
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8838
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8839
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8840
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8841
+ style: {
8842
+ color: collectionitem.isfilterselected ? sectionproperties.activecat_color : ''
8843
+ }
8844
+ }, langdetect == 'en' ? collectionitem.title_en : collectionitem.title_ar)));
8845
+ }
8846
+ }))))))));
8847
+ }
8848
+ })))));
8849
+ }
8850
+ }));
8851
+ };
8852
+ var CollectionsFilter = function CollectionsFilter() {
8853
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8854
+ "class": "col-lg-12 p-0"
8855
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8856
+ allowMultipleExpanded: true,
8857
+ allowZeroExpanded: true,
8858
+ preExpanded: [0, 1, 2, 3]
8859
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8860
+ uuid: 0
8861
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8862
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8863
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8864
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8865
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8866
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8867
+ }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8868
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8869
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8870
+ if (state.expanded == true) {
8871
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8872
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8873
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8874
+ } else {
8875
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8876
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8877
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8878
+ }
8879
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8880
+ className: "p-0"
8881
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8882
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8883
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8884
+ className: 'col-lg-12'
8885
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8886
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8887
+ }, instcollections.map(function (item, index) {
8888
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8889
+ 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 ',
8890
+ onClick: function onClick() {
8891
+ setCollectionFilterFunc(item.collectionid);
8892
+ }
8893
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8894
+ 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 '
8895
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8896
+ className: "h-100 d-flex align-items-center"
8897
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8898
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8899
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8900
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8901
+ style: {
8902
+ color: item.isfilterselected ? sectionproperties.activecat_color : ''
8903
+ }
8904
+ }, langdetect == 'en' ? item.title_en : item.title_ar)));
8905
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8906
+ className: "mt-3 mb-3"
8907
+ })));
8908
+ };
8909
+ var InstFilters = function InstFilters() {
8910
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8911
+ allowMultipleExpanded: true,
8912
+ allowZeroExpanded: true,
8913
+ preExpanded: [0, 1, 2, 3]
8914
+ }, instfilters.map(function (item, index) {
8915
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8916
+ uuid: index
8917
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8918
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8919
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8920
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
8921
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8922
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8923
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8924
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
8925
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8926
+ if (state.expanded == true) {
8927
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8928
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8929
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8930
+ } else {
8931
+ return /*#__PURE__*/React__default["default"].createElement("i", {
8932
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
8933
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8934
+ }
8935
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8936
+ className: "p-0"
8937
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8938
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
8939
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8940
+ className: 'col-lg-12'
8941
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
8942
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8943
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8944
+ return /*#__PURE__*/React__default["default"].createElement("div", {
8945
+ 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 ',
8946
+ onClick: function onClick() {
8947
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8948
+ }
8949
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8950
+ 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 '
8951
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
8952
+ className: "h-100 d-flex align-items-center"
8953
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
8954
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8955
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
8956
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8957
+ style: {
8958
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8959
+ }
8960
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8961
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8962
+ className: "mt-3 mb-3"
8963
+ }));
8964
+ }));
8965
+ };
8682
8966
  return /*#__PURE__*/React__default["default"].createElement("div", {
8683
8967
  className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8684
8968
  style: {
@@ -8785,8 +9069,26 @@ var Filter$1 = function Filter(props) {
8785
9069
  style: {
8786
9070
  color: sectionproperties.closeSlider_color
8787
9071
  }
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, {
9072
+ })))), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
9073
+ "class": "row m-0 w-100"
9074
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
9075
+ "class": "col-lg-12"
9076
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
9077
+ className: "m-0 p-0 font-16 font-weight-600",
9078
+ style: {
9079
+ color: sectionproperties.filter_titlecolor,
9080
+ fontSize: sectionproperties.filter_titlefontsize + 'px',
9081
+ fontWeight: sectionproperties.filter_titlefontweight,
9082
+ textTransform: sectionproperties.filter_titletextransform
9083
+ }
9084
+ }, langdetect == 'en' ? 'Sort By' : 'ترتيب حسب')), /*#__PURE__*/React__default["default"].createElement("div", {
9085
+ className: "col-lg-12"
9086
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
9087
+ className: "mt-2 mb-3"
9088
+ })), otherfilters.map(function (item, index) {
9089
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9090
+ className: "col-lg-12 pl-4 pr-4"
9091
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8790
9092
  allowMultipleExpanded: true,
8791
9093
  allowZeroExpanded: true,
8792
9094
  preExpanded: [0, 1, 2, 3],
@@ -8800,18 +9102,18 @@ var Filter$1 = function Filter(props) {
8800
9102
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8801
9103
  className: "col-lg-10 col-md-10 col-sm-10 p-0"
8802
9104
  }, /*#__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'
9105
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
8804
9106
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8805
9107
  className: "col-lg-2 col-md-2 col-sm-2 p-0"
8806
9108
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8807
9109
  if (state.expanded == true) {
8808
9110
  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));
9111
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
9112
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
8811
9113
  } else {
8812
9114
  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));
9115
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9116
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
8815
9117
  }
8816
9118
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8817
9119
  className: "p-0"
@@ -8858,10 +9160,8 @@ var Filter$1 = function Filter(props) {
8858
9160
  color: ischecked ? sectionproperties.activecat_color : ''
8859
9161
  }
8860
9162
  }, valueitem.name)));
8861
- }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8862
- className: "mt-3 mb-3"
8863
- }));
8864
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9163
+ }))))))));
9164
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8865
9165
  className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8866
9166
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8867
9167
  className: "m-0 p-0 font-16 font-weight-600",
@@ -8891,114 +9191,12 @@ var Filter$1 = function Filter(props) {
8891
9191
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
8892
9192
  className: "mt-2 mb-3"
8893
9193
  })), /*#__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", {
9194
+ className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
9195
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
9196
+ "class": "row m-0 w-100"
9197
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
9198
+ "class": "row m-0 w-100"
9199
+ }, CollectionsFilter()), InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
9002
9200
  className: "col-lg-12"
9003
9201
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
9004
9202
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -9072,12 +9270,12 @@ var Filter$1 = function Filter(props) {
9072
9270
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9073
9271
  if (state.expanded == true) {
9074
9272
  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));
9273
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9274
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
9077
9275
  } else {
9078
9276
  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));
9277
+ className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end '
9278
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
9081
9279
  }
9082
9280
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9083
9281
  className: "p-0"
@@ -9131,115 +9329,11 @@ var Filter$1 = function Filter(props) {
9131
9329
  className: "mt-2 mb-3"
9132
9330
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9133
9331
  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
- })))))))));
9332
+ }, sectionproperties.filterType == 'All' && /*#__PURE__*/React__default["default"].createElement("div", {
9333
+ "class": "row m-0 w-100"
9334
+ }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
9335
+ "class": "row m-0 w-100"
9336
+ }, CollectionsFilter()), InstFilters())))))));
9243
9337
  };
9244
9338
 
9245
9339
  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; }
@@ -10665,7 +10759,7 @@ var Subheader = function Subheader(props) {
10665
10759
  }
10666
10760
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
10667
10761
  return /*#__PURE__*/React__default["default"].createElement("div", {
10668
- "class": "col-lg-12 p-0 mb-2",
10762
+ "class": "col-lg-12 mb-2",
10669
10763
  onClick: function onClick() {
10670
10764
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
10671
10765
  }
@@ -17529,7 +17623,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
17529
17623
  subheaderpositionprops: 'in nav',
17530
17624
  paddingLeftprops: '35px',
17531
17625
  paddingRightprops: '35px',
17532
- subheadercontentpositionprops: 'start'
17626
+ subheadercontentpositionprops: 'start',
17627
+ headernameprops: 'HeaderwithContactinfo'
17533
17628
  }
17534
17629
  })), /*#__PURE__*/React__default["default"].createElement("div", {
17535
17630
  "class": "col-lg-3 d-flex align-items-center justify-content-end"