tabexseriescomponents 0.2.1190 → 0.2.1192

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -16079,7 +16079,7 @@
16079
16079
  return import('react-select');
16080
16080
  });
16081
16081
  var CustomerInformationForm = function CustomerInformationForm(props) {
16082
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i1, _authdetailsContext$c, _authdetailsContext$c2;
16082
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i10, _authdetailsContext$c, _authdetailsContext$c2;
16083
16083
  var lang = props.actions.lang;
16084
16084
  var langdetect = props.actions.langdetect;
16085
16085
  props.actions.routingcountext;
@@ -16446,7 +16446,7 @@
16446
16446
  })
16447
16447
  };
16448
16448
  var PersonalInformation = function PersonalInformation() {
16449
- var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
16449
+ var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
16450
16450
  return /*#__PURE__*/React__default["default"].createElement("div", {
16451
16451
  className: "row m-0 w-100"
16452
16452
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16501,6 +16501,7 @@
16501
16501
  inputStyle: {
16502
16502
  color: sectionproperties.inputfieldcolor
16503
16503
  },
16504
+ disableDropdown: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '69551bc6d17c5' ? true : false,
16504
16505
  onChange: function onChange(event, country) {
16505
16506
  var temp = _objectSpread$2u({}, payloadobj);
16506
16507
  temp.mobile = event;
@@ -16805,7 +16806,7 @@
16805
16806
  return /*#__PURE__*/React__default["default"].createElement("div", {
16806
16807
  className: "row m-0 w-100"
16807
16808
  }, payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, payloadobj.instsignupformvalues.map(function (item, index) {
16808
- var _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0;
16809
+ var _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1;
16809
16810
  return /*#__PURE__*/React__default["default"].createElement("div", {
16810
16811
  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'
16811
16812
  }, item.inputtype != 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
@@ -16827,7 +16828,7 @@
16827
16828
  style: {
16828
16829
  background: sectionproperties.input_bgcolor
16829
16830
  },
16830
- readOnly: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '68527dfef348b' ? true : false
16831
+ readOnly: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '68527dfef348b' ? true : false
16831
16832
  }), item.inputtype == 'checkbox' && /*#__PURE__*/React__default["default"].createElement("label", {
16832
16833
  className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
16833
16834
  "for": "codcheckbox"
@@ -16882,11 +16883,11 @@
16882
16883
  },
16883
16884
  style: {
16884
16885
  resize: 'none',
16885
- paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '68527dfef348b' ? 10 : 0,
16886
- paddingLeft: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68527dfef348b' ? 20 : 0,
16887
- paddingRight: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68527dfef348b' ? 20 : 0
16886
+ paddingTop: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.contactinfo.instid) == '68527dfef348b' ? 10 : 0,
16887
+ paddingLeft: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '68527dfef348b' ? 20 : 0,
16888
+ paddingRight: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68527dfef348b' ? 20 : 0
16888
16889
  },
16889
- disabled: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '68527dfef348b' ? true : false
16890
+ disabled: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '68527dfef348b' ? true : false
16890
16891
  }), /*#__PURE__*/React__default["default"].createElement("span", {
16891
16892
  className: loginstyles.login_input_focus
16892
16893
  })));
@@ -16951,7 +16952,7 @@
16951
16952
  style: {
16952
16953
  background: sectionproperties.formLeftbgColor
16953
16954
  }
16954
- }, 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", {
16955
+ }, 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", {
16955
16956
  className: "col-lg-12 p-0"
16956
16957
  }, /*#__PURE__*/React__default["default"].createElement("div", {
16957
16958
  className: "row ml-0 mr-0 w-100"
@@ -22700,205 +22701,533 @@
22700
22701
  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; }
22701
22702
  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; }
22702
22703
  var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
22703
- props.actions.lang;
22704
+ var _css;
22705
+ var FetchAllVendorsQuery = props.actions.FetchAllVendorsQuery;
22706
+ var lang = props.actions.lang;
22704
22707
  var langdetect = props.actions.langdetect;
22705
22708
  props.actions.productfiltercontext;
22706
22709
  props.actions.setproductfiltercontext;
22707
22710
  var ProductFilterObjContext = props.actions.ProductFilterObjContext;
22708
22711
  var setProductFilterObjContext = props.actions.setProductFilterObjContext;
22709
- props.actions.authdetailsContext;
22712
+ var authdetailsContext = props.actions.authdetailsContext;
22713
+ var fetchproductoptionsQueryContext = props.actions.fetchproductoptionsQueryContext;
22714
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
22710
22715
  var routingcountext = props.actions.routingcountext;
22716
+ var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
22711
22717
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
22712
- props.actions.ikimagecredcontext;
22713
- props.actions.FetchQueriesEngineContext;
22714
- props.actions.setFetchQueriesEngineContext;
22715
- props.actions.fetchcollectionsQueryContext;
22716
- var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
22717
- var _useState = React.useState(''),
22718
- _useState2 = _slicedToArray__default["default"](_useState, 2),
22719
- sectionproperties = _useState2[0],
22720
- setsectionproperties = _useState2[1];
22721
- var _useState3 = React.useState([]),
22722
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
22723
- _useState4[0];
22718
+ var ikimagecredcontext = props.actions.ikimagecredcontext;
22719
+ var _useState = React.useState({
22720
+ min: 0,
22721
+ max: 10000
22722
+ }),
22723
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
22724
+ _useState2[0];
22725
+ _useState2[1];
22726
+ var _useState3 = React.useState({
22727
+ min: '',
22728
+ max: ''
22729
+ }),
22730
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
22731
+ pricevalue2 = _useState4[0];
22724
22732
  _useState4[1];
