tabexseriescomponents 0.0.358 → 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 +407 -486
  2. package/dist/index.esm.js +407 -486
  3. package/dist/index.umd.js +409 -489
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -119,6 +119,7 @@ var FiPhone = require('@react-icons/all-files/fi/FiPhone');
119
119
  var HiMenuAlt4 = require('@react-icons/all-files/hi/HiMenuAlt4');
120
120
  var FiSearch = require('@react-icons/all-files/fi/FiSearch');
121
121
  var BsSearch = require('@react-icons/all-files/bs/BsSearch');
122
+ var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
122
123
  var GoSearch = require('@react-icons/all-files/go/GoSearch');
123
124
  var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
124
125
  var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
@@ -131,12 +132,12 @@ var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
131
132
  var FaTelegramPlane = require('@react-icons/all-files/fa/FaTelegramPlane');
132
133
  var FaPhoneAlt = require('@react-icons/all-files/fa/FaPhoneAlt');
133
134
  var FaPhone = require('@react-icons/all-files/fa/FaPhone');
134
- var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
135
135
  var BiUserCircle = require('@react-icons/all-files/bi/BiUserCircle');
136
136
  var GoLocation = require('@react-icons/all-files/go/GoLocation');
137
137
  var RiRoadMapLine = require('@react-icons/all-files/ri/RiRoadMapLine');
138
138
  var HiOutlineClock = require('@react-icons/all-files/hi/HiOutlineClock');
139
139
  var AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
140
+ var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
140
141
  var FaArrowAltCircleRight = require('@react-icons/all-files/fa/FaArrowAltCircleRight');
141
142
  var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLeft');
142
143
  var Select$5 = require('react-select');
@@ -12031,6 +12032,12 @@ var CartSlider = function CartSlider(props) {
12031
12032
  marginRight: sectionproperties.sectionTitleMarginRight + 'px',
12032
12033
  fontWeight: sectionproperties.sectionTitleFontWeight,
12033
12034
  position: 'relative'
12035
+ }),
12036
+ cartslider_container: glamor.css({
12037
+ paddingBottom: '1rem',
12038
+ '@media (max-width: 800px)': {
12039
+ paddingBottom: '18rem'
12040
+ }
12034
12041
  })
12035
12042
  };
