s-platform-landing-section 0.1.36-beta.7 → 0.1.36-beta.9

package/dist/index.modern.js

@@ -117,28 +117,28 @@ var genProductSlugVi = function genProductSlugVi(productName, id) {
 };
 var getLinkProductDetail = function getLinkProductDetail(product) {
   var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.productName, product === null || product === void 0 ? void 0 : product.productId);
-  return "/san-pham/" + slug;
+  return "/san-pham/" + encodeURIComponent(slug);
 };
 var getLinkServiceDetail = function getLinkServiceDetail(product) {
   var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.productName, product === null || product === void 0 ? void 0 : product.productId);
-  return "/dich-vu/" + slug;
+  return "/dich-vu/" + encodeURIComponent(slug);
 };
 var getLinkNewsDetail = function getLinkNewsDetail(news) {
   var slug = genProductSlugVi(news === null || news === void 0 ? void 0 : news.title, news === null || news === void 0 ? void 0 : news.articleId);
   var category = genProductSlugVi(news === null || news === void 0 ? void 0 : news.catName, news === null || news === void 0 ? void 0 : news.catId);
-  return "/tin-tuc/" + category + "/" + slug;
+  return "/tin-tuc/" + encodeURIComponent(category) + "/" + encodeURIComponent(slug);
 };
 var getLinkNewsByCategory = function getLinkNewsByCategory(news) {
   var slug = genProductSlugVi(news === null || news === void 0 ? void 0 : news.catName, news === null || news === void 0 ? void 0 : news.catId);
-  return "/tin-tuc-theo-danh-muc/" + slug;
+  return "/tin-tuc-theo-danh-muc/" + encodeURIComponent(slug);
 };
 var getLinkProductsByCategory = function getLinkProductsByCategory(product) {
   if (product !== null && product !== void 0 && product.categoryName) {
     var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.categoryName, product === null || product === void 0 ? void 0 : product.categoryId);
-    return "/danh-muc/" + slug;
+    return "/danh-muc/" + encodeURIComponent(slug);
   } else {
     var _slug12 = genProductSlugVi(product === null || product === void 0 ? void 0 : product.cateName, product === null || product === void 0 ? void 0 : product.categoryId);
-    return "/danh-muc/" + _slug12;
+    return "/danh-muc/" + encodeURIComponent(_slug12);
   }
 };
 var LinkToPage = function LinkToPage(props) {
@@ -433,7 +433,7 @@ var NavBar7 = function NavBar7(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl md:text-2xl text-primary font-headingFont text-wrap line-clamp-2 leading-tight"
@@ -496,7 +496,7 @@ var NavBar7 = function NavBar7(props) {
     href: "/",
     className: "flex flex-1 gap-2 items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl md:text-2xl font-headingFont text-wrap text-primary line-clamp-2"
@@ -530,7 +530,7 @@ var NavBar7 = function NavBar7(props) {
     className: "flex gap-2 items-center mb-2"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    className: "max-h-14 w-14 object-cover"
+    className: "h-14 w-14 object-contain"
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-xl font-headingFont text-primary line-clamp-1"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -726,7 +726,7 @@ var NavBar1 = function NavBar1(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12 max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
   }), /*#__PURE__*/React__default.createElement("h3", {
@@ -788,7 +788,7 @@ var NavBar1 = function NavBar1(props) {
     href: "/",
     className: "flex flex-1 gap-2 items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-12  max-h-12",
+    className: "object-contain w-12 h-12",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
   }), /*#__PURE__*/React__default.createElement("h3", {
@@ -823,7 +823,7 @@ var NavBar1 = function NavBar1(props) {
     className: "flex gap-2 items-center mb-2"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    className: "max-h-14 w-14 bg-cover bg-no-repeat"
+    className: "h-14 w-14 object-contain"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "text-xl font-headingFont text-primary line-clamp-1"
   }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -1233,7 +1233,7 @@ var Hero2 = function Hero2(props) {
     className: "absolute inset-y-0 right-[2%] md:right-[4%] w-[58%] md:w-[54%] flex flex-col gap-2 md:gap-4 xl:gap-6 justify-center items-start px-4 pt-4 pb-2 md:px-8 md:pt-8 md:pb-6 xl:p-8"
   }, shopConfig !== null && shopConfig !== void 0 && shopConfig.logoUrl ? /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
-    className: "h-6 w-6 sm:h-10 sm:w-10 md:h-12 md:w-12 lg:w-14 lg:h-14 xl:h-20 xl:w-20"
+    className: "h-6 w-6 object-contain sm:h-10 sm:w-10 md:h-12 md:w-12 lg:w-14 lg:h-14 xl:h-20 xl:w-20"
   }) : null, /*#__PURE__*/React__default.createElement("div", {
     className: "font-medium line-clamp-2 lg:line-clamp-1 text-2xl md:text-3xl lg:text-4xl xl:text-6xl",
     style: {
@@ -1259,7 +1259,7 @@ var Hero5 = function Hero5(props) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "absolute inset-0 flex flex-col top-[8%] md:top-[10%] gap-1 md:gap-4 p-4 lg:p-10 w-3/5 md:w-1/2 max-w-[90%] left-1 lg:left-10 xl:left-20"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading overflow-hidden text-ellipsis font-medium line-clamp-2 xl:line-clamp-1",
+    className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading overflow-hidden text-ellipsis font-medium line-clamp-2",
     style: {
       lineHeight: 1.5
     }
@@ -1282,14 +1282,14 @@ var Hero6 = function Hero6(props) {
     alt: data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title,
     className: "object-cover w-full min-h-[30vh] max-h-[100vh]"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-10 md:px-20 "
+    className: "absolute w-full  md:w-2/3 mx-auto inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-10"
   }, data !== null && data !== void 0 && (_data$data3 = data.data) !== null && _data$data3 !== void 0 && (_data$data3$ = _data$data3[0]) !== null && _data$data3$ !== void 0 && _data$data3$.title ? /*#__PURE__*/React__default.createElement("div", {
     className: "text-primary font-headingFont text-center line-clamp-1 text-2xl md:text-4xl xl:text-6xl text-ellipsis",
     style: {
       lineHeight: "2"
     }
   }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.title) : null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2 md:gap-4 lg:gap-6 "
+    className: "flex flex-col gap-4 lg:gap-6 "
   }, data !== null && data !== void 0 && (_data$data5 = data.data) !== null && _data$data5 !== void 0 && (_data$data5$ = _data$data5[0]) !== null && _data$data5$ !== void 0 && _data$data5$.description ? /*#__PURE__*/React__default.createElement("div", {
     className: "line-clamp-2 lg:line-clamp-3 md:text-xl xl:text-2xl",
     style: {
@@ -7771,19 +7771,19 @@ var Hero16 = function Hero16(props) {
     className: "min-h-[480px] w-full h-full relative"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : (_data$data$$srcImages = _data$data$.srcImages) === null || _data$data$$srcImages === void 0 ? void 0 : _data$data$$srcImages[0],
-    className: "object-cover max-w-full h-auto"
+    className: "object-cover w-full h-full min-h-[480px]"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "absolute top-0 left-0 z-0 bg-secondary opacity-80 w-full h-full"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full md:w-2/3 absolute top-[10%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
+    className: "w-full sm:w-2/3 absolute z-20 top-[15%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
   }, /*#__PURE__*/React__default.createElement("h2", {
     className: "font-medium text-2xl lg:text-4xl"
   }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title), /*#__PURE__*/React__default.createElement("div", {
     className: " text-lg lg:text-2xl"
   }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.description), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col md:flex-row gap-4 w-full"
+    className: "flex flex-col sm:flex-row gap-4 w-full"
   }, /*#__PURE__*/React__default.createElement(Input, {
-    wrapClassName: "w-full md:w-2/3 xl:w-[85%]",
+    wrapClassName: "w-2/3 sm:w-[80%] xl:w-[85%]",
     icons: /*#__PURE__*/React__default.createElement(LuSearch, {
       className: "text-gray3",
       size: 18
@@ -7817,31 +7817,36 @@ var Hero16 = function Hero16(props) {
     fill: "currentColor"
   }))), /*#__PURE__*/React__default.createElement("img", {
     src: data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : (_data$data4$$srcImage = _data$data4$.srcImages) === null || _data$data4$$srcImage === void 0 ? void 0 : _data$data4$$srcImage[1],
-    className: "object-cover w-[28%] h-auto absolute right-10 opacity-100 bottom-0 z-10"
+    className: "object-cover w-[25%] h-auto max-h-full absolute right-10 opacity-100 bottom-0 z-10"
   }));
 };
 
 var Features2 = function Features2(props) {
-  var data = props.data;
+  var data = props.data,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? null : _props$Link;
   var sectionData = data === null || data === void 0 ? void 0 : data.data;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "" + SECTION_DEFAULT_CLASS
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "p-6 grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 lg:gap-8 rounded-xl bg-bgSecondary"
   }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React__default.createElement(LinkToPage, {
+      Link: Link,
+      href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
+    }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex flex-col gap-2 items-center text-sm lg:text-lg font-semibold text-center",
       key: "dfgg-" + index
     }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
-      className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 h-24",
+      className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 aspect-square",
       dangerouslySetInnerHTML: {
         __html: configSvg(item === null || item === void 0 ? void 0 : item.svgImage)
       }
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "w-12 md:w-16 lg:w-20 xl:w-24 text-primary",
+      className: "w-12 md:w-16 lg:w-20 object-contain xl:w-24 aspect-square text-primary",
       alt: "logo"
-    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title));
+    }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title)));
   })));
 };
 
