tabexseriescomponents 0.0.351 → 0.0.356

package/dist/index.esm.js

@@ -18,6 +18,7 @@ import { AiOutlineUser } from '@react-icons/all-files/ai/AiOutlineUser';
 import { IoMdClose } from '@react-icons/all-files/io/IoMdClose';
 import { Modal, Offcanvas } from 'react-bootstrap';
 import { IKImage } from 'imagekitio-react';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import ImageGallery from 'react-image-gallery';
 import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
 import { IoBagHandleOutline } from '@react-icons/all-files/io5/IoBagHandleOutline';
@@ -34,7 +35,6 @@ import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
 import ReactStars from 'react-rating-stars-component';
 import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import TextareaAutosize from 'react-textarea-autosize';
 import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
@@ -45,6 +45,7 @@ import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
 import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
 import { FaShippingFast } from '@react-icons/all-files/fa/FaShippingFast';
 import { RiSecurePaymentLine } from '@react-icons/all-files/ri/RiSecurePaymentLine';
+import ReactPlayer from 'react-player';
 import { AiOutlineSecurityScan } from '@react-icons/all-files/ai/AiOutlineSecurityScan';
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
 import { IoLocationSharp } from '@react-icons/all-files/io5/IoLocationSharp';
@@ -137,7 +138,6 @@ import { AiOutlineLinkedin } from '@react-icons/all-files/ai/AiOutlineLinkedin';
 import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircleRight';
 import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
 import Select$5 from 'react-select';
-import ReactPlayer from 'react-player';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
 import { Fade, Slide, Zoom } from 'react-slideshow-image';
