s-platform-landing-section 0.1.15 → 0.1.17

package/dist/index.modern.js

@@ -211,7 +211,7 @@ var Options = function Options(props) {
 };
 
 var NavBar7 = function NavBar7(props) {
-  var _routes$find, _routes$filter, _routes$filter2;
+  var _routes$find, _shopConfigStyle$navB, _shopConfigStyle$navB2, _shopConfigStyle$navB3, _shopConfigStyle$navB4;
   var _useState = useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
@@ -257,17 +257,6 @@ var NavBar7 = function NavBar7(props) {
       className: "text-gray3"
     })
   }];
-  useEffect(function () {
-    if ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "cafe_1" || (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "grocery_1" || (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "fashion_1") {
-      routes === null || routes === void 0 ? void 0 : routes.forEach(function (route) {
-        if ((route === null || route === void 0 ? void 0 : route.name) === "home" || (route === null || route === void 0 ? void 0 : route.name) === "products" || (route === null || route === void 0 ? void 0 : route.name) === "about") {
-          route.isShow = true;
-        } else {
-          route.isShow = false;
-        }
-      });
-    }
-  }, [shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode]);
   useEffect(function () {
     var totalItem = cartItems === null || cartItems === void 0 ? void 0 : cartItems.reduce(function (total, item) {
       return total + (item === null || item === void 0 ? void 0 : item.quantity);
@@ -306,15 +295,15 @@ var NavBar7 = function NavBar7(props) {
     className: "text-xl md:text-2xl whitespace-nowrap font-semibold text-primary"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), /*#__PURE__*/React__default.createElement("div", {
     className: "hidden lg:flex flex-1 items-center gap-4"
-  }, routes === null || routes === void 0 ? void 0 : (_routes$filter = routes.filter(function (e) {
+  }, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB === void 0 ? void 0 : (_shopConfigStyle$navB2 = _shopConfigStyle$navB.filter(function (e) {
     return e === null || e === void 0 ? void 0 : e.isShow;
-  })) === null || _routes$filter === void 0 ? void 0 : _routes$filter.map(function (item, index) {
+  })) === null || _shopConfigStyle$navB2 === void 0 ? void 0 : _shopConfigStyle$navB2.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       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));
@@ -391,9 +380,9 @@ var NavBar7 = function NavBar7(props) {
     }
   }, /*#__PURE__*/React__default.createElement(RxCross2, {
     size: 24
-  })), /*#__PURE__*/React__default.createElement("div", null, routes === null || routes === void 0 ? void 0 : (_routes$filter2 = routes.filter(function (e) {
+  })), /*#__PURE__*/React__default.createElement("div", null, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB3 = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB3 === void 0 ? void 0 : (_shopConfigStyle$navB4 = _shopConfigStyle$navB3.filter(function (e) {
     return e === null || e === void 0 ? void 0 : e.isShow;
-  })) === null || _routes$filter2 === void 0 ? void 0 : _routes$filter2.map(function (item, index) {
+  })) === null || _shopConfigStyle$navB4 === void 0 ? void 0 : _shopConfigStyle$navB4.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: item === null || item === void 0 ? void 0 : item.route,
@@ -405,7 +394,7 @@ var NavBar7 = function NavBar7(props) {
 };
 
 var NavBar1 = function NavBar1(props) {
-  var _routes$find, _routes$filter, _routes$filter2;
+  var _routes$find, _shopConfigStyle$navB, _shopConfigStyle$navB2, _shopConfigStyle$navB3, _shopConfigStyle$navB4;
   var _useState = useState(false),
     isOpen = _useState[0],
     setIsOpen = _useState[1];
@@ -451,17 +440,6 @@ var NavBar1 = function NavBar1(props) {
       className: "text-gray3"
     })
   }];
-  useEffect(function () {
-    if ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "cafe_1" || (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "grocery_1" || (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === "fashion_1") {
-      routes === null || routes === void 0 ? void 0 : routes.forEach(function (route) {
-        if ((route === null || route === void 0 ? void 0 : route.name) === "home" || (route === null || route === void 0 ? void 0 : route.name) === "products" || (route === null || route === void 0 ? void 0 : route.name) === "about") {
-          route.isShow = true;
-        } else {
-          route.isShow = false;
-        }
-      });
-    }
-  }, [shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode]);
   useEffect(function () {
     var totalItem = cartItems === null || cartItems === void 0 ? void 0 : cartItems.reduce(function (total, item) {
       return total + (item === null || item === void 0 ? void 0 : item.quantity);
@@ -519,15 +497,15 @@ var NavBar1 = function NavBar1(props) {
     className: "text-xl md:text-2xl whitespace-nowrap font-semibold text-primary"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), /*#__PURE__*/React__default.createElement("div", {
     className: "hidden lg:flex flex-1 items-center gap-4"
-  }, routes === null || routes === void 0 ? void 0 : (_routes$filter = routes.filter(function (e) {
+  }, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB === void 0 ? void 0 : (_shopConfigStyle$navB2 = _shopConfigStyle$navB.filter(function (e) {
     return e === null || e === void 0 ? void 0 : e.isShow;
-  })) === null || _routes$filter === void 0 ? void 0 : _routes$filter.map(function (item, index) {
+  })) === null || _shopConfigStyle$navB2 === void 0 ? void 0 : _shopConfigStyle$navB2.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       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__*/
@@ -611,9 +589,9 @@ var NavBar1 = function NavBar1(props) {
     }
   }, /*#__PURE__*/React__default.createElement(RxCross2, {
     size: 24
-  }))), /*#__PURE__*/React__default.createElement("div", null, routes === null || routes === void 0 ? void 0 : (_routes$filter2 = routes.filter(function (e) {
+  }))), /*#__PURE__*/React__default.createElement("div", null, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB3 = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB3 === void 0 ? void 0 : (_shopConfigStyle$navB4 = _shopConfigStyle$navB3.filter(function (e) {
     return e === null || e === void 0 ? void 0 : e.isShow;
-  })) === null || _routes$filter2 === void 0 ? void 0 : _routes$filter2.map(function (item, index) {
+  })) === null || _shopConfigStyle$navB4 === void 0 ? void 0 : _shopConfigStyle$navB4.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: item === null || item === void 0 ? void 0 : item.route,
@@ -867,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, {
@@ -1061,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",
@@ -9572,7 +9550,7 @@ var TreatmentItem1 = function TreatmentItem1(props) {
   }))));
 };
 
-var ProductsList7 = function ProductsList7(props) {
+var ProductList7 = function ProductList7(props) {
   var _props$shopConfigStyl = props.shopConfigStyle,
     shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
     _props$data = props.data,
@@ -9657,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);
@@ -12515,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) {
@@ -12542,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, {
@@ -12580,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) {
@@ -12610,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) {
@@ -12881,5 +12894,5 @@ var VideoFull1 = function VideoFull1(props) {
   })) : null);
 };
 
