tabexseriescomponents 0.2.784 → 0.2.785

package/dist/index.umd.js

@@ -1067,71 +1067,6 @@
 
     function ownKeys$2C(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$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    var selectcustomStyles = {
-      option: function option(provided, state) {
-        return _objectSpread$2C(_objectSpread$2C({}, provided), {}, {
-          borderBottom: '1px solid #e6e6e6',
-          backgroundColor: state.isSelected ? '' : '',
-          padding: 5,
-          textTransform: 'capitalize',
-          color: state.isSelected ? '#eac435' : '#022648',
-          transition: '.3s',
-          '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer'
-          }
-        });
-      },
-      control: function control() {
-        return {
-          border: '1px solid #e6e6e6',
-          // boxShadow: '0 0 10px #e6e6e6',
-          borderRadius: '5px',
-          display: 'flex',
-          cursor: 'pointer',
-          transition: '.3s',
-          '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-          }
-        };
-      }
-    };
-    var selectcustomStylesTranslated = {
-      option: function option(provided, state) {
-        return _objectSpread$2C(_objectSpread$2C({}, provided), {}, {
-          borderBottom: '1px solid #e6e6e6',
-          backgroundColor: state.isSelected ? '' : '',
-          padding: 5,
-          textTransform: 'capitalize',
-          color: state.isSelected ? '#eac435' : '#ffffff',
-          transition: '.3s',
-          textAlign: 'right',
-          '&:hover': {
-            color: '#eac435',
-            cursor: 'pointer'
-          }
-        });
-      },
-      control: function control() {
-        return {
-          border: '2px solid #e6e6e6',
-          // boxShadow: '0 0 10px #e6e6e6',
-          borderRadius: '10px',
-          display: 'flex',
-          cursor: 'pointer',
-          transition: '.3s',
-          textAlign: 'right',
-          '&:hover': {
-            // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-          }
-        };
-      },
-      placeholder: function placeholder(provided, state) {
-        return _objectSpread$2C(_objectSpread$2C({}, provided), {}, {
-          textAlign: 'right'
-        });
-      }
-    };
     var defaultstyles = {
       option: function option(provided, state) {
         return _objectSpread$2C(_objectSpread$2C({}, provided), {}, {
@@ -13504,7 +13439,7 @@
           className: formstyles.input_label_name + ' d-flex justify-content-start '
         }, lang.phonenumber), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
           className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
-          country: 'eg',
+          country: sectionproperties.countrycode == 'SA' ? 'sa' : 'eg',
           enableSearch: true,
           autoFormat: true,
           value: payloadobj.mobile,
@@ -13519,6 +13454,7 @@
             // payloadobjchange('mobile', event);
 
             // alert(JSON.stringify(country));
+            // alert(JSON.stringify(country));
           },
           style: {
             direction: 'ltr',
@@ -32997,15 +32933,15 @@
       }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
-      }), templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
-        sectionpropertiesprops: sectionproperties,
-        templateproperties_contextprops: templateproperties_context,
-        actions: actions
       }), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 "
-      }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, templateproperties_context.showsocialmedia == 'Show' && /*#__PURE__*/React__default["default"].createElement(SocialMediaSection, {
+        sectionpropertiesprops: sectionproperties,
+        templateproperties_contextprops: templateproperties_context,
+        actions: actions
+      }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex d-md-none"
       }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
         sectionpropertiesprops: sectionproperties,
@@ -52661,7 +52597,7 @@
     function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Newsletterfooter = function Newsletterfooter(props) {
-      var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i30, _authdetailsContext$i32, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i42, _authdetailsContext$i43, _fetchcustomercartQue, _fetchcustomercartQue2;
+      var _bgimagearrayofobjs$, _bgimagearrayofobjs$2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i30, _authdetailsContext$i32, _authdetailsContext$i34, _authdetailsContext$i39, _authdetailsContext$i40, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -53331,17 +53267,6 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         size: sectionproperties.youtubebtniconfontsize
-      })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.googlemapslink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 mb-2 ',
-        onClick: function onClick() {
-          var _authdetailsContext$i38;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.googlemapslink) != null) {
-            var _authdetailsContext$i39;
-            window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.googlemapslink, '_blank');
-          }
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
-        size: sectionproperties.youtubebtniconfontsize
       }))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53357,15 +53282,15 @@
         "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
         src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
         onClick: function onClick() {
-          var _authdetailsContext$i40;
-          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.mobileapplink_appstore, '_blank');
+          var _authdetailsContext$i37;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.mobileapplink_appstore, '_blank');
         }
       }), sectionproperties.showplaystore == 'Show' && /*#__PURE__*/React__default["default"].createElement("img", {
         "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
         src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
         onClick: function onClick() {
-          var _authdetailsContext$i41;
-          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i41 = authdetailsContext.instinfo) === null || _authdetailsContext$i41 === void 0 ? void 0 : _authdetailsContext$i41.mobileapplink_playstore, '_blank');
+          var _authdetailsContext$i38;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.mobileapplink_playstore, '_blank');
         }
       }))), sectionproperties.showfooteraddress == 'Show' && sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 d-flex flex-row justify-content-start align-items-center mt-4"
