s-platform-landing-section 0.1.24 → 0.1.26

package/dist/index.js

@@ -1097,17 +1097,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-6 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"
   }, 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 "
   }, 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)));
 };
 
@@ -1141,13 +1141,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-[25vh] 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-0 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-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), 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,
@@ -8508,7 +8508,7 @@ var Select = React.forwardRef(function (props, ref) {
     style: {
       background: "#FFFFFF"
     },
-    className: "overflow-y-auto max-h-72  absolute p-1 my-2 rounded-2xl w-full z-50 border " + (dropdownPosition === 'top' ? 'bottom-full mb-2' : 'top-full mt-2') + " " + optionClassName
+    className: "overflow-y-auto max-h-72  absolute p-1 my-2 rounded-2xl w-full z-40 border " + (dropdownPosition === 'top' ? 'bottom-full mb-2' : 'top-full mt-2') + " " + optionClassName
   }, /*#__PURE__*/React__default.createElement("div", null, isSearch ? /*#__PURE__*/React__default.createElement("div", {
     className: "px-3 flex items-center border-b-[1px]"
   }, /*#__PURE__*/React__default.createElement(lu.LuSearch, {
@@ -8702,10 +8702,11 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
         return _setValue(text);
       },
       getValue: function getValue() {
+        var cleanedValue = value === null || value === void 0 ? void 0 : value.replace(/\s+/g, '');
         if (!(value !== null && value !== void 0 && value.startsWith(countryCode === null || countryCode === void 0 ? void 0 : countryCode.value))) {
-          return (countryCode === null || countryCode === void 0 ? void 0 : countryCode.value) + (value === null || value === void 0 ? void 0 : value.replace(/^0/, ''));
+          return (countryCode === null || countryCode === void 0 ? void 0 : countryCode.value) + (cleanedValue === null || cleanedValue === void 0 ? void 0 : cleanedValue.replace(/^0/, ''));
         }
-        return value;
+        return cleanedValue;
       },
       setError: function setError(err) {
         return _setError(err);
@@ -8721,7 +8722,7 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
-      } else if (value && (e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value))) {
+      } else if (value && (e === null || e === void 0 ? void 0 : e.type) === 'pattern' && !(e !== null && e !== void 0 && (_e$pattern = e.pattern) !== null && _e$pattern !== void 0 && _e$pattern.test(value === null || value === void 0 ? void 0 : value.replace(/\s+/g, '')))) {
         _setError(e === null || e === void 0 ? void 0 : e.message);
         count++;
         break;
@@ -8757,7 +8758,7 @@ var InputPhoneNumber = React.forwardRef(function (props, ref) {
     optionClassName: "w-max",
     placeholder: "+84",
     onClick: setCountryCode,
-    selectClassName: "h-full !rounded-none py-[7px] ps-2 pr-1",
+    selectClassName: "h-full !rounded-none py-[6px] ps-2 pr-1",
     renderItem: function renderItem(item) {
       return /*#__PURE__*/React__default.createElement("div", {
         className: "flex gap-3 items-center w-full"
@@ -14192,6 +14193,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"
@@ -14231,7 +14258,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() {
@@ -14343,6 +14370,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"
@@ -14365,7 +14406,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", {