22725
- // const [instcollections, setinstcollections] = useState([...fetchcollectionsQueryContext?.data?.data?.collections]);
22726
22733
  var _useState5 = React.useState([]),
22727
22734
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
22728
- instcategories = _useState6[0],
22729
- setinstcategories = _useState6[1];
22730
- var _useState7 = React.useState(false),
22731
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
22732
- _useState8[0];
22733
- _useState8[1];
22735
+ productfeatuesarr = _useState6[0];
22736
+ _useState6[1];
22737
+ var _useState7 = React.useState([]),
22738
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
22739
+ vendorarr = _useState8[0],
22740
+ setvendorsarr = _useState8[1];
22741
+ props.actions.fetchTabexCountriesQueryContext;
22742
+ var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
22743
+ var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
22744
+ props.actions.fetchTabexCitiesQueryContext;
22745
+ var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
22746
+ var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
22747
+ var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
22748
+ props.actions.fetchProductFeaturesQueryContext;
22749
+ var _useState9 = React.useState(''),
22750
+ _useState0 = _slicedToArray__default["default"](_useState9, 2),
22751
+ sectionproperties = _useState0[0],
22752
+ setsectionproperties = _useState0[1];
22753
+ // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
22754
+ var _useState1 = React.useState([]),
22755
+ _useState10 = _slicedToArray__default["default"](_useState1, 2),
22756
+ instfilters = _useState10[0],
22757
+ setinstfilters = _useState10[1];
22758
+ var _useState11 = React.useState([]),
22759
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
22760
+ collectionstobevisible = _useState12[0],
22761
+ setcollectionstobevisible = _useState12[1];
22762
+ var _useState13 = React.useState([]),
22763
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
22764
+ portfoliocollectionstobevisible = _useState14[0],
22765
+ setportfoliocollectionstobevisible = _useState14[1];
22766
+ var _useState15 = React.useState([]),
22767
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
22768
+ instcollections = _useState16[0],
22769
+ setinstcollections = _useState16[1];
22770
+ var _useState17 = React.useState([]),
22771
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
22772
+ instcategories = _useState18[0],
22773
+ setinstcategories = _useState18[1];
22774
+ // const [sortby, setSortby] = useState('Sort by');
22775
+ var _useState19 = React.useState({
22776
+ min: 0,
22777
+ max: 5
22778
+ }),
22779
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
22780
+ raterangevalue = _useState20[0];
22781
+ _useState20[1];
22782
+ // const timeoutRef = React.useRef(null);
22783
+ var _useState21 = React.useState(''),
22784
+ _useState22 = _slicedToArray__default["default"](_useState21, 2);
22785
+ _useState22[0];
22786
+ _useState22[1];
22787
+ var _useState23 = React.useState(''),
22788
+ _useState24 = _slicedToArray__default["default"](_useState23, 2);
22789
+ _useState24[0];
22790
+ _useState24[1];
22791
+ var _useState25 = React.useState(''),
22792
+ _useState26 = _slicedToArray__default["default"](_useState25, 2);
22793
+ _useState26[0];
22794
+ _useState26[1];
22795
+ props.actions.setfetchingtype;
22796
+ var _useState27 = React.useState([{
22797
+ payloadvalue: 'sortprice',
22798
+ name: lang.price,
22799
+ filterarray: [{
22800
+ name: lang.pricelowtohigh,
22801
+ value: 'lowtohigh',
22802
+ isfilterselected: false
22803
+ }, {
22804
+ name: lang.pricehightolow,
22805
+ value: 'hightolow',
22806
+ isfilterselected: false
22807
+ }]
22808
+ }, {
22809
+ payloadvalue: 'sortdates',
22810
+ name: lang.dates,
22811
+ filterarray: [{
22812
+ name: lang.recent,
22813
+ value: 'recent',
22814
+ isfilterselected: false
22815
+ }, {
22816
+ name: lang.oldest,
22817
+ value: 'old',
22818
+ isfilterselected: false
22819
+ }]
22820
+ }]),
22821
+ _useState28 = _slicedToArray__default["default"](_useState27, 2);
22822
+ _useState28[0];
22823
+ _useState28[1];
22824
+ props.actions.fetchAuthorizationQueryContext;
22825
+ var _useState29 = React.useState(false),
22826
+ _useState30 = _slicedToArray__default["default"](_useState29, 2);
22827
+ _useState30[0];
22828
+ _useState30[1];
22829
+ var _useState31 = React.useState({
22830
+ min: 0,
22831
+ max: 5
22832
+ }),
22833
+ _useState32 = _slicedToArray__default["default"](_useState31, 2),
22834
+ price_rangevalue = _useState32[0];
22835
+ _useState32[1];
22836
+ var timeoutRef = React__default["default"].useRef(null);
22837
+ var timeoutRef_price = React__default["default"].useRef(null);
22838
+ var timeoutRef__range_price = React__default["default"].useRef(null);
22839
+ var FetchVendors_byproductsQuery = props.actions.FetchVendors_byproductsQuery;
22734
22840
  React.useEffect(function () {
22735
- // filterupdater();
22841
+ filterupdater();
22736
22842
  }, []);