@@ -53382,7 +53307,7 @@
         "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
       }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
         size: 30
-      })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i42 = authdetailsContext.instinfo) === null || _authdetailsContext$i42 === void 0 ? void 0 : _authdetailsContext$i42.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i43 = authdetailsContext.instinfo) === null || _authdetailsContext$i43 === void 0 ? void 0 : _authdetailsContext$i43.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.address_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.address_ar)))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0  d-block my-3"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         "class": "m-0 p-0"
@@ -60162,7 +60087,7 @@
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
         placeholder: '',
         isSearchable: true
-      })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.hidecountrystatecity == 'Show' && props.srcfrom != 'filter' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: props.srcfrom == 'filter' ? ' col-lg-4 col-md-12 col-sm-12 mb-sm-3 ' : sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: formstyles.input_label_name + ' d-flex justify-content-start '
@@ -60221,7 +60146,7 @@
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
         placeholder: '',
         isSearchable: true
-      })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.hidecountrystatecity == 'Show' && props.srcfrom != 'filter' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: props.srcfrom == 'filter' ? ' col-lg-4 col-md-12 col-sm-12 mb-sm-3 ' : sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: formstyles.input_label_name + ' d-flex justify-content-start '
@@ -60307,7 +60232,7 @@
     function ownKeys$1f(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$1f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
-      var _css, _fetchProductFeatures;
+      var _css;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -60334,7 +60259,7 @@
       var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
       var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
       var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
-      var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
+      props.actions.fetchProductFeaturesQueryContext;
       var routingcountext = props.actions.routingcountext;
       var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
@@ -60355,21 +60280,21 @@
         _useState12[0];
         _useState12[1];
       var _useState13 = React.useState([]),
-        _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        productfeatuesarr = _useState14[0],
-        setproductfeatuesarr = _useState14[1];
+        _useState14 = _slicedToArray__default["default"](_useState13, 2);
+        _useState14[0];
+        _useState14[1];
       var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
       var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
       var authdetailsContext = props.actions.authdetailsContext;
       props.actions.fetchcollectionsQueryContext;
       var _useState15 = React.useState(''),
-        _useState16 = _slicedToArray__default["default"](_useState15, 2),
-        from_date_filter_input = _useState16[0],
-        setfrom_date_filter_input = _useState16[1];
+        _useState16 = _slicedToArray__default["default"](_useState15, 2);
+        _useState16[0];
+        _useState16[1];
       var _useState17 = React.useState(''),
-        _useState18 = _slicedToArray__default["default"](_useState17, 2),
-        to_date_filter_input = _useState18[0],
-        setto_date_filter_input = _useState18[1];
+        _useState18 = _slicedToArray__default["default"](_useState17, 2);
+        _useState18[0];
+        _useState18[1];
       React.useEffect(function () {
         var tempFetchQueriesEngineContext = _objectSpread$1f({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
@@ -60735,299 +60660,7 @@
             routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
           }
         }
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), sectionproperties.sectionstyletype == 'Style 3' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
-        style: {
-          zIndex: 2
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": imagesarray.length != 0 ? 'row m-0 w-100 d-flex align-items-center justify-content-start' : 'row m-0 w-100 d-flex align-items-center justify-content-center'
-      }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "wordbreak",
-        style: {
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          color: sectionproperties.sectionTitleColor,
-          textTransform: sectionproperties.sectionTitleTextTransform,
-          fontWeight: sectionproperties.sectionTitleFontWeight,
-          textAlign: langdetect == 'en' ? 'left' : 'right',
-          marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
-        }
-      }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        style: {
-          fontSize: sectionproperties.prodCatFontSize + 'px',
-          color: sectionproperties.prodCatColor,
-          textTransform: sectionproperties.prodCatTextTranform,
-          fontWeight: sectionproperties.prodCatFontWeight,
-          maxWidth: '500px'
-        }
-      }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": 'col-lg-11 col-md-12 col-sm-12 allcentered mt-3',
-        style: {
-          backgroundColor: sectionproperties.reservation_bgcolor,
-          borderRadius: sectionproperties.reservation_borderradius + 'px',
-          paddingTop: sectionproperties.reservation_padding_top + 'px',
-          paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
-          paddingLeft: sectionproperties.reservation_padding_left + 'px',
-          paddingRight: sectionproperties.reservation_padding_right + 'px'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 allcentered"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
-      }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
-        if (item.type == 'Selectbox') {
-          var _item$featuresselectb;
-          var selectboxarr = [];
-          item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
-            var itemlabel = '';
-            if (langdetect == 'en') {
-              itemlabel = slecitem.value_en;
-            } else {
-              itemlabel = slecitem.value_ar;
-            }
-            selectboxarr.push({
-              label: itemlabel,
-              value: slecitem.value_en
-            });
-          });
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
-          }, /*#__PURE__*/React__default["default"].createElement("label", {
-            className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
-            style: {
-              textAlign: langdetect == 'en' ? 'left' : 'right'
-            }
-          }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": 'col-lg-12 p-0'
-          }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
-            options: selectboxarr,
-            styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
-            placeholder: '',
-            onChange: function onChange(e) {
-              var isattrexists = false;
-              var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
-              tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
-                if (attritem.id == item.id) {
-                  tempproductfeatuesarr[attrindex].value = e.value;
-                  isattrexists = true;
-                }
-              });
-              if (isattrexists == false) {
-                tempproductfeatuesarr.push({
-                  id: item.id,
-                  value: e.value
-                });
-              }
-              setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
-            }
-          })));
-        }
-        if (item.type == 'Number') {
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
-          }, /*#__PURE__*/React__default["default"].createElement("label", {
-            className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
-            style: {
-              textAlign: langdetect == 'en' ? 'left' : 'right'
-            }
-          }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": 'col-lg-12 p-0 mt-1'
-          }, /*#__PURE__*/React__default["default"].createElement("input", {
-            type: "number",
-            className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control),
-            placeholder: '',
-            onChange: function onChange(e) {
-              var isattrexists = false;
-              var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
-              tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
-                if (attritem.id == item.id) {
-                  tempproductfeatuesarr[attrindex].value = e.target.value;
-                  isattrexists = true;
-                }
-              });
-              if (isattrexists == false) {
-                tempproductfeatuesarr.push({
-                  id: item.id,
-                  value: e.target.value
-                });
-              }
-              setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
-            }
-          })));
-        }
-        if (item.type == 'NumberRange') {
-          var temppricevalue = {
-            min: 0,
-            max: 10000
-          };
-          var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
-          tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
-            if (attritem.id == item.id) {
-              var _attritem$value, _attritem$valuemax;
-              if (attritem.value != undefined && attritem.value != null && (attritem === null || attritem === void 0 || (_attritem$value = attritem.value) === null || _attritem$value === void 0 ? void 0 : _attritem$value.length) != 0) {
-                temppricevalue.min = attritem.value;
-              }
-              if (attritem.valuemax != undefined && attritem.valuemax != null && (attritem === null || attritem === void 0 || (_attritem$valuemax = attritem.valuemax) === null || _attritem$valuemax === void 0 ? void 0 : _attritem$valuemax.length) != 0) {
-                temppricevalue.max = attritem.valuemax;
-              }
-            }
-          });
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
-          }, /*#__PURE__*/React__default["default"].createElement("label", {
-            className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
-            style: {
-              textAlign: langdetect == 'en' ? 'left' : 'right'
-            }
-          }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
-            "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
-            style: {
-              direction: 'ltr'
-            }
-          }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
-            draggableTrack: true,
-            formatLabel: function formatLabel(value) {
-              return "".concat(value);
-            },
-            maxValue: parseInt(sectionproperties.filterpricemaxvalue),
-            minValue: parseInt(sectionproperties.filterpriceminvalue),
-            value: temppricevalue,
-            onChange: function onChange(e) {
-              // setpricevalue({ ...value });
-              var isattrexists = false;
-              var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
-              tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
-                if (attritem.id == item.id) {
-                  tempproductfeatuesarr[attrindex].value = e.min;
-                  tempproductfeatuesarr[attrindex].valuemax = e.max;
-                  isattrexists = true;
-                }
-              });
-              if (isattrexists == false) {
-                tempproductfeatuesarr.push({
-                  id: item.id,
-                  value: e.min,
-                  valuemax: e.max
-                });
-              }
-              setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
-            }
-          })));
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-3 col-md-12"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 text-start"
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
-        style: {
-          color: sectionproperties.form_labelcolor,
-          textTransform: sectionproperties.form_labeltexttransform,
-          fontWeight: sectionproperties.form_labelfontweight,
-          fontSize: sectionproperties.form_labelfontsize + 'px',
-          marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
-        }
-      }, langdetect == 'en' ? 'From' : 'من')), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 text-start"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: 'date',
-        onChange: function onChange(e) {
-          setfrom_date_filter_input(e.target.value);
-        },
-        value: from_date_filter_input,
-        className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control)
-      })))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-3 col-md-12"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 text-start"
-      }, /*#__PURE__*/React__default["default"].createElement("label", {
-        className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
-        style: {
-          color: sectionproperties.form_labelcolor,
-          textTransform: sectionproperties.form_labeltexttransform,
-          fontWeight: sectionproperties.form_labelfontweight,
-          fontSize: sectionproperties.form_labelfontsize + 'px',
-          marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
-        }
-      }, langdetect == 'en' ? 'To' : 'الى')), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 text-start"
-      }, /*#__PURE__*/React__default["default"].createElement("input", {
-        type: 'date',
-        onChange: function onChange(e) {
-          setto_date_filter_input(e.target.value);
-        },
-        value: to_date_filter_input,
-        className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control)
-      })), "\xA0"), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-2 col-md-12 text-end",
-        style: {
-          marginLeft: langdetect == 'en' ? 'auto' : '',
-          marginRight: langdetect == 'ar' ? 'auto' : ''
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("button", {
-        "class": sectionstyles.btnstyles + ' allcentered ',
-        onClick: function onClick() {
-          var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
-          var tempfetchproductsfilerobjcontext = _objectSpread$1f({}, fetchproductsfilerobjcontext);
-          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
-            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
-              tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
-            } else {
-              tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
-            }
-          }
-          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid2 = payloadobj.stateid) === null || _payloadobj$stateid2 === void 0 ? void 0 : _payloadobj$stateid2.length) != 0) {
-            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
-              tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
-            } else {
-              tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
-            }
-          }
-          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid2 = payloadobj.cityid) === null || _payloadobj$cityid2 === void 0 ? void 0 : _payloadobj$cityid2.length) != 0) {
-            if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
-              tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
-            } else {
-              tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
-            }
-          }
-          if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
-            tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
-          }
-          if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min2 = pricevalue.min) === null || _pricevalue$min2 === void 0 ? void 0 : _pricevalue$min2.length) != 0) {
-            tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
-          }
-          if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max2 = pricevalue.max) === null || _pricevalue$max2 === void 0 ? void 0 : _pricevalue$max2.length) != 0) {
-            if (sectionproperties.showpricerange == 'Hide') {
-              tempfetchproductsfilerobjcontext.price_max = 99999999999999;
-            } else {
-              tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
-            }
-          }
-          if (productfeatuesarr != undefined && productfeatuesarr != null && Array.isArray(productfeatuesarr) && (productfeatuesarr === null || productfeatuesarr === void 0 ? void 0 : productfeatuesarr.length) != 0) {
-            tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
-          }
-          if (from_date_filter_input != undefined && from_date_filter_input != null && (from_date_filter_input === null || from_date_filter_input === void 0 ? void 0 : from_date_filter_input.length) != 0) {
-            tempfetchproductsfilerobjcontext.from_date_filter = from_date_filter_input;
-          }
-          if (to_date_filter_input != undefined && to_date_filter_input != null && (to_date_filter_input === null || to_date_filter_input === void 0 ? void 0 : to_date_filter_input.length) != 0) {
-            tempfetchproductsfilerobjcontext.to_date_filter = to_date_filter_input;
-          }
-          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-          }
-          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
-            routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-          }
-        }
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
     };
 
     function ownKeys$1e(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; }
