tabexseriescomponents 0.0.198 → 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');
@@ -1044,7 +1046,7 @@ var Login = function Login(props) {
1044
1046
  }, forgetpasswordstage == 'verify' ? langdetect == 'en' ? 'Reset password' : 'إعادة تعيين كلمة المرور' : langdetect == 'en' ? 'Send verification code' : 'أرسل رمز التحقق'))))));
1045
1047
  };
1046
1048
 
1047
- var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n display: flex;\n align-items: center;\n justify-content: center;\n /* min-width: 10vh;\n height: 5vh; */\n border-radius: 10px;\n background-color: #000;\n color: white;\n padding: 0 6px;\n cursor: pointer;\n transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n /* min-width: 5vh !important;\n max-width: 5vh !important;\n height: 5vh !important;\n border-radius: 50% !important; */\n /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n transform: scale(1.1);\n}\n.productinfo-module_variant_container_active__OAhmg {\n border: 2px solid green;\n background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 4vh;\n height: 4vh;\n border: 2px solid #ccc;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n padding: 10px;\n border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n display: flex;\n align-items: center;\n justify-content: center;\n content: '✓';\n color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n transform: scale(1.1);\n}\n";
1049
+ var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n display: flex;\n align-items: center;\n justify-content: center;\n /* min-width: 10vh;\n height: 5vh; */\n border-radius: 10px;\n background-color: #000;\n color: white;\n padding: 0 6px;\n cursor: pointer;\n transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n /* min-width: 5vh !important;\n max-width: 5vh !important;\n height: 5vh !important;\n border-radius: 50% !important; */\n /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n transform: scale(1.05);\n}\n.productinfo-module_variant_container_active__OAhmg {\n border: 2px solid green;\n background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 4vh;\n height: 4vh;\n border: 2px solid #ccc;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n padding: 10px;\n border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n display: flex;\n align-items: center;\n justify-content: center;\n content: '✓';\n color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n transform: scale(1.1);\n}\n";
1048
1050
  var productinfostyles = {"variant_container":"productinfo-module_variant_container__-y4Uc","size_variant_container":"productinfo-module_size_variant_container__vuTAO","variant_container_active":"productinfo-module_variant_container_active__OAhmg","color_container":"productinfo-module_color_container__c42a9","color_container_active":"productinfo-module_color_container_active__Br2PW"};
1049
1051
  styleInject(css_248z$L);
1050
1052
 
@@ -1054,7 +1056,7 @@ styleInject(css_248z$K);
1054
1056
  function ownKeys$1Z(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; }
1055
1057
  function _objectSpread$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1056
