tabexseriescomponents 0.0.351 → 0.0.356

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 +502 -77
  2. package/dist/index.esm.js +500 -75
  3. package/dist/index.umd.js +504 -79
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -20,6 +20,7 @@ var AiOutlineUser = require('@react-icons/all-files/ai/AiOutlineUser');
20
20
  var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
21
21
  var reactBootstrap = require('react-bootstrap');
22
22
  var imagekitioReact = require('imagekitio-react');
23
+ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
23
24
  var ImageGallery = require('react-image-gallery');
24
25
  var MdAddShoppingCart = require('@react-icons/all-files/md/MdAddShoppingCart');
25
26
  var IoBagHandleOutline = require('@react-icons/all-files/io5/IoBagHandleOutline');
@@ -36,7 +37,6 @@ var FiMinus = require('@react-icons/all-files/fi/FiMinus');
36
37
  var FiPlus = require('@react-icons/all-files/fi/FiPlus');
37
38
  var ReactStars = require('react-rating-stars-component');
38
39
  var FiLayers = require('@react-icons/all-files/fi/FiLayers');
39
- var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
40
40
  var TextareaAutosize = require('react-textarea-autosize');
41
41
  var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCircle');
42
42
  var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
@@ -47,6 +47,7 @@ var HiOutlinePhone = require('@react-icons/all-files/hi/HiOutlinePhone');
47
47
  var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
48
48
  var FaShippingFast = require('@react-icons/all-files/fa/FaShippingFast');
49
49
  var RiSecurePaymentLine = require('@react-icons/all-files/ri/RiSecurePaymentLine');
50
+ var ReactPlayer = require('react-player');
50
51
  var AiOutlineSecurityScan = require('@react-icons/all-files/ai/AiOutlineSecurityScan');
51
52
  var FaStar = require('@react-icons/all-files/fa/FaStar');
52
53
  var IoLocationSharp = require('@react-icons/all-files/io5/IoLocationSharp');
@@ -139,7 +140,6 @@ var AiOutlineLinkedin = require('@react-icons/all-files/ai/AiOutlineLinkedin');
139
140
  var FaArrowAltCircleRight = require('@react-icons/all-files/fa/FaArrowAltCircleRight');
140
141
  var FaArrowAltCircleLeft = require('@react-icons/all-files/fa/FaArrowAltCircleLeft');
141
142
  var Select$5 = require('react-select');
142
- var ReactPlayer = require('react-player');
143
143
  var BackgroundSlideshow = require('react-background-slideshow');
144
144
  var _extends = require('@babel/runtime/helpers/extends');
145
145
  var reactSlideshowImage = require('react-slideshow-image');
@@ -184,10 +184,11 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
184
184
  var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
185
185
  var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
186
186
  var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
187
+ var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
187
188
  var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
188
189
  var ReactStars__default = /*#__PURE__*/_interopDefaultLegacy(ReactStars);
189
- var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
190
190
  var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
191
+ var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
191
192
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
192
193
  var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
193
194
  var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
@@ -195,7 +196,6 @@ var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
195
196
  var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
196
197
  var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
197
198
  var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$5);
198
- var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
199
199
  var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
200
200
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
201
201
 