22843
+ // useEffect(() => {
22844
+ // if (FetchAllVendorsQuery?.isSuccess && FetchAllVendorsQuery?.data?.data?.vendors != undefined && FetchAllVendorsQuery?.data?.data?.vendors?.length != 0) {
22845
+ // var temp = [...vendorarr];
22846
+ // temp = [...FetchAllVendorsQuery?.data?.data?.vendors];
22847
+ // temp?.forEach(function (instfilteritem, instfilterindex) {
22848
+ // instfilteritem.isfilterselected = false;
22849
+ // });
22850
+ // setvendorsarr([...temp]);
22851
+ // }
22852
+ // }, [FetchAllVendorsQuery?.isSuccess]);
22853
+ React.useEffect(function () {
22854
+ if (fetchproductoptionsQueryContext.isSuccess) {
22855
+ var _fetchproductoptionsQ;
22856
+ 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));
22857
+ }
22858
+ }, [fetchproductoptionsQueryContext.isSuccess]);
22737
22859
  React.useEffect(function () {
22738
22860
  if (fetchCategoriesQueryContext.isSuccess) {
22739
22861
  var _fetchCategoriesQuery;
22740
22862
  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));
22741
22863
  }
22742
22864
  }, [fetchCategoriesQueryContext.isSuccess]);
22865
+ React.useEffect(function () {
22866
+ if (fetchcollectionsQueryContext.isSuccess) {
22867
+ var _fetchcollectionsQuer;
22868
+ 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;
22869
+ var tempcollinfilter = [];
22870
+ {
22871
+ tempcoll === null || tempcoll === void 0 || tempcoll.map(function (collectionitem, collectionindex) {
22872
+ if (collectionitem.isshowntocustomers == 1 && collectionitem.isinftiler == 1) {
22873
+ tempcollinfilter.push(collectionitem);
22874
+ }
22875
+ });
22876
+ }
22877
+ setinstcollections([].concat(tempcollinfilter));
22878
+ // setinstcollections([...fetchcollectionsQueryContext?.data?.data?.collections]);
22879
+ }
22880
+ }, [fetchcollectionsQueryContext.isSuccess]);
22881
+ // useEffect(() => {
22882
+ // // setinstfilters([...authdetailsContext.instinfo.instfilters]);
22883
+ // // setinstcollections([...authdetailsContext.instinfo.instcollections]);
22884
+ // // setinstcategories([...authdetailsContext?.instinfo?.instcategories]);
22885
+ // }, [authdetailsContext]);
22743
22886
  React.useEffect(function () {
22744
22887
  if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
22745
22888
  setsectionproperties(props.sectionpropertiesprops);
22746
22889
  }
22747
22890
  }, [props.sectionpropertiesprops]);
22748
22891
  React.useEffect(function () {
22749
- // filterupdater();
22892
+ filterupdater();
22750
22893
  }, [ProductFilterObjContext]);
22894
+ React.useEffect(function () {
22895
+ if (timeoutRef.current !== null) {
22896
+ clearTimeout(timeoutRef.current);
22897
+ }
22898
+ timeoutRef.current = setTimeout(function () {
22899
+ if (raterangevalue.min != 0 || raterangevalue.max != 5) {
22900
+ var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
22901
+ tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
22902
+ tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
22903
+ tempfetchproductsfilerobjcontext.page = 0;
22904
+ setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
22905
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
22906
+ }
22907
+ }, 500);
22908
+ }, [raterangevalue]);
22909
+ React.useEffect(function () {
22910
+ if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess && instcategories.length != 0) {
22911
+ var parentcollections_for_collectionsFilter = null;
22912
+ var IsValid_parentcollections_for_collectionsFilter = false;
22913
+ if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
22914
+ parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
22915
+ }
22916
+ if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
22917
+ // parentcollections_for_collectionsFilter?.forEach(function(item,index){
22918
+ // if(item.)
22919
+ // })
22920
+ IsValid_parentcollections_for_collectionsFilter = true;
22921
+ }
22922
+ if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) != 'Depend on chosen parent group') {
22923
+ 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)) {
22924
+ var _parentidsfound;
22925
+ var collectiontobevisible = [];
22926
+ var parentidsfound = [];
22927
+ if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
22928
+ if (parentcollections_for_collectionsFilter != null) {
22929
+ parentidsfound = parentcollections_for_collectionsFilter;
22930
+ } else {
22931
+ parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
22932
+ }
22933
+ } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
22934
+ var _authdetailsContext$i, _authdetailsContext$i2;
22935
+ instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
22936
+ var _ProductFilterObjCont;
22937
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
22938
+ if (catitem.categoryid == colitem2) {
22939
+ var _catitem$parentcollet;
22940
+ catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
22941
+ parentidsfound.push(parentcolitem.parentcollectionid);
22942
+ });
22943
+ }
22944
+ });
22945
+ });
22946
+ 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') {
22947
+ _toConsumableArray__default["default"](instcategories);
22948
+ var newisntcatarr = [];
22949
+ instcategories === null || instcategories === void 0 || instcategories.forEach(function (it2, ind2) {
22950
+ var _ProductFilterObjCont2;
22951
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
22952
+ if (it2.categoryid == colitem2) {
22953
+ newisntcatarr.push(it2);
22954
+ }
22955
+ });
22956
+ });
22957
+ setinstcategories([].concat(newisntcatarr));
22958
+ }
22959
+ } else {
22960
+ instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
22961
+ var _catitem$parentcollet2;
22962
+ catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
22963
+ var _parentcolitem$collec;
22964
+ parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
22965
+ var _ProductFilterObjCont3;
22966
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (colitem2, colindex2) {
22967
+ if (colitem.collectionid == colitem2) {
22968
+ parentidsfound.push(parentcolitem.parentcollectionid);
22969
+ }
22970
+ });
22971
+ });
22972
+ });
22973
+ });
22974
+ }
22975
+ parentidsfound = parentidsfound.filter(function (val, id, array) {
22976
+ return array.indexOf(val) == id;
22977
+ });
22978
+ if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
22979
+ instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
22980
+ var _catitem$parentcollet3;
22981
+ catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
22982
+ var _parentidsfound2;
22983
+ (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
22984
+ if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
22985
+ var _parentcolitem$collec2;
22986
+ parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
22987
+ var iscolexists = false;
22988
+ collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
22989
+ if (colitemex.collectionid == colitem.collectionid) {
22990
+ iscolexists = true;
22991
+ }
22992
+ });
22993
+ if (iscolexists == false) {
22994
+ collectiontobevisible.push(colitem);
22995
+ }
22996
+ });
22997
+ }
22998
+ });
22999
+ });
23000
+ });
23001
+ if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
23002
+ setcollectionstobevisible(collectiontobevisible);
23003
+ } else {
23004
+ setcollectionstobevisible(instcollections);
23005
+ }
23006
+ } else {
23007
+ setcollectionstobevisible(instcollections);
23008
+ }
23009
+ } else {
23010
+ setcollectionstobevisible(instcollections);
23011
+ }
23012
+ } else {
23013
+ setcollectionstobevisible(instcollections);
23014
+ }
22751
23015
 