12036
12043
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -12098,7 +12105,7 @@ var CartSlider = function CartSlider(props) {
12098
12105
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.status) && /*#__PURE__*/React__default["default"].createElement("div", {
12099
12106
  "class": "row m-0 w-100 h-100 px-2"
12100
12107
  }, /*#__PURE__*/React__default["default"].createElement("div", {
12101
- className: "".concat(cartstyles.cartslider_container, " ") + ' pb-3 h-100 w-100 ',
12108
+ className: "".concat(cartstyles.cartslider_container, " ").concat(cart_cssstyles.cartslider_container) + ' h-100 w-100 ',
12102
12109
  style: {
12103
12110
  paddingLeft: '15px',
12104
12111
  paddingRight: '15px',
@@ -12851,7 +12858,7 @@ var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
12851
12858
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
12852
12859
  });
12853
12860
  var Filter$1 = function Filter(props) {
12854
- var _authdetailsContext$i;
12861
+ var _authdetailsContext$i, _css;
12855
12862
  var lang = props.actions.lang;
12856
12863
  var langdetect = props.actions.langdetect;
12857
12864
  props.actions.productfiltercontext;
@@ -12866,9 +12873,13 @@ var Filter$1 = function Filter(props) {
12866
12873
  min: 0,
12867
12874
  max: 10000
12868
12875
  }),
12869
- _useState2 = _slicedToArray__default["default"](_useState, 2),
12870
- pricevalue = _useState2[0],
12871
- setpricevalue = _useState2[1];
12876
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
12877
+ _useState2[0];
12878
+ _useState2[1];
12879
+ var _useState3 = React.useState([]),
12880
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
12881
+ productfeatuesarr = _useState4[0],
12882
+ setproductfeatuesarr = _useState4[1];
12872
12883
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12873
12884
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12874
12885
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12876,40 +12887,41 @@ var Filter$1 = function Filter(props) {
12876
12887
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12877
12888
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12878
12889
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12879
- var _useState3 = React.useState(''),
12880
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
12881
- sectionproperties = _useState4[0],
12882
- setsectionproperties = _useState4[1];
12883
- var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12890
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
12891
+ var _useState5 = React.useState(''),
12884
12892
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
12885
- instfilters = _useState6[0],
12886
- setinstfilters = _useState6[1];
12887
- var _useState7 = React.useState([]),
12893
+ sectionproperties = _useState6[0],
12894
+ setsectionproperties = _useState6[1];
12895
+ var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12888
12896
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
12889
- collectionstobevisible = _useState8[0],
12890
- setcollectionstobevisible = _useState8[1];
12891
- var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12897
+ instfilters = _useState8[0],
12898
+ setinstfilters = _useState8[1];
12899
+ var _useState9 = React.useState([]),
12892
12900
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
12893
- instcollections = _useState10[0],
12894
- setinstcollections = _useState10[1];
12895
- var _useState11 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12901
+ collectionstobevisible = _useState10[0],
12902
+ setcollectionstobevisible = _useState10[1];
12903
+ var _useState11 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12896
12904
  _useState12 = _slicedToArray__default["default"](_useState11, 2),
12897
- instcategories = _useState12[0],
12898
- setinstcategories = _useState12[1];
12905
+ instcollections = _useState12[0],
12906
+ setinstcollections = _useState12[1];
12907
+ var _useState13 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12908
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12909
+ instcategories = _useState14[0],
12910
+ setinstcategories = _useState14[1];
12899
12911
  // const [sortby, setSortby] = useState('Sort by');
12900
- var _useState13 = React.useState({
12912
+ var _useState15 = React.useState({
12901
12913
  min: 0,
12902
12914
  max: 5
12903
12915
  }),
12904
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
12905
- raterangevalue = _useState14[0],
12906
- setraterangevalue = _useState14[1];
12916
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
12917
+ raterangevalue = _useState16[0],
12918
+ setraterangevalue = _useState16[1];
12907
12919
  var timeoutRef = React__default["default"].useRef(null);
12908
- var _useState15 = React.useState(''),
12909
- _useState16 = _slicedToArray__default["default"](_useState15, 2);
12910
- _useState16[0];
12911
- var setsortbycontext = _useState16[1];
12912
- var _useState17 = React.useState([{
12920
+ var _useState17 = React.useState(''),
12921
+ _useState18 = _slicedToArray__default["default"](_useState17, 2);
12922
+ _useState18[0];
12923
+ var setsortbycontext = _useState18[1];
12924
+ var _useState19 = React.useState([{
12913
12925
  payloadvalue: 'sortprice',
12914
12926
  name: lang.price,
12915
12927
  filterarray: [{
@@ -12934,9 +12946,9 @@ var Filter$1 = function Filter(props) {
12934
12946
  isfilterselected: false
12935
12947
  }]
12936
12948
  }]),
12937
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
12938
- otherfilters = _useState18[0];
12939
- _useState18[1];
12949
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
12950
+ otherfilters = _useState20[0];
12951
+ _useState20[1];
12940
12952
  React.useEffect(function () {
12941
12953
  filterupdater();
12942
12954
  }, []);
@@ -13046,6 +13058,14 @@ var Filter$1 = function Filter(props) {
13046
13058
  setcollectionstobevisible(instcollections);
13047
13059
  }
13048
13060
  }, [ProductFilterObjContext]);
13061
+ React.useEffect(function () {
13062
+ if (productfeatuesarr.length != 0) {
13063
+ var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
13064
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
13065
+ setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
13066
+ filterrouting(tempfetchproductsfilerobjcontext);
13067
+ }
13068
+ }, [productfeatuesarr]);
13049
13069
  React.useEffect(function () {
13050
13070
  if (fetchTabexStatesQueryContext.isSuccess) {
13051
13071
  if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -13385,308 +13405,159 @@ var Filter$1 = function Filter(props) {
13385
13405
  })));
13386
13406
  };
13387
13407
  var DynamicFilter = function DynamicFilter() {
13388
- var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13408
+ var _fetchProductFeatures;
13389
13409
  return /*#__PURE__*/React__default["default"].createElement("div", {
13390
13410
  "class": "row m-0 w-100"
13391
13411
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13392
13412
  "class": "col-lg-12 p-0 mb-3"
13393
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13394
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13395
- style: (_ref = {
13396
- color: sectionproperties.filtertitle_color
13397
- }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _ref)
13398
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13399
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13400
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13401
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13402
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'))), /*#__PURE__*/React__default["default"].createElement("div", {
13413
+ }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
13403
13414
  className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13404
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13405
- className: 'col-lg-12 p-0'
13406
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13407
- options: [{
13408
- name: 'Tesla',
13409
- value: 'Tesla'
13410
- }, {
13411
- name: 'VW',
13412
- value: 'VW'
13413
- }, {
13414
- name: 'Mercedes',
13415
- value: 'Mercedes'
13416
- }],
13417
- getOptionLabel: function getOptionLabel(option) {
13418
- var crname = '';
13419
- if (langdetect == 'en') {
13420
- crname = option.name;
13421
- } else if (langdetect == 'ar') {
13422
- if (option.name_ar != null) {
13423
- crname = option.name_ar;
13415
+ }, 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) {
13416
+ if (item.type == 'Selectbox') {
13417
+ var _item$featuresselectb, _ref;
13418
+ var selectboxarr = [];
13419
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
13420
+ var itemlabel = '';
13421
+ if (langdetect == 'en') {
13422
+ itemlabel = slecitem.value_en;
13424
13423
  } else {
13425
- crname = option.name;
13424
+ itemlabel = slecitem.value_ar;
13426
13425
  }
13427
- }
13428
- return crname;
13429
- },
13430
- getOptionValue: function getOptionValue(option) {
13431
- return option.id;
13432
- },
13433
- value: '',
13434
- onChange: function onChange(option) {},
13435
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13436
- isSearchable: true,
13437
- placeholder: ''
13438
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13439
- "class": "col-lg-12 p-0 mb-3"
13440
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13441
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13442
- style: _defineProperty__default["default"]({
13443
- color: sectionproperties.filtertitle_color,
13444
- fontSize: sectionproperties.filtertitle_fontsize + 'px',
13445
- fontWeight: sectionproperties.filtertitle_fontweight
13446
- }, "color", sectionproperties.filtertitle_color)
13447
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13448
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13449
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13450
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13451
- }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React__default["default"].createElement("div", {
13452
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13453
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13454
- className: 'col-lg-12 p-0'
13455
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13456
- options: [{
13457
- name: 'ID.4',
13458
- value: 'ID.4'
13459
- }, {
13460
- name: 'ID.6',
13461
- value: 'ID.6'
13462
- }],
13463
- getOptionLabel: function getOptionLabel(option) {
13464
- var crname = '';
13465
- if (langdetect == 'en') {
13466
- crname = option.name;
13467
- } else if (langdetect == 'ar') {
13468
- if (option.name_ar != null) {
13469
- crname = option.name_ar;
13470
- } else {
13471
- crname = option.name;
13426
+ selectboxarr.push({
13427
+ label: itemlabel,
13428
+ value: slecitem.value_en
13429
+ });
13430
+ });
13431
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13432
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13433
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13434
+ className: ' mb-3 w-100 ',
13435
+ style: (_ref = {
13436
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13437
+ color: sectionproperties.filtertitle_color
13438
+ }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "textTransform", 'capitalize'), _ref)
13439
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
13440
+ "class": 'col-lg-12 p-0'
13441
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13442
+ options: selectboxarr,
13443
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13444
+ placeholder: '',
13445
+ onChange: function onChange(e) {
13446
+ var isattrexists = false;
13447
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13448
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13449
+ if (attritem.id == item.id) {
13450
+ tempproductfeatuesarr[attrindex].value = e.value;
13451
+ isattrexists = true;
13452
+ }
13453
+ });
13454
+ if (isattrexists == false) {
13455
+ tempproductfeatuesarr.push({
13456
+ id: item.id,
13457
+ value: e.value
13458
+ });
13459
+ }
13460
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13472
13461
  }
13473
- }
13474
- return crname;
13475
- },
13476
- getOptionValue: function getOptionValue(option) {
13477
- return option.id;
13478
- },
13479
- value: '',
13480
- onChange: function onChange(option) {},
13481
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13482
- isSearchable: true,
13483
- placeholder: ''
13484
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13485
- "class": "col-lg-12 p-0 mb-3"
13486
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13487
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13488
- style: (_ref3 = {
13489
- color: sectionproperties.filtertitle_color
13490
- }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _ref3)
13491
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13492
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13493
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13494
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13495
- }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13496
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13497
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13498
- className: 'col-lg-12 p-0'
13499
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13500
- options: [{
13501
- name: '10000',
13502
- value: '10000'
13503
- }, {
13504
- name: '20000',
13505
- value: '20000'
13506
- }],
13507
- getOptionLabel: function getOptionLabel(option) {
13508
- var crname = '';
13509
- if (langdetect == 'en') {
13510
- crname = option.name;
13511
- } else if (langdetect == 'ar') {
13512
- if (option.name_ar != null) {
13513
- crname = option.name_ar;
13514
- } else {
13515
- crname = option.name;
13462
+ })));
13463
+ }
13464
+ if (item.type == 'Number') {
13465
+ var _ref2;
13466
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13467
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13468
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13469
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
13470
+ style: (_ref2 = {
13471
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13472
+ color: sectionproperties.filtertitle_color
13473
+ }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
13474
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
13475
+ "class": 'col-lg-12 p-0'
13476
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
13477
+ type: "number",
13478
+ className: "".concat(formstyles.form_control, " ").concat(filter_cssstyles.form_control),
13479
+ placeholder: '',
13480
+ onChange: function onChange(e) {
13481
+ var isattrexists = false;
13482
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13483
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13484
+ if (attritem.id == item.id) {
13485
+ tempproductfeatuesarr[attrindex].value = e.target.value;
13486
+ isattrexists = true;
13487
+ }
13488
+ });
13489
+ if (isattrexists == false) {
13490
+ tempproductfeatuesarr.push({
13491
+ id: item.id,
13492
+ value: e.target.value
13493
+ });
13494
+ }
13495
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13516
13496
  }
13517
- }
13518
- return crname;
13519
- },
13520
- getOptionValue: function getOptionValue(option) {
13521
- return option.id;
13522
- },
13523
- value: '',
13524
- onChange: function onChange(option) {},
13525
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13526
- isSearchable: true,
13527
- placeholder: ''
13528
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13529
- "class": "col-lg-12 p-0 mb-3"
13530
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13531
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13532
- style: (_ref4 = {
13533
- color: sectionproperties.filtertitle_color
13534
- }, _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref4, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref4, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _ref4)
13535
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13536
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13537
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13538
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13539
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13540
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13541
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13542
- className: 'col-lg-12 p-0'
13543
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13544
- options: [{
13545
- name: '10000',
13546
- value: '10000'
13547
- }, {
13548
- name: '20000',
13549
- value: '20000'
13550
- }],
13551
- getOptionLabel: function getOptionLabel(option) {
13552
- var crname = '';
13553
- if (langdetect == 'en') {
13554
- crname = option.name;
13555
- } else if (langdetect == 'ar') {
13556
- if (option.name_ar != null) {
13557
- crname = option.name_ar;
13558
- } else {
13559
- crname = option.name;
13497
+ })));
13498
+ }
13499
+ if (item.type == 'NumberRange') {
13500
+ var _ref3;
13501
+ var temppricevalue = {
13502
+ min: 0,
13503
+ max: 10000
13504
+ };
13505
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13506
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13507
+ if (attritem.id == item.id) {
13508
+ var _attritem$value, _attritem$valuemax;
13509
+ 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) {
13510
+ temppricevalue.min = attritem.value;
13511
+ }
13512
+ 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) {
13513
+ temppricevalue.max = attritem.valuemax;
13514
+ }
13560
13515
  }