@@ -4497,7 +4497,7 @@ var ProductReviews = function ProductReviews(props) {
4497
4497
  function ownKeys$2k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4498
4498
  function _objectSpread$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4499
4499
  var Productinfo = function Productinfo(props) {
4500
- var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer18, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer19, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
4500
+ var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
4501
4501
  props.actions.srcfromprops;
4502
4502
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
4503
4503
  var lang = props.actions.lang;
@@ -4604,6 +4604,10 @@ var Productinfo = function Productinfo(props) {
4604
4604
  _useState34 = _slicedToArray__default["default"](_useState33, 2),
4605
4605
  tabname = _useState34[0],
4606
4606
  settabname = _useState34[1];
4607
+ var _useState35 = React.useState([]),
4608
+ _useState36 = _slicedToArray__default["default"](_useState35, 2),
4609
+ productVideos = _useState36[0],
4610
+ setproductVideos = _useState36[1];
4607
4611
  var handleTabChange = function handleTabChange(event, newTabIndex) {
4608
4612
  setTabIndex(newTabIndex);
4609
4613
  };
@@ -4618,6 +4622,20 @@ var Productinfo = function Productinfo(props) {
4618
4622
  settabname('descriptiontab');
4619
4623
  }
4620
4624
  }, [StatePagePropertiesContext]);
4625
+ React.useEffect(function () {
4626
+ var _fetchProductInfoQuer;
4627
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.product_videos) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0) {
4628
+ var _fetchProductInfoQuer2;
4629
+ if (Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.product_videos)) {
4630
+ var _fetchProductInfoQuer3;
4631
+ var temparr = _toConsumableArray__default["default"](fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.product_videos);
4632
+ temparr.forEach(function (item) {
4633
+ item.linkclicked = false;
4634
+ });
4635
+ setproductVideos(_toConsumableArray__default["default"](temparr));
4636
+ }
4637
+ }
4638
+ }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
4621
4639
  React.useEffect(function () {
4622
4640
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
4623
4641
  return x.staticpageid == '6218bccb810ae';
@@ -4666,7 +4684,7 @@ var Productinfo = function Productinfo(props) {
4666
4684
  React.useEffect(function () {
4667
4685
  if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
4668
4686
  if (fetchProductInfoQueryContext.data.data.productinfo != null) {
4669
- var _fetchProductInfoQuer, _fetchProductInfoQuer2;
4687
+ var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
4670
4688
  var tempproductimagesarray = [];
4671
4689
  if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
4672
4690
  fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
@@ -4691,7 +4709,7 @@ var Productinfo = function Productinfo(props) {
4691
4709
  tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
4692
4710
  setaddtocardpayloadobj(_objectSpread$2k({}, tempaddtocardpayloadobj));
4693
4711
  setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
4694
- if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.maintagid) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0) {
4712
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.maintagid) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.length) != 0) {
4695
4713
  GeneralAPIMutationContext.mutate({
4696
4714
  endpointurl: '/FetchRelatedProducts',
4697
4715
  tagid: fetchProductInfoQueryContext.data.data.productinfo.maintagid,
@@ -4872,8 +4890,8 @@ var Productinfo = function Productinfo(props) {
4872
4890
  var addtocartfunc = function addtocartfunc() {
4873
4891
  var runfunc = false;
4874
4892
  if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
4875
- var _fetchProductInfoQuer3;
4876
- if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.hasvariants) == 1) {
4893
+ var _fetchProductInfoQuer6;
4894
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.hasvariants) == 1) {
4877
4895
  if (addtocardpayloadobj.variantid.length != 0) {
4878
4896
  runfunc = true;
4879
4897
  } else {
@@ -4886,10 +4904,10 @@ var Productinfo = function Productinfo(props) {
4886
4904
  NotificationManager.warning('', 'Please Choose Quantity');
4887
4905
  }
4888
4906
  if (runfunc == true) {
4889
- var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
4907
+ var _fetchProductInfoQuer7, _fetchProductInfoQuer8;
4890
4908
  var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
4891
- tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproductforcedtocheckout;
4892
- tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.vendorproviderid;
4909
+ tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.isproductforcedtocheckout;
4910
+ tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.vendorproviderid;
4893
4911
  var Extrafieldvalidationresponse = validateextrafields();
4894
4912
  if (Extrafieldvalidationresponse.status) {
4895
4913
  AddtoCartContext(tempaddtocardpayloadobj);
@@ -4897,12 +4915,12 @@ var Productinfo = function Productinfo(props) {
4897
4915
  }
4898
4916
  };
4899
4917
  var validateextrafields = function validateextrafields() {
4900
- var _fetchProductInfoQuer6;
4918
+ var _fetchProductInfoQuer9;
4901
4919
  var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
4902
4920
  var status = false;
4903
4921
  var reason = '';
4904
4922
  var missingitemsfound = [];
4905
- var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productextrafields;
4923
+ var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productextrafields;
4906
4924
  if ((extrafields === null || extrafields === void 0 ? void 0 : extrafields.length) == 0) {
4907
4925
  status = true;
4908
4926
  } else {
@@ -5488,24 +5506,24 @@ var Productinfo = function Productinfo(props) {
5488
5506
  }
5489
5507
  }));
5490
5508
  var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
5491
- var _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10;
5509
+ var _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
5492
5510
  var price = 0;
5493
5511
  var quantityconditions = [];
5494
5512
  var quantity = 0;
5495
5513
  if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
5496
5514
  quantity = parseFloat(addtocardpayloadobj.quantity);
5497
5515
  }
5498
- if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productquantityoptions) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.length) != 0) {
5516
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productquantityoptions) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0) {
5499
5517
  quantityconditions = fetchProductInfoQueryContext.data.data.productinfo.productquantityoptions;
5500
5518
  }
5501
5519
  if (type == 'defaultprice') {
5502
5520
  price = fetchProductInfoQueryContext.data.data.productinfo.defaultprice;
5503
5521
  if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
5504
5522
  if (variantindexcompleted != undefined) {
5505
- var _fetchProductInfoQuer11;
5506
- if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.variants[variantindexcompleted]) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.variantprice) != undefined) {
5507
- var _fetchProductInfoQuer12;
5508
- price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.variantprice;
5523
+ var _fetchProductInfoQuer14;
5524
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.variantprice) != undefined) {
5525
+ var _fetchProductInfoQuer15;
5526
+ price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.variantprice;
5509
5527
  }