23016
+ //
23017
+ //
23018
+ //
23019
+ var collectiontobevisible2 = [];
23020
+ instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
23021
+ var _catitem$parentcollet4;
23022
+ catitem === null || catitem === void 0 || (_catitem$parentcollet4 = catitem.parentcolletions) === null || _catitem$parentcollet4 === void 0 || _catitem$parentcollet4.forEach(function (parentcolitem, parentcolindex) {
23023
+ if (parentcolitem.parentcollectionid == '679eef4735b11') {
23024
+ var _parentcolitem$collec3;
23025
+ parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec3 = parentcolitem.collections) === null || _parentcolitem$collec3 === void 0 || _parentcolitem$collec3.forEach(function (colitem, colindex) {
23026
+ var iscolexists = false;
23027
+ portfoliocollectionstobevisible === null || portfoliocollectionstobevisible === void 0 || portfoliocollectionstobevisible.forEach(function (colitemex, colindexex) {
23028
+ if (colitemex.collectionid == colitem.collectionid) {
23029
+ iscolexists = true;
23030
+ }
23031
+ });
23032
+ if (iscolexists == false) {
23033
+ portfoliocollectionstobevisible.push(colitem);
23034
+ }
23035
+ });
23036
+ }
23037
+ });
23038
+ });
23039
+ if ((collectiontobevisible2 === null || collectiontobevisible2 === void 0 ? void 0 : collectiontobevisible2.length) != 0) {
23040
+ setportfoliocollectionstobevisible(collectiontobevisible2);
23041
+ }
23042
+ }
23043
+ }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcollections]);
22752
23044
  // useEffect(() => {
22753
- // if (sectionproperties?.filterretreivetype == 'Depend on chosen parent group') {
22754
- // if (ProductFilterObjContext?.collections != undefined && ProductFilterObjContext?.collections != null && Array.isArray(ProductFilterObjContext?.collections)) {
22755
- // var collectiontobevisible = [];
22756
- // var parentidsfound = [];
22757
- // if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
22758
- // parentidsfound = ProductFilterObjContext?.collections;
22759
- // } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
22760
- // instcategories?.forEach(function (catitem, catindex) {
22761
- // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
22762
- // if (catitem.categoryid == colitem2) {
22763
- // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
22764
- // parentidsfound.push(parentcolitem.parentcollectionid);
22765
- // });
22766
- // }
22767
- // });
22768
- // });
22769
- // } else {
22770
- // instcategories?.forEach(function (catitem, catindex) {
22771
- // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
22772
- // parentcolitem?.collections?.forEach(function (colitem, colindex) {
22773
- // ProductFilterObjContext?.collections?.forEach(function (colitem2, colindex2) {
22774
- // if (colitem.collectionid == colitem2) {
22775
- // parentidsfound.push(parentcolitem.parentcollectionid);
22776
- // }
22777
- // });
22778
- // });
22779
- // });
22780
- // });
22781
- // }
22782
-
22783
- // parentidsfound = parentidsfound.filter((val, id, array) => array.indexOf(val) == id);
22784
-
22785
- // if (parentidsfound?.length != 0) {
22786
- // instcategories?.forEach(function (catitem, catindex) {
22787
- // catitem?.parentcolletions?.forEach(function (parentcolitem, parentcolindex) {
22788
- // parentidsfound?.forEach(function (parentidfounditem, parentidfoundindex) {
22789
- // if (parentidfounditem == parentcolitem?.parentcollectionid) {
22790
- // parentcolitem?.collections?.forEach(function (colitem, colindex) {
22791
- // var iscolexists = false;
22792
- // collectiontobevisible?.forEach(function (colitemex, colindexex) {
22793
- // if (colitemex.collectionid == colitem.collectionid) {
22794
- // iscolexists = true;
22795
- // }
22796
- // });
22797
- // if (iscolexists == false) {
22798
- // collectiontobevisible.push(colitem);
22799
- // }
22800
- // });
22801
- // }
22802
- // });
22803
- // });
22804
- // });
22805
-
22806
- // if (collectiontobevisible?.length != 0) {
22807
- // setcollectionstobevisible(collectiontobevisible);
22808
- // } else {
22809
- // setcollectionstobevisible(instcollections);
22810
- // }
22811
- // } else {
22812
- // setcollectionstobevisible(instcollections);
22813
- // }
22814
- // } else {
22815
- // setcollectionstobevisible(instcollections);
22816
- // }
22817
- // } else {
22818
- // setcollectionstobevisible(instcollections);
22819
- // }
22820
- // }, [ProductFilterObjContext]);
22821
-
22822
- // const filterupdater = () => {
22823
- // if (instcategories.length != 0) {
22824
- // var tempInstcategories = [...instcategories];
22825
- // tempInstcategories.forEach(function (catitem, catindex) {
22826
- // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
22827
- // parentcolitem.collections.forEach(function (colitem, colindex) {
22828
- // colitem.isfilterselected = false;
22829
- // });
22830
- // });
22831
- // });
22832
-
22833
- // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
22834
- // tempInstcategories.forEach(function (catitem, catindex) {
22835
- // catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
22836
- // parentcolitem.collections.forEach(function (colitem, colindex) {
22837
- // if (colitem.collectionid == filteritem) {
22838
- // colitem.isfilterselected = true;
22839
- // }
22840
- // });
22841
- // });
22842
- // });
22843
- // });
22844
-
22845
- // setinstcategories([...tempInstcategories]);
22846
- // }
22847
- // // if (instcollections.length != 0) {
22848
- // // var tempInstcollections = [...instcollections];
22849
- // // tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
22850
- // // instfilteritem.isfilterselected = false;
22851
- // // });
22852
- // // ProductFilterObjContext?.collections?.forEach(function (filteritem, filterindex) {
22853
- // // tempInstcollections?.forEach(function (instfilteritem, instfilterindex) {
22854
- // // if (instfilteritem.collectionid == filteritem) {
22855
- // // instfilteritem.isfilterselected = true;
22856
- // // }
22857
- // // });
22858
- // // });
22859
- // // setinstcollections([...tempInstcollections]);
23045
+ // // if (productfeatuesarr.length != 0) {
23046
+ // var tempfetchproductsfilerobjcontext = { ...ProductFilterObjContext };
23047
+ // tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
23048
+ // setProductFilterObjContext({ ...tempfetchproductsfilerobjcontext });
23049
+ // filterrouting(tempfetchproductsfilerobjcontext);
22860
23050
  // // }