13561
- }
13562
- return crname;
13563
- },
13564
- getOptionValue: function getOptionValue(option) {
13565
- return option.id;
13566
- },
13567
- value: '',
13568
- onChange: function onChange(option) {},
13569
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13570
- isSearchable: true,
13571
- placeholder: ''
13572
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13573
- "class": "col-lg-12 p-0 mb-3"
13574
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13575
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13576
- style: (_ref5 = {
13577
- color: sectionproperties.filtertitle_color
13578
- }, _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref5, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref5, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _ref5)
13579
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13580
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13581
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13582
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13583
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13584
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13585
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13586
- className: 'col-lg-12 p-0'
13587
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13588
- options: [{
13589
- name: '2020',
13590
- value: '2020'
13591
- }, {
13592
- name: '2021',
13593
- value: '2021'
13594
- }],
13595
- getOptionLabel: function getOptionLabel(option) {
13596
- var crname = '';
13597
- if (langdetect == 'en') {
13598
- crname = option.name;
13599
- } else if (langdetect == 'ar') {
13600
- if (option.name_ar != null) {
13601
- crname = option.name_ar;
13602
- } else {
13603
- crname = option.name;
13516
+ });
13517
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13518
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
13519
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13520
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
13521
+ style: (_ref3 = {
13522
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13523
+ color: sectionproperties.filtertitle_color
13524
+ }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "textTransform", 'capitalize'), _ref3)
13525
+ }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React__default["default"].createElement("div", {
13526
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
13527
+ style: {
13528
+ direction: 'ltr'
13604
13529
  }
13605
- }
13606
- return crname;
13607
- },
13608
- getOptionValue: function getOptionValue(option) {
13609
- return option.id;
13610
- },
13611
- value: '',
13612
- onChange: function onChange(option) {},
13613
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13614
- isSearchable: true,
13615
- placeholder: ''
13616
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13617
- "class": "col-lg-12 p-0 mb-3"
13618
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13619
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13620
- style: (_ref6 = {
13621
- color: sectionproperties.filtertitle_color
13622
- }, _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref6, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref6, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _ref6)
13623
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13624
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13625
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13626
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13627
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13628
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13629
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13630
- className: 'col-lg-12 p-0'
13631
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13632
- options: [{
13633
- name: '2020',
13634
- value: '2020'
13635
- }, {
13636
- name: '2021',
13637
- value: '2021'
13638
- }],
13639
- getOptionLabel: function getOptionLabel(option) {
13640
- var crname = '';
13641
- if (langdetect == 'en') {
13642
- crname = option.name;
13643
- } else if (langdetect == 'ar') {
13644
- if (option.name_ar != null) {
13645
- crname = option.name_ar;
13646
- } else {
13647
- crname = option.name;
13530
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13531
+ draggableTrack: true,
13532
+ formatLabel: function formatLabel(value) {
13533
+ return "".concat(value);
13534
+ },
13535
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13536
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
13537
+ value: temppricevalue,
13538
+ onChange: function onChange(e) {
13539
+ // setpricevalue({ ...value });
13540
+ var isattrexists = false;
13541
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13542
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13543
+ if (attritem.id == item.id) {
13544
+ tempproductfeatuesarr[attrindex].value = e.min;
13545
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
13546
+ isattrexists = true;
13547
+ }
13548
+ });
13549
+ if (isattrexists == false) {
13550
+ tempproductfeatuesarr.push({
13551
+ id: item.id,
13552
+ value: e.min,
13553
+ valuemax: e.max
13554
+ });
13555
+ }
13556
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13648
13557
  }
13649
- }
13650
- return crname;
13651
- },
13652
- getOptionValue: function getOptionValue(option) {
13653
- return option.id;
13654
- },
13655
- value: '',
13656
- onChange: function onChange(option) {},
13657
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13658
- isSearchable: true,
13659
- placeholder: ''
13660
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13661
- "class": "col-lg-12 p-0 mb-3"
13662
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13663
- className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
13664
- style: (_ref7 = {
13665
- color: sectionproperties.filtertitle_color
13666
- }, _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref7, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref7, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _ref7)
13667
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13668
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13669
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13670
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13671
- }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React__default["default"].createElement("div", {
13672
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13673
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13674
- className: 'col-lg-12 p-0 px-md-4',
13675
- style: {
13676
- direction: 'ltr'
13677
- }
13678
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13679
- draggableTrack: true,
13680
- formatLabel: function formatLabel(value) {
13681
- return "".concat(value);
13682
- },
13683
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13684
- minValue: parseInt(sectionproperties.filterpriceminvalue),
13685
- value: pricevalue,
13686
- onChange: function onChange(value) {
13687
- setpricevalue(_objectSpread$26({}, value));
13558
+ })));
13688
13559
  }