5510
5528
  }
5511
5529
  }
@@ -5513,10 +5531,10 @@ var Productinfo = function Productinfo(props) {
5513
5531
  price = fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice;
5514
5532
  if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
5515
5533
  if (variantindexcompleted != undefined) {
5516
- var _fetchProductInfoQuer13;
5517
- if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.variants[variantindexcompleted]) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.variantsaleprice) != undefined) {
5518
- var _fetchProductInfoQuer14;
5519
- price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.variantsaleprice;
5534
+ var _fetchProductInfoQuer16;
5535
+ if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.variantsaleprice) != undefined) {
5536
+ var _fetchProductInfoQuer17;
5537
+ price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.variants[variantindexcompleted]) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.variantsaleprice;
5520
5538
  }
5521
5539
  }
5522
5540
  }
@@ -5546,7 +5564,7 @@ var Productinfo = function Productinfo(props) {
5546
5564
  }
5547
5565
  };
5548
5566
  var getQuantityCondition = function getQuantityCondition() {
5549
- var _fetchProductInfoQuer15;
5567
+ var _fetchProductInfoQuer18;
5550
5568
  return /*#__PURE__*/React__default["default"].createElement("div", {
5551
5569
  "class": "col-lg-12 p-0",
5552
5570
  style: {
@@ -5576,12 +5594,12 @@ var Productinfo = function Productinfo(props) {
5576
5594
  height: 1,
5577
5595
  background: sectionproperties.pricelisttitlecolor
5578
5596
  }
5579
- })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productquantityoptions) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.map(function (item, index) {
5580
- var _fetchProductInfoQuer16;
5597
+ })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productquantityoptions) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.map(function (item, index) {
5598
+ var _fetchProductInfoQuer19;
5581
5599
  return /*#__PURE__*/React__default["default"].createElement("div", {
5582
5600
  className: "col-lg-12 p-0 w-100 d-flex align-items-center",
5583
5601
  style: {
5584
- marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productquantityoptions) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.length) - 1 != index ? '1rem' : 0
5602
+ marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productquantityoptions) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.length) - 1 != index ? '1rem' : 0
5585
5603
  }
5586
5604
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5587
5605
  "class": "d-flex align-items-center",
@@ -5615,7 +5633,7 @@ var Productinfo = function Productinfo(props) {
5615
5633
  })));
5616
5634
  };
5617
5635
  var StoreInfo = function StoreInfo() {
5618
- var _fetchProductInfoQuer17, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
5636
+ var _fetchProductInfoQuer20, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
5619
5637
  return /*#__PURE__*/React__default["default"].createElement("div", {
5620
5638
  "class": "row m-0 w-100"
5621
5639
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5662,7 +5680,7 @@ var Productinfo = function Productinfo(props) {
5662
5680
  style: {
5663
5681
  textAlign: langdetect == 'en' ? 'left' : 'right'
5664
5682
  }
5665
- }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productquantityoptions) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
5683
+ }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productquantityoptions) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
5666
5684
  "class": "col-lg-12 p-0 mb-4"