22861
- // };
23051
+ // }, [productfeatuesarr]);
23052
+ React.useEffect(function () {
23053
+ if (productfeatuesarr.length != 0) {
23054
+ var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
23055
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
23056
+ setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
23057
+ filterrouting(tempfetchproductsfilerobjcontext);
23058
+ } else if (productfeatuesarr.length == 0) {
23059
+ var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
23060
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
23061
+ setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
23062
+ // filterrouting(tempfetchproductsfilerobjcontext);
23063
+ }
23064
+ }, [productfeatuesarr]);
23065
+ React.useEffect(function () {
23066
+ if (fetchTabexStatesQueryContext.isSuccess) {
23067
+ if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
23068
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2l({}, FetchTabexStatesPayloadobjContext);
23069
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
23070
+ tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
23071
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2l({}, tempFetchTabexStatesPayloadobjContext));
23072
+ }
23073
+ }
23074
+ }, [fetchTabexStatesQueryContext.isSuccess]);
23075
+ var filterupdater = function filterupdater() {
23076
+ setTimeout(function () {
23077
+ var tempFetchQueriesEngineContext = _objectSpread$2l({}, FetchQueriesEngineContext);
23078
+ tempFetchQueriesEngineContext.fetchtabexcountries = true;
23079
+ setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
23080
+ }, 100);
23081
+ if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
23082
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$2l({}, FetchTabexStatesPayloadobjContext);
23083
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
23084
+ tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
23085
+ setFetchTabexStatesPayloadobjContext(_objectSpread$2l({}, tempFetchTabexStatesPayloadobjContext));
23086
+ }
23087
+ if (instfilters.length != 0) {
23088
+ var _ProductFilterObjCont4;
23089
+ var tempinstfilters = _toConsumableArray__default["default"](instfilters);
23090
+ tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
23091
+ instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
23092
+ valefilteritem.isfilterselected = false;
23093
+ });
23094
+ });
23095
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
23096
+ tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
23097
+ var _instfilteritem$produ;
23098
+ instfilteritem === null || instfilteritem === void 0 || (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 || _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
23099
+ if (filteritem.valueid == valefilteritem.valueid) {
23100
+ valefilteritem.isfilterselected = true;
23101
+ }
23102
+ });
23103
+ });
23104
+ });
23105
+ setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
23106
+ }
23107
+ if (instcategories.length != 0) {
23108
+ var _ProductFilterObjCont5;
23109
+ var tempInstcategories = _toConsumableArray__default["default"](instcategories);
23110
+ tempInstcategories.forEach(function (catitem, catindex) {
23111
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
23112
+ parentcolitem.collections.forEach(function (colitem, colindex) {
23113
+ colitem.isfilterselected = false;
23114
+ });
23115
+ });
23116
+ });
23117
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 || _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
23118
+ tempInstcategories.forEach(function (catitem, catindex) {
23119
+ catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
23120
+ parentcolitem.collections.forEach(function (colitem, colindex) {
23121
+ if (colitem.collectionid == filteritem) {
23122
+ colitem.isfilterselected = true;
23123
+ }
23124
+ });
23125
+ });
23126
+ });
23127
+ });
23128
+ setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
23129
+ }
23130
+ if (instcollections.length != 0) {
23131
+ var _ProductFilterObjCont6;
23132
+ var tempInstcollections = _toConsumableArray__default["default"](instcollections);
23133
+ tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
23134
+ instfilteritem.isfilterselected = false;
23135
+ });
23136
+ ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont6 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont6 === void 0 || _ProductFilterObjCont6.forEach(function (filteritem, filterindex) {
23137
+ tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
23138
+ if (instfilteritem.collectionid == filteritem) {
23139
+ instfilteritem.isfilterselected = true;
23140
+ }
23141
+ });
23142
+ });
23143
+ setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
23144
+ }
23145
+ };
22862
23146
  var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
