tabexseriescomponents 0.2.1190 → 0.2.1192

package/dist/index.cjs.js

@@ -16273,7 +16273,7 @@ var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i1, _authdetailsContext$c, _authdetailsContext$c2;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i10, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -16640,7 +16640,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     })
   };
   var PersonalInformation = function PersonalInformation() {
-    var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
+    var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16695,6 +16695,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       inputStyle: {
         color: sectionproperties.inputfieldcolor
       },
+      disableDropdown: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69551bc6d17c5' ? true : false,
       onChange: function onChange(event, country) {
         var temp = _objectSpread$2u({}, payloadobj);
         temp.mobile = event;
@@ -16999,7 +17000,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100"
     }, payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, payloadobj.instsignupformvalues.map(function (item, index) {
-      var _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
+      var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
       }, item.inputtype != 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
@@ -17021,7 +17022,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         style: {
           background: sectionproperties.input_bgcolor
         },
-        readOnly: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68527dfef348b' ? true : false
+        readOnly: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '68527dfef348b' ? true : false
       }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
         className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
         "for": "codcheckbox"
@@ -17076,11 +17077,11 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         },
         style: {
           resize: 'none',
-          paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '68527dfef348b' ? 10 : 0,
-          paddingLeft: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68527dfef348b' ? 20 : 0,
-          paddingRight: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68527dfef348b' ? 20 : 0
+          paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68527dfef348b' ? 10 : 0,
+          paddingLeft: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68527dfef348b' ? 20 : 0,
+          paddingRight: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68527dfef348b' ? 20 : 0
         },
-        disabled: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68527dfef348b' ? true : false
+        disabled: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68527dfef348b' ? true : false
       }), /*#__PURE__*/React__default["default"].createElement("span", {
         className: loginstyles.login_input_focus
       })));
@@ -17145,7 +17146,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     style: {
       background: sectionproperties.formLeftbgColor
     }
-  }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, PersonalInformation(), Address(), Otherinformation(), sectionproperties.hidepassword == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.ispasswordrequired_signup) == 1 && Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row ml-0 mr-0 w-100"
@@ -22894,205 +22895,533 @@ var Filter$1 = function Filter(props) {
 function ownKeys$2l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
-  props.actions.lang;
+  var _css;
+  var FetchAllVendorsQuery = props.actions.FetchAllVendorsQuery;
+  var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.productfiltercontext;
   props.actions.setproductfiltercontext;
   var ProductFilterObjContext = props.actions.ProductFilterObjContext;
   var setProductFilterObjContext = props.actions.setProductFilterObjContext;
-  props.actions.authdetailsContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var fetchproductoptionsQueryContext = props.actions.fetchproductoptionsQueryContext;
+  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var routingcountext = props.actions.routingcountext;
+  var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  props.actions.ikimagecredcontext;
-  props.actions.FetchQueriesEngineContext;
-  props.actions.setFetchQueriesEngineContext;
-  props.actions.fetchcollectionsQueryContext;
-  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
-  var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2);
-    _useState4[0];
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState = React.useState({
+      min: 0,
+      max: 10000
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState({
+      min: '',
+      max: ''
+    }),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    pricevalue2 = _useState4[0];
     _useState4[1];
-  // const [instcollections, setinstcollections] = useState([...fetchcollectionsQueryContext?.data?.data?.collections]);
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    instcategories = _useState6[0],
-    setinstcategories = _useState6[1];
-  var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2);
-    _useState8[0];
-    _useState8[1];
+    productfeatuesarr = _useState6[0];
+    _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    vendorarr = _useState8[0],
+    setvendorsarr = _useState8[1];
+  props.actions.fetchTabexCountriesQueryContext;
+  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  props.actions.fetchTabexCitiesQueryContext;
+  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
+  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
+  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
+  props.actions.fetchProductFeaturesQueryContext;
+  var _useState9 = React.useState(''),
+    _useState0 = _slicedToArray__default["default"](_useState9, 2),
+    sectionproperties = _useState0[0],
+    setsectionproperties = _useState0[1];
+  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2),
+    instfilters = _useState10[0],
+    setinstfilters = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    collectionstobevisible = _useState12[0],
+    setcollectionstobevisible = _useState12[1];
+  var _useState13 = React.useState([]),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    portfoliocollectionstobevisible = _useState14[0],
+    setportfoliocollectionstobevisible = _useState14[1];
+  var _useState15 = React.useState([]),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    instcollections = _useState16[0],
+    setinstcollections = _useState16[1];
+  var _useState17 = React.useState([]),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    instcategories = _useState18[0],
+    setinstcategories = _useState18[1];
+  // const [sortby, setSortby] = useState('Sort by');
+  var _useState19 = React.useState({
+      min: 0,
+      max: 5
+    }),
+    _useState20 = _slicedToArray__default["default"](_useState19, 2),
+    raterangevalue = _useState20[0];
+    _useState20[1];
+  // const timeoutRef = React.useRef(null);
+  var _useState21 = React.useState(''),
+    _useState22 = _slicedToArray__default["default"](_useState21, 2);
+    _useState22[0];
+    _useState22[1];
+  var _useState23 = React.useState(''),
+    _useState24 = _slicedToArray__default["default"](_useState23, 2);
+    _useState24[0];
+    _useState24[1];
+  var _useState25 = React.useState(''),
+    _useState26 = _slicedToArray__default["default"](_useState25, 2);
+    _useState26[0];
+    _useState26[1];
+  props.actions.setfetchingtype;
+  var _useState27 = React.useState([{
+      payloadvalue: 'sortprice',
+      name: lang.price,
+      filterarray: [{
+        name: lang.pricelowtohigh,
+        value: 'lowtohigh',
+        isfilterselected: false
+      }, {
+        name: lang.pricehightolow,
+        value: 'hightolow',
+        isfilterselected: false
+      }]
+    }, {
+      payloadvalue: 'sortdates',
+      name: lang.dates,
+      filterarray: [{
+        name: lang.recent,
+        value: 'recent',
+        isfilterselected: false
+      }, {
+        name: lang.oldest,
+        value: 'old',
+        isfilterselected: false
+      }]
+    }]),
+    _useState28 = _slicedToArray__default["default"](_useState27, 2);
+    _useState28[0];
+    _useState28[1];
+  props.actions.fetchAuthorizationQueryContext;
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray__default["default"](_useState29, 2);
+    _useState30[0];
+    _useState30[1];
+  var _useState31 = React.useState({
+      min: 0,
+      max: 5
+    }),
+    _useState32 = _slicedToArray__default["default"](_useState31, 2),
+    price_rangevalue = _useState32[0];
+    _useState32[1];
+  var timeoutRef = React__default["default"].useRef(null);
+  var timeoutRef_price = React__default["default"].useRef(null);
+  var timeoutRef__range_price = React__default["default"].useRef(null);
+  var FetchVendors_byproductsQuery = props.actions.FetchVendors_byproductsQuery;
   React.useEffect(function () {
-    // filterupdater();
+    filterupdater();
   }, []);
+  // useEffect(() => {
+  //     if (FetchAllVendorsQuery?.isSuccess && FetchAllVendorsQuery?.data?.data?.vendors != undefined && FetchAllVendorsQuery?.data?.data?.vendors?.length != 0) {
+  //         var temp = [...vendorarr];
+  //         temp = [...FetchAllVendorsQuery?.data?.data?.vendors];
+  //         temp?.forEach(function (instfilteritem, instfilterindex) {
+  //             instfilteritem.isfilterselected = false;
+  //         });
+  //         setvendorsarr([...temp]);
+  //     }
+  // }, [FetchAllVendorsQuery?.isSuccess]);
+  React.useEffect(function () {
+    if (fetchproductoptionsQueryContext.isSuccess) {
+      var _fetchproductoptionsQ;
+      setinstfilters(_toConsumableArray__default["default"](fetchproductoptionsQueryContext === null || fetchproductoptionsQueryContext === void 0 || (_fetchproductoptionsQ = fetchproductoptionsQueryContext.data) === null || _fetchproductoptionsQ === void 0 || (_fetchproductoptionsQ = _fetchproductoptionsQ.data) === null || _fetchproductoptionsQ === void 0 ? void 0 : _fetchproductoptionsQ.productoptions));
+    }
+  }, [fetchproductoptionsQueryContext.isSuccess]);
   React.useEffect(function () {
     if (fetchCategoriesQueryContext.isSuccess) {
       var _fetchCategoriesQuery;
       setinstcategories(_toConsumableArray__default["default"](fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories));
     }
   }, [fetchCategoriesQueryContext.isSuccess]);
+  React.useEffect(function () {
+    if (fetchcollectionsQueryContext.isSuccess) {
+      var _fetchcollectionsQuer;
+      var tempcoll = fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections;
+      var tempcollinfilter = [];
+      {
+        tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
+          if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
+            tempcollinfilter.push(collectionitem);
+          }
+        });
+      }
+      setinstcollections([].concat(tempcollinfilter));
+      // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
+    }
+  }, [fetchcollectionsQueryContext.isSuccess]);
+  // useEffect(() => {
+  //     // setinstfilters([...authdetailsContext.instinfo.instfilters]);
+  //     // setinstcollections([...authdetailsContext.instinfo.instcollections]);
+  //     // setinstcategories([...authdetailsContext?.instinfo?.instcategories]);
+  // }, [authdetailsContext]);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
       setsectionproperties(props.sectionpropertiesprops);
     }
   }, [props.sectionpropertiesprops]);
   React.useEffect(function () {
-    // filterupdater();
+    filterupdater();
   }, [ProductFilterObjContext]);
+  React.useEffect(function () {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(function () {
+      if (raterangevalue.min != 0 || raterangevalue.max != 5) {
+        var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
+        tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
+        tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
+        tempfetchproductsfilerobjcontext.page = 0;
+        setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
+        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }, 500);
+  }, [raterangevalue]);
+  React.useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess && instcategories.length != 0) {
+      var parentcollections_for_collectionsFilter = null;
+      var IsValid_parentcollections_for_collectionsFilter = false;
+      if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
+        parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
+      }
+      if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
+        // parentcollections_for_collectionsFilter?.forEach(function(item,index){
+        //     if(item.)
+        // })
+        IsValid_parentcollections_for_collectionsFilter = true;
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) != 'Depend on chosen parent group') {
+        if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
+          var _parentidsfound;
+          var collectiontobevisible = [];
+          var parentidsfound = [];
+          if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
+            if (parentcollections_for_collectionsFilter != null) {
+              parentidsfound = parentcollections_for_collectionsFilter;
+            } else {
+              parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+            }
+          } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
+            var _authdetailsContext$i, _authdetailsContext$i2;
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _ProductFilterObjCont;
+              ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
+                if (catitem.categoryid == colitem2) {
+                  var _catitem$parentcollet;
+                  catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
+                    parentidsfound.push(parentcolitem.parentcollectionid);
+                  });
+                }
+              });
+            });
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) == '65f69ce0a34b6' || (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '661bd8f2c412d') {
+              _toConsumableArray__default["default"](instcategories);
+              var newisntcatarr = [];
+              instcategories === null || instcategories === void 0 || instcategories.forEach(function (it2, ind2) {
+                var _ProductFilterObjCont2;
+                ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
+                  if (it2.categoryid == colitem2) {
+                    newisntcatarr.push(it2);
+                  }
+                });
+              });
+              setinstcategories([].concat(newisntcatarr));
+            }
+          } else {
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _catitem$parentcollet2;
+              catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
+                var _parentcolitem$collec;
+                parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
+                  var _ProductFilterObjCont3;
+                  ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (colitem2, colindex2) {
+                    if (colitem.collectionid == colitem2) {
+                      parentidsfound.push(parentcolitem.parentcollectionid);
+                    }
+                  });
+                });
+              });
+            });
+          }
+          parentidsfound = parentidsfound.filter(function (val, id, array) {
+            return array.indexOf(val) == id;
+          });
+          if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _catitem$parentcollet3;
+              catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
+                var _parentidsfound2;
+                (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
+                  if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
+                    var _parentcolitem$collec2;
+                    parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
+                      var iscolexists = false;
+                      collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
+                        if (colitemex.collectionid == colitem.collectionid) {
+                          iscolexists = true;
+                        }
+                      });
+                      if (iscolexists == false) {
+                        collectiontobevisible.push(colitem);
+                      }
+                    });
+                  }
+                });
+              });
+            });
+            if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
+              setcollectionstobevisible(collectiontobevisible);
+            } else {
+              setcollectionstobevisible(instcollections);
+            }
+          } else {
+            setcollectionstobevisible(instcollections);
+          }
+        } else {
+          setcollectionstobevisible(instcollections);
+        }
+      } else {
+        setcollectionstobevisible(instcollections);
+      }
 
+      //
+      //
+      //
+      var collectiontobevisible2 = [];
+      instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+        var _catitem$parentcollet4;
+        catitem === null || catitem === void 0 || (_catitem$parentcollet4 = catitem.parentcolletions) === null || _catitem$parentcollet4 === void 0 || _catitem$parentcollet4.forEach(function (parentcolitem, parentcolindex) {
+          if (parentcolitem.parentcollectionid == '679eef4735b11') {
+            var _parentcolitem$collec3;
+            parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec3 = parentcolitem.collections) === null || _parentcolitem$collec3 === void 0 || _parentcolitem$collec3.forEach(function (colitem, colindex) {
+              var iscolexists = false;
+              portfoliocollectionstobevisible === null || portfoliocollectionstobevisible === void 0 || portfoliocollectionstobevisible.forEach(function (colitemex, colindexex) {
+                if (colitemex.collectionid == colitem.collectionid) {
+                  iscolexists = true;
+                }
+              });
+              if (iscolexists == false) {
+                portfoliocollectionstobevisible.push(colitem);
+              }
+            });
+          }
+        });
+      });
+      if ((collectiontobevisible2 === null || collectiontobevisible2 === void 0 ? void 0 : collectiontobevisible2.length) != 0) {
+        setportfoliocollectionstobevisible(collectiontobevisible2);
+      }
+    }
+  }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcollections]);
   // useEffect(() => {
-  //     if (sectionproperties?.filterretreivetype == 'Depend on chosen parent group') {
-  //         if (ProductFilterObjContext?.collections != undefined && ProductFilterObjContext?.collections != null && Array.isArray(ProductFilterObjContext?.collections)) {
-  //             var collectiontobevisible = [];
-  //             var parentidsfound = [];
-  //             if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
-  //                 parentidsfound = ProductFilterObjContext?.collections;
-  //             } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
-  //                 instcategories?.forEach(function (catitem, catindex) {
-  //                     ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
-  //                         if (catitem.categoryid == colitem2) {
-  //                             catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-  //                                 parentidsfound.push(parentcolitem.parentcollectionid);
-  //                             });
-  //                         }
-  //                     });
-  //                 });
-  //             } else {
-  //                 instcategories?.forEach(function (catitem, catindex) {
-  //                     catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-  //                         parentcolitem?.collections?.forEach(function (colitem, colindex) {
-  //                             ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
-  //                                 if (colitem.collectionid == colitem2) {
-  //                                     parentidsfound.push(parentcolitem.parentcollectionid);
-  //                                 }
-  //                             });
-  //                         });
-  //                     });
-  //                 });
-  //             }
-
-  //             parentidsfound = parentidsfound.filter((val, id, array) => array.indexOf(val) == id);
-
-  //             if (parentidsfound?.length != 0) {
-  //                 instcategories?.forEach(function (catitem, catindex) {
-  //                     catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
-  //                         parentidsfound?.forEach(function (parentidfounditem, parentidfoundindex) {
-  //                             if (parentidfounditem == parentcolitem?.parentcollectionid) {
-  //                                 parentcolitem?.collections?.forEach(function (colitem, colindex) {
-  //                                     var iscolexists = false;
-  //                                     collectiontobevisible?.forEach(function (colitemex, colindexex) {
-  //                                         if (colitemex.collectionid == colitem.collectionid) {
-  //                                             iscolexists = true;
-  //                                         }
-  //                                     });
-  //                                     if (iscolexists == false) {
-  //                                         collectiontobevisible.push(colitem);
-  //                                     }
-  //                                 });
-  //                             }
-  //                         });
-  //                     });
-  //                 });
-
-  //                 if (collectiontobevisible?.length != 0) {
-  //                     setcollectionstobevisible(collectiontobevisible);
-  //                 } else {
-  //                     setcollectionstobevisible(instcollections);
-  //                 }
-  //             } else {
-  //                 setcollectionstobevisible(instcollections);
-  //             }
-  //         } else {
-  //             setcollectionstobevisible(instcollections);
-  //         }
-  //     } else {
-  //         setcollectionstobevisible(instcollections);
-  //     }
-  // }, [ProductFilterObjContext]);
-
-  // const filterupdater = () => {
-  //     if (instcategories.length != 0) {
-  //         var tempInstcategories = [...instcategories];
-  //         tempInstcategories.forEach(function (catitem, catindex) {
-  //             catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-  //                 parentcolitem.collections.forEach(function (colitem, colindex) {
-  //                     colitem.isfilterselected = false;
-  //                 });
-  //             });
-  //         });
-
-  //         ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
-  //             tempInstcategories.forEach(function (catitem, catindex) {
-  //                 catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-  //                     parentcolitem.collections.forEach(function (colitem, colindex) {
-  //                         if (colitem.collectionid == filteritem) {
-  //                             colitem.isfilterselected = true;
-  //                         }
-  //                     });
-  //                 });
-  //             });
-  //         });
-
-  //         setinstcategories([...tempInstcategories]);
-  //     }
-  //     // if (instcollections.length != 0) {
-  //     //     var tempInstcollections = [...instcollections];
-  //     //     tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
-  //     //         instfilteritem.isfilterselected = false;
-  //     //     });
-  //     //     ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
-  //     //         tempInstcollections?.forEach(function (instfilteritem, instfilterindex) {
-  //     //             if (instfilteritem.collectionid == filteritem) {
-  //     //                 instfilteritem.isfilterselected = true;
-  //     //             }
-  //     //         });
-  //     //     });
-  //     //     setinstcollections([...tempInstcollections]);
+  //     // if (productfeatuesarr.length != 0) {
+  //     var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
+  //     tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
+  //     setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
+  //     filterrouting(tempfetchproductsfilerobjcontext);
   //     // }
-  // };
+  // }, [productfeatuesarr]);
+  React.useEffect(function () {
+    if (productfeatuesarr.length != 0) {
+      var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
+      setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
+      filterrouting(tempfetchproductsfilerobjcontext);
+    } else if (productfeatuesarr.length == 0) {
+      var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
+      setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
+      // filterrouting(tempfetchproductsfilerobjcontext);
+    }
+  }, [productfeatuesarr]);
+  React.useEffect(function () {
+    if (fetchTabexStatesQueryContext.isSuccess) {
+      if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2l({}, FetchTabexStatesPayloadobjContext);
+        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
+        tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2l({}, tempFetchTabexStatesPayloadobjContext));
+      }
+    }
+  }, [fetchTabexStatesQueryContext.isSuccess]);
+  var filterupdater = function filterupdater() {
+    setTimeout(function () {
+      var tempFetchQueriesEngineContext = _objectSpread$2l({}, FetchQueriesEngineContext);
+      tempFetchQueriesEngineContext.fetchtabexcountries = true;
+      setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
+    }, 100);
+    if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$2l({}, FetchTabexStatesPayloadobjContext);
+      tempFetchTabexStatesPayloadobjContext.functype = 'states';
+      tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$2l({}, tempFetchTabexStatesPayloadobjContext));
+    }
+    if (instfilters.length != 0) {
+      var _ProductFilterObjCont4;
+      var tempinstfilters = _toConsumableArray__default["default"](instfilters);
+      tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+        instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
+          valefilteritem.isfilterselected = false;
+        });
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
+        tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+          var _instfilteritem$produ;
+          instfilteritem === null || instfilteritem === void 0 || (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 || _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
+            if (filteritem.valueid == valefilteritem.valueid) {
+              valefilteritem.isfilterselected = true;
+            }
+          });
+        });
+      });
+      setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
+    }
+    if (instcategories.length != 0) {
+      var _ProductFilterObjCont5;
+      var tempInstcategories = _toConsumableArray__default["default"](instcategories);
+      tempInstcategories.forEach(function (catitem, catindex) {
+        catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
+          parentcolitem.collections.forEach(function (colitem, colindex) {
+            colitem.isfilterselected = false;
+          });
+        });
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 || _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
+        tempInstcategories.forEach(function (catitem, catindex) {
+          catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
+            parentcolitem.collections.forEach(function (colitem, colindex) {
+              if (colitem.collectionid == filteritem) {
+                colitem.isfilterselected = true;
+              }
+            });
+          });
+        });
+      });
+      setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
+    }
+    if (instcollections.length != 0) {
+      var _ProductFilterObjCont6;
+      var tempInstcollections = _toConsumableArray__default["default"](instcollections);
+      tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
+        instfilteritem.isfilterselected = false;
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont6 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont6 === void 0 || _ProductFilterObjCont6.forEach(function (filteritem, filterindex) {
+        tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
+          if (instfilteritem.collectionid == filteritem) {
+            instfilteritem.isfilterselected = true;
+          }
+        });
+      });
+      setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
+    }
+  };
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
-    var _tempfetchproductsfil;
+    var _tempfetchproductsfil2, _tempfetchproductsfil3;
     var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
     var CollectionExists = false;
-    tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.categories) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
-      if (filteritem == collectionid) {
-        CollectionExists = true;
-        tempfetchproductsfilerobjcontext.categories.splice(filterindex, 1);
+    if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
+      tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
+    }
+    tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
+      if (sectionproperties.filterdirection != 'Horizontal') {
+        if (filteritem == collectionid) {
+          CollectionExists = true;
+          tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
+        }
       }
     });
     if (!CollectionExists) {
-      if (tempfetchproductsfilerobjcontext.categories != undefined && Array.isArray(tempfetchproductsfilerobjcontext.categories)) {
-        tempfetchproductsfilerobjcontext.categories = [collectionid];
+      if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
+        if (sectionproperties.filterdirection == 'Horizontal') {
+          // if (sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal') {
+          // tempfetchproductsfilerobjcontext.collections = [];
+          // tempfetchproductsfilerobjcontext.collections.push(collectionid);
+          tempfetchproductsfilerobjcontext.collections = [collectionid];
+        } else {
+          tempfetchproductsfilerobjcontext.collections.push(collectionid);
+        }
       } else {
-        tempfetchproductsfilerobjcontext.categories = [collectionid];
+        tempfetchproductsfilerobjcontext.collections = [collectionid];
+      }
+    }
+    tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
+    if (tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter != undefined && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter != null && (tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil3 = tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter) === null || _tempfetchproductsfil3 === void 0 ? void 0 : _tempfetchproductsfil3.length) != 0) {
+      var _tempfetchproductsfil4;
+      if (tempfetchproductsfilerobjcontext.collections != undefined && tempfetchproductsfilerobjcontext.collections != null && (tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil4 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil4 === void 0 ? void 0 : _tempfetchproductsfil4.length) == 1) {
+        tempfetchproductsfilerobjcontext.ProductFetchingType = 'Parent Collection';
       }
     }
     tempfetchproductsfilerobjcontext.page = 0;
-    tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
     setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
-  var CollectionsFilter = function CollectionsFilter() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
-    }, instcategories.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": filter_cssstyles.filteritem + ' m-0 p-0 cursor-pointer scrollhorixontaldiv mx-4 mx-sm-2 ',
-        onClick: function onClick() {
-          setCollectionFilterFunc(item.categoryid);
-        },
-        style: {
-          color: item.isfilterselected ? sectionproperties.activecat_color : ''
-        }
-      }, langdetect == 'en' ? item.title_en : item.title_ar);
-    }));
-  };
+  React.useEffect(function () {
+    var _FetchAllVendorsQuery, _FetchAllVendorsQuery2, _FetchVendors_byprodu, _FetchVendors_byprodu2;
+    if (FetchAllVendorsQuery !== null && FetchAllVendorsQuery !== void 0 && FetchAllVendorsQuery.isSuccess && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery = _FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery === void 0 ? void 0 : _FetchAllVendorsQuery.vendors) != undefined && (FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery2 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.data) === null || _FetchAllVendorsQuery2 === void 0 || (_FetchAllVendorsQuery2 = _FetchAllVendorsQuery2.vendors) === null || _FetchAllVendorsQuery2 === void 0 ? void 0 : _FetchAllVendorsQuery2.length) != 0 && FetchVendors_byproductsQuery !== null && FetchVendors_byproductsQuery !== void 0 && FetchVendors_byproductsQuery.isSuccess && (FetchVendors_byproductsQuery === null || FetchVendors_byproductsQuery === void 0 || (_FetchVendors_byprodu = FetchVendors_byproductsQuery.data) === null || _FetchVendors_byprodu === void 0 || (_FetchVendors_byprodu = _FetchVendors_byprodu.data) === null || _FetchVendors_byprodu === void 0 ? void 0 : _FetchVendors_byprodu.vendors) != undefined && (FetchVendors_byproductsQuery === null || FetchVendors_byproductsQuery === void 0 || (_FetchVendors_byprodu2 = FetchVendors_byproductsQuery.data) === null || _FetchVendors_byprodu2 === void 0 || (_FetchVendors_byprodu2 = _FetchVendors_byprodu2.data) === null || _FetchVendors_byprodu2 === void 0 || (_FetchVendors_byprodu2 = _FetchVendors_byprodu2.vendors) === null || _FetchVendors_byprodu2 === void 0 ? void 0 : _FetchVendors_byprodu2.length) != 0) {
+      var _authdetailsContext$i3, _temp;
+      var temp = _toConsumableArray__default["default"](vendorarr);
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '68f776707423b') {
+        var _FetchVendors_byprodu3;
+        temp = _toConsumableArray__default["default"](FetchVendors_byproductsQuery === null || FetchVendors_byproductsQuery === void 0 || (_FetchVendors_byprodu3 = FetchVendors_byproductsQuery.data) === null || _FetchVendors_byprodu3 === void 0 || (_FetchVendors_byprodu3 = _FetchVendors_byprodu3.data) === null || _FetchVendors_byprodu3 === void 0 ? void 0 : _FetchVendors_byprodu3.vendors);
+      } else {
+        var _FetchAllVendorsQuery3;
+        temp = _toConsumableArray__default["default"](FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 || (_FetchAllVendorsQuery3 = FetchAllVendorsQuery.data) === null || _FetchAllVendorsQuery3 === void 0 || (_FetchAllVendorsQuery3 = _FetchAllVendorsQuery3.data) === null || _FetchAllVendorsQuery3 === void 0 ? void 0 : _FetchAllVendorsQuery3.vendors);
+      }
+      (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
+        instfilteritem.isfilterselected = false;
+      });
+      setvendorsarr(_toConsumableArray__default["default"](temp));
+    }
+  }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess, FetchVendors_byproductsQuery.isSuccess]);
   var filter_cssstyles = {
-    filteritem: glamor.css({
+    form_control: glamor.css((_css = {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 30px'), "transition", '.3s'), "fontWeight", 500), "border", '1px solid #ccc'), "borderRadius", '5px'), "height", '40px'), "background", 'transparent'), "color", '#000'), _defineProperty__default["default"](_defineProperty__default["default"](_css, "fontSize", '14px'), ':focus', {
+      // borderColor: sectionproperties.inputfeildbordercoloronfocus,
+      borderColor: '#eac435',
+      boxShadow: 'none'
+    }))),
+    collapsetitle: glamor.css({
+      fontSize: sectionproperties.filtertitle_fontsize + 'px',
+      fontWeight: sectionproperties.filtertitle_fontweight,
+      textTransform: sectionproperties.filtertitle_texttransform,
+      color: sectionproperties.filtertitle_color,
+      ':hover': {
+        color: sectionproperties.filtertitle_coloronhover
+      }
+    }),
+    titlecontainer: glamor.css({
+      color: sectionproperties.filtertitle_color,
+      ':hover .collapsetitle': {
+        color: sectionproperties.filtertitle_coloronhover
+      }
+    }),
+    timeline_text: glamor.css({
       fontSize: sectionproperties.timeline_text_fontsize + 'px',
       fontWeight: sectionproperties.timeline_text_fontweight,
       textTransform: sectionproperties.timeline_text_texttransform,
@@ -23101,6 +23430,111 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
       ':hover': {
         color: sectionproperties.timeline_text_coloronhover
       }
+    }),
+    btnstyles: glamor.css({
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      textTransform: sectionproperties.generalbtn_texttransform,
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      }
+    }),
+    close_menu_icon_cont: glamor.css({
+      background: sectionproperties.closeSliderBgColor,
+      width: sectionproperties.closeSliderWidth + 'px',
+      height: sectionproperties.closeSliderHeight + 'px',
+      borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
+      ':hover': {
+        background: sectionproperties.closeSliderBgColorHover
+      }
+    }),
+    horizontalfilter_card: glamor.css({
+      marginBottom: sectionproperties.horizontalfilter_mb + 'px',
+      marginTop: sectionproperties.horizontalfilter_mt + 'px',
+      background: sectionproperties.horizontalfilter_cardbg,
+      border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
+      boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
+    }),
+    btn_item: glamor.css({
+      width: '15px',
+      height: '15px',
+      background: sectionproperties.filteritembtn_bgcolor,
+      ':hover': {
+        background: sectionproperties.filteritembtn_bghover
+      }
+    }),
+    btn_item_active: glamor.css({
+      background: sectionproperties.activecat_color
+    }),
+    timelineinnercont_active: glamor.css({
+      fontWeight: sectionproperties.activecat_fontweight,
+      color: sectionproperties.activecat_color
+    }),
+    categoryName: glamor.css({
+      color: sectionproperties.filtertitle_color,
+      fontWeight: sectionproperties.filterCatFontWeight,
+      fontSize: sectionproperties.filterCatFontSize + 'px'
+    }),
+    pCollectionName: glamor.css({
+      color: sectionproperties.filtertitle_color,
+      fontWeight: sectionproperties.filterPCollFontWeight,
+      fontSize: sectionproperties.filterPCollFontSize + 'px'
+    }),
+    explorebtn: glamor.css({
+      fontSize: sectionproperties.explorebtnfontsize + 'px',
+      fontWeight: 600,
+      color: sectionproperties.explorebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.explorebtncoloronhover
+      }
+    }),
+    showallbtn: glamor.css({
+      color: sectionproperties.showallcolor,
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
+        color: sectionproperties.showallcolorhover
+      }
+    }),
+    sectiontitle: glamor.css({
+      position: 'relative',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      '@media (max-width: 800px)': {
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+      }
+    }),
+    filtercard: glamor.css({
+      minWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px',
+      maxWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px'
+    }),
+    filtercardfilter: glamor.css({
+      minWidth: '100px',
+      maxWidth: '100px'
+    }),
+    filteroptionvertical: glamor.css({
+      border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
+      color: sectionproperties.timeline_text_color,
+      ':hover': {
+        color: sectionproperties.timeline_text_coloronhover
+      }
+      // filter_activebackgroundtransparent
+    }),
+    filteroptionverticalactive: glamor.css({
+      background: sectionproperties.btn_item_activebgcolor,
+      color: sectionproperties.activecat_color
     })
   };
   var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -23116,14 +23550,99 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
       routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
     }
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'col-lg-12 p-0 w-100 allcentered  mt-md-2 ',
-    style: {
-      marginTop: sectionproperties.filtersection_mt + 'px'
+  React.useEffect(function () {
+    if (timeoutRef_price.current !== null) {
+      clearTimeout(timeoutRef_price.current);
+    }
+    timeoutRef_price.current = setTimeout(function () {
+      if (pricevalue2.min != '' && pricevalue2.max != '') {
+        var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
+        tempfetchproductsfilerobjcontext.price_min = pricevalue2.min;
+        tempfetchproductsfilerobjcontext.price_max = pricevalue2.max;
+        tempfetchproductsfilerobjcontext.page = 0;
+        setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
+        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }, 500);
+  }, [pricevalue2]);
+  React.useEffect(function () {
+    if (timeoutRef__range_price.current !== null) {
+      clearTimeout(timeoutRef__range_price.current);
     }
+    timeoutRef__range_price.current = setTimeout(function () {
+      if (price_rangevalue.min != '' && price_rangevalue.max != '') {
+        var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
+        tempfetchproductsfilerobjcontext.price_min = price_rangevalue.min;
+        tempfetchproductsfilerobjcontext.price_max = price_rangevalue.max;
+        tempfetchproductsfilerobjcontext.page = 0;
+        setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
+        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }, 500);
+  }, [price_rangevalue]);
+  // const queryParameters = new URLSearchParams(window.location.search);
+  // useEffect(() => {
+  //     // setsortbycontext('Sort By');
+  //     if (queryParameters.get('sortprice') == undefined) {
+  //         setsortbycontext('Sort By');
+  //     } else {
+  //         var temp = { ...sortbycontext };
+  //         temp = queryParameters.get('sortprice');
+  //         alert(temp);
+  //     }
+  // }, []);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    // className={sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'}
+    className: 'row mx-0 p-0 w-100 mt-3'
+    // style={{ marginTop: sectionproperties.filtersection_mt + 'px', minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh' }}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, CollectionsFilter()));
+    "class": "col-lg-12 p-0 mb-4"
+  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+    transitionBehavior: 'auto',
+    wrapperClassName: '',
+    itemClassName: '',
+    scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
+  }, collectionstobevisible.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
+      onClick: function onClick() {
+        setCollectionFilterFunc(item.collectionid);
+      },
+      style: {
+        color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: sectionproperties.filterimagewidthheight + '%',
+        height: sectionproperties.filterimagewidthheight + '%'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'cover',
+        borderRadius: sectionproperties.filterimageborderradius + 'px'
+      },
+      loading: "lazy"
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 '
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 text-end"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+  }))));
 };
 
 function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -24915,7 +25434,12 @@ var CardsSection = function CardsSection(props) {
   var CardsSectionContent = function CardsSectionContent() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' row m-0 w-100 '
-    }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, authdetailsContext.instinfo.instid == '696691293c2a6' && sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement(CollectionsFilterHorizontal, {
+      sectionpropertiesprops: sectionproperties,
+      actions: actions,
+      openFilterSlider: openFilterSlider,
+      setopenFilterSlider: setopenFilterSlider
+    }), sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.filterdirection == 'Horizontal' || sectionproperties.filterdirection == 'Collections Vertical' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
     }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
       sectionpropertiesprops: sectionproperties,