5667
5685
  }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5668
5686
  className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
@@ -5849,7 +5867,12 @@ var Productinfo = function Productinfo(props) {
5849
5867
  onClick: function onClick() {
5850
5868
  settabname('refundpolicytab');
5851
5869
  }
5852
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5870
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.product_videos) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5871
+ label: langdetect == 'en' ? sectionproperties.videostitleen : sectionproperties.videostitlear,
5872
+ onClick: function onClick() {
5873
+ settabname('videostab');
5874
+ }
5875
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5853
5876
  label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
5854
5877
  onClick: function onClick() {
5855
5878
  settabname('reviewstab');
@@ -5904,7 +5927,12 @@ var Productinfo = function Productinfo(props) {
5904
5927
  onClick: function onClick() {
5905
5928
  settabname('refundpolicytab');
5906
5929
  }
5907
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5930
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.product_videos) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5931
+ label: langdetect == 'en' ? 'Videos' : 'فيديوهات',
5932
+ onClick: function onClick() {
5933
+ settabname('videostab');
5934
+ }
5935
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
5908
5936
  label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
5909
5937
  onClick: function onClick() {
5910
5938
  settabname('reviewstab');
@@ -5940,6 +5968,23 @@ var Productinfo = function Productinfo(props) {
5940
5968
  dangerouslySetInnerHTML: {
5941
5969
  __html: langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policycontent_en : (_returnpolicyobj12 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policycontent_ar
5942
5970
  }
5971
+ })), tabname == 'videostab' && /*#__PURE__*/React__default["default"].createElement("div", {
5972
+ "class": "row m-0 w-100 w-100 pl-5 pr-5 p-md-0"
5973
+ }, productVideos.map(function (item, index) {
5974
+ return /*#__PURE__*/React__default["default"].createElement("div", {
5975
+ className: "col-lg-4 col-md-6 col-sm-12 mb-4",
5976
+ style: {
5977
+ height: 400
5978
+ }
5979
+ }, /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
5980
+ url: item.videourl,
5981
+ height: '100%',
5982
+ width: '100%',
5983
+ playing: false,
5984
+ controls: true,
5985
+ loop: true,
5986
+ muted: true
5987
+ }));
5943
5988
  })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
5944
5989
  "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
5945
5990
  }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
@@ -12817,6 +12862,13 @@ var Filter$1 = function Filter(props) {
12817
12862
  var routingcountext = props.actions.routingcountext;
12818
12863
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
12819
12864
  var ikimagecredcontext = props.actions.ikimagecredcontext;
12865
+ var _useState = React.useState({
12866
+ min: 0,
12867
+ max: 10000
12868
+ }),
12869
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
12870
+ pricevalue = _useState2[0],
12871
+ setpricevalue = _useState2[1];
12820
12872
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12821
12873
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12822
12874
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12824,40 +12876,40 @@ var Filter$1 = function Filter(props) {
12824
12876
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12825
12877
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12826
12878
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12827
- var _useState = React.useState(''),
12828
- _useState2 = _slicedToArray__default["default"](_useState, 2),
12829
- sectionproperties = _useState2[0],
12830
- setsectionproperties = _useState2[1];
12831
- var _useState3 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12879
+ var _useState3 = React.useState(''),
12832
12880
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
12833
- instfilters = _useState4[0],
12834
- setinstfilters = _useState4[1];
12835
- var _useState5 = React.useState([]),
12881
+ sectionproperties = _useState4[0],
12882
+ setsectionproperties = _useState4[1];
12883
+ var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12836
12884
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
12837
- collectionstobevisible = _useState6[0],
12838
- setcollectionstobevisible = _useState6[1];
12839
- var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12885
+ instfilters = _useState6[0],
12886
+ setinstfilters = _useState6[1];
12887
+ var _useState7 = React.useState([]),
12840
12888
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
12841
- instcollections = _useState8[0],
12842
- setinstcollections = _useState8[1];
12843
- var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12889
+ collectionstobevisible = _useState8[0],
12890
+ setcollectionstobevisible = _useState8[1];
12891
+ var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12844
12892
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
12845
- instcategories = _useState10[0],
12846
- setinstcategories = _useState10[1];
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)),
12896
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
12897
+ instcategories = _useState12[0],
12898
+ setinstcategories = _useState12[1];
12847
12899
  // const [sortby, setSortby] = useState('Sort by');