@@ -4448,7 +4448,7 @@ var ProductReviews = function ProductReviews(props) {
 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; }
 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(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; }
 var Productinfo = function Productinfo(props) {
-  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer18, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer19, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   props.actions.srcfromprops;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -4555,6 +4555,10 @@ var Productinfo = function Productinfo(props) {
     _useState34 = _slicedToArray(_useState33, 2),
     tabname = _useState34[0],
     settabname = _useState34[1];
+  var _useState35 = useState([]),
+    _useState36 = _slicedToArray(_useState35, 2),
+    productVideos = _useState36[0],
+    setproductVideos = _useState36[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -4569,6 +4573,20 @@ var Productinfo = function Productinfo(props) {
       settabname('descriptiontab');
     }
   }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    var _fetchProductInfoQuer;
+    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) {
+      var _fetchProductInfoQuer2;
+      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)) {
+        var _fetchProductInfoQuer3;
+        var temparr = _toConsumableArray(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);
+        temparr.forEach(function (item) {
+          item.linkclicked = false;
+        });
+        setproductVideos(_toConsumableArray(temparr));
+      }
+    }
+  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb810ae';
@@ -4617,7 +4635,7 @@ var Productinfo = function Productinfo(props) {
   useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
       if (fetchProductInfoQueryContext.data.data.productinfo != null) {
-        var _fetchProductInfoQuer, _fetchProductInfoQuer2;
+        var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
         var tempproductimagesarray = [];
         if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
           fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
@@ -4642,7 +4660,7 @@ var Productinfo = function Productinfo(props) {
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
         setaddtocardpayloadobj(_objectSpread$2k({}, tempaddtocardpayloadobj));
         setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
-        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) {
+        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) {
           GeneralAPIMutationContext.mutate({
             endpointurl: '/FetchRelatedProducts',
             tagid: fetchProductInfoQueryContext.data.data.productinfo.maintagid,
@@ -4823,8 +4841,8 @@ var Productinfo = function Productinfo(props) {
   var addtocartfunc = function addtocartfunc() {
     var runfunc = false;
     if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
-      var _fetchProductInfoQuer3;
-      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) {
+      var _fetchProductInfoQuer6;
+      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) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
@@ -4837,10 +4855,10 @@ var Productinfo = function Productinfo(props) {
       NotificationManager.warning('', 'Please Choose Quantity');
     }
     if (runfunc == true) {
-      var _fetchProductInfoQuer4, _fetchProductInfoQuer5;
+      var _fetchProductInfoQuer7, _fetchProductInfoQuer8;
       var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
-      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;
-      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;
+      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;
+      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;
       var Extrafieldvalidationresponse = validateextrafields();
       if (Extrafieldvalidationresponse.status) {
         AddtoCartContext(tempaddtocardpayloadobj);
@@ -4848,12 +4866,12 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var validateextrafields = function validateextrafields() {
-    var _fetchProductInfoQuer6;
+    var _fetchProductInfoQuer9;
     var tempaddtocardpayloadobj = _objectSpread$2k({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
-    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;
+    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;
     if ((extrafields === null || extrafields === void 0 ? void 0 : extrafields.length) == 0) {
       status = true;
     } else {
@@ -5439,24 +5457,24 @@ var Productinfo = function Productinfo(props) {
     }
   }));
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
-    var _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10;
+    var _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
     var price = 0;
     var quantityconditions = [];
     var quantity = 0;
     if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
       quantity = parseFloat(addtocardpayloadobj.quantity);
     }
-    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) {
+    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) {
       quantityconditions = fetchProductInfoQueryContext.data.data.productinfo.productquantityoptions;
     }
     if (type == 'defaultprice') {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer11;
-          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) {
-            var _fetchProductInfoQuer12;
-            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;
+          var _fetchProductInfoQuer14;
+          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) {
+            var _fetchProductInfoQuer15;
+            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;
           }
         }
       }
@@ -5464,10 +5482,10 @@ var Productinfo = function Productinfo(props) {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer13;
-          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) {
-            var _fetchProductInfoQuer14;
-            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;
+          var _fetchProductInfoQuer16;
+          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) {
+            var _fetchProductInfoQuer17;
+            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;
           }
         }
       }
@@ -5497,7 +5515,7 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var getQuantityCondition = function getQuantityCondition() {
-    var _fetchProductInfoQuer15;
+    var _fetchProductInfoQuer18;
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0",
       style: {
@@ -5527,12 +5545,12 @@ var Productinfo = function Productinfo(props) {
         height: 1,
         background: sectionproperties.pricelisttitlecolor
       }
-    })), 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) {
-      var _fetchProductInfoQuer16;
+    })), 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) {
+      var _fetchProductInfoQuer19;
       return /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 p-0 w-100 d-flex align-items-center",
         style: {
-          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
+          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
         }
       }, /*#__PURE__*/React.createElement("div", {
         "class": "d-flex align-items-center",
@@ -5566,7 +5584,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo() {
-    var _fetchProductInfoQuer17, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
+    var _fetchProductInfoQuer20, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
     return /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
@@ -5613,7 +5631,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, 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.createElement("div", {
+    }, 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.createElement("div", {
       "class": "col-lg-12 p-0 mb-4"
     }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
@@ -5800,7 +5818,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (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.createElement(Tab, {
+  }), (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.createElement(Tab, {
+    label: langdetect == 'en' ? sectionproperties.videostitleen : sectionproperties.videostitlear,
+    onClick: function onClick() {
+      settabname('videostab');
+    }
+  }), (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.createElement(Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -5855,7 +5878,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (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.createElement(Tab, {
+  }), (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.createElement(Tab, {
+    label: langdetect == 'en' ? 'Videos' : 'فيديوهات',
+    onClick: function onClick() {
+      settabname('videostab');
+    }
+  }), (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.createElement(Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -5891,6 +5919,23 @@ var Productinfo = function Productinfo(props) {
     dangerouslySetInnerHTML: {
       __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
     }
+  })), tabname == 'videostab' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 w-100 pl-5 pr-5 p-md-0"
+  }, productVideos.map(function (item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-4 col-md-6 col-sm-12 mb-4",
+      style: {
+        height: 400
+      }
+    }, /*#__PURE__*/React.createElement(ReactPlayer, {
+      url: item.videourl,
+      height: '100%',
+      width: '100%',
+      playing: false,
+      controls: true,
+      loop: true,
+      muted: true
+    }));
   })), tabname == 'reviewstab' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
   }, /*#__PURE__*/React.createElement(ProductReviews, {
@@ -12768,6 +12813,13 @@ var Filter$1 = function Filter(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState = useState({
+      min: 0,
+      max: 10000
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    pricevalue = _useState2[0],
+    setpricevalue = _useState2[1];
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12775,40 +12827,40 @@ var Filter$1 = function Filter(props) {
   var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = useState(_toConsumableArray(authdetailsContext.instinfo.instfilters)),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    instfilters = _useState4[0],
-    setinstfilters = _useState4[1];
-  var _useState5 = useState([]),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = useState(_toConsumableArray(authdetailsContext.instinfo.instfilters)),
     _useState6 = _slicedToArray(_useState5, 2),
-    collectionstobevisible = _useState6[0],
-    setcollectionstobevisible = _useState6[1];
-  var _useState7 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
+    instfilters = _useState6[0],
+    setinstfilters = _useState6[1];
+  var _useState7 = useState([]),
     _useState8 = _slicedToArray(_useState7, 2),
-    instcollections = _useState8[0],
-    setinstcollections = _useState8[1];
-  var _useState9 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    collectionstobevisible = _useState8[0],
+    setcollectionstobevisible = _useState8[1];
+  var _useState9 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
     _useState10 = _slicedToArray(_useState9, 2),
-    instcategories = _useState10[0],
-    setinstcategories = _useState10[1];
+    instcollections = _useState10[0],
+    setinstcollections = _useState10[1];
+  var _useState11 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    _useState12 = _slicedToArray(_useState11, 2),
+    instcategories = _useState12[0],
+    setinstcategories = _useState12[1];
   // const [sortby, setSortby] = useState('Sort by');
-  var _useState11 = useState({
+  var _useState13 = useState({
       min: 0,
       max: 5
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    raterangevalue = _useState12[0],
-    setraterangevalue = _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    raterangevalue = _useState14[0],
+    setraterangevalue = _useState14[1];
   var timeoutRef = React.useRef(null);
-  var _useState13 = useState(''),
-    _useState14 = _slicedToArray(_useState13, 2);
-    _useState14[0];
-    var setsortbycontext = _useState14[1];
-  var _useState15 = useState([{
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2);
+    _useState16[0];
+    var setsortbycontext = _useState16[1];
+  var _useState17 = useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -12833,9 +12885,9 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    otherfilters = _useState16[0];
-    _useState16[1];
+    _useState18 = _slicedToArray(_useState17, 2),
+    otherfilters = _useState18[0];
+    _useState18[1];
   useEffect(function () {
     filterupdater();
   }, []);
@@ -13283,6 +13335,310 @@ var Filter$1 = function Filter(props) {
       className: "mt-3 mb-3"
     })));
   };
+  var DynamicFilter = function DynamicFilter() {
+    var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: (_ref = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _defineProperty(_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref, "color", sectionproperties.filtertitle_color), _ref)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Car Brand' : 'الماركة'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: 'Tesla',
+        value: 'Tesla'
+      }, {
+        name: 'VW',
+        value: 'VW'
+      }, {
+        name: 'Mercedes',
+        value: 'Mercedes'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: _defineProperty({
+        color: sectionproperties.filtertitle_color,
+        fontSize: sectionproperties.filtertitle_fontsize + 'px',
+        fontWeight: sectionproperties.filtertitle_fontweight
+      }, "color", sectionproperties.filtertitle_color)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: 'ID.4',
+        value: 'ID.4'
+      }, {
+        name: 'ID.6',
+        value: 'ID.6'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: (_ref3 = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _defineProperty(_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref3, "color", sectionproperties.filtertitle_color), _ref3)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: '10000',
+        value: '10000'
+      }, {
+        name: '20000',
+        value: '20000'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: (_ref4 = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref4, "color", sectionproperties.filtertitle_color), _defineProperty(_ref4, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref4, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref4, "color", sectionproperties.filtertitle_color), _ref4)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: '10000',
+        value: '10000'
+      }, {
+        name: '20000',
+        value: '20000'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: (_ref5 = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref5, "color", sectionproperties.filtertitle_color), _defineProperty(_ref5, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref5, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref5, "color", sectionproperties.filtertitle_color), _ref5)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: '2020',
+        value: '2020'
+      }, {
+        name: '2021',
+        value: '2021'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
+      style: (_ref6 = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref6, "color", sectionproperties.filtertitle_color), _defineProperty(_ref6, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref6, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref6, "color", sectionproperties.filtertitle_color), _ref6)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0'
+    }, /*#__PURE__*/React.createElement(Select$1, {
+      options: [{
+        name: '2020',
+        value: '2020'
+      }, {
+        name: '2021',
+        value: '2021'
+      }],
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.name;
+        } else if (langdetect == 'ar') {
+          if (option.name_ar != null) {
+            crname = option.name_ar;
+          } else {
+            crname = option.name;
+          }
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.id;
+      },
+      value: '',
+      onChange: function onChange(option) {},
+      styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
+      isSearchable: true,
+      placeholder: ''
+    })))), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
+      style: (_ref7 = {
+        color: sectionproperties.filtertitle_color
+      }, _defineProperty(_ref7, "color", sectionproperties.filtertitle_color), _defineProperty(_ref7, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty(_ref7, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty(_ref7, "color", sectionproperties.filtertitle_color), _ref7)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "col-lg-10 col-md-10 col-sm-10 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
+    }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React.createElement("div", {
+      className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: 'col-lg-12 p-0 px-md-4',
+      style: {
+        direction: 'ltr'
+      }
+    }, /*#__PURE__*/React.createElement(InputRange, {
+      draggableTrack: true,
+      formatLabel: function formatLabel(value) {
+        return "".concat(value);
+      },
+      maxValue: parseInt(sectionproperties.filterpricemaxvalue),
+      minValue: parseInt(sectionproperties.filterpriceminvalue),
+      value: pricevalue,
+      onChange: function onChange(value) {
+        setpricevalue(_objectSpread$26({}, value));
+      }
+    })))));
+  };
   var InstFilters = function InstFilters() {
     return /*#__PURE__*/React.createElement(Accordion, {
       allowMultipleExpanded: true,
@@ -13602,10 +13958,10 @@ var Filter$1 = function Filter(props) {
       isSearchable: true
     })))));
   };
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2),
-    checked = _useState18[0],
-    setChecked = _useState18[1];
+  var _useState19 = useState(false),
+    _useState20 = _slicedToArray(_useState19, 2),
+    checked = _useState20[0],
+    setChecked = _useState20[1];
   // const queryParameters = new URLSearchParams(window.location.search);
   // useEffect(() => {
   //     // setsortbycontext('Sort By');