1058
  var Product_itemtype = function Product_itemtype(props) {
1057
- var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i, _authdetailsContext$i2;
1059
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i, _authdetailsContext$i2;
1058
1060
  var lang = props.actions.lang;
1059
1061
  var langdetect = props.actions.langdetect;
1060
1062
  var srcfromprops = props.actions.srcfromprops;
@@ -1355,7 +1357,7 @@ var Product_itemtype = function Product_itemtype(props) {
1355
1357
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1356
1358
  className: "row m-0 w-100 d-flex align-items-start"
1357
1359
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1358
- className: "col-lg-12 col-md-12 p-0 d-flex mb-2"
1360
+ className: "col-lg-12 col-md-12 p-0 d-flex"
1359
1361
  }, /*#__PURE__*/React__default["default"].createElement("p", {
1360
1362
  className: ' m-0 p-0 wordbreak',
1361
1363
  style: {
@@ -1365,7 +1367,7 @@ var Product_itemtype = function Product_itemtype(props) {
1365
1367
  fontSize: sectionproperties.varianttitle_fontSize + 'px'
1366
1368
  }
1367
1369
  }, lang.select, " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
1368
- className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer"
1370
+ className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-3 pb-3"
1369
1371
  }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
1370
1372
  var isoptionvalueselected = 0;
1371
1373
  if (optionvaluesitem.isselected == 1) {
@@ -1596,9 +1598,9 @@ var Product_itemtype = function Product_itemtype(props) {
1596
1598
  fontWeight: sectionproperties.prodPriceFontWeight,
1597
1599
  color: sectionproperties.prodPriceColor
1598
1600
  }
1599
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) == 0 && /*#__PURE__*/React__default["default"].createElement("p", {
1601
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
1600
1602
  "class": "m-0 p-0"
1601
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext.data.data.productinfo.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
1603
+ }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext.data.data.productinfo.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
1602
1604
  className: langdetect == 'en' ? ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-right ' : ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-left '
1603
1605
  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantsaleprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 0 && /*#__PURE__*/React__default["default"].createElement("p", {
1604
1606
  className: langdetect == 'en' ? ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
@@ -1613,11 +1615,15 @@ var Product_itemtype = function Product_itemtype(props) {
1613
1615
  fontSize: sectionproperties.prodsalepriceFontSize + 'px',
1614
1616
  fontWeight: sectionproperties.prodsalePriceFontWeight
1615
1617
  }
1616
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1618
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.hasvariants) == 1 && variantindexcompleted.length == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1617
1619
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1618
1620
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1619
1621
  className: "ml-2 mr-2"
1620
- }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1622
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext.data.data.productinfo.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1623
+ className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1624
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1625
+ className: "ml-2 mr-2"
1626
+ }, "-"), " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
1621
1627
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
1622
1628
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1623
1629
  className: "ml-2 mr-2"
@@ -8443,13 +8449,14 @@ var OrderSuccess = function OrderSuccess(props) {
8443
8449
  }, ReasonFail)));
8444
8450
  };
8445
8451
 
8446
- 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";
8447
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"};
8448
8454
  styleInject(css_248z$B);
8449
8455
 
8450
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; }
8451
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; }
8452
8458
  var Filter$1 = function Filter(props) {
8459
+ var _authdetailsContext$i;
8453
8460
  var lang = props.actions.lang;
8454
8461
  var langdetect = props.actions.langdetect;
8455
8462
  props.actions.productfiltercontext;
@@ -8471,11 +8478,15 @@ var Filter$1 = function Filter(props) {
8471
8478
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
8472
8479
  instcollections = _useState6[0],
8473
8480
  setinstcollections = _useState6[1];
8474
- var _useState7 = React.useState(false),
8475
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
8476
- _useState8[0];
8477
- _useState8[1];
8478
- 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([{
8479
8490
  payloadvalue: 'sortprice',
8480
8491
  name: lang.price,
8481
8492
  filterarray: [{
@@ -8500,15 +8511,17 @@ var Filter$1 = function Filter(props) {
8500
8511
  isfilterselected: false
8501
8512
  }]
8502
8513
  }]),
8503
- _useState10 = _slicedToArray__default["default"](_useState9, 2),
8504
- otherfilters = _useState10[0];
8505
- _useState10[1];
8514
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
8515
+ otherfilters = _useState12[0];
8516
+ _useState12[1];
8506
8517
  React.useEffect(function () {
8507
8518
  filterupdater();
8508
8519
  }, []);
8509
8520
  React.useEffect(function () {
8521
+ var _authdetailsContext$i2;
8510
8522
  setinstfilters(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters));
8511
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));
8512
8525
  }, [authdetailsContext]);
8513
8526
  React.useEffect(function () {
8514
8527
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
@@ -8539,13 +8552,36 @@ var Filter$1 = function Filter(props) {
8539
8552
  });
8540
8553
  setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
8541
8554
  }
8542
- if (instcollections.length != 0) {
8555
+ if (instcategories.length != 0) {
8543
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;
8544
8580
  var tempInstcollections = _toConsumableArray__default["default"](instcollections);
8545
8581
  tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
8546
8582
  instfilteritem.isfilterselected = false;
8547
8583
  });
