tabexseriescomponents 0.2.1310 → 0.2.1312

package/dist/index.cjs.js

@@ -28137,20 +28137,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
 styleInject(css_248z$C);
 
 var Searchlist$1 = function Searchlist(props) {
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var routingcountext = props.actions.routingcountext;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  props.actions.routingcountext;
+  props.actions.StaticPagesLinksContext;
   var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
-  var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
-  var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.SearchHeaderMutationContext;
+  props.actions.ikimagecredcontext;
+  props.actions.authdetailsContext;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-  var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
+  props.actions.setSearchHeaderInputContext;
+  props.actions.setsearchbarCanvasContext;
   var _useState3 = React.useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     searchinput = _useState4[0],
@@ -28168,7 +28168,7 @@ var Searchlist$1 = function Searchlist(props) {
       setsearchinput(props.searchinputprops);
     }
   }, [props.searchinputprops]);
-  var searchlist_styles = {
+  ({
     searchcont: glamor.css({
       color: sectionproperties.searchlist_prodNameColor,
       ':hover': {
@@ -28226,151 +28226,13 @@ var Searchlist$1 = function Searchlist(props) {
       // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
       // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
     })
-  };
+  });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 m-0 w-100 allcentered",
     style: {
       zIndex: 1000
     }
-  }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
-    style: {
-      zIndex: 1000,
-      width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
-      top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
-      left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
-      right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
-      margin: props.srcfromprops == 'respheader' ? 'auto' : ''
-    }
-  }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
-    style: {
-      overflowX: 'hidden',
-      paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 m-0 w-100 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
-      style: {
-        zIndex: 1000
-      },
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-        setSearchHeaderInputContext('');
-        setsearchinput('');
-        setsearchbarCanvasContext(false);
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": searchlist_styles.imagecont
-    }, /*#__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: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-      loading: "lazy",
-      style: {
-        height: '100%',
-        width: '100%',
-        objectFit: 'contain',
-        borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-      }
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9  d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
-      style: {
-        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
-      style: {
-        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
-    }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
-      style: {
-        marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
-        display: 'row'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("hr", {
-      className: "mt-2 mb-1"
-    })));
-  }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
-      style: {
-        zIndex: 1000
-      },
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-        setSearchHeaderInputContext('');
-        setsearchinput('');
-        setsearchbarCanvasContext(false);
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": ' col-lg-12 col-md-12 d-flex p-0 '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": searchlist_styles.imagecont + ' w-100 ',
-      style: {
-        borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-      }
-    }, /*#__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: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-      loading: "lazy",
-      style: {
-        height: sectionproperties.searchlist_prodimage_width + '%',
-        width: sectionproperties.searchlist_prodimage_width + '%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
-      style: {
-        textAlign: 'center'
-      }
-    }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
-  })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
-  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
-    size: 25
-  }), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "font-13 font-weight-500"
-  }, lang.nosearchresults)))))));
+  }, /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd121212"));
 };
 
 function ownKeys$2d(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; }
@@ -57501,7 +57363,7 @@ var Footer8 = function Footer8(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57518,7 +57380,7 @@ var Footer8 = function Footer8(props) {
     },
     loading: "lazy"
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57535,7 +57397,7 @@ var Footer8 = function Footer8(props) {
     },
     loading: "lazy"
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -74994,7 +74856,6 @@ var Searchcomponent = function Searchcomponent(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-  props.actions.SearchHeaderInputContext;
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -75049,14 +74910,17 @@ var Searchcomponent = function Searchcomponent(props) {
     type: "text",
     placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
     onChange: function onChange(event) {
-      setSearchHeaderInputContext(event.target.value);
+      var text = SearchHeaderInputContext;
+      text = event.target.value;
+      setSearchHeaderInputContext(_objectSpread$15({}, text));
     },
     style: {
       background: 'transparent',
       width: '100%',
       height: '100%',
       paddingLeft: '10px',
-      paddingRight: '10px'
+      paddingRight: '10px',
+      color: '#000'
     }
   }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,

package/dist/index.esm.js

@@ -28086,20 +28086,20 @@ var headerstyles$g = {"header_container":"modernheader-module_header_container__
 styleInject(css_248z$C);
 
 var Searchlist$1 = function Searchlist(props) {
-  var lang = props.actions.lang;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var routingcountext = props.actions.routingcountext;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  props.actions.routingcountext;
+  props.actions.StaticPagesLinksContext;
   var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
-  var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
-  var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var authdetailsContext = props.actions.authdetailsContext;
+  props.actions.SearchHeaderMutationContext;
+  props.actions.ikimagecredcontext;
+  props.actions.authdetailsContext;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
-  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-  var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
+  props.actions.setSearchHeaderInputContext;
+  props.actions.setsearchbarCanvasContext;
   var _useState3 = useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
     _useState4 = _slicedToArray(_useState3, 2),
     searchinput = _useState4[0],
@@ -28117,7 +28117,7 @@ var Searchlist$1 = function Searchlist(props) {
       setsearchinput(props.searchinputprops);
     }
   }, [props.searchinputprops]);
-  var searchlist_styles = {
+  ({
     searchcont: css({
       color: sectionproperties.searchlist_prodNameColor,
       ':hover': {
@@ -28175,151 +28175,13 @@ var Searchlist$1 = function Searchlist(props) {
       // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
       // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
     })
-  };
+  });
   return /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 m-0 w-100 allcentered",
     style: {
       zIndex: 1000
     }
-  }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("div", {
-    className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
-    style: {
-      zIndex: 1000,
-      width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
-      top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
-      left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
-      right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
-      margin: props.srcfromprops == 'respheader' ? 'auto' : ''
-    }
-  }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
-  }, /*#__PURE__*/React.createElement(Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React.createElement("div", {
-    "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
-    style: {
-      overflowX: 'hidden',
-      paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 m-0 w-100 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
-  }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
-      style: {
-        zIndex: 1000
-      },
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-        setSearchHeaderInputContext('');
-        setsearchinput('');
-        setsearchbarCanvasContext(false);
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": searchlist_styles.imagecont
-    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-      loading: "lazy",
-      style: {
-        height: '100%',
-        width: '100%',
-        objectFit: 'contain',
-        borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9  d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
-      style: {
-        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
-      style: {
-        alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
-    }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
-      style: {
-        marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
-        display: 'row'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-      "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 col-md-12 p-0"
-    }, /*#__PURE__*/React.createElement("hr", {
-      className: "mt-2 mb-1"
-    })));
-  }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
-      style: {
-        zIndex: 1000
-      },
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-        setSearchHeaderInputContext('');
-        setsearchinput('');
-        setsearchbarCanvasContext(false);
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": ' col-lg-12 col-md-12 d-flex p-0 '
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": searchlist_styles.imagecont + ' w-100 ',
-      style: {
-        borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-      }
-    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-      loading: "lazy",
-      style: {
-        height: sectionproperties.searchlist_prodimage_width + '%',
-        width: sectionproperties.searchlist_prodimage_width + '%',
-        objectFit: 'contain'
-      }
-    }))), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
-      style: {
-        textAlign: 'center'
-      }
-    }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-      "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
-  })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
-  }, /*#__PURE__*/React.createElement(FiLayers, {
-    size: 25
-  }), /*#__PURE__*/React.createElement("p", {
-    className: "font-13 font-weight-500"
-  }, lang.nosearchresults)))))));
+  }, /*#__PURE__*/React.createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React.createElement("p", null, "sadasdasd121212"));
 };
 
 function ownKeys$2d(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; }