@@ -13936,7 +14292,9 @@ var Filter$1 = function Filter(props) {
     "class": "row m-0 w-100"
   }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React.createElement("div", {
+  }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React.createElement(Offcanvas, {
     show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
@@ -14073,7 +14431,9 @@ var Filter$1 = function Filter(props) {
     "class": "row m-0 w-100"
   }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, CollectionsFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
+  }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
 };
 
 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; }
@@ -47686,7 +48046,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       maxWidth: '500px'
     }
   }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React.createElement("div", {
-    "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
+    "class": 'col-lg-11 col-md-12 col-sm-12 allcentered mt-3',
     style: {
       backgroundColor: sectionproperties.reservation_bgcolor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
@@ -47702,13 +48062,13 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement(Select$5, {
     options: [{
@@ -47724,13 +48084,32 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
     placeholder: ''
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: 'ID.4',
+      value: 1
+    }, {
+      label: 'ID.6',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement(Select$5, {
     options: [{
@@ -47746,13 +48125,35 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
     placeholder: ''
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '100000',
+      value: 1
+    }, {
+      label: '50000',
+      value: 0
+    }, {
+      label: '30000',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React.createElement("div", {
     "class": 'col-lg-12 p-0'
   }, /*#__PURE__*/React.createElement(Select$5, {
     options: [{
@@ -47768,7 +48169,29 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
     placeholder: ''
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
+    "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React.createElement(Select$5, {
+    options: [{
+      label: '2023',
+      value: 1
+    }, {
+      label: '2022',
+      value: 0
+    }, {
+      label: '2021',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
     style: {
@@ -47791,9 +48214,11 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       setpricevalue(_objectSpread$17({}, value));
     }
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-1"
-  }), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
+    "class": "col-lg-2 col-md-12 text-end",
+    style: {
+      marginLeft: langdetect == 'en' ? 'auto' : '',
+      marginRight: langdetect == 'ar' ? 'auto' : ''
+    }
   }, /*#__PURE__*/React.createElement("button", {
     "class": sectionstyles.btnstyles + ' allcentered ',
     onClick: function onClick() {