@@ -65980,7 +65613,9 @@
           style: {
             position: 'relative',
             justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-            fontSize: sectionproperties.prodCatFontSize + 'px'
+            fontSize: sectionproperties.prodCatFontSize + 'px',
+            marginLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
+            marginRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
             // paddingLeft: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginLeft + 'px' : sectionproperties.slideshowText2Content_marginRight + 'px',
             // paddingRight: langdetect == 'en' ? sectionproperties.slideshowText2Content_marginRight + 'px' : sectionproperties.slideshowText2Content_marginLeft + 'px',
           }
@@ -67973,7 +67608,6 @@
     function ownKeys$V(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$V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
-      var _maincontainerarrayof, _maincontainerarrayof2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -68009,18 +67643,15 @@
           }
         }
       }, [sectionproperties]);
-      var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        maincontainerarrayofobjs = _useState6[0],
-        setmaincontainerarrayofobjs = _useState6[1];
-      React.useEffect(function () {
-        if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
-          var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
-          if (Array.isArray(maincontainerarrayofobjsparsed)) {
-            setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
-          }
-        }
-      }, [sectionproperties]);
+      // const [maincontainerarrayofobjs, setmaincontainerarrayofobjs] = useState([]);
+      // useEffect(() => {
+      //     if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      //         var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      //         if (Array.isArray(maincontainerarrayofobjsparsed)) {
+      //             setmaincontainerarrayofobjs([...maincontainerarrayofobjsparsed]);
+      //         }
+      //     }
+      // }, [sectionproperties]);
       var sectionStyles = {
         containerrrr: glamor.css({
           marginTop: sectionproperties.marginTop + 'px',
@@ -68186,25 +67817,7 @@
         "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
         style: {},
         "data-aos": 'fade-up'
-      }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionStyles.imgcontainer
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: (_maincontainerarrayof = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof === void 0 ? void 0 : _maincontainerarrayof.back_bgimage,
-        style: {
-          height: '100%',
-          width: '100%',
-          objectFit: 'cover',
-          margin: 0,
-          padding: 0,
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          right: 0,
-          left: 0
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
         style: {}
       }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -68430,25 +68043,7 @@
       }))), sectionproperties.showanimation != 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.outercontainer + ' row ml-0 mr-0 align-items-center ',
         style: {}