22863
- var _tempfetchproductsfil;
23147
+ var _tempfetchproductsfil2, _tempfetchproductsfil3;
22864
23148
  var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
22865
23149
  var CollectionExists = false;
22866
- tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.categories) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
22867
- if (filteritem == collectionid) {
22868
- CollectionExists = true;
22869
- tempfetchproductsfilerobjcontext.categories.splice(filterindex, 1);
23150
+ if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
23151
+ tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
23152
+ }
23153
+ tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
23154
+ if (sectionproperties.filterdirection != 'Horizontal') {
23155
+ if (filteritem == collectionid) {
23156
+ CollectionExists = true;
23157
+ tempfetchproductsfilerobjcontext.collections.splice(filterindex, 1);
23158
+ }
22870
23159
  }
22871
23160
  });
22872
23161
  if (!CollectionExists) {
22873
- if (tempfetchproductsfilerobjcontext.categories != undefined && Array.isArray(tempfetchproductsfilerobjcontext.categories)) {
22874
- tempfetchproductsfilerobjcontext.categories = [collectionid];
23162
+ if (tempfetchproductsfilerobjcontext.collections != undefined && Array.isArray(tempfetchproductsfilerobjcontext.collections)) {
23163
+ if (sectionproperties.filterdirection == 'Horizontal') {
23164
+ // if (sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal') {
23165
+ // tempfetchproductsfilerobjcontext.collections = [];
23166
+ // tempfetchproductsfilerobjcontext.collections.push(collectionid);
23167
+ tempfetchproductsfilerobjcontext.collections = [collectionid];
23168
+ } else {
23169
+ tempfetchproductsfilerobjcontext.collections.push(collectionid);
23170
+ }
22875
23171
  } else {
22876
- tempfetchproductsfilerobjcontext.categories = [collectionid];
23172
+ tempfetchproductsfilerobjcontext.collections = [collectionid];
23173
+ }
23174
+ }
23175
+ tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
23176
+ 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) {
23177
+ var _tempfetchproductsfil4;
23178
+ if (tempfetchproductsfilerobjcontext.collections != undefined && tempfetchproductsfilerobjcontext.collections != null && (tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil4 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil4 === void 0 ? void 0 : _tempfetchproductsfil4.length) == 1) {
23179
+ tempfetchproductsfilerobjcontext.ProductFetchingType = 'Parent Collection';
22877
23180
  }
22878
23181
  }
22879
23182
  tempfetchproductsfilerobjcontext.page = 0;
22880
- tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
22881
23183
  setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
22882
23184
  filterrouting(tempfetchproductsfilerobjcontext);
22883
23185
  // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
22884
23186
  };