12848
- var _useState11 = React.useState({
12900
+ var _useState13 = React.useState({
12849
12901
  min: 0,
12850
12902
  max: 5
12851
12903
  }),
12852
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
12853
- raterangevalue = _useState12[0],
12854
- setraterangevalue = _useState12[1];
12904
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12905
+ raterangevalue = _useState14[0],
12906
+ setraterangevalue = _useState14[1];
12855
12907
  var timeoutRef = React__default["default"].useRef(null);
12856
- var _useState13 = React.useState(''),
12857
- _useState14 = _slicedToArray__default["default"](_useState13, 2);
12858
- _useState14[0];
12859
- var setsortbycontext = _useState14[1];
12860
- var _useState15 = React.useState([{
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([{
12861
12913
  payloadvalue: 'sortprice',
12862
12914
  name: lang.price,
12863
12915
  filterarray: [{
@@ -12882,9 +12934,9 @@ var Filter$1 = function Filter(props) {
12882
12934
  isfilterselected: false
12883
12935
  }]
12884
12936
  }]),
12885
- _useState16 = _slicedToArray__default["default"](_useState15, 2),
12886
- otherfilters = _useState16[0];
12887
- _useState16[1];
12937
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
12938
+ otherfilters = _useState18[0];
12939
+ _useState18[1];
12888
12940
  React.useEffect(function () {
12889
12941
  filterupdater();
12890
12942
  }, []);
@@ -13332,6 +13384,310 @@ var Filter$1 = function Filter(props) {
13332
13384
  className: "mt-3 mb-3"
13333
13385
  })));
13334
13386
  };
13387
+ var DynamicFilter = function DynamicFilter() {
13388
+ var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13389
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13390
+ "class": "row m-0 w-100"
13391
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
13392
+ "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", {
13403
+ 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;
13424
+ } else {
13425
+ crname = option.name;
13426
+ }
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;
13472
+ }
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;
13516
+ }
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;
13560
+ }
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;
13604
+ }
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;
13648
+ }
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));
13688
+ }
13689
+ })))));
13690
+ };
13335
13691
  var InstFilters = function InstFilters() {
13336
13692
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
13337
13693
  allowMultipleExpanded: true,
@@ -13651,10 +14007,10 @@ var Filter$1 = function Filter(props) {
13651
14007
  isSearchable: true
13652
14008
  })))));
13653
14009
  };
13654
- var _useState17 = React.useState(false),
13655
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
13656
- checked = _useState18[0],
13657
- setChecked = _useState18[1];
14010
+ var _useState19 = React.useState(false),
14011
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
14012
+ checked = _useState20[0],
14013
+ setChecked = _useState20[1];
13658
14014
  // const queryParameters = new URLSearchParams(window.location.search);
13659
14015
  // useEffect(() => {
13660
14016
  // // setsortbycontext('Sort By');
@@ -13985,7 +14341,9 @@ var Filter$1 = function Filter(props) {
13985
14341
  "class": "row m-0 w-100"
13986
14342
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
13987
14343
  "class": "row m-0 w-100"
13988
- }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
14344
+ }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14345
+ "class": "row m-0 w-100"
14346
+ }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React__default["default"].createElement("div", {
13989
14347
  className: "col-lg-12"
13990
14348
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
13991
14349
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -14122,7 +14480,9 @@ var Filter$1 = function Filter(props) {
14122
14480
  "class": "row m-0 w-100"
14123
14481
  }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14124
14482
  "class": "row m-0 w-100"
14125
- }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
14483
+ }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14484
+ "class": "row m-0 w-100"
14485
+ }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
14126
14486
  };
14127
14487
 
14128
14488
  function ownKeys$25(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; }
@@ -47735,7 +48095,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47735
48095
  maxWidth: '500px'
47736
48096
  }