8548
- 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) {
8549
8585
  tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
8550
8586
  if (instfilteritem.collectionid == filteritem) {
8551
8587
  instfilteritem.isfilterselected = true;
@@ -8612,7 +8648,7 @@ var Filter$1 = function Filter(props) {
8612
8648
  }),
8613
8649
  titlecontainer: glamor.css({
8614
8650
  color: sectionproperties.filtertitle_color,
8615
- ':hover i': {
8651
+ ':hover .collapsetitle': {
8616
8652
  color: sectionproperties.filtertitle_coloronhover
8617
8653
  }
8618
8654
  }),
@@ -8673,8 +8709,262 @@ var Filter$1 = function Filter(props) {
8673
8709
  timelineinnercont_active: glamor.css({
8674
8710
  fontWeight: sectionproperties.activecat_fontweight,
8675
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
+ }
8676
8731
  })
8677
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
+ };
8678
8968
  return /*#__PURE__*/React__default["default"].createElement("div", {
8679
8969
  className: "col-lg-12 p-0 w-100 filter mt-md-0 d-md-none",
8680
8970
  style: {
@@ -8781,8 +9071,26 @@ var Filter$1 = function Filter(props) {
8781
9071
  style: {
8782
9072
  color: sectionproperties.closeSlider_color
8783
9073
  }
8784
- })))), sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
8785
- 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, {
8786
9094
  allowMultipleExpanded: true,
8787
9095
  allowZeroExpanded: true,
8788
9096
  preExpanded: [0, 1, 2, 3],
@@ -8796,18 +9104,18 @@ var Filter$1 = function Filter(props) {
8796
9104
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8797
9105
  className: "col-lg-10 col-md-10 col-sm-10 p-0"
8798
9106
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8799
- 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'
8800
9108
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
8801
9109
  className: "col-lg-2 col-md-2 col-sm-2 p-0"
8802
9110
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8803
9111
  if (state.expanded == true) {
8804
9112
  return /*#__PURE__*/React__default["default"].createElement("i", {
8805
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8806
- }, /*#__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));
8807
9115
  } else {
8808
9116
  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(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));
8811
9119
  }
8812
9120
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8813
9121
  className: "p-0"
@@ -8854,10 +9162,8 @@ var Filter$1 = function Filter(props) {
8854
9162
  color: ischecked ? sectionproperties.activecat_color : ''
8855
9163
  }
8856
9164
  }, valueitem.name)));
8857
- }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8858
- className: "mt-3 mb-3"
8859
- }));
8860
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9165
+ }))))))));
9166
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
8861
9167
  className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
8862
9168
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8863
9169
  className: "m-0 p-0 font-16 font-weight-600",
@@ -8887,114 +9193,12 @@ var Filter$1 = function Filter(props) {
8887
9193
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
8888
9194
  className: "mt-2 mb-3"
8889
9195
  })), /*#__PURE__*/React__default["default"].createElement("div", {
8890
- className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
8891
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8892
- allowMultipleExpanded: true,
8893
- allowZeroExpanded: true,
8894
- preExpanded: [0, 1, 2, 3]
8895
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8896
- uuid: 0
8897
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8898
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8899
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8900
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8901
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8902
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8903
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8904
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8905
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8906
- if (state.expanded == true) {
8907
- return /*#__PURE__*/React__default["default"].createElement("i", {
8908
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8909
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8910
- } else {
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(HiOutlinePlus.HiOutlinePlus, null));
8914
- }
8915
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8916
- className: "p-0"
8917
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8918
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8919
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8920
- className: 'col-lg-12'
8921
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8922
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8923
- }, instcollections.map(function (item, index) {
8924
- return /*#__PURE__*/React__default["default"].createElement("div", {
8925
- 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 ',
8926
- onClick: function onClick() {
8927
- setCollectionFilterFunc(item.collectionid);
8928
- }
8929
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8930
- 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 '
8931
- }, /*#__PURE__*/React__default["default"].createElement("i", {
8932
- className: "h-100 d-flex align-items-center"
8933
- })), /*#__PURE__*/React__default["default"].createElement("div", {
8934
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8935
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8936
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8937
- style: {
8938
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
8939
- }
8940
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
8941
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8942
- className: "mt-3 mb-3"
8943
- })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
8944
- allowMultipleExpanded: true,
8945
- allowZeroExpanded: true,
8946
- preExpanded: [0, 1, 2, 3]
8947
- }, instfilters.map(function (item, index) {
8948
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
8949
- uuid: index
8950
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
8951
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
8952
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8953
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
8954
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8955
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
8956
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
8957
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
8958
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
8959
- if (state.expanded == true) {
8960
- return /*#__PURE__*/React__default["default"].createElement("i", {
8961
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
8962
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
8963
- } else {
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(HiOutlinePlus.HiOutlinePlus, null));
8967
- }
8968
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
8969
- className: "p-0"
8970
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8971
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
8972
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8973
- className: 'col-lg-12'
8974
- }, /*#__PURE__*/React__default["default"].createElement("div", {
8975
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8976
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8977
- return /*#__PURE__*/React__default["default"].createElement("div", {
8978
- 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 ',
8979
- onClick: function onClick() {
8980
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8981
- }
8982
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8983
- 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 '
8984
- }, /*#__PURE__*/React__default["default"].createElement("i", {
8985
- className: "h-100 d-flex align-items-center"
8986
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
8987
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8988
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8989
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8990
- style: {
8991
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8992
- }
8993
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
8994
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
8995
- className: "mt-3 mb-3"
8996
- }));
8997
- }))))), /*#__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", {
8998
9202
  className: "col-lg-12"
8999
9203
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
9000
9204
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -9068,12 +9272,12 @@ var Filter$1 = function Filter(props) {
9068
9272
  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9069
9273
  if (state.expanded == true) {
9070
9274
  return /*#__PURE__*/React__default["default"].createElement("i", {
9071
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9072
- }, /*#__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));
9073
9277
  } else {
9074
9278
  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(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));
9077
9281
  }
9078
9282
  }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9079
9283
  className: "p-0"
@@ -9127,115 +9331,11 @@ var Filter$1 = function Filter(props) {
9127
9331
  className: "mt-2 mb-3"
9128
9332
  })), /*#__PURE__*/React__default["default"].createElement("div", {
9129
9333
  className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
9130
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9131
- allowMultipleExpanded: true,
9132
- allowZeroExpanded: true,
9133
- preExpanded: [0, 1, 2, 3]
9134
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9135
- uuid: 0
9136
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9137
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9138
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9139
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9140
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9141
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9142
- }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9143
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9144
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9145
- if (state.expanded == true) {
9146
- return /*#__PURE__*/React__default["default"].createElement("i", {
9147
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9148
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9149
- } else {
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(HiOutlinePlus.HiOutlinePlus, null));
9153
- }
9154
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9155
- className: "p-0"
9156
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9157
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9158
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9159
- className: 'col-lg-12'
9160
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9161
- className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9162
- }, instcollections.map(function (item, index) {
9163
- return /*#__PURE__*/React__default["default"].createElement("div", {
9164
- 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 ',
9165
- onClick: function onClick() {
9166
- setCollectionFilterFunc(item.collectionid);
9167
- }
9168
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9169
- 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 '
9170
- }, /*#__PURE__*/React__default["default"].createElement("i", {
9171
- className: "h-100 d-flex align-items-center"
9172
- })), /*#__PURE__*/React__default["default"].createElement("div", {
9173
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9174
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9175
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9176
- style: {
9177
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
9178
- }
9179
- }, langdetect == 'en' ? item.title_en : item.title_ar)));
9180
- }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
9181
- "class": "col-lg-12"
9182
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
9183
- className: "mt-3 mb-3"
9184
- })), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
9185
- allowMultipleExpanded: true,
9186
- allowZeroExpanded: true,
9187
- preExpanded: [0, 1, 2, 3]
9188
- }, instfilters.map(function (item, index) {
9189
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
9190
- uuid: index
9191
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
9192
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
9193
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9194
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
9195
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9196
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
9197
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
9198
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
9199
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
9200
- if (state.expanded == true) {
9201
- return /*#__PURE__*/React__default["default"].createElement("i", {
9202
- className: filter_cssstyles.collapsetitleicon + ' h-100 d-flex align-items-center justify-content-end accordion__button '
9203
- }, /*#__PURE__*/React__default["default"].createElement(AiOutlineMinus.AiOutlineMinus, null));
9204
- } else {
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(HiOutlinePlus.HiOutlinePlus, null));
9208
- }
9209
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
9210
- className: "p-0"
9211
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9212
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
9213
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9214
- className: 'col-lg-12'
9215
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9216
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
9217
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
9218
- return /*#__PURE__*/React__default["default"].createElement("div", {
9219
- 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 ',
9220
- onClick: function onClick() {
9221
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
9222
- }
9223
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
9224
- 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 '
9225
- }, /*#__PURE__*/React__default["default"].createElement("i", {
9226
- className: "h-100 d-flex align-items-center"
9227
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
9228
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
9229
- }, /*#__PURE__*/React__default["default"].createElement("p", {
9230
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
9231
- style: {
9232
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
9233
- }
9234
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
9235
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
9236
- className: "mt-3 mb-3"
9237
- }));
9238
- })))))))));
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())))))));
9239
9339
  };