@@ -13006,7 +13011,9 @@ var Banner1 = function Banner1(props) {
   var data = props.data,
     shopConfigStyle = props.shopConfigStyle,
     _props$SectionTitle = props.SectionTitle,
-    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
+    SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
+    _props$Link = props.Link,
+    Link = _props$Link === void 0 ? null : _props$Link;
   var sectionData = data === null || data === void 0 ? void 0 : data.data;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "" + SECTION_DEFAULT_CLASS
@@ -13016,12 +13023,15 @@ var Banner1 = function Banner1(props) {
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-1 sm:grid-cols-3 gap-4 lg:gap-6 mt-6"
   }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement("img", {
+    return /*#__PURE__*/React__default.createElement(LinkToPage, {
+      Link: Link,
+      href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
+    }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "",
       className: "rounded-2xl",
       key: "hnfhn-" + index
-    });
+    }));
   })));
 };
 
@@ -13111,25 +13121,30 @@ var Banner3 = function Banner3(props) {
 };
 
 var Banner4 = function Banner4(props) {
-  var _data$data, _data$data$, _data$data2, _data$data2$slice;
+  var _data$data, _data$data$, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$slice;
   var data = props.data,
     _props$Link = props.Link,
     Link = _props$Link === void 0 ? null : _props$Link;
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_CLASS_PADDING + " grid grid-cols-1 bg-bgSecondary md:grid-cols-3 gap-6"
+  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
+    className: "md:col-span-2",
+    Link: Link,
+    href: convertURL(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : _data$data$.route) || (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.link) || "#"
   }, /*#__PURE__*/React__default.createElement("img", {
-    src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : _data$data$.srcImage,
-    className: "md:col-span-2 object-cover w-full h-full rounded-[10px]"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-6"
-  }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$slice = _data$data2.slice(1, 3)) === null || _data$data2$slice === void 0 ? void 0 : _data$data2$slice.map(function (item, index) {
+    src: data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.srcImage,
+    className: " object-cover w-full h-full rounded-[10px]"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col gap-6 h-full"
+  }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$slice = _data$data4.slice(1, 3)) === null || _data$data4$slice === void 0 ? void 0 : _data$data4$slice.map(function (item, index) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
       href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
+      className: "flex-1 min-h-0",
       key: "djsd-" + index
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "object-cover w-full h-full rounded-xl"
+      className: "object-cover w-full h-full rounded-[10px]"
     }));
   })));
 };
