tabexseriescomponents 0.0.359 → 0.0.360

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +383 -480
  2. package/dist/index.esm.js +383 -480
  3. package/dist/index.umd.js +386 -483
  4. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -117,6 +117,7 @@ import { FiPhone } from '@react-icons/all-files/fi/FiPhone';
117
117
  import { HiMenuAlt4 } from '@react-icons/all-files/hi/HiMenuAlt4';
118
118
  import { FiSearch } from '@react-icons/all-files/fi/FiSearch';
119
119
  import { BsSearch } from '@react-icons/all-files/bs/BsSearch';
120
+ import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
120
121
  import { GoSearch } from '@react-icons/all-files/go/GoSearch';
121
122
  import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
122
123
  import { BsChevronDown } from '@react-icons/all-files/bs/BsChevronDown';
@@ -129,7 +130,6 @@ import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
129
130
  import { FaTelegramPlane } from '@react-icons/all-files/fa/FaTelegramPlane';
130
131
  import { FaPhoneAlt } from '@react-icons/all-files/fa/FaPhoneAlt';
131
132
  import { FaPhone } from '@react-icons/all-files/fa/FaPhone';
132
- import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
133
133
  import { BiUserCircle } from '@react-icons/all-files/bi/BiUserCircle';
134
134
  import { GoLocation } from '@react-icons/all-files/go/GoLocation';
135
135
  import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
@@ -12809,7 +12809,7 @@ var Select$1 = /*#__PURE__*/React.lazy(function () {
12809
12809
  return import('react-select');
12810
12810
  });
12811
12811
  var Filter$1 = function Filter(props) {
12812
- var _authdetailsContext$i;
12812
+ var _authdetailsContext$i, _css;
12813
12813
  var lang = props.actions.lang;
12814
12814
  var langdetect = props.actions.langdetect;
12815
12815
  props.actions.productfiltercontext;
@@ -12824,9 +12824,13 @@ var Filter$1 = function Filter(props) {
12824
12824
  min: 0,
12825
12825
  max: 10000
12826
12826
  }),