13689
- })))));
13560
+ }))));
13690
13561
  };
13691
13562
  var InstFilters = function InstFilters() {
13692
13563
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
@@ -13745,6 +13616,15 @@ var Filter$1 = function Filter(props) {
13745
13616
  }));
13746
13617
  };
13747
13618
  var filter_cssstyles = {
13619
+ form_control: glamor.css((_css = {
13620
+ position: 'relative',
13621
+ display: 'flex',
13622
+ alignItems: 'center'
13623
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #ccc'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
13624
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
13625
+ borderColor: '#eac435',
13626
+ boxShadow: 'none'
13627
+ }), _css)),
13748
13628
  collapsetitle: glamor.css({
13749
13629
  fontSize: sectionproperties.filtertitle_fontsize + 'px',
13750
13630
  fontWeight: sectionproperties.filtertitle_fontweight,
@@ -14007,10 +13887,10 @@ var Filter$1 = function Filter(props) {
14007
13887
  isSearchable: true
14008
13888
  })))));
14009
13889
  };
14010
- var _useState19 = React.useState(false),
14011
- _useState20 = _slicedToArray__default["default"](_useState19, 2),
14012
- checked = _useState20[0],
14013
- setChecked = _useState20[1];
13890
+ var _useState21 = React.useState(false),
13891
+ _useState22 = _slicedToArray__default["default"](_useState21, 2),
13892
+ checked = _useState22[0],
13893
+ setChecked = _useState22[1];
14014
13894
  // const queryParameters = new URLSearchParams(window.location.search);