@@ -13536,7 +13551,7 @@ var Footer1 = function Footer1(props) {
     href: "/",
     className: "flex items-center"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-14 max-h-14",
+    className: "object-contain w-14 h-14",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: "text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -13679,7 +13694,7 @@ var Footer7 = function Footer7(props) {
     href: "/",
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default.createElement("img", {
-    className: "object-cover w-14  max-h-14",
+    className: "object-contain w-14 h-14",
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
   }), /*#__PURE__*/React__default.createElement("h3", {
     className: " text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -15600,7 +15615,7 @@ var ShopHighlights2 = function ShopHighlights2(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16 p-3 rounded-full bg-primary"
+      className: "w-16 h-16 p-3 rounded-full object-cover bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-medium text-lg"
     }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15632,7 +15647,7 @@ var ShopHighlights5 = function ShopHighlights5(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16 rounded-full bg-primary"
+      className: "w-16 h-16 rounded-full object-cover bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "font-semibold text-xl text-textHeading pt-2 border-t border-textHeading"
     }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15662,7 +15677,7 @@ var ShopHighlights6 = function ShopHighlights6(props) {
     }) : /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
       alt: "logo",
-      className: "w-16 h-16"
+      className: "w-16 h-16 object-cover"
     }), /*#__PURE__*/React__default.createElement("div", {
       className: " w-44 h-0.5 rounded-full bg-primary"
     }), /*#__PURE__*/React__default.createElement("div", {
@@ -15841,7 +15856,7 @@ var ShopHighlights10 = function ShopHighlights10(props) {
       className: "flex-grow text-lg leading-relaxed  text-center text-textSecondary"
     }, item === null || item === void 0 ? void 0 : item.description)), /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "h-56 lg:h-72 object-cover mt-auto border-4 border-secondary"
+      className: "aspect-video object-cover mt-auto border-4 border-secondary"
     })));
   })));
 };