47737
48097
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
47738
- "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
48098
+ "class": 'col-lg-11 col-md-12 col-sm-12 allcentered mt-3',
47739
48099
  style: {
47740
48100
  backgroundColor: sectionproperties.reservation_bgcolor,
47741
48101
  borderRadius: sectionproperties.reservation_borderradius + 'px',
@@ -47751,13 +48111,13 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47751
48111
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47752
48112
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
47753
48113
  }, /*#__PURE__*/React__default["default"].createElement("div", {
47754
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
48114
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47755
48115
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47756
48116
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47757
48117
  style: {
47758
48118
  textAlign: langdetect == 'en' ? 'left' : 'right'
47759
48119
  }
47760
- }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
48120
+ }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
47761
48121
  "class": 'col-lg-12 p-0'
47762
48122
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47763
48123
  options: [{
@@ -47773,13 +48133,32 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47773
48133
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47774
48134
  placeholder: ''
47775
48135
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47776
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
48136
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47777
48137
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47778
48138
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47779
48139
  style: {
47780
48140
  textAlign: langdetect == 'en' ? 'left' : 'right'
47781
48141
  }
47782
- }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React__default["default"].createElement("div", {
48142
+ }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React__default["default"].createElement("div", {
48143
+ "class": 'col-lg-12 p-0'
48144
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48145
+ options: [{
48146
+ label: 'ID.4',
48147
+ value: 1
48148
+ }, {
48149
+ label: 'ID.6',
48150
+ value: 0
48151
+ }],
48152
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48153
+ placeholder: ''
48154
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
48155
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48156
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48157
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48158
+ style: {
48159
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48160
+ }
48161
+ }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
47783
48162
  "class": 'col-lg-12 p-0'
47784
48163
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47785
48164
  options: [{
@@ -47795,13 +48174,35 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47795
48174
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47796
48175
  placeholder: ''
47797
48176
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47798
- "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
48177
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47799
48178
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47800
48179
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47801
48180
  style: {
47802
48181
  textAlign: langdetect == 'en' ? 'left' : 'right'
47803
48182
  }
47804
- }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React__default["default"].createElement("div", {
48183
+ }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48184
+ "class": 'col-lg-12 p-0'
48185
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48186
+ options: [{
48187
+ label: '100000',
48188
+ value: 1
48189
+ }, {
48190
+ label: '50000',
48191
+ value: 0
48192
+ }, {
48193
+ label: '30000',
48194
+ value: 0
48195
+ }],
48196
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48197
+ placeholder: ''
48198
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
48199
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48200
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48201
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48202
+ style: {
48203
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48204
+ }
48205
+ }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
47805
48206
  "class": 'col-lg-12 p-0'
47806
48207
  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47807
48208
  options: [{
@@ -47817,7 +48218,29 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47817
48218
  styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
47818
48219
  placeholder: ''
47819
48220
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47820
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
48221
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48222
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48223
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48224
+ style: {
48225
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48226
+ }
48227
+ }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48228
+ "class": 'col-lg-12 p-0'
48229
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48230
+ options: [{
48231
+ label: '2023',
48232
+ value: 1
48233
+ }, {
48234
+ label: '2022',
48235
+ value: 0
48236
+ }, {
48237
+ label: '2021',
48238
+ value: 0
48239
+ }],
48240
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48241
+ placeholder: ''
48242
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
48243
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
47821
48244
  }, /*#__PURE__*/React__default["default"].createElement("label", {
47822
48245
  className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
47823
48246
  style: {
@@ -47840,9 +48263,11 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
47840
48263
  setpricevalue(_objectSpread$17({}, value));
47841
48264
  }
47842
48265
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
47843
- "class": "col-lg-1"
47844
- }), /*#__PURE__*/React__default["default"].createElement("div", {
47845
- "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
48266
+ "class": "col-lg-2 col-md-12 text-end",
48267
+ style: {
48268
+ marginLeft: langdetect == 'en' ? 'auto' : '',
48269
+ marginRight: langdetect == 'ar' ? 'auto' : ''
48270
+ }
47846
48271
  }, /*#__PURE__*/React__default["default"].createElement("button", {
47847
48272
  "class": sectionstyles.btnstyles + ' allcentered ',
47848
48273
  onClick: function onClick() {