14015
13895
  // useEffect(() => {
14016
13896
  // // setsortbycontext('Sort By');
@@ -15902,7 +15782,8 @@ var CardsSection = function CardsSection(props) {
15902
15782
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
15903
15783
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
15904
15784
  marginTop: sectionproperties.marginTop + 'px',
15905
- marginBottom: sectionproperties.marginBottom + 'px'
15785
+ marginBottom: sectionproperties.marginBottom + 'px',
15786
+ minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
15906
15787
  }
15907
15788
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
15908
15789
  "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
@@ -21759,6 +21640,32 @@ var ClassicHeader = function ClassicHeader(props) {
21759
21640
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
21760
21641
  size: 25,
21761
21642
  color: '#fff'
21643
+ })))), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
21644
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
21645
+ target: '_blank',
21646
+ style: {
21647
+ position: 'fixed',
21648
+ bottom: 60,
21649
+ right: 10,
21650
+ zIndex: 999999,
21651
+ transition: 'all 0.3s ease-out'
21652
+ }
21653
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21654
+ style: {
21655
+ width: 40,
21656
+ height: 40,
21657
+ borderRadius: 100,
21658
+ background: '#000',
21659
+ cursor: 'pointer'
21660
+ }
21661
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
21662
+ "class": "h-100 allcentered"
21663
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePhone.AiOutlinePhone, {
21664
+ size: 25,
21665
+ color: '#fff',
21666
+ style: {
21667
+ transform: langdetect == 'en' ? 'scaleX(-1)' : 'scaleX(1)'
21668
+ }
21762
21669
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
21763
21670
  "class": "row m-0",
21764
21671
  style: {
@@ -41778,7 +41685,7 @@ var ModernFooter = function ModernFooter(props) {
41778
41685
  function ownKeys$1m(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; }
41779
41686
  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41780
41687
  var Newsletterfooter = function Newsletterfooter(props) {
41781
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
41688
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
41782
41689
  var _useState = React.useState(''),
41783
41690
  _useState2 = _slicedToArray__default["default"](_useState, 2),
41784
41691
  sectionproperties = _useState2[0],
@@ -42205,13 +42112,24 @@ var Newsletterfooter = function Newsletterfooter(props) {
42205
42112
  }
42206
42113
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
42207
42114
  size: sectionproperties.instgrambtniconfontsize
42208
- })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
42209
- "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
42115
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
42116
+ "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
42210
42117
  onClick: function onClick() {
42211
42118
  var _authdetailsContext$i15;
42212
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
42119
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
42213
42120
  var _authdetailsContext$i16;
42214
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
42121
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
42122
+ }
42123
+ }
42124
+ }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
42125
+ size: sectionproperties.instgrambtniconfontsize
42126
+ })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
42127
+ "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
42128
+ onClick: function onClick() {
42129
+ var _authdetailsContext$i18;
42130
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber) != null) {
42131
+ var _authdetailsContext$i19;
42132
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber), '_blank');
42215
42133
  }