-      }, maincontainerarrayofobjs != undefined && maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionStyles.imgcontainer
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: (_maincontainerarrayof2 = maincontainerarrayofobjs[0]) === null || _maincontainerarrayof2 === void 0 ? void 0 : _maincontainerarrayof2.back_bgimage,
-        style: {
-          height: '100%',
-          width: '100%',
-          objectFit: 'cover',
-          margin: 0,
-          padding: 0,
-          position: 'absolute',
-          top: 0,
-          bottom: 0,
-          right: 0,
-          left: 0
-        }
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionStyles.containerrrr + ' row ml-0 mr-0 w-100 d-flex justify-content-center pl-md-3 pr-md-3 px-2015-3 ',
         style: {}
       }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -85746,7 +85341,19 @@
         style: {
           fontWeight: sectionproperties.profitcontainersecondaryfontweight
         }
-      }, langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.hassale == 1 ? item.defaultsaleprice : item.defaultprice) * (item.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.hassale == 1 ? item.defaultsaleprice : item.defaultprice) * (item.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.quantityshow == 'Show' && item.currentquantity > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          fontSize: sectionproperties.quantityfontsize,
+          color: sectionproperties.quantitycolor,
+          fontWeight: sectionproperties.quantityfontweight
+        }
+      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center",
         style: {
           justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
@@ -85785,19 +85392,7 @@
           }
         }
         // disabled={AddtoCartMutationContext.isLoading == true ? true : false}
-      }, addtocartbuttonrender())), sectionproperties.quantityshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex align-items-center",
-        style: {
-          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "m-0 p-0",
-        style: {
-          fontSize: sectionproperties.quantityfontsize,
-          color: sectionproperties.quantitycolor,
-          fontWeight: sectionproperties.quantityfontweight
-        }
-      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex align-items-center p-0",
         style: {
           justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'