12827
- _useState2 = _slicedToArray(_useState, 2),
12828
- pricevalue = _useState2[0],
12829
- setpricevalue = _useState2[1];
12827
+ _useState2 = _slicedToArray(_useState, 2);
12828
+ _useState2[0];
12829
+ _useState2[1];
12830
+ var _useState3 = useState([]),
12831
+ _useState4 = _slicedToArray(_useState3, 2),
12832
+ productfeatuesarr = _useState4[0],
12833
+ setproductfeatuesarr = _useState4[1];
12830
12834
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12831
12835
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12832
12836
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12834,40 +12838,41 @@ var Filter$1 = function Filter(props) {
12834
12838
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12835
12839
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12836
12840
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12837
- var _useState3 = useState(''),
12838
- _useState4 = _slicedToArray(_useState3, 2),
12839
- sectionproperties = _useState4[0],
12840
- setsectionproperties = _useState4[1];
12841
- var _useState5 = useState(_toConsumableArray(authdetailsContext.instinfo.instfilters)),
12841
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
12842
+ var _useState5 = useState(''),
12842
12843
  _useState6 = _slicedToArray(_useState5, 2),
12843
- instfilters = _useState6[0],
12844
- setinstfilters = _useState6[1];
12845
- var _useState7 = useState([]),
12844
+ sectionproperties = _useState6[0],
12845
+ setsectionproperties = _useState6[1];
12846
+ var _useState7 = useState(_toConsumableArray(authdetailsContext.instinfo.instfilters)),
12846
12847
  _useState8 = _slicedToArray(_useState7, 2),
12847
- collectionstobevisible = _useState8[0],
12848
- setcollectionstobevisible = _useState8[1];
12849
- var _useState9 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
12848
+ instfilters = _useState8[0],
12849
+ setinstfilters = _useState8[1];
12850
+ var _useState9 = useState([]),
12850
12851
  _useState10 = _slicedToArray(_useState9, 2),
12851
- instcollections = _useState10[0],
12852
- setinstcollections = _useState10[1];
12853
- var _useState11 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12852
+ collectionstobevisible = _useState10[0],
12853
+ setcollectionstobevisible = _useState10[1];
12854
+ var _useState11 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
12854
12855
  _useState12 = _slicedToArray(_useState11, 2),
12855
- instcategories = _useState12[0],
12856
- setinstcategories = _useState12[1];
12856
+ instcollections = _useState12[0],
12857
+ setinstcollections = _useState12[1];
12858
+ var _useState13 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12859
+ _useState14 = _slicedToArray(_useState13, 2),
12860
+ instcategories = _useState14[0],
12861
+ setinstcategories = _useState14[1];
12857
12862
  // const [sortby, setSortby] = useState('Sort by');
12858
- var _useState13 = useState({
12863
+ var _useState15 = useState({
12859
12864
  min: 0,
12860
12865
  max: 5
12861
12866
  }),
12862
- _useState14 = _slicedToArray(_useState13, 2),
12863
- raterangevalue = _useState14[0],
12864
- setraterangevalue = _useState14[1];
12867
+ _useState16 = _slicedToArray(_useState15, 2),
12868
+ raterangevalue = _useState16[0],
12869
+ setraterangevalue = _useState16[1];
12865
12870
  var timeoutRef = React.useRef(null);
12866
- var _useState15 = useState(''),
12867
- _useState16 = _slicedToArray(_useState15, 2);
12868
- _useState16[0];
12869
- var setsortbycontext = _useState16[1];
12870
- var _useState17 = useState([{
12871
+ var _useState17 = useState(''),
12872
+ _useState18 = _slicedToArray(_useState17, 2);
12873
+ _useState18[0];
12874
+ var setsortbycontext = _useState18[1];
12875
+ var _useState19 = useState([{
12871
12876
  payloadvalue: 'sortprice',
12872
12877
  name: lang.price,
12873
12878
  filterarray: [{
@@ -12892,9 +12897,9 @@ var Filter$1 = function Filter(props) {
12892
12897
  isfilterselected: false
12893
12898
  }]
12894
12899
  }]),
12895
- _useState18 = _slicedToArray(_useState17, 2),
12896
- otherfilters = _useState18[0];
12897
- _useState18[1];
12900
+ _useState20 = _slicedToArray(_useState19, 2),
12901
+ otherfilters = _useState20[0];
12902
+ _useState20[1];
12898
12903
  useEffect(function () {
12899
12904
  filterupdater();
12900
12905
  }, []);
@@ -13004,6 +13009,14 @@ var Filter$1 = function Filter(props) {
13004
13009
  setcollectionstobevisible(instcollections);
13005
13010
  }
13006
13011
  }, [ProductFilterObjContext]);
13012
+ useEffect(function () {
13013
+ if (productfeatuesarr.length != 0) {
13014
+ var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
13015
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
13016
+ setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
13017
+ filterrouting(tempfetchproductsfilerobjcontext);
13018
+ }
13019
+ }, [productfeatuesarr]);
13007
13020
  useEffect(function () {
13008
13021
  if (fetchTabexStatesQueryContext.isSuccess) {
13009
13022
  if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -13343,308 +13356,159 @@ var Filter$1 = function Filter(props) {
13343
13356
  })));
13344
13357
  };
13345
13358
  var DynamicFilter = function DynamicFilter() {
13346
- var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13359
+ var _fetchProductFeatures;
13347
13360
  return /*#__PURE__*/React.createElement("div", {
13348
13361
  "class": "row m-0 w-100"
13349
13362
  }, /*#__PURE__*/React.createElement("div", {
13350
13363
  "class": "col-lg-12 p-0 mb-3"
13351
- }, /*#__PURE__*/React.createElement("div", {
13352
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13353
- style: (_ref = {
13354
- color: sectionproperties.filtertitle_color
13355
- }, _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _ref)
13356
- }, /*#__PURE__*/React.createElement("div", {
13357
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13358
- }, /*#__PURE__*/React.createElement("p", {
13359
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13360
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'))), /*#__PURE__*/React.createElement("div", {
13364
+ }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React.createElement("div", {
13361
13365
  className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13362
- }, /*#__PURE__*/React.createElement("div", {
13363
- className: 'col-lg-12 p-0'
13364
- }, /*#__PURE__*/React.createElement(Select$1, {
13365
- options: [{
13366
- name: 'Tesla',
13367
- value: 'Tesla'
13368
- }, {
13369
- name: 'VW',
13370
- value: 'VW'
13371
- }, {
13372
- name: 'Mercedes',
13373
- value: 'Mercedes'
13374
- }],
13375
- getOptionLabel: function getOptionLabel(option) {
13376
- var crname = '';
13377
- if (langdetect == 'en') {
13378
- crname = option.name;
13379
- } else if (langdetect == 'ar') {
13380
- if (option.name_ar != null) {
13381
- crname = option.name_ar;
13366
+ }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
13367
+ if (item.type == 'Selectbox') {
13368
+ var _item$featuresselectb, _ref;
13369
+ var selectboxarr = [];
13370
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
13371
+ var itemlabel = '';
13372
+ if (langdetect == 'en') {
13373
+ itemlabel = slecitem.value_en;
13382
13374
  } else {
13383
- crname = option.name;
13375
+ itemlabel = slecitem.value_ar;
13384
13376
  }
13385
- }
13386
- return crname;
13387
- },
13388
- getOptionValue: function getOptionValue(option) {
13389
- return option.id;
13390
- },
13391
- value: '',
13392
- onChange: function onChange(option) {},
13393
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13394
- isSearchable: true,
13395
- placeholder: ''
13396
- })))), /*#__PURE__*/React.createElement("div", {
13397
- "class": "col-lg-12 p-0 mb-3"
13398
- }, /*#__PURE__*/React.createElement("div", {
13399
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13400
- style: _defineProperty({
13401
- color: sectionproperties.filtertitle_color,
13402
- fontSize: sectionproperties.filtertitle_fontsize + 'px',
13403
- fontWeight: sectionproperties.filtertitle_fontweight
13404
- }, "color", sectionproperties.filtertitle_color)
13405
- }, /*#__PURE__*/React.createElement("div", {
13406
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13407
- }, /*#__PURE__*/React.createElement("p", {
13408
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13409
- }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React.createElement("div", {
13410
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13411
- }, /*#__PURE__*/React.createElement("div", {
13412
- className: 'col-lg-12 p-0'
13413
- }, /*#__PURE__*/React.createElement(Select$1, {
13414
- options: [{
13415
- name: 'ID.4',
13416
- value: 'ID.4'
13417
- }, {
13418
- name: 'ID.6',
13419
- value: 'ID.6'
13420
- }],
13421
- getOptionLabel: function getOptionLabel(option) {
13422
- var crname = '';
13423
- if (langdetect == 'en') {
13424
- crname = option.name;
13425
- } else if (langdetect == 'ar') {
13426
- if (option.name_ar != null) {
13427
- crname = option.name_ar;
13428
- } else {
13429
- crname = option.name;
13377
+ selectboxarr.push({
13378
+ label: itemlabel,
13379
+ value: slecitem.value_en
13380
+ });
13381
+ });
13382
+ return /*#__PURE__*/React.createElement("div", {
13383
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13384
+ }, /*#__PURE__*/React.createElement("label", {
13385
+ className: ' mb-3 w-100 ',
13386
+ style: (_ref = {
13387
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13388
+ color: sectionproperties.filtertitle_color
13389
+ }, _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "textTransform", 'capitalize'), _ref)
13390
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
13391
+ "class": 'col-lg-12 p-0'
13392
+ }, /*#__PURE__*/React.createElement(Select$1, {
13393
+ options: selectboxarr,
13394
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13395
+ placeholder: '',
13396
+ onChange: function onChange(e) {
13397
+ var isattrexists = false;
13398
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
13399
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13400
+ if (attritem.id == item.id) {
13401
+ tempproductfeatuesarr[attrindex].value = e.value;
13402
+ isattrexists = true;
13403
+ }
13404
+ });
13405
+ if (isattrexists == false) {
13406
+ tempproductfeatuesarr.push({
13407
+ id: item.id,
13408
+ value: e.value
13409
+ });
13410
+ }
13411
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
13430
13412
  }
13431
- }
13432
- return crname;
13433
- },
13434
- getOptionValue: function getOptionValue(option) {
13435
- return option.id;
13436
- },
13437
- value: '',
13438
- onChange: function onChange(option) {},
13439
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13440
- isSearchable: true,
13441
- placeholder: ''
13442
- })))), /*#__PURE__*/React.createElement("div", {
13443
- "class": "col-lg-12 p-0 mb-3"
13444
- }, /*#__PURE__*/React.createElement("div", {
13445
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13446
- style: (_ref3 = {
13447
- color: sectionproperties.filtertitle_color
13448
- }, _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _defineProperty(_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _ref3)
13449
- }, /*#__PURE__*/React.createElement("div", {
13450
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13451
- }, /*#__PURE__*/React.createElement("p", {
13452
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13453
- }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React.createElement("div", {
13454
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13455
- }, /*#__PURE__*/React.createElement("div", {
13456
- className: 'col-lg-12 p-0'
13457
- }, /*#__PURE__*/React.createElement(Select$1, {
13458
- options: [{
13459
- name: '10000',
13460
- value: '10000'
13461
- }, {
13462
- name: '20000',
13463
- value: '20000'
13464
- }],
13465
- getOptionLabel: function getOptionLabel(option) {
13466
- var crname = '';
13467
- if (langdetect == 'en') {
13468
- crname = option.name;
13469
- } else if (langdetect == 'ar') {
13470
- if (option.name_ar != null) {
13471
- crname = option.name_ar;
13472
- } else {
13473
- crname = option.name;
13413
+ })));
13414
+ }
13415
+ if (item.type == 'Number') {
13416
+ var _ref2;
13417
+ return /*#__PURE__*/React.createElement("div", {
13418
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13419
+ }, /*#__PURE__*/React.createElement("label", {
13420
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
13421
+ style: (_ref2 = {
13422
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13423
+ color: sectionproperties.filtertitle_color
13424
+ }, _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref2, "color", sectionproperties.filtertitle_color), _defineProperty(_ref2, "textTransform", 'capitalize'), _ref2)
13425
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
13426
+ "class": 'col-lg-12 p-0'
13427
+ }, /*#__PURE__*/React.createElement("input", {
13428
+ type: "number",
13429
+ className: "".concat(formstyles.form_control, " ").concat(filter_cssstyles.form_control),
13430
+ placeholder: '',
13431
+ onChange: function onChange(e) {
13432
+ var isattrexists = false;
13433
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
13434
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13435
+ if (attritem.id == item.id) {
13436
+ tempproductfeatuesarr[attrindex].value = e.target.value;
13437
+ isattrexists = true;
13438
+ }
13439
+ });
13440
+ if (isattrexists == false) {
13441
+ tempproductfeatuesarr.push({
13442
+ id: item.id,
13443
+ value: e.target.value
13444
+ });
13445
+ }
13446
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
13474
13447
  }
13475
- }
13476
- return crname;
13477
- },
13478
- getOptionValue: function getOptionValue(option) {
13479
- return option.id;
13480
- },
13481
- value: '',
13482
- onChange: function onChange(option) {},
13483
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13484
- isSearchable: true,
13485
- placeholder: ''
13486
- })))), /*#__PURE__*/React.createElement("div", {
13487
- "class": "col-lg-12 p-0 mb-3"
13488
- }, /*#__PURE__*/React.createElement("div", {
13489
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13490
- style: (_ref4 = {
13491
- color: sectionproperties.filtertitle_color
13492
- }, _defineProperty(_ref4, "color", sectionproperties.filtertitle_color), _defineProperty(_ref4, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref4, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref4, "color", sectionproperties.filtertitle_color), _ref4)
13493
- }, /*#__PURE__*/React.createElement("div", {
13494
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13495
- }, /*#__PURE__*/React.createElement("p", {
13496
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13497
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React.createElement("div", {
13498
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13499
- }, /*#__PURE__*/React.createElement("div", {
13500
- className: 'col-lg-12 p-0'
13501
- }, /*#__PURE__*/React.createElement(Select$1, {
13502
- options: [{
13503
- name: '10000',
13504
- value: '10000'
13505
- }, {
13506
- name: '20000',
13507
- value: '20000'
13508
- }],
13509
- getOptionLabel: function getOptionLabel(option) {
13510
- var crname = '';
13511
- if (langdetect == 'en') {
13512
- crname = option.name;
13513
- } else if (langdetect == 'ar') {
13514
- if (option.name_ar != null) {
13515
- crname = option.name_ar;
13516
- } else {
13517
- crname = option.name;
13448
+ })));
13449
+ }
13450
+ if (item.type == 'NumberRange') {
13451
+ var _ref3;
13452
+ var temppricevalue = {
13453
+ min: 0,
13454
+ max: 10000
13455
+ };
13456
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
13457
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13458
+ if (attritem.id == item.id) {
13459
+ var _attritem$value, _attritem$valuemax;
13460
+ if (attritem.value != undefined && attritem.value != null && (attritem === null || attritem === void 0 || (_attritem$value = attritem.value) === null || _attritem$value === void 0 ? void 0 : _attritem$value.length) != 0) {
13461
+ temppricevalue.min = attritem.value;
13462
+ }
13463
+ if (attritem.valuemax != undefined && attritem.valuemax != null && (attritem === null || attritem === void 0 || (_attritem$valuemax = attritem.valuemax) === null || _attritem$valuemax === void 0 ? void 0 : _attritem$valuemax.length) != 0) {
13464
+ temppricevalue.max = attritem.valuemax;
13465
+ }
13518
13466
  }
13519
- }
13520
- return crname;
13521
- },
13522
- getOptionValue: function getOptionValue(option) {
13523
- return option.id;
13524
- },
13525
- value: '',
13526
- onChange: function onChange(option) {},
13527
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13528
- isSearchable: true,
13529
- placeholder: ''
13530
- })))), /*#__PURE__*/React.createElement("div", {
13531
- "class": "col-lg-12 p-0 mb-3"
13532
- }, /*#__PURE__*/React.createElement("div", {
13533
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13534
- style: (_ref5 = {
13535
- color: sectionproperties.filtertitle_color
13536
- }, _defineProperty(_ref5, "color", sectionproperties.filtertitle_color), _defineProperty(_ref5, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref5, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref5, "color", sectionproperties.filtertitle_color), _ref5)
13537
- }, /*#__PURE__*/React.createElement("div", {
13538
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13539
- }, /*#__PURE__*/React.createElement("p", {
13540
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13541
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React.createElement("div", {
13542
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13543
- }, /*#__PURE__*/React.createElement("div", {
13544
- className: 'col-lg-12 p-0'
13545
- }, /*#__PURE__*/React.createElement(Select$1, {
13546
- options: [{
13547
- name: '2020',
13548
- value: '2020'
13549
- }, {
13550
- name: '2021',
13551
- value: '2021'
13552
- }],
13553
- getOptionLabel: function getOptionLabel(option) {
13554
- var crname = '';
13555
- if (langdetect == 'en') {
13556
- crname = option.name;
13557
- } else if (langdetect == 'ar') {
13558
- if (option.name_ar != null) {
13559
- crname = option.name_ar;
13560
- } else {
13561
- crname = option.name;
13467
+ });
13468
+ return /*#__PURE__*/React.createElement("div", {
13469
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
13470
+ }, /*#__PURE__*/React.createElement("label", {
13471
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
13472
+ style: (_ref3 = {
13473
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13474
+ color: sectionproperties.filtertitle_color
13475
+ }, _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _defineProperty(_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _defineProperty(_ref3, "textTransform", 'capitalize'), _ref3)
13476
+ }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React.createElement("div", {
13477
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
13478
+ style: {
13479
+ direction: 'ltr'
13562
13480
  }
13563
- }
13564
- return crname;
13565
- },
13566
- getOptionValue: function getOptionValue(option) {
13567
- return option.id;
13568
- },
13569
- value: '',
13570
- onChange: function onChange(option) {},
13571
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13572
- isSearchable: true,
13573
- placeholder: ''
13574
- })))), /*#__PURE__*/React.createElement("div", {
13575
- "class": "col-lg-12 p-0 mb-3"
13576
- }, /*#__PURE__*/React.createElement("div", {
13577
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13578
- style: (_ref6 = {
13579
- color: sectionproperties.filtertitle_color
13580
- }, _defineProperty(_ref6, "color", sectionproperties.filtertitle_color), _defineProperty(_ref6, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref6, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref6, "color", sectionproperties.filtertitle_color), _ref6)
13581
- }, /*#__PURE__*/React.createElement("div", {
13582
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13583
- }, /*#__PURE__*/React.createElement("p", {
13584
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13585
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React.createElement("div", {
13586
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13587
- }, /*#__PURE__*/React.createElement("div", {
13588
- className: 'col-lg-12 p-0'
13589
- }, /*#__PURE__*/React.createElement(Select$1, {
13590
- options: [{
13591
- name: '2020',
13592
- value: '2020'
13593
- }, {
13594
- name: '2021',
13595
- value: '2021'
13596
- }],
13597
- getOptionLabel: function getOptionLabel(option) {
13598
- var crname = '';
13599
- if (langdetect == 'en') {
13600
- crname = option.name;
13601
- } else if (langdetect == 'ar') {
13602
- if (option.name_ar != null) {
13603
- crname = option.name_ar;
13604
- } else {
13605
- crname = option.name;
13481
+ }, /*#__PURE__*/React.createElement(InputRange, {
13482
+ draggableTrack: true,
13483
+ formatLabel: function formatLabel(value) {
13484
+ return "".concat(value);
13485
+ },
13486
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13487
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
13488
+ value: temppricevalue,
13489
+ onChange: function onChange(e) {
13490
+ // setpricevalue({ ...value });
13491
+ var isattrexists = false;
13492
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
13493
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13494
+ if (attritem.id == item.id) {
13495
+ tempproductfeatuesarr[attrindex].value = e.min;
13496
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
13497
+ isattrexists = true;
13498
+ }
13499
+ });
13500
+ if (isattrexists == false) {
13501
+ tempproductfeatuesarr.push({
13502
+ id: item.id,
13503
+ value: e.min,
13504
+ valuemax: e.max
13505
+ });
13506
+ }
13507
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
13606
13508
  }
13607
- }
13608
- return crname;
13609
- },
13610
- getOptionValue: function getOptionValue(option) {
13611
- return option.id;
13612
- },
13613
- value: '',
13614
- onChange: function onChange(option) {},
13615
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13616
- isSearchable: true,
13617
- placeholder: ''
13618
- })))), /*#__PURE__*/React.createElement("div", {
13619
- "class": "col-lg-12 p-0 mb-3"
13620
- }, /*#__PURE__*/React.createElement("div", {
13621
- className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
13622
- style: (_ref7 = {
13623
- color: sectionproperties.filtertitle_color
13624
- }, _defineProperty(_ref7, "color", sectionproperties.filtertitle_color), _defineProperty(_ref7, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref7, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref7, "color", sectionproperties.filtertitle_color), _ref7)
13625
- }, /*#__PURE__*/React.createElement("div", {
13626
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13627
- }, /*#__PURE__*/React.createElement("p", {
13628
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13629
- }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React.createElement("div", {
13630
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13631
- }, /*#__PURE__*/React.createElement("div", {
13632
- className: 'col-lg-12 p-0 px-md-4',
13633
- style: {
13634
- direction: 'ltr'
13635
- }
13636
- }, /*#__PURE__*/React.createElement(InputRange, {
13637
- draggableTrack: true,
13638
- formatLabel: function formatLabel(value) {
13639
- return "".concat(value);
13640
- },
13641
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13642
- minValue: parseInt(sectionproperties.filterpriceminvalue),
13643
- value: pricevalue,
13644
- onChange: function onChange(value) {
13645
- setpricevalue(_objectSpread$26({}, value));
13509
+ })));
13646
13510
  }
13647
- })))));
13511
+ }))));
13648
13512
  };
13649
13513
  var InstFilters = function InstFilters() {
13650
13514
  return /*#__PURE__*/React.createElement(Accordion, {
@@ -13703,6 +13567,15 @@ var Filter$1 = function Filter(props) {
13703
13567
  }));
13704
13568
  };
13705
13569
  var filter_cssstyles = {
13570
+ form_control: css((_css = {
13571
+ position: 'relative',
13572
+ display: 'flex',
13573
+ alignItems: 'center'
13574
+ }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", '1px solid #ccc'), _defineProperty(_css, "borderRadius", '5px'), _defineProperty(_css, "height", '40px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", '#000'), _defineProperty(_css, "fontSize", '14px'), _defineProperty(_css, ':focus', {
13575
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
13576
+ borderColor: '#eac435',
13577
+ boxShadow: 'none'
13578
+ }), _css)),
13706
13579
  collapsetitle: css({
13707
13580
  fontSize: sectionproperties.filtertitle_fontsize + 'px',
13708
13581
  fontWeight: sectionproperties.filtertitle_fontweight,
@@ -13965,10 +13838,10 @@ var Filter$1 = function Filter(props) {
13965
13838
  isSearchable: true
13966
13839
  })))));
13967
13840
  };
13968
- var _useState19 = useState(false),
13969
- _useState20 = _slicedToArray(_useState19, 2),
13970
- checked = _useState20[0],
13971
- setChecked = _useState20[1];
13841
+ var _useState21 = useState(false),
13842
+ _useState22 = _slicedToArray(_useState21, 2),
13843
+ checked = _useState22[0],
13844
+ setChecked = _useState22[1];
13972
13845
  // const queryParameters = new URLSearchParams(window.location.search);
13973
13846
  // useEffect(() => {
13974
13847
  // // setsortbycontext('Sort By');
@@ -15860,7 +15733,8 @@ var CardsSection = function CardsSection(props) {
15860
15733
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
15861
15734
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
15862
15735
  marginTop: sectionproperties.marginTop + 'px',
15863
- marginBottom: sectionproperties.marginBottom + 'px'
15736
+ marginBottom: sectionproperties.marginBottom + 'px',
15737
+ minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
15864
15738
  }
15865
15739
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
15866
15740
  "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
@@ -21717,6 +21591,32 @@ var ClassicHeader = function ClassicHeader(props) {
21717
21591
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
21718
21592
  size: 25,
21719
21593
  color: '#fff'
21594
+ })))), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
21595
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
21596
+ target: '_blank',
21597
+ style: {
21598
+ position: 'fixed',
21599
+ bottom: 60,
21600
+ right: 10,
21601
+ zIndex: 999999,
21602
+ transition: 'all 0.3s ease-out'
21603
+ }
21604
+ }, /*#__PURE__*/React.createElement("div", {
21605
+ style: {
21606
+ width: 40,
21607
+ height: 40,
21608
+ borderRadius: 100,
21609
+ background: '#000',
21610
+ cursor: 'pointer'
21611
+ }
21612
+ }, /*#__PURE__*/React.createElement("i", {
21613
+ "class": "h-100 allcentered"
21614
+ }, /*#__PURE__*/React.createElement(AiOutlinePhone, {
21615
+ size: 25,
21616
+ color: '#fff',
21617
+ style: {
21618
+ transform: langdetect == 'en' ? 'scaleX(-1)' : 'scaleX(1)'
21619
+ }
21720
21620
  })))), /*#__PURE__*/React.createElement("div", {
21721
21621
  "class": "row m-0",
21722
21622
  style: {
@@ -47683,6 +47583,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
47683
47583
  function ownKeys$17(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; }
47684
47584
  function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
47685
47585
  var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
47586
+ var _css, _fetchProductFeatures;
47686
47587
  var _useState = useState(''),
47687
47588
  _useState2 = _slicedToArray(_useState, 2),
47688
47589
  sectionproperties = _useState2[0],
@@ -47709,6 +47610,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47709
47610
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
47710
47611
  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
47711
47612
  var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
47613
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
47712
47614
  var routingcountext = props.actions.routingcountext;
47713
47615
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
47714
47616
  // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
@@ -47728,6 +47630,10 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47728
47630
  _useState12 = _slicedToArray(_useState11, 2);
47729
47631
  _useState12[0];
47730
47632
  _useState12[1];
47633
+ var _useState13 = useState([]),
47634
+ _useState14 = _slicedToArray(_useState13, 2),
47635
+ productfeatuesarr = _useState14[0],
47636
+ setproductfeatuesarr = _useState14[1];
47731
47637
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
47732
47638
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
47733
47639
  var authdetailsContext = props.actions.authdetailsContext;
@@ -47771,6 +47677,15 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47771
47677
  }
47772
47678
  }, [sectionproperties]);
47773
47679
  var sectionstyles = {
47680
+ form_control: css((_css = {
47681
+ position: 'relative',
47682
+ display: 'flex',
47683
+ alignItems: 'center'
47684
+ }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", '1px solid #e6e6e6'), _defineProperty(_css, "borderRadius", '5px'), _defineProperty(_css, "height", '38px'), _defineProperty(_css, "background", 'transparent'), _defineProperty(_css, "color", '#000'), _defineProperty(_css, "fontSize", '14px'), _defineProperty(_css, ':focus', {
47685
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
47686
+ borderColor: '#eac435',
47687
+ boxShadow: 'none'
47688
+ }), _css)),
47774
47689
  btnstyles: css({
47775
47690
  width: sectionproperties.generalbtn_width + '%',
47776
47691
  height: sectionproperties.generalbtn_height + 'px',
@@ -47786,9 +47701,6 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47786
47701
  color: sectionproperties.generalbtn_textColoronhover
47787
47702
  }
47788
47703
  }),
47789
- form_control: css({
47790
- backgroundImage: 'linear-gradient(to top, #eac435 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)'
47791
- }),
47792
47704
  input_label_name: css({
47793
47705
  color: sectionproperties.form_labelcolor,
47794
47706
  textTransform: sectionproperties.form_labeltexttransform,
@@ -48133,159 +48045,147 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
48133
48045
  "class": "col-lg-12 p-0"
48134
48046
  }, /*#__PURE__*/React.createElement("div", {
48135
48047
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
48136
- }, /*#__PURE__*/React.createElement("div", {
48137
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48138
- }, /*#__PURE__*/React.createElement("label", {
48139
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48140
- style: {
48141
- textAlign: langdetect == 'en' ? 'left' : 'right'
48142
- }
48143
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
48144
- "class": 'col-lg-12 p-0'
48145
- }, /*#__PURE__*/React.createElement(Select$5, {
48146
- options: [{
48147
- label: 'Tesla',
48148
- value: 1
48149
- }, {
48150
- label: 'VW',
48151
- value: 0
48152
- }, {
48153
- label: 'BYD',
48154
- value: 0
48155
- }],
48156
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48157
- placeholder: ''
48158
- }))), /*#__PURE__*/React.createElement("div", {
48159
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48160
- }, /*#__PURE__*/React.createElement("label", {
48161
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48162
- style: {
48163
- textAlign: langdetect == 'en' ? 'left' : 'right'
48164
- }
48165
- }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React.createElement("div", {
48166
- "class": 'col-lg-12 p-0'
48167
- }, /*#__PURE__*/React.createElement(Select$5, {
48168
- options: [{
48169
- label: 'ID.4',
48170
- value: 1
48171
- }, {
48172
- label: 'ID.6',
48173
- value: 0
48174
- }],
48175
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48176
- placeholder: ''
48177
- }))), /*#__PURE__*/React.createElement("div", {
48178
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48179
- }, /*#__PURE__*/React.createElement("label", {
48180
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48181
- style: {
48182
- textAlign: langdetect == 'en' ? 'left' : 'right'
48183
- }
48184
- }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React.createElement("div", {
48185
- "class": 'col-lg-12 p-0'
48186
- }, /*#__PURE__*/React.createElement(Select$5, {
48187
- options: [{
48188
- label: '100000',
48189
- value: 1
48190
- }, {
48191
- label: '50000',
48192
- value: 0
48193
- }, {
48194
- label: '30000',
48195
- value: 0
48196
- }],
48197
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48198
- placeholder: ''
48199
- }))), /*#__PURE__*/React.createElement("div", {
48200
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48201
- }, /*#__PURE__*/React.createElement("label", {
48202
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48203
- style: {
48204
- textAlign: langdetect == 'en' ? 'left' : 'right'
48205
- }
48206
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React.createElement("div", {
48207
- "class": 'col-lg-12 p-0'
48208
- }, /*#__PURE__*/React.createElement(Select$5, {
48209
- options: [{
48210
- label: '100000',
48211
- value: 1
48212
- }, {
48213
- label: '50000',
48214
- value: 0
48215
- }, {
48216
- label: '30000',
48217
- value: 0
48218
- }],
48219
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48220
- placeholder: ''
48221
- }))), /*#__PURE__*/React.createElement("div", {
48222
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48223
- }, /*#__PURE__*/React.createElement("label", {
48224
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48225
- style: {
48226
- textAlign: langdetect == 'en' ? 'left' : 'right'
48227
- }
48228
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React.createElement("div", {
48229
- "class": 'col-lg-12 p-0'
48230
- }, /*#__PURE__*/React.createElement(Select$5, {
48231
- options: [{
48232
- label: '2023',
48233
- value: 1
48234
- }, {
48235
- label: '2022',
48236
- value: 0
48237
- }, {
48238
- label: '2021',
48239
- value: 0
48240
- }],
48241
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48242
- placeholder: ''
48243
- }))), /*#__PURE__*/React.createElement("div", {
48244
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48245
- }, /*#__PURE__*/React.createElement("label", {
48246
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48247
- style: {
48248
- textAlign: langdetect == 'en' ? 'left' : 'right'
48249
- }
48250
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React.createElement("div", {
48251
- "class": 'col-lg-12 p-0'
48252
- }, /*#__PURE__*/React.createElement(Select$5, {
48253
- options: [{
48254
- label: '2023',
48255
- value: 1
48256
- }, {
48257
- label: '2022',
48258
- value: 0
48259
- }, {
48260
- label: '2021',
48261
- value: 0
48262
- }],
48263
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48264
- placeholder: ''
48265
- }))), /*#__PURE__*/React.createElement("div", {
48266
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48267
- }, /*#__PURE__*/React.createElement("label", {
48268
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48269
- style: {
48270
- textAlign: langdetect == 'en' ? 'left' : 'right'
48048
+ }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
48049
+ if (item.type == 'Selectbox') {
48050
+ var _item$featuresselectb;
48051
+ var selectboxarr = [];
48052
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
48053
+ var itemlabel = '';
48054
+ if (langdetect == 'en') {
48055
+ itemlabel = slecitem.value_en;
48056
+ } else {
48057
+ itemlabel = slecitem.value_ar;
48058
+ }
48059
+ selectboxarr.push({
48060
+ label: itemlabel,
48061
+ value: slecitem.value_en
48062
+ });
48063
+ });
48064
+ return /*#__PURE__*/React.createElement("div", {
48065
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48066
+ }, /*#__PURE__*/React.createElement("label", {
48067
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48068
+ style: {
48069
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48070
+ }
48071
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
48072
+ "class": 'col-lg-12 p-0'
48073
+ }, /*#__PURE__*/React.createElement(Select$5, {
48074
+ options: selectboxarr,
48075
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
48076
+ placeholder: '',
48077
+ onChange: function onChange(e) {
48078
+ var isattrexists = false;
48079
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
48080
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48081
+ if (attritem.id == item.id) {
48082
+ tempproductfeatuesarr[attrindex].value = e.value;
48083
+ isattrexists = true;
48084
+ }
48085
+ });
48086
+ if (isattrexists == false) {
48087
+ tempproductfeatuesarr.push({
48088
+ id: item.id,
48089
+ value: e.value
48090
+ });
48091
+ }
48092
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
48093
+ }
48094
+ })));
48271
48095
  }
48272
- }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React.createElement("div", {
48273
- "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48274
- style: {
48275
- direction: 'ltr'
48096
+ if (item.type == 'Number') {
48097
+ return /*#__PURE__*/React.createElement("div", {
48098
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48099
+ }, /*#__PURE__*/React.createElement("label", {
48100
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48101
+ style: {
48102
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48103
+ }
48104
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
48105
+ "class": 'col-lg-12 p-0 mt-1'
48106
+ }, /*#__PURE__*/React.createElement("input", {
48107
+ type: "number",
48108
+ className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control),
48109
+ placeholder: '',
48110
+ onChange: function onChange(e) {
48111
+ var isattrexists = false;
48112
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
48113
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48114
+ if (attritem.id == item.id) {
48115
+ tempproductfeatuesarr[attrindex].value = e.target.value;
48116
+ isattrexists = true;
48117
+ }
48118
+ });
48119
+ if (isattrexists == false) {
48120
+ tempproductfeatuesarr.push({
48121
+ id: item.id,
48122
+ value: e.target.value
48123
+ });
48124
+ }
48125
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
48126
+ }
48127
+ })));
48276
48128
  }
48277
- }, /*#__PURE__*/React.createElement(InputRange, {
48278
- draggableTrack: true,
48279
- formatLabel: function formatLabel(value) {
48280
- return "".concat(value);
48281
- },
48282
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48283
- minValue: parseInt(sectionproperties.filterpriceminvalue),
48284
- value: pricevalue,
48285
- onChange: function onChange(value) {
48286
- setpricevalue(_objectSpread$17({}, value));
48129
+ if (item.type == 'NumberRange') {
48130
+ var temppricevalue = {
48131
+ min: 0,
48132
+ max: 10000
48133
+ };
48134
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
48135
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48136
+ if (attritem.id == item.id) {
48137
+ var _attritem$value, _attritem$valuemax;
48138
+ if (attritem.value != undefined && attritem.value != null && (attritem === null || attritem === void 0 || (_attritem$value = attritem.value) === null || _attritem$value === void 0 ? void 0 : _attritem$value.length) != 0) {
48139
+ temppricevalue.min = attritem.value;
48140
+ }
48141
+ if (attritem.valuemax != undefined && attritem.valuemax != null && (attritem === null || attritem === void 0 || (_attritem$valuemax = attritem.valuemax) === null || _attritem$valuemax === void 0 ? void 0 : _attritem$valuemax.length) != 0) {
48142
+ temppricevalue.max = attritem.valuemax;
48143
+ }
48144
+ }
48145
+ });
48146
+ return /*#__PURE__*/React.createElement("div", {
48147
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48148
+ }, /*#__PURE__*/React.createElement("label", {
48149
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48150
+ style: {
48151
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48152
+ }
48153
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React.createElement("div", {
48154
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48155
+ style: {
48156
+ direction: 'ltr'
48157
+ }
48158
+ }, /*#__PURE__*/React.createElement(InputRange, {
48159
+ draggableTrack: true,
48160
+ formatLabel: function formatLabel(value) {
48161
+ return "".concat(value);
48162
+ },
48163
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48164
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
48165
+ value: temppricevalue,
48166
+ onChange: function onChange(e) {
48167
+ // setpricevalue({ ...value });
48168
+ var isattrexists = false;
48169
+ var tempproductfeatuesarr = _toConsumableArray(productfeatuesarr);
48170
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48171
+ if (attritem.id == item.id) {
48172
+ tempproductfeatuesarr[attrindex].value = e.min;
48173
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
48174
+ isattrexists = true;
48175
+ }
48176
+ });
48177
+ if (isattrexists == false) {
48178
+ tempproductfeatuesarr.push({
48179
+ id: item.id,
48180
+ value: e.min,
48181
+ valuemax: e.max
48182
+ });
48183
+ }
48184
+ setproductfeatuesarr(_toConsumableArray(tempproductfeatuesarr));
48185
+ }
48186
+ })));
48287
48187
  }
48288
- }))), /*#__PURE__*/React.createElement("div", {
48188
+ })), /*#__PURE__*/React.createElement("div", {
48289
48189
  "class": "col-lg-2 col-md-12 text-end",
48290
48190
  style: {
48291
48191
  marginLeft: langdetect == 'en' ? 'auto' : '',
@@ -48330,6 +48230,9 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
48330
48230
  tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
48331
48231
  }
48332
48232
  }
48233
+ if (productfeatuesarr != undefined && productfeatuesarr != null && Array.isArray(productfeatuesarr) && (productfeatuesarr === null || productfeatuesarr === void 0 ? void 0 : productfeatuesarr.length) != 0) {
48234
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
48235
+ }
48333
48236
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
48334
48237
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
48335
48238
  }