42216
42134
  }
42217
42135
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -47714,6 +47632,7 @@ var CustomerAddressForm = function CustomerAddressForm(props) {
47714
47632
  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; }
47715
47633
  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__default["default"](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; }
47716
47634
  var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
47635
+ var _css, _fetchProductFeatures;
47717
47636
  var _useState = React.useState(''),
47718
47637
  _useState2 = _slicedToArray__default["default"](_useState, 2),
47719
47638
  sectionproperties = _useState2[0],
@@ -47740,6 +47659,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47740
47659
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
47741
47660
  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
47742
47661
  var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
47662
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
47743
47663
  var routingcountext = props.actions.routingcountext;
47744
47664
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
47745
47665
  // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
@@ -47759,6 +47679,10 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47759
47679
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
47760
47680
  _useState12[0];
47761
47681
  _useState12[1];
47682
+ var _useState13 = React.useState([]),
47683
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
47684
+ productfeatuesarr = _useState14[0],
47685
+ setproductfeatuesarr = _useState14[1];
47762
47686
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
47763
47687
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
47764
47688
  var authdetailsContext = props.actions.authdetailsContext;
@@ -47802,6 +47726,15 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47802
47726
  }
47803
47727
  }, [sectionproperties]);
47804
47728
  var sectionstyles = {
47729
+ form_control: glamor.css((_css = {
47730
+ position: 'relative',
47731
+ display: 'flex',
47732
+ alignItems: 'center'
47733
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #e6e6e6'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '38px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
47734
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
47735
+ borderColor: '#eac435',
47736
+ boxShadow: 'none'
47737
+ }), _css)),
47805
47738
  btnstyles: glamor.css({
47806
47739
  width: sectionproperties.generalbtn_width + '%',
47807
47740
  height: sectionproperties.generalbtn_height + 'px',
@@ -47817,9 +47750,6 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47817
47750
  color: sectionproperties.generalbtn_textColoronhover
47818
47751
  }
47819
47752
  }),