9240
9340
 
9241
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; }
@@ -10314,7 +10414,7 @@ styleInject(css_248z$z);
10314
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; }
10315
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; }
10316
10416
  var Subheader = function Subheader(props) {
10317
- 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;
10318
10418
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
10319
10419
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
10320
10420
  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
@@ -10626,7 +10726,7 @@ var Subheader = function Subheader(props) {
10626
10726
  width: sectionproperties.subheader_width + '%',
10627
10727
  zIndex: 2000,
10628
10728
  position: ((_props$subheaderprope25 = props.subheaderpropertiesprops) === null || _props$subheaderprope25 === void 0 ? void 0 : _props$subheaderprope25.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
10629
- 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 : '',
10630
10730
  border: sectionproperties.subheader_width != 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10631
10731
  borderBottom: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
10632
10732
  borderTop: sectionproperties.subheader_width == 100 ? sectionproperties.subheader_dropdown_borderWidth + 'px solid ' + sectionproperties.subheader_dropdown_borderColor : 0,
@@ -10661,7 +10761,7 @@ var Subheader = function Subheader(props) {
10661
10761
  }
10662
10762
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
10663
10763
  return /*#__PURE__*/React__default["default"].createElement("div", {
10664
- "class": "col-lg-12 p-0 mb-2",
10764
+ "class": "col-lg-12 mb-2",
10665
10765
  onClick: function onClick() {
10666
10766
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
10667
10767
  }
@@ -17525,7 +17625,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
17525
17625
  subheaderpositionprops: 'in nav',
17526
17626
  paddingLeftprops: '35px',
17527
17627
  paddingRightprops: '35px',
17528
- subheadercontentpositionprops: 'start'
17628
+ subheadercontentpositionprops: 'start',
17629
+ headernameprops: 'HeaderwithContactinfo'
17529
17630
  }
17530
17631
  })), /*#__PURE__*/React__default["default"].createElement("div", {
17531
17632
  "class": "col-lg-3 d-flex align-items-center justify-content-end"
@@ -26277,7 +26378,7 @@ var Footer3 = function Footer3(props) {
26277
26378
  }, /*#__PURE__*/React__default["default"].createElement("p", {
26278
26379
  "class": ' storeinfotext d-flex align-items-center justify-content-md-center text-transform-none '
26279
26380
  }, /*#__PURE__*/React__default["default"].createElement("i", {
26280
- "class": ' fa fa-at mr-2 ml-2 storeinfotext '
26381
+ "class": ' fa fa-at mr-2 ml-2 storeinfotext text-transform-none '
26281
26382
  }), authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : (_authdetailsContext$i18 = _authdetailsContext$i17.contactinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.email)), /*#__PURE__*/React__default["default"].createElement("div", {
26282
26383
  "class": ' col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0 '
26283
26384
  }, /*#__PURE__*/React__default["default"].createElement("p", {