s-platform-landing-section 0.1.25 → 0.1.27

package/dist/index.modern.js

@@ -19,7 +19,6 @@ import 'slick-carousel/slick/slick-theme.css';
 import { AiOutlineShoppingCart, AiOutlinePhone } from 'react-icons/ai';
 import { GoCreditCard, GoClock } from 'react-icons/go';
 import { HiOutlineLocationMarker } from 'react-icons/hi';
-import { MdOutlineFormatQuote } from 'react-icons/md';
 import { RiDeleteBin7Line } from 'react-icons/ri';
 import { GiNewspaper } from 'react-icons/gi';
 
@@ -1094,17 +1093,17 @@ var Hero2 = function Hero2(props) {
   }, /*#__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],
     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: "w-full object-cover min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
+    className: "w-full object-cover min-h-[22vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute flex flex-col gap-1 md:gap-4 absolute w-1/2 lg:w-[40%]  top-2 sm:top-[20%] xl:top-1/4 right-[2%] lg:right-[15%]"
+    className: "absolute flex flex-col gap-1 md:gap-4 absolute w-1/2 lg:w-[40%] top-12 sm:top-[20%] xl:top-1/4 right-[2%] lg:right-[15%]"
   }, /*#__PURE__*/React__default.createElement("img", {
     src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
     alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName,
-    className: "h-6 w-6 md:h-16 md:w-16 lg:h-20 lg:w-20"
+    className: "h-5 w-5 sm:h-8 sm:w-8 md:h-16 md:w-16 lg:h-20 lg:w-20"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "text-lg md:text-3xl lg:text-4xl  font-medium"
+    className: "text-base md:text-3xl lg:text-4xl font-medium line-clamp-1"
   }, 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$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "text-sm md:text-xl lg:text-2xl "
+    className: "text-xs md:text-xl lg:text-2xl line-clamp-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$.description)));
 };
 