22885
- var CollectionsFilter = function CollectionsFilter() {
22886
- return /*#__PURE__*/React__default["default"].createElement("div", {
22887
- "class": "col-lg-12 p-0 scrollhorixontalcontainer text-center px-sm-3"
22888
- }, instcategories.map(function (item, index) {
22889
- return /*#__PURE__*/React__default["default"].createElement("p", {
22890
- "class": filter_cssstyles.filteritem + ' m-0 p-0 cursor-pointer scrollhorixontaldiv mx-4 mx-sm-2 ',
22891
- onClick: function onClick() {
22892
- setCollectionFilterFunc(item.categoryid);
22893
- },
22894
- style: {
22895
- color: item.isfilterselected ? sectionproperties.activecat_color : ''
22896
- }
22897
- }, langdetect == 'en' ? item.title_en : item.title_ar);
22898
- }));
22899
- };
23187
+ React.useEffect(function () {
23188
+ var _FetchAllVendorsQuery, _FetchAllVendorsQuery2, _FetchVendors_byprodu, _FetchVendors_byprodu2;
23189
+ 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) {
23190
+ var _authdetailsContext$i3, _temp;
23191
+ var temp = _toConsumableArray__default["default"](vendorarr);
23192
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '68f776707423b') {
23193
+ var _FetchVendors_byprodu3;
23194
+ 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);
23195
+ } else {
23196
+ var _FetchAllVendorsQuery3;
23197
+ 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);
23198
+ }
23199
+ (_temp = temp) === null || _temp === void 0 || _temp.forEach(function (instfilteritem, instfilterindex) {
23200
+ instfilteritem.isfilterselected = false;
23201
+ });
23202
+ setvendorsarr(_toConsumableArray__default["default"](temp));
23203
+ }
23204
+ }, [FetchAllVendorsQuery === null || FetchAllVendorsQuery === void 0 ? void 0 : FetchAllVendorsQuery.isSuccess, FetchVendors_byproductsQuery.isSuccess]);
22900
23205
  var filter_cssstyles = {
22901
- filteritem: glamor.css({
23206
+ form_control: glamor.css((_css = {
23207
+ position: 'relative',
23208
+ display: 'flex',
23209
+ alignItems: 'center'
23210
+ }, _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', {
23211
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
23212
+ borderColor: '#eac435',
23213
+ boxShadow: 'none'
23214
+ }))),
23215
+ collapsetitle: glamor.css({
23216
+ fontSize: sectionproperties.filtertitle_fontsize + 'px',
23217
+ fontWeight: sectionproperties.filtertitle_fontweight,
23218
+ textTransform: sectionproperties.filtertitle_texttransform,
23219
+ color: sectionproperties.filtertitle_color,
23220
+ ':hover': {
23221
+ color: sectionproperties.filtertitle_coloronhover
23222
+ }
23223
+ }),
23224
+ titlecontainer: glamor.css({
23225
+ color: sectionproperties.filtertitle_color,
23226
+ ':hover .collapsetitle': {
23227
+ color: sectionproperties.filtertitle_coloronhover
23228
+ }
23229
+ }),
23230
+ timeline_text: glamor.css({
22902
23231
  fontSize: sectionproperties.timeline_text_fontsize + 'px',
22903
23232
  fontWeight: sectionproperties.timeline_text_fontweight,
22904
23233
  textTransform: sectionproperties.timeline_text_texttransform,
@@ -22907,6 +23236,111 @@
22907
23236
  ':hover': {
22908
23237
  color: sectionproperties.timeline_text_coloronhover
22909
23238
  }
23239
+ }),
23240
+ btnstyles: glamor.css({
23241
+ color: sectionproperties.generalbtn_textColor,
23242
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
23243
+ textTransform: sectionproperties.generalbtn_texttransform,
23244
+ width: sectionproperties.generalbtn_width + 'px',
23245
+ height: sectionproperties.generalbtn_height + 'px',
23246
+ background: sectionproperties.generalbtn_bgColor,
23247
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
23248
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
23249
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
23250
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
23251
+ fontWeight: sectionproperties.generalbtn_fontweight,
23252
+ transition: '.3s',
23253
+ ':hover': {
23254
+ background: sectionproperties.generalbtn_bgColoronhover,
23255
+ color: sectionproperties.generalbtn_textColoronhover
23256
+ }
23257
+ }),
23258
+ close_menu_icon_cont: glamor.css({
23259
+ background: sectionproperties.closeSliderBgColor,
23260
+ width: sectionproperties.closeSliderWidth + 'px',
23261
+ height: sectionproperties.closeSliderHeight + 'px',
23262
+ borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
23263
+ ':hover': {
23264
+ background: sectionproperties.closeSliderBgColorHover
23265
+ }
23266
+ }),
23267
+ horizontalfilter_card: glamor.css({
23268
+ marginBottom: sectionproperties.horizontalfilter_mb + 'px',
23269
+ marginTop: sectionproperties.horizontalfilter_mt + 'px',
23270
+ background: sectionproperties.horizontalfilter_cardbg,
23271
+ border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
23272
+ boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
23273
+ }),
23274
+ btn_item: glamor.css({
23275
+ width: '15px',
23276
+ height: '15px',
23277
+ background: sectionproperties.filteritembtn_bgcolor,
23278
+ ':hover': {
23279
+ background: sectionproperties.filteritembtn_bghover
23280
+ }
23281
+ }),
23282
+ btn_item_active: glamor.css({
23283
+ background: sectionproperties.activecat_color
23284
+ }),
23285
+ timelineinnercont_active: glamor.css({
23286
+ fontWeight: sectionproperties.activecat_fontweight,
23287
+ color: sectionproperties.activecat_color
23288
+ }),
23289
+ categoryName: glamor.css({
23290
+ color: sectionproperties.filtertitle_color,
23291
+ fontWeight: sectionproperties.filterCatFontWeight,
23292
+ fontSize: sectionproperties.filterCatFontSize + 'px'
23293
+ }),
23294
+ pCollectionName: glamor.css({
23295
+ color: sectionproperties.filtertitle_color,
23296
+ fontWeight: sectionproperties.filterPCollFontWeight,
23297
+ fontSize: sectionproperties.filterPCollFontSize + 'px'
23298
+ }),
23299
+ explorebtn: glamor.css({
23300
+ fontSize: sectionproperties.explorebtnfontsize + 'px',
23301
+ fontWeight: 600,
23302
+ color: sectionproperties.explorebtncolor,
23303
+ transition: '.3s',
23304
+ ':hover': {
23305
+ color: sectionproperties.explorebtncoloronhover
23306
+ }
23307
+ }),
23308
+ showallbtn: glamor.css({
23309
+ color: sectionproperties.showallcolor,
23310
+ ':hover': {
23311
+ transition: '.3s',
23312
+ cursor: 'pointer',
23313
+ color: sectionproperties.showallcolorhover
23314
+ }
23315
+ }),
23316
+ sectiontitle: glamor.css({
23317
+ position: 'relative',
23318
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
23319
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
23320
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
23321
+ '@media (max-width: 800px)': {
23322
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
23323
+ }
23324
+ }),
23325
+ filtercard: glamor.css({
23326
+ minWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px',
23327
+ maxWidth: sectionproperties.filterdirection == 'Collections Vertical' ? '100%' : sectionproperties.filtercardwidth + 'px'
23328
+ }),
23329
+ filtercardfilter: glamor.css({
23330
+ minWidth: '100px',
23331
+ maxWidth: '100px'
23332
+ }),
23333
+ filteroptionvertical: glamor.css({
23334
+ border: sectionproperties.filter_optionborderwidth + 'px solid ' + sectionproperties.filter_optionbordercolor,
23335
+ color: sectionproperties.timeline_text_color,
23336
+ ':hover': {
23337
+ color: sectionproperties.timeline_text_coloronhover
23338
+ }
23339
+ // filter_activebackgroundtransparent
23340
+ }),
23341
+ filteroptionverticalactive: glamor.css({
23342
+ background: sectionproperties.btn_item_activebgcolor,
23343
+ color: sectionproperties.activecat_color
22910
23344
  })
22911
23345
  };
22912
23346
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -22922,14 +23356,99 @@
22922
23356
  routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
22923
23357
  }
22924
23358
  };