-export { About1, About5, Address1, Banner1, Banner2, Banner3, Banner7, BannerFull1, BannerFull2, Booking1, BookingForm6, Breadcrumb1, Button, Carts1, Contact1, CustomerRating1, CustomerRating10, CustomerRating5, CustomerRating6, DateTimePicker, Employees1, Features2, Features3, Footer1, Footer7, Gallery1, Hero1, Hero10, Hero11 as Hero12, Hero13, Hero2, Hero5, Hero6, Input, InputPhoneNumber, Links1, ModalNotification, NavBar1, NavBar7, PageTitle1, Partner1, ProductCategory2, ProductDetail10, ProductHighlight1, ProductHot1, ProductHot3, ProductItem2, ProductItem3, ProductItem4, ProductItem5, ProductItem6, ProductItem7, ProductList5, ProductSale2, ProductSearch1, Products10, Products2, Products3, ProductsList7, ProductsTop1, SearchBar2, SearchBar5, SearchBar6, SearchProduct1, SectionTitle1, SectionTitle2, SectionTitle3, Select$1 as Select, ServiceDetail1, ShopHighlights2, ShopHighlights5, ShopHighlights6, ShopHighlights7, TextArea, TreatmentDetail1, TreatmentItem1, TreatmentsCategory7, TreatmentsList6, TreatmentsList7, VideoFull1 };
+export { About1, About5, Address1, Banner1, Banner2, Banner3, Banner7, BannerFull1, BannerFull2, Booking1, BookingForm6, Breadcrumb1, Button, Carts1, Contact1, CustomerRating1, CustomerRating10, CustomerRating5, CustomerRating6, DateTimePicker, Employees1, Features2, Features3, Footer1, Footer7, Gallery1, Hero1, Hero10, Hero11 as Hero12, Hero13, Hero2, Hero5, Hero6, Input, InputPhoneNumber, Links1, ModalNotification, NavBar1, NavBar7, PageTitle1, Partner1, ProductCategory2, ProductDetail10, ProductHighlight1, ProductHot1, ProductHot3, ProductItem2, ProductItem3, ProductItem4, ProductItem5, ProductItem6, ProductItem7, ProductList5, ProductList7, ProductSale2, ProductSearch1, Products10, Products2, Products3, ProductsTop1, SearchBar2, SearchBar5, SearchBar6, SearchProduct1, SectionTitle1, SectionTitle2, SectionTitle3, Select$1 as Select, ServiceDetail1, ShopHighlights2, ShopHighlights5, ShopHighlights6, ShopHighlights7, TextArea, TreatmentDetail1, TreatmentItem1, TreatmentsCategory7, TreatmentsList6, TreatmentsList7, VideoFull1 };
 //# sourceMappingURL=index.modern.js.map