@@ -57450,7 +57312,7 @@ var Footer8 = function Footer8(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57467,7 +57329,7 @@ var Footer8 = function Footer8(props) {
     },
     loading: "lazy"
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -57484,7 +57346,7 @@ var Footer8 = function Footer8(props) {
     },
     loading: "lazy"
   }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+    "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
     onClick: function onClick() {
@@ -74943,7 +74805,6 @@ var Searchcomponent = function Searchcomponent(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
   var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-  props.actions.SearchHeaderInputContext;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74998,14 +74859,17 @@ var Searchcomponent = function Searchcomponent(props) {
     type: "text",
     placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
     onChange: function onChange(event) {
-      setSearchHeaderInputContext(event.target.value);
+      var text = SearchHeaderInputContext;
+      text = event.target.value;
+      setSearchHeaderInputContext(_objectSpread$15({}, text));
     },
     style: {
       background: 'transparent',
       width: '100%',
       height: '100%',
       paddingLeft: '10px',
-      paddingRight: '10px'
+      paddingRight: '10px',
+      color: '#000'
     }
   }), /*#__PURE__*/React.createElement(Searchlist$1, {
     sectionpropertiesprops: sectionproperties,

package/dist/index.umd.js

@@ -27942,20 +27942,20 @@
     styleInject(css_248z$C);
 
     var Searchlist$1 = function Searchlist(props) {
-      var lang = props.actions.lang;
+      props.actions.lang;
       var langdetect = props.actions.langdetect;
-      var routingcountext = props.actions.routingcountext;
-      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+      props.actions.routingcountext;
+      props.actions.StaticPagesLinksContext;
       var SearchHeaderInputContext = props.actions.SearchHeaderInputContext;
-      var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
-      var ikimagecredcontext = props.actions.ikimagecredcontext;
-      var authdetailsContext = props.actions.authdetailsContext;
+      props.actions.SearchHeaderMutationContext;
+      props.actions.ikimagecredcontext;
+      props.actions.authdetailsContext;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
         setsectionproperties = _useState2[1];
-      var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-      var setsearchbarCanvasContext = props.actions.setsearchbarCanvasContext;
+      props.actions.setSearchHeaderInputContext;
+      props.actions.setsearchbarCanvasContext;
       var _useState3 = React.useState(props.srcfromprops == 'cardssection' ? props.searchinputprops : SearchHeaderInputContext),
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
         searchinput = _useState4[0],
@@ -27973,7 +27973,7 @@
           setsearchinput(props.searchinputprops);
         }
       }, [props.searchinputprops]);
-      var searchlist_styles = {
+      ({
         searchcont: glamor.css({
           color: sectionproperties.searchlist_prodNameColor,
           ':hover': {
@@ -28031,151 +28031,13 @@
           // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
           // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
         })
-      };
+      });
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 m-0 w-100 allcentered",
         style: {
           zIndex: 1000
         }
-      }, sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: props.srcfromprops == 'header' ? "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex d-md-none justify-content-center p-1 ' : "".concat(searchlist_styles.searchlist_outercontainer) + ' m-0 row d-flex justify-content-center p-1 ',
-        style: {
-          zIndex: 1000,
-          width: props.srcfromprops == 'header' ? '300px' : props.srcfromprops == 'headerfullwidth' ? '100%' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100%' : props.srcfromprops == 'headerfullwidth-200' ? '270px' : props.srcfromprops == 'respheader' ? '100%' : props.srcfromprops == 'header-400' ? '400px' : props.srcfromprops == 'header-250' ? '250px' : props.srcfromprops == 'header-300' ? '300px' : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? '90%' : props.srcfromprops == 'ElegantHeader' ? '90%' : '100%',
-          top: props.headernameprops == 'categoryfeaturingheader' || props.headernameprops == 'Header_threesectionslogocentered' ? 20 : props.srcfromprops == 'respheader' ? 10 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? 50 : props.srcfromprops == 'ElegantHeader' ? 50 : 10,
-          left: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? '' : 0 : props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? langdetect == 'en' ? '5%' : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'en' ? '5%' : '' : '',
-          right: props.srcfromprops == 'respheader' ? 0 : props.srcfromprops == 'header-400' || props.srcfromprops == 'header-300' || props.srcfromprops == 'header-250' ? langdetect == 'en' ? 0 : '' : props.srcfromprops == 'ElegantHeader' ? langdetect == 'ar' ? '5%' : '' : props.srcfromprops == 'Elegant' ? langdetect == 'ar' ? '5%' : '' : '',
-          margin: props.srcfromprops == 'respheader' ? 'auto' : ''
-        }
-      }, SearchHeaderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100 d-flex align-items-center justify-content-center h-100 mt-auto mb-auto"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 d-flex align-items-center justify-content-center flex-column h-100"
-      }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-        color: "#ccc",
-        width: "10px",
-        height: "10px",
-        duration: "1s"
-      }))), !SearchHeaderMutationContext.isLoading && SearchHeaderMutationContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? ' row m-0 w-100 d-flex justify-content-center ' : "".concat(searchlist_styles.searchlist_innercontainer) + ' subscrollbar row m-0 w-100 d-flex justify-content-center ',
-        style: {
-          overflowX: 'hidden',
-          paddingBottom: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '50px' : '0.25rem'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 m-0 w-100 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
-      }, SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.searchliststyle == 'Vertical' ? 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0' : 'col-lg-12 m-0 w-100 p-1 pt-0 pb-0 d-none d-md-flex',
-          style: {
-            zIndex: 1000
-          },
-          onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-            setSearchHeaderInputContext('');
-            setsearchinput('');
-            setsearchbarCanvasContext(false);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "".concat(searchlist_styles.searchcont) + ' col-lg-12 col-md-12 d-flex p-0 cursor-pointer '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": searchlist_styles.imagecont
-        }, /*#__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: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-          loading: "lazy",
-          style: {
-            height: '100%',
-            width: '100%',
-            objectFit: 'contain',
-            borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-          }
-        })), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": props.srcfromprops == 'StylishHeader' || props.srcfromprops == 'modernheader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9  d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
-          style: {
-            alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'row m-0 w-100 d-flex' : 'row m-0 w-100 d-flex',
-          style: {
-            alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
-        }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center",
-          style: {
-            marginTop: sectionproperties.pricingmargintop != undefined ? sectionproperties.pricingmargintop + 'px' : '-0.25rem',
-            display: 'row'
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": props.srcfromprops == 'searchlistsliderheaderfullwidth' ? "".concat(searchlist_styles.productSalePricestyles) + ' linethrough mb-0 ml-2 mr-2' : "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), index != SearchHeaderMutationContext.data.data.products.length - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-12 col-md-12 p-0"
-        }, /*#__PURE__*/React__default["default"].createElement("hr", {
-          className: "mt-2 mb-1"
-        })));
-      }), sectionproperties.searchliststyle == 'Cards' && SearchHeaderMutationContext.data.data.products.map(function (item, index) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": (props === null || props === void 0 ? void 0 : props.numofcardsprops) != undefined ? ' m-0 w-100 mb-3 d-flex d-md-none col-lg-' + (props === null || props === void 0 ? void 0 : props.numofcardsprops) : 'col-lg-4 m-0 w-100 mb-3 d-flex d-md-none',
-          style: {
-            zIndex: 1000
-          },
-          onClick: function onClick() {
-            routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-            setSearchHeaderInputContext('');
-            setsearchinput('');
-            setsearchbarCanvasContext(false);
-          }
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "".concat(searchlist_styles.searchcont) + ' row m-0 w-100 cursor-pointer '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": ' col-lg-12 col-md-12 d-flex p-0 '
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": searchlist_styles.imagecont + ' w-100 ',
-          style: {
-            borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
-          }
-        }, /*#__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: '/tr:w-' + sectionproperties.searchlistimagetr_w + ',h-' + sectionproperties.searchlistimagetr_h + '/' + item.defaultimagepath,
-          loading: "lazy",
-          style: {
-            height: sectionproperties.searchlist_prodimage_width + '%',
-            width: sectionproperties.searchlist_prodimage_width + '%',
-            objectFit: 'contain'
-          }
-        }))), /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
-          style: {
-            textAlign: 'center'
-          }
-        }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
-        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "".concat(searchlist_styles.productSalePricestyles) + ' linethrough ml-2 mr-2 mb-0'
-        }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))));
-      })), SearchHeaderMutationContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100"
-      }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
-        size: 25
-      }), /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "font-13 font-weight-500"
-      }, lang.nosearchresults)))))));
+      }, /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd"), sectionproperties.length != 0 && searchinput != undefined && searchinput != null && searchinput.length != 0 && /*#__PURE__*/React__default["default"].createElement("p", null, "sadasdasd121212"));
     };
 
     function ownKeys$2d(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; }
@@ -57306,7 +57168,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '69020f4494f66' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) != '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+        "class": "col-lg-12  p-md-0 d-flex justify-content-start align-items-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
         onClick: function onClick() {
@@ -57323,7 +57185,7 @@
         },
         loading: "lazy"
       }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instid) == '69020f4494f66' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+        "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
         onClick: function onClick() {
@@ -57340,7 +57202,7 @@
         },
         loading: "lazy"
       }))), sectionproperties.showlogo == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instid) == '6972421b79d52' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center mb-auto"
+        "class": "col-lg-12 p-md-0 d-flex justify-content-start align-items-center mb-auto"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(footerStyles.logoStyles) + ' d-flex justify-content-start align-items-center cursor-pointer ',
         onClick: function onClick() {
@@ -74799,7 +74661,6 @@
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var actions = props.actions;
       var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-      props.actions.SearchHeaderInputContext;
       React.useEffect(function () {
         var secpropobj = {};
         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -74854,14 +74715,17 @@
         type: "text",
         placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
         onChange: function onChange(event) {
-          setSearchHeaderInputContext(event.target.value);
+          var text = SearchHeaderInputContext;
+          text = event.target.value;
+          setSearchHeaderInputContext(_objectSpread$15({}, text));
         },
         style: {
           background: 'transparent',
           width: '100%',
           height: '100%',
           paddingLeft: '10px',
-          paddingRight: '10px'
+          paddingRight: '10px',
+          color: '#000'
         }
       }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
         sectionpropertiesprops: sectionproperties,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.1310",
+    "version": "0.2.1312",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",