22925
- return /*#__PURE__*/React__default["default"].createElement("div", {
22926
- className: 'col-lg-12 p-0 w-100 allcentered mt-md-2 ',
22927
- style: {
22928
- marginTop: sectionproperties.filtersection_mt + 'px'
23359
+ React.useEffect(function () {
23360
+ if (timeoutRef_price.current !== null) {
23361
+ clearTimeout(timeoutRef_price.current);
23362
+ }
23363
+ timeoutRef_price.current = setTimeout(function () {
23364
+ if (pricevalue2.min != '' && pricevalue2.max != '') {
23365
+ var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
23366
+ tempfetchproductsfilerobjcontext.price_min = pricevalue2.min;
23367
+ tempfetchproductsfilerobjcontext.price_max = pricevalue2.max;
23368
+ tempfetchproductsfilerobjcontext.page = 0;
23369
+ setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
23370
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
23371
+ }
23372
+ }, 500);
23373
+ }, [pricevalue2]);
23374
+ React.useEffect(function () {
23375
+ if (timeoutRef__range_price.current !== null) {
23376
+ clearTimeout(timeoutRef__range_price.current);
22929
23377
  }
23378
+ timeoutRef__range_price.current = setTimeout(function () {
23379
+ if (price_rangevalue.min != '' && price_rangevalue.max != '') {
23380
+ var tempfetchproductsfilerobjcontext = _objectSpread$2l({}, ProductFilterObjContext);
23381
+ tempfetchproductsfilerobjcontext.price_min = price_rangevalue.min;
23382
+ tempfetchproductsfilerobjcontext.price_max = price_rangevalue.max;
23383
+ tempfetchproductsfilerobjcontext.page = 0;
23384
+ setProductFilterObjContext(_objectSpread$2l({}, tempfetchproductsfilerobjcontext));
23385
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
23386
+ }
23387
+ }, 500);
23388
+ }, [price_rangevalue]);
23389
+ // const queryParameters = new URLSearchParams(window.location.search);
23390
+ // useEffect(() => {
23391
+ // // setsortbycontext('Sort By');
23392
+ // if (queryParameters.get('sortprice') == undefined) {
23393
+ // setsortbycontext('Sort By');
23394
+ // } else {
23395
+ // var temp = { ...sortbycontext };
23396
+ // temp = queryParameters.get('sortprice');
23397
+ // alert(temp);
23398
+ // }
23399
+ // }, []);
23400
+ return /*#__PURE__*/React__default["default"].createElement("div", {
23401
+ // 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'}
23402
+ className: 'row mx-0 p-0 w-100 mt-3'
23403
+ // style={{ marginTop: sectionproperties.filtersection_mt + 'px', minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh' }}
22930
23404
  }, /*#__PURE__*/React__default["default"].createElement("div", {
22931
- "class": "row m-0 w-100"
22932
- }, CollectionsFilter()));
23405
+ "class": "col-lg-12 p-0 mb-4"
23406
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
23407
+ transitionBehavior: 'auto',
23408
+ wrapperClassName: '',
23409
+ itemClassName: '',
23410
+ scrollContainerClassName: 'scrollmenuclasssubscrollbar2'
23411
+ }, collectionstobevisible.map(function (item, index) {
23412
+ return /*#__PURE__*/React__default["default"].createElement("div", {
23413
+ className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 mb-2 '
23414
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23415
+ className: "".concat(filter_cssstyles.timeline_text, " ").concat(filter_cssstyles.filtercard) + ' p-0 cursor-pointer ',
23416
+ onClick: function onClick() {
23417
+ setCollectionFilterFunc(item.collectionid);
23418
+ },
23419
+ style: {
23420
+ color: item.isfilterselected == true ? sectionproperties.activecat_color : ''
23421
+ }
23422
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23423
+ "class": "col-lg-12 allcentered mb-2"
23424
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23425
+ style: {
23426
+ width: sectionproperties.filterimagewidthheight + '%',
23427
+ height: sectionproperties.filterimagewidthheight + '%'
23428
+ }
23429
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
23430
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
23431
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
23432
+ path: '/tr:w-' + sectionproperties.filterimage_tr + ',h-' + sectionproperties.filterimage_h + '/' + item.collectionlogo,
23433
+ style: {
23434
+ width: '100%',
23435
+ height: '100%',
23436
+ objectFit: 'cover',
23437
+ borderRadius: sectionproperties.filterimageborderradius + 'px'
23438
+ },
23439
+ loading: "lazy"
23440
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
23441
+ "class": "row m-0 w-100"
23442
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23443
+ "class": "col-10 text-start"
23444
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
23445
+ "class": ' m-0 p-0 '
23446
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
23447
+ "class": "col-2 text-end"
23448
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
23449
+ "class": "h-100 allcentered"
23450
+ }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
23451
+ }))));
22933
23452
  };
22934
23453
 
22935
23454
  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; }
@@ -24721,7 +25240,12 @@
24721
25240
  var CardsSectionContent = function CardsSectionContent() {
24722
25241
  return /*#__PURE__*/React__default["default"].createElement("div", {
24723
25242
  "class": ' row m-0 w-100 '
24724
- }, sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
25243
+ }, authdetailsContext.instinfo.instid == '696691293c2a6' && sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement(CollectionsFilterHorizontal, {
25244
+ sectionpropertiesprops: sectionproperties,
25245
+ actions: actions,
25246
+ openFilterSlider: openFilterSlider,
25247
+ setopenFilterSlider: setopenFilterSlider
25248
+ }), sectionproperties.showproductgroupbytitle == 'Show' && GroupByTitleSection(), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
24725
25249
  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'
24726
25250
  }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
24727
25251
  sectionpropertiesprops: sectionproperties,