47820
- form_control: glamor.css({
47821
- 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)'
47822
- }),
47823
47753
  input_label_name: glamor.css({
47824
47754
  color: sectionproperties.form_labelcolor,
47825
47755
  textTransform: sectionproperties.form_labeltexttransform,
@@ -48164,159 +48094,147 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
48164
48094
  "class": "col-lg-12 p-0"
48165
48095
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48166
48096
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
48167
- }, /*#__PURE__*/React__default["default"].createElement("div", {
48168
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48169
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48170
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48171
- style: {
48172
- textAlign: langdetect == 'en' ? 'left' : 'right'
48173
- }
48174
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
48175
- "class": 'col-lg-12 p-0'
48176
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48177
- options: [{
48178
- label: 'Tesla',
48179
- value: 1
48180
- }, {
48181
- label: 'VW',
48182
- value: 0
48183
- }, {
48184
- label: 'BYD',
48185
- value: 0
48186
- }],
48187
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48188
- placeholder: ''
48189
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48190
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48191
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48192
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48193
- style: {
48194
- textAlign: langdetect == 'en' ? 'left' : 'right'
48195
- }
48196
- }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React__default["default"].createElement("div", {
48197
- "class": 'col-lg-12 p-0'
48198
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48199
- options: [{
48200
- label: 'ID.4',
48201
- value: 1
48202
- }, {
48203
- label: 'ID.6',
48204
- value: 0
48205
- }],
48206
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48207
- placeholder: ''
48208
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48209
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48210
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48211
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48212
- style: {
48213
- textAlign: langdetect == 'en' ? 'left' : 'right'
48214
- }
48215
- }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48216
- "class": 'col-lg-12 p-0'
48217
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48218
- options: [{
48219
- label: '100000',
48220
- value: 1
48221
- }, {
48222
- label: '50000',
48223
- value: 0
48224
- }, {
48225
- label: '30000',
48226
- value: 0
48227
- }],
48228
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48229
- placeholder: ''
48230
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48231
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48232
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48233
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48234
- style: {
48235
- textAlign: langdetect == 'en' ? 'left' : 'right'
48236
- }
48237
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48238
- "class": 'col-lg-12 p-0'
48239
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48240
- options: [{
48241
- label: '100000',
48242
- value: 1
48243
- }, {
48244
- label: '50000',
48245
- value: 0
48246
- }, {
48247
- label: '30000',
48248
- value: 0
48249
- }],
48250
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48251
- placeholder: ''
48252
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48253
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48254
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48255
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48256
- style: {
48257
- textAlign: langdetect == 'en' ? 'left' : 'right'
48258
- }
48259
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48260
- "class": 'col-lg-12 p-0'
48261
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48262
- options: [{
48263
- label: '2023',
48264
- value: 1
48265
- }, {
48266
- label: '2022',
48267
- value: 0
48268
- }, {
48269
- label: '2021',
48270
- value: 0
48271
- }],
48272
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48273
- placeholder: ''
48274
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48275
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48276
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48277
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48278
- style: {
48279
- textAlign: langdetect == 'en' ? 'left' : 'right'
48280
- }
48281
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48282
- "class": 'col-lg-12 p-0'
48283
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48284
- options: [{
48285
- label: '2023',
48286
- value: 1
48287
- }, {
48288
- label: '2022',
48289
- value: 0
48290
- }, {
48291
- label: '2021',
48292
- value: 0
48293
- }],
48294
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48295
- placeholder: ''
48296
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48297
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48298
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48299
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48300
- style: {
48301
- textAlign: langdetect == 'en' ? 'left' : 'right'
48097
+ }, (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) {
48098
+ if (item.type == 'Selectbox') {
48099
+ var _item$featuresselectb;
48100
+ var selectboxarr = [];
48101
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
48102
+ var itemlabel = '';
48103
+ if (langdetect == 'en') {
48104
+ itemlabel = slecitem.value_en;
48105
+ } else {
48106
+ itemlabel = slecitem.value_ar;
48107
+ }
48108
+ selectboxarr.push({
48109
+ label: itemlabel,
48110
+ value: slecitem.value_en
48111
+ });
48112
+ });
48113
+ return /*#__PURE__*/React__default["default"].createElement("div", {
48114
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48115
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48116
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48117
+ style: {
48118
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48119
+ }
48120
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
48121
+ "class": 'col-lg-12 p-0'
48122
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48123
+ options: selectboxarr,
48124
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
48125
+ placeholder: '',
48126
+ onChange: function onChange(e) {
48127
+ var isattrexists = false;
48128
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48129
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48130
+ if (attritem.id == item.id) {
48131
+ tempproductfeatuesarr[attrindex].value = e.value;
48132
+ isattrexists = true;
48133
+ }
48134
+ });
48135
+ if (isattrexists == false) {
48136
+ tempproductfeatuesarr.push({
48137
+ id: item.id,
48138
+ value: e.value
48139
+ });
48140
+ }
48141
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
48142
+ }
48143
+ })));
48302
48144
  }