@@ -1116,13 +1115,13 @@ var Hero5 = function Hero5(props) {
   }, /*#__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],
     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: "w-full min-h-[30vh] md:min-h-[50vh] max-h-[100vh] object-cover"
+    className: "w-full min-h-[25vh] md:min-h-[50vh] max-h-[100vh] object-cover"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2 md:gap-4 absolute top-5 md:top-[20%] w-1/2 lg:w-1/3 left-4 xl:left-20"
+    className: "flex flex-col gap-2 md:gap-4 absolute top-10 md:top-[20%] w-1/2 lg:w-[45%] left-4 lg:left-10 xl:left-20"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-xl md:text-3xl lg:text-4xl text-textHeading font-medium"
+    className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading font-medium line-clamp-2 md:line-clamp-3"
   }, 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$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-none"
+    className: "md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-4 md:line-clamp-none"
   }, 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$.description)));
 };
 
@@ -1138,13 +1137,13 @@ var Hero6 = function Hero6(props) {
   }, /*#__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],
     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 h-auto min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
+    className: "object-cover w-full h-auto min-h-[20vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
   }), /*#__PURE__*/React__default.createElement("div", {
-    className: "absolute top-0 md:top-14 lg:top-20 w-full p-3 md:p-6  lg:p-12 z-10 flex flex-col gap-2 md:gap-4 lg:gap-6 items-center justify-center"
+    className: "absolute top-4 sm:top-8 md:top-14 lg:top-20 w-full p-3 md:p-6  lg:p-12 z-10 flex flex-col gap-2 md:gap-4 lg:gap-6 items-center justify-center"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "text-primary text-xl md:text-3xl lg:text-5xl leading-[1.6] md:leading-[1.6] text-center font-headingFont"
+    className: "text-primary line-clamp-1 text-xl md:text-3xl lg:text-5xl leading-[1.6] md:leading-[1.6] text-center font-headingFont"
   }, 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$.title), /*#__PURE__*/React__default.createElement("div", {
-    className: "md:text-xl"
+    className: "md:text-xl text-center line-clamp-1"
   }, 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$.description), sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : (_sectionData$$buttons = _sectionData$.buttons) === null || _sectionData$$buttons === void 0 ? void 0 : _sectionData$$buttons.map(function (button) {
     return /*#__PURE__*/React__default.createElement(LinkToPage, {
       Link: Link,
@@ -7362,7 +7361,7 @@ var lib = {
 };
 
 var getBaseUrl = function getBaseUrl() {
-  return process.env.NEXT_PUBLIC_BASE_URL || "https://test-apigateway.sfin.vn";
+  return process.env.NEXT_PUBLIC_BASE_URL || "https://proapi.sspa.com.vn";
 };
 var request = axios.create();
 request.interceptors.request.use(function (config) {
@@ -7393,10 +7392,32 @@ var api = function api(options) {
   return request(config);
 };
 
+var formatCurrency = function formatCurrency(amount) {
+  if (isNaN(amount)) {
+    return '0 ₫';
+  }
+  var roundedAmount = Math.round(amount);
+  var formattedAmount = roundedAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
+  return formattedAmount + " \u20AB";
+};
+var pattern = {
+  phoneNumberPattern: /^(?:\+84|0)\d{9}$/
+};
+var numberPattern = /^\d+$/;
+var getYoutubeVideoIdByUrl = function getYoutubeVideoIdByUrl(url) {
+  var regex = /(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/|youtube\.com\/shorts\/)([a-zA-Z0-9_-]{11})/;
+  var match = url === null || url === void 0 ? void 0 : url.match(regex);
+  return match ? match[1] : null;
+};
+var linkPagePolicy = "https://sites.google.com/view/sodofin-landing-page-policy";
+var endpointLandingShop = "/landing-shop/v2";
+var endpointLanding = "/landing/v2";
+var baseURL = "https://proapi.sspa.com.vn";
+
 var getShopCategoriesApi = function getShopCategoriesApi(shopId, types) {
   return api({
     method: "get",
-    url: "/landing-shop/get-product-category-on-landing",
+    url: endpointLandingShop + "/get-product-category-on-landing",
     params: {
       shopId: shopId,
       types: types,
@@ -7413,7 +7434,7 @@ var getProductListApi = function getProductListApi(shopId, params) {
   }
   return api({
     method: "get",
-    url: "/landing-shop/get-product-on-landing",
+    url: endpointLandingShop + "/get-product-on-landing",
     params: _extends({
       shopId: shopId,
       isShowOnLanding: true
@@ -7830,7 +7851,7 @@ var ProductImage = function ProductImage(props) {
     if (src !== null && src !== void 0 && src.startsWith("http")) {
       setSrc(src);
     } else if (src) {
-      var urlImage = "https://test-apigateway.sfin.vn/assets/images/sshop/shops/" + (product === null || product === void 0 ? void 0 : product.shopId) + "/" + (product === null || product === void 0 ? void 0 : product.productId) + "/" + src;
+      var urlImage = baseURL + "/assets/images/sshop/shops/" + (product === null || product === void 0 ? void 0 : product.shopId) + "/" + (product === null || product === void 0 ? void 0 : product.productId) + "/" + src;
       setSrc(urlImage);
     } else {
       setSrc(src);
@@ -7850,25 +7871,6 @@ var ProductImage = function ProductImage(props) {
   });
 };
 
-var formatCurrency = function formatCurrency(amount) {
-  if (isNaN(amount)) {
-    return '0 ₫';
-  }
-  var roundedAmount = Math.round(amount);
-  var formattedAmount = roundedAmount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, '.');
-  return formattedAmount + " \u20AB";
-};
-var pattern = {
-  phoneNumberPattern: /^(?:\+84|0)\d{9}$/
-};
-var numberPattern = /^\d+$/;
-var getYoutubeVideoIdByUrl = function getYoutubeVideoIdByUrl(url) {
-  var regex = /(?:youtube\.com\/(?:[^\/\n\s]+\/\S+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/|youtube\.com\/shorts\/)([a-zA-Z0-9_-]{11})/;
-  var match = url === null || url === void 0 ? void 0 : url.match(regex);
-  return match ? match[1] : null;
-};
-var linkPagePolicy = "https://sites.google.com/view/sodofin-landing-page-policy";
-
 function getMinMax(array, field) {
   if (!(array !== null && array !== void 0 && array.length) || !array[0].hasOwnProperty(field)) {
     return null;
@@ -9395,7 +9397,7 @@ var TreatmentsList7 = function TreatmentsList7(props) {
   }), isOpenModal ? /*#__PURE__*/React__default.createElement(ModalNotification, {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh] !bg-bgSecondary",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh] !bg-bgSecondary",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -9591,7 +9593,7 @@ var ServiceDetail1 = function ServiceDetail1(props) {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
     isModalBooking: isBooking,
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh]",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh]",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -9726,7 +9728,7 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
     onClose: handleCloseModal
   }, /*#__PURE__*/React__default.createElement(BookingForm, {
     isModalBooking: isBooking,
-    className: "overflow-y-auto hide-scrollbar max-h-[80vh]",
+    className: "overflow-y-auto no-scrollbar w-[85vw]  sm:w-[70vw] md:w-[60vw] lg:w-[50vw] max-h-[80vh]",
     onCloseFormBooking: handleCloseModal,
     defaultValue: dataBooking,
     shopConfig: shopConfig,
@@ -11675,7 +11677,7 @@ var Banner3 = function Banner3(props) {
       key: "djsd-" + index
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.srcImage,
-      className: "bg-cover bg-no-repeat h-full rounded-xl"
+      className: "bg-cover bg-no-repeat w-full h-full rounded-xl"
     }));
   }));
 };
@@ -12288,10 +12290,20 @@ var CustomerRating6 = function CustomerRating6(props) {
     return /*#__PURE__*/React__default.createElement("div", {
       key: index,
       className: "relative bg-primary rounded-lg text-textButton px-6 py-4"
-    }, /*#__PURE__*/React__default.createElement(MdOutlineFormatQuote, {
-      size: 43,
-      className: "absolute text-black top-[-20px] right-8"
-    }), /*#__PURE__*/React__default.createElement("div", {
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "absolute top-[-18px] right-8"
+    }, /*#__PURE__*/React__default.createElement("svg", {
+      width: "42",
+      height: "31",
+      viewBox: "0 0 42 31",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, /*#__PURE__*/React__default.createElement("path", {
+      d: "M18.8944 18.4472L19 18.2361V18V5C19 2.79086 17.2091 1 15 1H5C2.79086 1 1 2.79086 1 5V18V19H2H8.38197L4.49585 26.7722C3.83095 28.102 4.79794 29.6667 6.2847 29.6667H12.0486C12.8062 29.6667 13.4987 29.2387 13.8375 28.5611L18.8944 18.4472ZM40.2278 18.4472L40.3333 18.2361V18V5C40.3333 2.79086 38.5425 1 36.3333 1H26.3333C24.1242 1 22.3333 2.79086 22.3333 5V18V19H23.3333H29.7153L25.8292 26.7722C25.1643 28.102 26.1313 29.6667 27.618 29.6667H33.382C34.1395 29.6667 34.832 29.2387 35.1708 28.5611L40.2278 18.4472Z",
+      fill: "white",
+      stroke: "#36306A",
+      "stroke-width": "2"
+    }))), /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-end gap-2"
     }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.avatar,
@@ -12299,7 +12311,7 @@ var CustomerRating6 = function CustomerRating6(props) {
     }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
       className: "text-xl md:text-2xl mt-2"
     }, item === null || item === void 0 ? void 0 : item.name), /*#__PURE__*/React__default.createElement("div", {
-      className: "text-gray3"
+      className: "text-gray5"
     }, item === null || item === void 0 ? void 0 : item.description))), /*#__PURE__*/React__default.createElement("hr", {
       className: "mt-4"
     }), /*#__PURE__*/React__default.createElement("div", {
@@ -13892,7 +13904,7 @@ var getAllArticleNewsApi = function getAllArticleNewsApi(shopId, appId, landingS
   }
   return api({
     method: "get",
-    url: "/landing/news/article/get-all-filter",
+    url: endpointLanding + "/news/article/get-all-filter",
     params: _extends({
       shopId: shopId,
       appId: appId,
@@ -13903,7 +13915,7 @@ var getAllArticleNewsApi = function getAllArticleNewsApi(shopId, appId, landingS
 var getNewsDetailApi = function getNewsDetailApi(articleId, shopId, landingShopConfigId) {
   return api({
     method: "get",
-    url: "/landing/news/article/" + articleId,
+    url: endpointLanding + "/news/article/" + articleId,
     params: {
       shopId: shopId,
       landingShopConfigId: landingShopConfigId,
@@ -14097,7 +14109,7 @@ var getAllNewsCategoriesApi = function getAllNewsCategoriesApi(shopId, landingSh
   }
   return api({
     method: "get",
-    url: "/landing/news/category/get-all",
+    url: endpointLanding + "/news/category/get-all",
     params: {
       shopId: shopId,
       landingShopConfigId: landingShopConfigId,
@@ -14190,6 +14202,32 @@ var News1 = function News1(props) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: SECTION_CLASS + " grid grid-cols-1 md:grid-cols-3 gap-6"
   }, /*#__PURE__*/React__default.createElement("div", {
+    className: "block md:hidden"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center ",
+    onClick: function onClick() {
+      setParams({
+        page: 0,
+        sort: "timeUpdate,DESC",
+        size: 10
+      });
+    }
+  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
+    className: "rounded-b-lg bg-bgSecondary"
+  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
+      key: "sdjfdh-" + index,
+      onClick: function onClick() {
+        setCategorySelected(item);
+        setParams(function (prev) {
+          return _extends({}, prev, {
+            catId: item === null || item === void 0 ? void 0 : item.catId
+          });
+        });
+      }
+    }, item === null || item === void 0 ? void 0 : item.catName);
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "md:col-span-2 flex flex-col gap-8"
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
     className: "px-6 py-3 text-textButton text-lg rounded-t-lg bg-primary w-max"
@@ -14229,7 +14267,7 @@ var News1 = function News1(props) {
     onClick: handleSeeMoreNews,
     className: "w-max mx-auto"
   }) : null)), /*#__PURE__*/React__default.createElement("div", {
-    className: "sticky top-20 self-start"
+    className: "sticky top-20 self-start md:block hidden"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center ",
     onClick: function onClick() {
@@ -14341,6 +14379,20 @@ var NewsDetail1 = function NewsDetail1(props) {
       __html: article === null || article === void 0 ? void 0 : article.content
     }
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: "top-6 block md:hidden"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center"
+  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
+    className: "rounded-b-lg bg-bgSecondary"
+  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(LinkToPage, {
+      href: getLinkNewsByCategory(item),
+      Link: Link
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
+      key: "sdjfdh-" + index
+    }, item === null || item === void 0 ? void 0 : item.catName));
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "mt-6"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "font-medium text-2xl mb-4"
@@ -14363,7 +14415,7 @@ var NewsDetail1 = function NewsDetail1(props) {
     onClick: handleSeeMore,
     shopConfigStyle: shopConfigStyle
   })) : null)), /*#__PURE__*/React__default.createElement("div", {
-    className: "sticky top-20 self-start"
+    className: "sticky top-20 self-start hidden md:block"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center"
   }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {