s-platform-landing-section 0.1.16 → 0.1.17

package/dist/index.modern.js

@@ -303,7 +303,7 @@ var NavBar7 = function NavBar7(props) {
       href: item === null || item === void 0 ? void 0 : item.route,
       key: index
     }, (item === null || item === void 0 ? void 0 : item.name) === (route === null || route === void 0 ? void 0 : route.name) ? /*#__PURE__*/React__default.createElement("div", {
-      className: "py-1 border-b text-textHeading border-textHeading"
+      className: "whitespace-nowrap py-1 border-b text-textHeading border-textHeading"
     }, item === null || item === void 0 ? void 0 : item.label) : /*#__PURE__*/React__default.createElement("div", {
       className: "py-1 text-textBody"
     }, item === null || item === void 0 ? void 0 : item.label));
@@ -505,7 +505,7 @@ var NavBar1 = function NavBar1(props) {
       href: item === null || item === void 0 ? void 0 : item.route,
       key: index
     }, /*#__PURE__*/React__default.createElement("div", {
-      className: "py-1 " + ((item === null || item === void 0 ? void 0 : item.name) === (route === null || route === void 0 ? void 0 : route.name) ? "border-b text-primary border-primary" : "text-textBody") + " "
+      className: "py-1 whitespace-nowrap " + ((item === null || item === void 0 ? void 0 : item.name) === (route === null || route === void 0 ? void 0 : route.name) ? "border-b text-primary border-primary" : "text-textBody") + " "
     }, item === null || item === void 0 ? void 0 : item.label));
   })), cart(), userInfo ?
   /*#__PURE__*/
@@ -845,7 +845,7 @@ var Hero1 = function Hero1(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "w-[80%] md:w-2/3 xl:w-1/2 md:h-2/3 flex flex-col gap-2 md:gap-8 justify-center items-center bg-background opacity-90 absolute top-5 md:top-10 px-6 py-4 rounded-tr-[40px] rounded-bl-[40px] md:rounded-tr-[80px] md:rounded-bl-[80px]"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl md:text-4xl lg:text-[40px] text-primary font-medium"
+    className: "text-xl text-center md:text-4xl lg:text-[40px] text-primary font-medium"
   }, sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.title), /*#__PURE__*/React__default.createElement("div", {
     className: "text-center md:text-2xl lg:text-3xl font-medium"
   }, sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$3 = sectionData[0]) === null || _sectionData$3 === void 0 ? void 0 : _sectionData$3.description), /*#__PURE__*/React__default.createElement(LinkToPage, {
@@ -1039,7 +1039,7 @@ var CarouselItem = function CarouselItem(props) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-12 lg:col-span-10 md:col-span-9 overflow-hidden "
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex overflow-x-auto gap-2 hide-scrollbar items-center",
+    className: "flex overflow-x-auto gap-2 no-scrollbar items-center",
     ref: listRef
   }, isAll ? /*#__PURE__*/React__default.createElement("div", {
     className: " " + ((Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(value)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) <= 0 ? "bg-primary text-textButton" : "bg-background") + " w-max border border-primary p-1 md:p-2 rounded-lg cursor-pointer whitespace-nowrap",
@@ -9635,7 +9635,7 @@ var Carousel = function Carousel(props) {
     className: "relative " + className + " ",
     style: style
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: " w-full pe-2 h-full flex gap-2 md:gap-4 xl:gap-6  overflow-x-auto hide-scrollbar",
+    className: " w-full pe-2 h-full flex gap-2 md:gap-4 xl:gap-6  overflow-x-auto no-scrollbar",
     ref: carouselRef
   }, data && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : data.map(function (item, index) {
     return renderItem(item, index);
@@ -12493,7 +12493,25 @@ var SearchProduct1 = function SearchProduct1(props) {
     setListProducts = _useState[1];
   var _ProductController = ProductController(_extends({}, props)),
     getProductListSearch = _ProductController.getProductListSearch;
+  var _useState2 = useState(""),
+    valueSearch = _useState2[0],
+    setSearchValue = _useState2[1];
+  useEffect(function () {
+    if (valueSearch === "") {
+      setProducts([]);
+    } else {
+      var delayDebounceFn = setTimeout(function () {
+        handleSearch(valueSearch);
+      }, 500);
+      return function () {
+        return clearTimeout(delayDebounceFn);
+      };
+    }
+  }, [valueSearch]);
   var handleSearch = function handleSearch(productName) {
+    if (productName === void 0) {
+      productName = "";
+    }
     try {
       var _temp = function () {
         if (productName) {
@@ -12520,7 +12538,7 @@ var SearchProduct1 = function SearchProduct1(props) {
     },
     inputClassName: "w-full h-full p-2 text-lg",
     placeholder: (data === null || data === void 0 ? void 0 : data.sectionTitle) || "Tìm kiếm sản phẩm",
-    onChange: handleSearch,
+    onChange: setSearchValue,
     icons: /*#__PURE__*/React__default.createElement("div", {
       className: "px-2"
     }, /*#__PURE__*/React__default.createElement(FiSearch, {
@@ -12558,15 +12576,32 @@ var SearchBar2 = function SearchBar2(props) {
   var _useState = useState([]),
     products = _useState[0],
     setProducts = _useState[1];
+  var _useState2 = useState(""),
+    valueSearch = _useState2[0],
+    setSearchValue = _useState2[1];
   var _ProductController = ProductController(_extends({}, props)),
     getProductListSearch = _ProductController.getProductListSearch;
+  useEffect(function () {
+    if (valueSearch === "") {
+      setProducts([]);
+    } else {
+      var delayDebounceFn = setTimeout(function () {
+        handleSearch(valueSearch);
+      }, 500);
+      return function () {
+        return clearTimeout(delayDebounceFn);
+      };
+    }
+  }, [valueSearch]);
   var handleSearch = function handleSearch(productName) {
     if (productName === void 0) {
       productName = "";
     }
     try {
       var _temp = function () {
-        if (productName === "") setProducts([]);else {
+        if (productName === "") {
+          setProducts([]);
+        } else {
           return Promise.resolve(getProductListSearch({
             productName: productName
           })).then(function (productList) {
@@ -12588,7 +12623,7 @@ var SearchBar2 = function SearchBar2(props) {
     className: "w-full",
     inputClassName: "w-full",
     placeholder: data !== null && data !== void 0 && data.sectionTitle ? data === null || data === void 0 ? void 0 : data.sectionTitle : "Tìm kiếm sản phẩm",
-    onChange: handleSearch
+    onChange: setSearchValue
   }), (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "max-h-64 overflow-y-auto flex flex-col gap-2"
   }, products === null || products === void 0 ? void 0 : products.map(function (item, index) {