48303
- }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
48304
- "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48305
- style: {
48306
- direction: 'ltr'
48145
+ if (item.type == 'Number') {
48146
+ return /*#__PURE__*/React__default["default"].createElement("div", {
48147
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48148
+ }, /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
48154
+ "class": 'col-lg-12 p-0 mt-1'
48155
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
48156
+ type: "number",
48157
+ className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control),
48158
+ placeholder: '',
48159
+ onChange: function onChange(e) {
48160
+ var isattrexists = false;
48161
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48162
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48163
+ if (attritem.id == item.id) {
48164
+ tempproductfeatuesarr[attrindex].value = e.target.value;
48165
+ isattrexists = true;
48166
+ }
48167
+ });
48168
+ if (isattrexists == false) {
48169
+ tempproductfeatuesarr.push({
48170
+ id: item.id,
48171
+ value: e.target.value
48172
+ });
48173
+ }
48174
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
48175
+ }
48176
+ })));
48307
48177
  }
48308
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
48309
- draggableTrack: true,
48310
- formatLabel: function formatLabel(value) {
48311
- return "".concat(value);
48312
- },
48313
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48314
- minValue: parseInt(sectionproperties.filterpriceminvalue),
48315
- value: pricevalue,
48316
- onChange: function onChange(value) {
48317
- setpricevalue(_objectSpread$17({}, value));
48178
+ if (item.type == 'NumberRange') {
48179
+ var temppricevalue = {
48180
+ min: 0,
48181
+ max: 10000
48182
+ };
48183
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48184
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48185
+ if (attritem.id == item.id) {
48186
+ var _attritem$value, _attritem$valuemax;
48187
+ 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) {
48188
+ temppricevalue.min = attritem.value;
48189
+ }
48190
+ 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) {
48191
+ temppricevalue.max = attritem.valuemax;
48192
+ }
48193
+ }
48194
+ });
48195
+ return /*#__PURE__*/React__default["default"].createElement("div", {
48196
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48197
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48198
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48199
+ style: {
48200
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48201
+ }
48202
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
48203
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48204
+ style: {
48205
+ direction: 'ltr'
48206
+ }
48207
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
48208
+ draggableTrack: true,
48209
+ formatLabel: function formatLabel(value) {
48210
+ return "".concat(value);
48211
+ },
48212
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48213
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
48214
+ value: temppricevalue,
48215
+ onChange: function onChange(e) {
48216
+ // setpricevalue({ ...value });
48217
+ var isattrexists = false;
48218
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48219
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48220
+ if (attritem.id == item.id) {
48221
+ tempproductfeatuesarr[attrindex].value = e.min;
48222
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
48223
+ isattrexists = true;
48224
+ }
48225
+ });
48226
+ if (isattrexists == false) {
48227
+ tempproductfeatuesarr.push({
48228
+ id: item.id,
48229
+ value: e.min,
48230
+ valuemax: e.max
48231
+ });
48232
+ }
48233
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
48234
+ }
48235
+ })));
48318
48236
  }
48319
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48237
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
48320
48238
  "class": "col-lg-2 col-md-12 text-end",
48321
48239
  style: {
48322
48240
  marginLeft: langdetect == 'en' ? 'auto' : '',
@@ -48361,6 +48279,9 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
48361
48279
  tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
48362
48280
  }
48363
48281
  }
48282
+ if (productfeatuesarr != undefined && productfeatuesarr != null && Array.isArray(productfeatuesarr) && (productfeatuesarr === null || productfeatuesarr === void 0 ? void 0 : productfeatuesarr.length) != 0) {
48283
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
48284
+ }
48364
48285
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
48365
48286
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
48366
48287
  }