s-platform-landing-section 0.1.34 → 0.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +275 -206
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +276 -207
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.modern.js CHANGED
@@ -7,7 +7,7 @@ import { PiHandHeartBold } from 'react-icons/pi';
7
7
  import { TbCategory } from 'react-icons/tb';
8
8
  import { SiZalo } from 'react-icons/si';
9
9
  import { IoIosStar, IoIosArrowBack, IoIosArrowForward, IoMdCheckmark, IoIosHeartEmpty, IoMdCheckmarkCircleOutline } from 'react-icons/io';
10
- import { FaMinus, FaRegEyeSlash, FaPlus, FaArrowsRotate, FaStar, FaRegStarHalfStroke, FaRegStar } from 'react-icons/fa6';
10
+ import { FaMinus, FaRegEyeSlash, FaPlus, FaStar, FaRegStarHalfStroke, FaRegStar } from 'react-icons/fa6';
11
11
  import 'react-icons/ci';
12
12
  import { BsCurrencyDollar } from 'react-icons/bs';
13
13
  import { LuSearch, LuShoppingCart, LuShoppingBag } from 'react-icons/lu';
@@ -18,6 +18,7 @@ import 'slick-carousel/slick/slick.css';
18
18
  import 'slick-carousel/slick/slick-theme.css';
19
19
  import { AiOutlineShoppingCart, AiOutlineInfoCircle, AiOutlinePhone } from 'react-icons/ai';
20
20
  import { GoCreditCard, GoClock } from 'react-icons/go';
21
+ import { GrPowerCycle } from 'react-icons/gr';
21
22
  import { RiMessengerFill, RiDoubleQuotesL, RiDeleteBin7Line } from 'react-icons/ri';
22
23
  import { HiOutlineLocationMarker, HiOutlineArrowNarrowLeft, HiOutlineArrowNarrowRight } from 'react-icons/hi';
23
24
  import { GiNewspaper } from 'react-icons/gi';
@@ -1213,11 +1214,10 @@ var Hero2 = function Hero2(props) {
1213
1214
  className: "w-full h-auto object-cover min-h-[22vh] max-h-[100vh]"
1214
1215
  }), /*#__PURE__*/React__default.createElement("div", {
1215
1216
  className: "absolute inset-y-0 right-[1%] md:right-[8%] w-[58%] md:w-1/2 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"
1216
- }, /*#__PURE__*/React__default.createElement("img", {
1217
+ }, shopConfig !== null && shopConfig !== void 0 && shopConfig.logoUrl ? /*#__PURE__*/React__default.createElement("img", {
1217
1218
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
1218
- alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName,
1219
1219
  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"
1220
- }), /*#__PURE__*/React__default.createElement("div", {
1220
+ }) : null, /*#__PURE__*/React__default.createElement("div", {
1221
1221
  className: "font-medium line-clamp-1 ",
1222
1222
  style: {
1223
1223
  fontSize: "clamp(1.25rem, 4vw, 3.5rem)",
@@ -7813,8 +7813,6 @@ var ProductController = function ProductController(props) {
7813
7813
  setLoading(true);
7814
7814
  var _temp = _catch(function () {
7815
7815
  var filterParams = _extends({}, defaultParams, params);
7816
- console.log("filterParams params", params);
7817
- console.log("filterParams", filterParams);
7818
7816
  return Promise.resolve(getProductListApi(shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopId, filterParams)).then(function (res) {
7819
7817
  var _res$data, _res$data$status;
7820
7818
  if ((res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$status = _res$data.status) === null || _res$data$status === void 0 ? void 0 : _res$data$status.code) == 200) {
@@ -8158,33 +8156,34 @@ var ProductPrice = function ProductPrice(props) {
8158
8156
  }
8159
8157
  };
8160
8158
  return /*#__PURE__*/React__default.createElement("div", {
8161
- className: className
8159
+ className: "flex gap-4 flex-wrap " + className
8162
8160
  }, /*#__PURE__*/React__default.createElement("span", {
8163
- className: "text-primary font-semibold mr-4 " + priceClassName,
8161
+ className: "text-primary font-semibold " + priceClassName,
8164
8162
  style: style
8165
8163
  }, displayPrice), displayPriceBeforeDiscount !== displayPrice && displayPriceBeforeDiscount != null ? /*#__PURE__*/React__default.createElement("span", {
8166
8164
  className: "text-gray3 line-through " + priceBeforeDiscountClassName + " "
8167
- }, "200,000\u0111") : null);
8165
+ }, displayPriceBeforeDiscount) : null);
8168
8166
  };
8169
8167
 
8170
8168
  var ProductItem1 = function ProductItem1(props) {
8169
+ var _product$productInfo, _product$productInfo2;
8171
8170
  var product = props.product;
8172
8171
  return /*#__PURE__*/React__default.createElement("div", {
8173
8172
  className: "flex"
8174
8173
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
8175
- product: product,
8174
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
8176
8175
  className: "!w-20 rounded-lg"
8177
8176
  }), /*#__PURE__*/React__default.createElement("div", {
8178
8177
  className: "ml-4 border-b border-stroke flex-1"
8179
8178
  }, /*#__PURE__*/React__default.createElement("div", {
8180
8179
  className: "text-lg"
8181
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", {
8180
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement("div", {
8182
8181
  className: "flex mt-2"
8183
8182
  }, /*#__PURE__*/React__default.createElement("div", {
8184
8183
  className: "flex-1 text-gray3"
8185
- }, getDurationValue(product === null || product === void 0 ? void 0 : product.attributes)), /*#__PURE__*/React__default.createElement(ProductPrice, {
8186
- product: product
8187
- }))));
8184
+ }, getDurationValue(product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.attributes)), product !== null && product !== void 0 && product.isShowProductPriceOnLanding ? /*#__PURE__*/React__default.createElement(ProductPrice, {
8185
+ product: product === null || product === void 0 ? void 0 : product.productInfo
8186
+ }) : null)));
8188
8187
  };
8189
8188
 
8190
8189
  var Dash = function Dash(props) {
@@ -8292,7 +8291,7 @@ var TreatmentsCategory7 = function TreatmentsCategory7(props) {
8292
8291
  Link: Link,
8293
8292
  href: getLinkServiceDetail(product === null || product === void 0 ? void 0 : product.productInfo)
8294
8293
  }, /*#__PURE__*/React__default.createElement(ProductItem1, {
8295
- product: product === null || product === void 0 ? void 0 : product.productInfo
8294
+ product: product
8296
8295
  }));
8297
8296
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, {
8298
8297
  text: "d\u1ECBch v\u1EE5"
@@ -8347,10 +8346,12 @@ var TreatmentsList6 = function TreatmentsList6(props) {
8347
8346
  return /*#__PURE__*/React__default.createElement(TreatmentItem, {
8348
8347
  Link: Link,
8349
8348
  shopConfigStyle: shopConfigStyle,
8350
- product: product === null || product === void 0 ? void 0 : product.productInfo,
8349
+ product: product,
8351
8350
  key: "htrhr-" + idx
8352
8351
  });
8353
- })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
8352
+ })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, {
8353
+ text: "d\u1ECBch v\u1EE5"
8354
+ }), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
8354
8355
  label: "Xem thêm",
8355
8356
  onClick: handleGetMoreProducts,
8356
8357
  className: "mx-auto " + (shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.buttonClass),
@@ -8576,7 +8577,7 @@ var Select = forwardRef(function (props, ref) {
8576
8577
  useEffect(function () {
8577
8578
  var delayDebounceFn = setTimeout(function () {
8578
8579
  handleSearch === null || handleSearch === void 0 ? void 0 : handleSearch(inputSearch);
8579
- }, 500);
8580
+ }, 600);
8580
8581
  return function () {
8581
8582
  return clearTimeout(delayDebounceFn);
8582
8583
  };
@@ -8707,7 +8708,7 @@ var Select = forwardRef(function (props, ref) {
8707
8708
  }, label ? /*#__PURE__*/React__default.createElement("div", {
8708
8709
  className: "mb-1 " + labelClassName
8709
8710
  }, label, " ", labelRequired) : null, /*#__PURE__*/React__default.createElement("div", {
8710
- className: "flex flex-col gap-2 rounded-lg w-full bg-white " + (disabled ? "!bg-gray6" : "") + " border " + className
8711
+ className: "flex flex-col gap-2 rounded-lg w-full bg-white " + (disabled ? "!bg-gray6" : "") + " border border-stroke " + className
8711
8712
  }, /*#__PURE__*/React__default.createElement("button", {
8712
8713
  className: " w-full h-10 bg-transparent flex justify-between items-center px-3 py-2 " + selectClassName,
8713
8714
  onClick: handleToggleSelect,
@@ -9533,8 +9534,8 @@ var TreatmentsList7 = function TreatmentsList7(props) {
9533
9534
  params: params
9534
9535
  })),
9535
9536
  _ProductController$pr = _ProductController.products,
9536
- products = _ProductController$pr === void 0 ? [] : _ProductController$pr;
9537
- console.log("treatment1:", products);
9537
+ products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
9538
+ loading = _ProductController.loading;
9538
9539
  var handleOpenModalBooking = function handleOpenModalBooking(event, data) {
9539
9540
  try {
9540
9541
  var _data$productInfo, _data$productInfo2;
@@ -9591,7 +9592,9 @@ var TreatmentsList7 = function TreatmentsList7(props) {
9591
9592
  shopConfigStyle: shopConfigStyle
9592
9593
  }), /*#__PURE__*/React__default.createElement("div", {
9593
9594
  className: "mt-12 w-full"
9594
- }, (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement(Slider, {
9595
+ }, loading ? /*#__PURE__*/React__default.createElement("div", {
9596
+ className: "flex justify-center h-20 items-center"
9597
+ }, /*#__PURE__*/React__default.createElement(Loading, null)) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement(Slider, {
9595
9598
  infinite: (products === null || products === void 0 ? void 0 : products.length) > 1 ? true : false,
9596
9599
  slidesToShow: 1,
9597
9600
  slidesToScroll: 1,
@@ -9789,7 +9792,7 @@ var ServiceDetail1 = function ServiceDetail1(props) {
9789
9792
  }
9790
9793
  }), /*#__PURE__*/React__default.createElement("p", {
9791
9794
  className: "text-lg mt-12 text-xl pb-1 pt-6 border-t border-stroke"
9792
- }, "M\xF4 t\u1EA3 s\u1EA3n ph\u1EA9m"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
9795
+ }, "M\xF4 t\u1EA3 d\u1ECBch v\u1EE5"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
9793
9796
  className: "h-max"
9794
9797
  }, /*#__PURE__*/React__default.createElement("div", {
9795
9798
  ref: descriptionRef,
@@ -9924,7 +9927,7 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
9924
9927
  }
9925
9928
  }), /*#__PURE__*/React__default.createElement("p", {
9926
9929
  className: "text-lg mt-12 text-xl pb-1 pt-6 border-t border-stroke"
9927
- }, "M\xF4 t\u1EA3 s\u1EA3n ph\u1EA9m"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
9930
+ }, "M\xF4 t\u1EA3 d\u1ECBch v\u1EE5"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
9928
9931
  className: "h-max"
9929
9932
  }, /*#__PURE__*/React__default.createElement("div", {
9930
9933
  ref: descriptionRef,
@@ -9960,6 +9963,7 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
9960
9963
  };
9961
9964
 
9962
9965
  var ProductItem2 = function ProductItem2(props) {
9966
+ var _product$productInfo;
9963
9967
  var product = props.product,
9964
9968
  _props$Link = props.Link,
9965
9969
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -9967,27 +9971,29 @@ var ProductItem2 = function ProductItem2(props) {
9967
9971
  className = _props$className === void 0 ? "" : _props$className;
9968
9972
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
9969
9973
  Link: Link,
9970
- href: getLinkProductDetail(product)
9974
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
9971
9975
  }, /*#__PURE__*/React__default.createElement("div", {
9972
9976
  className: "text-center relative group " + className
9973
9977
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
9974
- product: product,
9978
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
9975
9979
  className: "max-w-[240px] rounded-full mx-auto !object-cover"
9976
- }), /*#__PURE__*/React__default.createElement(ProductPrice, {
9977
- product: product,
9978
- className: "text-lg mt-4"
9979
9980
  }), /*#__PURE__*/React__default.createElement("div", {
9981
+ className: "flex justify-center"
9982
+ }, /*#__PURE__*/React__default.createElement(ProductPrice, {
9983
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
9984
+ className: "text-lg mt-4 " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
9985
+ })), /*#__PURE__*/React__default.createElement("div", {
9980
9986
  className: "text-lg mt-2"
9981
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", {
9987
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement("div", {
9982
9988
  className: "absolute w-full h-full rounded-2xl top-0 left-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 bg-[rgba(0,0,0,0.5)] flex flex-col items-center justify-center gap-4"
9983
9989
  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
9984
- href: getLinkProductDetail(product)
9990
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
9985
9991
  }, /*#__PURE__*/React__default.createElement(Button, {
9986
9992
  label: /*#__PURE__*/React__default.createElement("div", {
9987
9993
  className: "flex items-center gap-2"
9988
9994
  }, "Xem chi ti\u1EBFt ", /*#__PURE__*/React__default.createElement(FaArrowRight, null))
9989
9995
  })), /*#__PURE__*/React__default.createElement(LinkToPage, {
9990
- href: getLinkProductDetail(product)
9996
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
9991
9997
  }, /*#__PURE__*/React__default.createElement(Button, {
9992
9998
  label: /*#__PURE__*/React__default.createElement("div", {
9993
9999
  className: "flex items-center gap-2"
@@ -9997,7 +10003,7 @@ var ProductItem2 = function ProductItem2(props) {
9997
10003
  type: "outline",
9998
10004
  className: "!border-white !text-white hover:!border-gray5"
9999
10005
  })), /*#__PURE__*/React__default.createElement(LinkToPage, {
10000
- href: getLinkProductDetail(product)
10006
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10001
10007
  }, /*#__PURE__*/React__default.createElement(Button, {
10002
10008
  label: /*#__PURE__*/React__default.createElement("div", {
10003
10009
  className: "flex items-center gap-2"
@@ -10008,6 +10014,7 @@ var ProductItem2 = function ProductItem2(props) {
10008
10014
  };
10009
10015
 
10010
10016
  var ProductItem3 = function ProductItem3(props) {
10017
+ var _product$productInfo;
10011
10018
  var product = props.product,
10012
10019
  _props$Link = props.Link,
10013
10020
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -10015,23 +10022,24 @@ var ProductItem3 = function ProductItem3(props) {
10015
10022
  className = _props$className === void 0 ? "" : _props$className;
10016
10023
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10017
10024
  Link: Link,
10018
- href: getLinkProductDetail(product)
10025
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10019
10026
  }, /*#__PURE__*/React__default.createElement("div", {
10020
10027
  className: "w-full border border-stroke rounded-2xl " + className
10021
10028
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10022
- product: product,
10029
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10023
10030
  className: "w-full h-48 md:h-60 xl:h-[304px] rounded-t-2xl"
10024
10031
  }), /*#__PURE__*/React__default.createElement("div", {
10025
10032
  className: "p-4 flex flex-col gap-2 md:gap-4 items-start"
10026
10033
  }, /*#__PURE__*/React__default.createElement("div", {
10027
10034
  className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
10028
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10029
- product: product,
10030
- className: "text-lg text-start"
10035
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10036
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10037
+ className: "text-lg text-start " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
10031
10038
  }))));
10032
10039
  };
10033
10040
 
10034
10041
  var ProductItem4 = function ProductItem4(props) {
10042
+ var _product$productInfo;
10035
10043
  var _props$shopConfigStyl = props.shopConfigStyle,
10036
10044
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
10037
10045
  product = props.product,
@@ -10041,17 +10049,17 @@ var ProductItem4 = function ProductItem4(props) {
10041
10049
  className = _props$className === void 0 ? "" : _props$className;
10042
10050
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10043
10051
  Link: Link,
10044
- href: getLinkProductDetail(product)
10052
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10045
10053
  }, /*#__PURE__*/React__default.createElement("div", {
10046
10054
  className: "w-full border border-stroke flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
10047
10055
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10048
- product: product,
10056
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10049
10057
  className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
10050
10058
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10051
10059
  className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis text-lg"
10052
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10053
- product: product,
10054
- className: "text-lg text-start mt-2"
10060
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10061
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10062
+ className: "text-lg text-start mt-2 " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
10055
10063
  })), /*#__PURE__*/React__default.createElement("div", {
10056
10064
  className: "flex pt-2 md:pt-4 gap-2 md:gap-4 border-t items-center"
10057
10065
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10066,6 +10074,7 @@ var ProductItem4 = function ProductItem4(props) {
10066
10074
  };
10067
10075
 
10068
10076
  var ProductItem5 = function ProductItem5(props) {
10077
+ var _product$productInfo;
10069
10078
  var product = props.product,
10070
10079
  _props$Link = props.Link,
10071
10080
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -10075,17 +10084,17 @@ var ProductItem5 = function ProductItem5(props) {
10075
10084
  className = _props$className === void 0 ? "" : _props$className;
10076
10085
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10077
10086
  Link: Link,
10078
- href: getLinkProductDetail(product)
10087
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10079
10088
  }, /*#__PURE__*/React__default.createElement("div", {
10080
10089
  className: "w-full flex flex-col gap-4 rounded-2xl p-1 " + className
10081
10090
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10082
- product: product,
10091
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10083
10092
  className: "w-full w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
10084
10093
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10085
10094
  className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis mb-2"
10086
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10087
- product: product,
10088
- className: "text-lg text-start"
10095
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10096
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10097
+ className: "text-lg text-start " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
10089
10098
  })), /*#__PURE__*/React__default.createElement("div", {
10090
10099
  className: "flex gap-2 md:gap-4 "
10091
10100
  }, /*#__PURE__*/React__default.createElement(AiOutlineShoppingCart, {
@@ -10098,6 +10107,7 @@ var ProductItem5 = function ProductItem5(props) {
10098
10107
  };
10099
10108
 
10100
10109
  var ProductItem6 = function ProductItem6(props) {
10110
+ var _product$productInfo;
10101
10111
  var product = props.product,
10102
10112
  _props$shopConfigStyl = props.shopConfigStyle,
10103
10113
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
@@ -10107,17 +10117,17 @@ var ProductItem6 = function ProductItem6(props) {
10107
10117
  className = _props$className === void 0 ? "" : _props$className;
10108
10118
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10109
10119
  Link: Link,
10110
- href: getLinkProductDetail(product)
10120
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10111
10121
  }, /*#__PURE__*/React__default.createElement("div", {
10112
10122
  className: "w-full border border-stroke flex flex-col gap-2 md:gap-4 rounded-2xl p-2 md:p-4 xl:p-6 " + className
10113
10123
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10114
- product: product,
10124
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10115
10125
  className: "w-full h-48 md:h-60 xl:h-72 rounded-2xl"
10116
10126
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10117
10127
  className: "text start line-clamp-1 w-full overflow-hidden text-ellipsis"
10118
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10119
- product: product,
10120
- className: "text-lg text-start"
10128
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10129
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10130
+ className: "text-lg text-start " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
10121
10131
  })), /*#__PURE__*/React__default.createElement("div", {
10122
10132
  className: "flex pt-4 gap-2 md:gap-4 border-t items-center"
10123
10133
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10130,32 +10140,36 @@ var ProductItem6 = function ProductItem6(props) {
10130
10140
  };
10131
10141
 
10132
10142
  var ProductItem7 = function ProductItem7(props) {
10143
+ var _product$productInfo, _product$productInfo2, _product$productInfo3, _product$productInfo4, _product$productInfo5, _product$productInfo6;
10133
10144
  var product = props.product,
10134
10145
  _props$Link = props.Link,
10135
10146
  Link = _props$Link === void 0 ? null : _props$Link,
10136
10147
  _props$className = props.className,
10137
- className = _props$className === void 0 ? "" : _props$className;
10148
+ className = _props$className === void 0 ? "" : _props$className,
10149
+ _props$classNamePrice = props.classNamePrice,
10150
+ classNamePrice = _props$classNamePrice === void 0 ? "text-lg" : _props$classNamePrice;
10138
10151
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10139
10152
  Link: Link,
10140
- href: getLinkProductDetail(product)
10153
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10141
10154
  }, /*#__PURE__*/React__default.createElement("div", {
10142
10155
  className: "w-full bg-bgSecondary relative rounded-2xl " + className
10143
10156
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10144
- product: product,
10157
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10145
10158
  className: "w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-t-2xl"
10146
10159
  }), /*#__PURE__*/React__default.createElement("div", {
10147
- className: "p-4 flex flex-col gap-4 items-start"
10160
+ className: "p-3 sm:p-4 flex flex-col gap-4 items-start"
10148
10161
  }, /*#__PURE__*/React__default.createElement("div", {
10149
10162
  className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
10150
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10151
- product: product,
10152
- className: "text-lg text-start"
10153
- })), product !== null && product !== void 0 && product.priceBeforeDiscount && (product === null || product === void 0 ? void 0 : product.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : product.price) ? /*#__PURE__*/React__default.createElement("div", {
10163
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10164
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10165
+ className: "text-start " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "") + " " + classNamePrice
10166
+ })), product !== null && product !== void 0 && product.isShowProductPriceOnLanding && product !== null && product !== void 0 && (_product$productInfo2 = product.productInfo) !== null && _product$productInfo2 !== void 0 && _product$productInfo2.priceBeforeDiscount && (product === null || product === void 0 ? void 0 : (_product$productInfo3 = product.productInfo) === null || _product$productInfo3 === void 0 ? void 0 : _product$productInfo3.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.price) ? /*#__PURE__*/React__default.createElement("div", {
10154
10167
  className: "absolute top-5 left-0 font-semibold px-3 py-1 bg-danger text-textButton rounded-r-2xl shadow-lg v-max"
10155
- }, 1 - 100 * (product === null || product === void 0 ? void 0 : product.price) / (product === null || product === void 0 ? void 0 : product.priceBeforeDiscount)) : null));
10168
+ }, 1 - 100 * (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.price) / (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.priceBeforeDiscount)) : null));
10156
10169
  };
10157
10170
 
10158
10171
  var ProductItem8 = function ProductItem8(props) {
10172
+ var _product$productInfo;
10159
10173
  var product = props.product,
10160
10174
  _props$Link = props.Link,
10161
10175
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -10165,20 +10179,21 @@ var ProductItem8 = function ProductItem8(props) {
10165
10179
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl;
10166
10180
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10167
10181
  Link: Link,
10168
- href: getLinkProductDetail(product)
10182
+ href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10169
10183
  }, /*#__PURE__*/React__default.createElement("div", {
10170
10184
  className: "text-center rounded relative group " + className
10171
10185
  }, /*#__PURE__*/React__default.createElement("div", {
10172
10186
  className: "relative "
10173
10187
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10174
- product: product,
10188
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10175
10189
  className: "min-h-[360px] md:min-h-[400px] xl:min-h-[440px] !object-cover !rounded"
10176
10190
  }), /*#__PURE__*/React__default.createElement("div", {
10177
10191
  className: "absolute bottom-0 rounded-b pb-6 px-4 bg-gradient-to-t from-black/50 to-transparent flex flex-col items-center h-1/2 gap-2 w-full justify-end "
10178
10192
  }, /*#__PURE__*/React__default.createElement("div", {
10179
10193
  className: "text-lg text-textButton"
10180
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10181
- product: product,
10194
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10195
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10196
+ className: !(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "",
10182
10197
  priceClassName: "text-textButton !font-normal",
10183
10198
  priceBeforeDiscountClassName: "text-textButton !font-normal"
10184
10199
  }), /*#__PURE__*/React__default.createElement(Button, {
@@ -10189,6 +10204,7 @@ var ProductItem8 = function ProductItem8(props) {
10189
10204
  };
10190
10205
 
10191
10206
  var TreatmentItem1 = function TreatmentItem1(props) {
10207
+ var _product$productInfo;
10192
10208
  var product = props.product,
10193
10209
  _props$Link = props.Link,
10194
10210
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -10196,17 +10212,17 @@ var TreatmentItem1 = function TreatmentItem1(props) {
10196
10212
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl;
10197
10213
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
10198
10214
  Link: Link,
10199
- href: getLinkServiceDetail(product)
10215
+ href: getLinkServiceDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10200
10216
  }, /*#__PURE__*/React__default.createElement("div", {
10201
10217
  className: "w-full flex flex-col gap-4 rounded-2xl p-1"
10202
10218
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10203
- product: product,
10219
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10204
10220
  className: "w-full w-full h-[189px] md:h-[238px] xl:h-[304px] rounded-2xl"
10205
10221
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10206
10222
  className: "line-clamp-1 mb-2 font-medium text-lg"
10207
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10208
- product: product,
10209
- className: "text-lg text-start"
10223
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
10224
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10225
+ className: "text-lg text-start " + (!(product !== null && product !== void 0 && product.isShowProductPriceOnLanding) ? "invisible" : "")
10210
10226
  })), /*#__PURE__*/React__default.createElement("div", {
10211
10227
  className: "flex flex-col md:flex-row gap-2 md:items-center md:gap-6 "
10212
10228
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10254,7 +10270,7 @@ var ProductList7 = function ProductList7(props) {
10254
10270
  Link: Link,
10255
10271
  shopConfigStyle: shopConfigStyle,
10256
10272
  key: index,
10257
- product: product === null || product === void 0 ? void 0 : product.productInfo
10273
+ product: product
10258
10274
  });
10259
10275
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), (products === null || products === void 0 ? void 0 : products.length) > 4 ? /*#__PURE__*/React__default.createElement(LinkToPage, {
10260
10276
  href: "/san-pham",
@@ -10381,9 +10397,10 @@ var Products2 = function Products2(props) {
10381
10397
  className: "px-2 lg:px-3",
10382
10398
  key: "dfg-" + index
10383
10399
  }, /*#__PURE__*/React__default.createElement(ProductItem, {
10384
- product: product === null || product === void 0 ? void 0 : product.productInfo,
10400
+ product: product,
10385
10401
  Link: Link,
10386
- shopConfigStyle: shopConfigStyle
10402
+ shopConfigStyle: shopConfigStyle,
10403
+ classNamePrice: "text-base md:text-lg"
10387
10404
  }));
10388
10405
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null)), /*#__PURE__*/React__default.createElement("div", {
10389
10406
  className: "absolute left-0 top-1/2 w-full flex justify-between px-2 md:px-4 lg:px-6"
@@ -10493,9 +10510,7 @@ var Products3 = function Products3(props) {
10493
10510
  loading = _ProductController.loading,
10494
10511
  page = _ProductController.page;
10495
10512
  var _CategoryController = CategoryController(_extends({}, props, {
10496
- params: {
10497
- type: "0"
10498
- }
10513
+ types: "0"
10499
10514
  })),
10500
10515
  categories = _CategoryController.categories;
10501
10516
  useEffect(function () {
@@ -10561,7 +10576,7 @@ var Products3 = function Products3(props) {
10561
10576
  Link: Link,
10562
10577
  key: index,
10563
10578
  shopConfigStyle: shopConfigStyle,
10564
- product: product === null || product === void 0 ? void 0 : product.productInfo
10579
+ product: product
10565
10580
  });
10566
10581
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), (page === null || page === void 0 ? void 0 : page.total_pages) > 1 ? /*#__PURE__*/React__default.createElement(Pagination, _extends({
10567
10582
  className: "mt-12"
@@ -10584,7 +10599,9 @@ var Products9 = function Products9(props) {
10584
10599
  }),
10585
10600
  params = _useState[0],
10586
10601
  setParams = _useState[1];
10587
- var _CategoryController = CategoryController(_extends({}, props)),
10602
+ var _CategoryController = CategoryController(_extends({}, props, {
10603
+ types: "0"
10604
+ })),
10588
10605
  _CategoryController$c = _CategoryController.categories,
10589
10606
  categories = _CategoryController$c === void 0 ? [] : _CategoryController$c;
10590
10607
  var _ProductController = ProductController(_extends({}, props, {
@@ -10608,9 +10625,8 @@ var Products9 = function Products9(props) {
10608
10625
  acc[categoryName].push(product);
10609
10626
  return acc;
10610
10627
  }, {});
10611
- console.log(groupedProducts);
10612
10628
  return /*#__PURE__*/React__default.createElement("div", {
10613
- className: SECTION_CLASS + " flex flex-col gap-4 mt-0 md:gap-6 "
10629
+ className: SECTION_CLASS + " flex flex-col gap-4 md:!my-6 md:gap-6 "
10614
10630
  }, /*#__PURE__*/React__default.createElement(CarouselItem, {
10615
10631
  data: categories,
10616
10632
  onClick: handleChooseCategory
@@ -10637,7 +10653,7 @@ var Products9 = function Products9(props) {
10637
10653
  return /*#__PURE__*/React__default.createElement(ProductItem, {
10638
10654
  Link: Link,
10639
10655
  shopConfigStyle: shopConfigStyle,
10640
- product: product === null || product === void 0 ? void 0 : product.productInfo,
10656
+ product: product,
10641
10657
  key: product === null || product === void 0 ? void 0 : product.landingShopProductId
10642
10658
  });
10643
10659
  }) : null));
@@ -10658,7 +10674,9 @@ var Products10 = function Products10(props) {
10658
10674
  ProductItem = _props$ProductItem === void 0 ? null : _props$ProductItem,
10659
10675
  _props$Link = props.Link,
10660
10676
  Link = _props$Link === void 0 ? null : _props$Link;
10661
- var _CategoryController = CategoryController(props),
10677
+ var _CategoryController = CategoryController(_extends({}, props, {
10678
+ types: "0"
10679
+ })),
10662
10680
  _CategoryController$c = _CategoryController.categories,
10663
10681
  categories = _CategoryController$c === void 0 ? [] : _CategoryController$c;
10664
10682
  var _ProductController = ProductController(_extends({}, props, {
@@ -10689,7 +10707,7 @@ var Products10 = function Products10(props) {
10689
10707
  Link: Link,
10690
10708
  className: "border-0 bg-bgSecondary",
10691
10709
  shopConfigStyle: shopConfigStyle,
10692
- product: product === null || product === void 0 ? void 0 : product.productInfo,
10710
+ product: product,
10693
10711
  key: "zjk-" + idx
10694
10712
  });
10695
10713
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null));
@@ -10738,7 +10756,7 @@ var Products11 = function Products11(props) {
10738
10756
  filterItem = _useState5[0],
10739
10757
  setFilterItem = _useState5[1];
10740
10758
  var _CategoryController = CategoryController(_extends({}, props, {
10741
- params: params
10759
+ types: "0"
10742
10760
  })),
10743
10761
  _CategoryController$c = _CategoryController.categories,
10744
10762
  categories = _CategoryController$c === void 0 ? [] : _CategoryController$c;
@@ -10810,10 +10828,10 @@ var Products11 = function Products11(props) {
10810
10828
  }
10811
10829
  };
10812
10830
  return /*#__PURE__*/React__default.createElement("div", {
10813
- className: SECTION_CLASS + " grid grid-cols-1 !mt-0 md:grid-cols-4 gap-6"
10831
+ className: SECTION_CLASS + " grid grid-cols-1 !my-6 !md:my-6 md:grid-cols-4 gap-6"
10814
10832
  }, /*#__PURE__*/React__default.createElement("div", {
10815
10833
  className: "md:sticky top-0 self-start"
10816
- }, /*#__PURE__*/React__default.createElement("div", {
10834
+ }, (categories === null || categories === void 0 ? void 0 : categories.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
10817
10835
  className: " flex flex-col gap-2 rounded-3xl bg-bgSecondary p-4 max-h-96 overflow-y-auto"
10818
10836
  }, categories === null || categories === void 0 ? void 0 : categories.map(function (item, index) {
10819
10837
  return /*#__PURE__*/React__default.createElement("div", {
@@ -10823,10 +10841,10 @@ var Products11 = function Products11(props) {
10823
10841
  handleChooseCategory(item);
10824
10842
  }
10825
10843
  }, item === null || item === void 0 ? void 0 : item.cateName);
10826
- }))), /*#__PURE__*/React__default.createElement("div", {
10844
+ })) : null), /*#__PURE__*/React__default.createElement("div", {
10827
10845
  className: "md:col-span-3 flex flex-col gap-6"
10828
10846
  }, /*#__PURE__*/React__default.createElement("div", {
10829
- className: "flex gap-4"
10847
+ className: "flex gap-4 flex-wrap"
10830
10848
  }, listFilter === null || listFilter === void 0 ? void 0 : listFilter.map(function (item, index) {
10831
10849
  return /*#__PURE__*/React__default.createElement("div", {
10832
10850
  key: "kgkf-" + index,
@@ -10847,11 +10865,11 @@ var Products11 = function Products11(props) {
10847
10865
  }, /*#__PURE__*/React__default.createElement(ProductItem, {
10848
10866
  Link: Link,
10849
10867
  shopConfigStyle: shopConfigStyle,
10850
- product: product === null || product === void 0 ? void 0 : product.productInfo,
10868
+ product: product,
10851
10869
  key: product === null || product === void 0 ? void 0 : product.landingShopProductId
10852
10870
  }));
10853
10871
  }) : /*#__PURE__*/React__default.createElement("div", {
10854
- className: "md:col-span-2 lg:col-span-3 mt-20 m-auto"
10872
+ className: "col-span-2 lg:col-span-3 mt-20 m-auto"
10855
10873
  }, /*#__PURE__*/React__default.createElement(NotFoundProduct, null)))), /*#__PURE__*/React__default.createElement("div", {
10856
10874
  className: "w-full m-auto"
10857
10875
  }, (page === null || page === void 0 ? void 0 : page.total_pages) > 1 ? /*#__PURE__*/React__default.createElement(Pagination, {
@@ -10864,22 +10882,23 @@ var Products11 = function Products11(props) {
10864
10882
  };
10865
10883
 
10866
10884
  var ProductItem9 = function ProductItem9(props) {
10885
+ var _product$productInfo;
10867
10886
  var product = props.product;
10868
10887
  return /*#__PURE__*/React__default.createElement("div", {
10869
10888
  className: "flex border-b border-stroke items-center py-4"
10870
10889
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10871
- product: product,
10890
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10872
10891
  className: "!w-24 rounded-lg"
10873
10892
  }), /*#__PURE__*/React__default.createElement("div", {
10874
10893
  className: "ml-4 flex-1"
10875
10894
  }, /*#__PURE__*/React__default.createElement("div", {
10876
10895
  className: "text-xl"
10877
- }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", {
10896
+ }, product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.productName), product !== null && product !== void 0 && product.isShowProductPriceOnLanding ? /*#__PURE__*/React__default.createElement("div", {
10878
10897
  className: "mt-2"
10879
10898
  }, /*#__PURE__*/React__default.createElement(ProductPrice, {
10880
- product: product,
10899
+ product: product === null || product === void 0 ? void 0 : product.productInfo,
10881
10900
  priceClassName: "!font-normal text-lg"
10882
- }))));
10901
+ })) : null));
10883
10902
  };
10884
10903
 
10885
10904
  var Products12 = function Products12(props) {
@@ -10932,7 +10951,7 @@ var Products12 = function Products12(props) {
10932
10951
  Link: Link,
10933
10952
  href: getLinkProductDetail(product === null || product === void 0 ? void 0 : product.productInfo)
10934
10953
  }, /*#__PURE__*/React__default.createElement(ProductItem9, {
10935
- product: product === null || product === void 0 ? void 0 : product.productInfo
10954
+ product: product
10936
10955
  }));
10937
10956
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null)));
10938
10957
  };
@@ -10952,7 +10971,9 @@ var ProductCategory2 = function ProductCategory2(props) {
10952
10971
  }),
10953
10972
  params = _useState[0],
10954
10973
  setParams = _useState[1];
10955
- var _CategoryController = CategoryController(_extends({}, props)),
10974
+ var _CategoryController = CategoryController(_extends({}, props, {
10975
+ types: "0"
10976
+ })),
10956
10977
  _CategoryController$c = _CategoryController.categories,
10957
10978
  categories = _CategoryController$c === void 0 ? [] : _CategoryController$c;
10958
10979
  var _ProductController = ProductController(_extends({}, props, {
@@ -10993,7 +11014,7 @@ var ProductCategory2 = function ProductCategory2(props) {
10993
11014
  return /*#__PURE__*/React__default.createElement(ProductItem, {
10994
11015
  Link: Link,
10995
11016
  shopConfigStyle: shopConfigStyle,
10996
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11017
+ product: product,
10997
11018
  key: "zjk-" + idx
10998
11019
  });
10999
11020
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
@@ -11031,7 +11052,7 @@ var ProductSale2 = function ProductSale2(props) {
11031
11052
  }, products === null || products === void 0 ? void 0 : products.map(function (product, index) {
11032
11053
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11033
11054
  key: index,
11034
- product: product === null || product === void 0 ? void 0 : product.productInfo
11055
+ product: product
11035
11056
  });
11036
11057
  })), /*#__PURE__*/React__default.createElement(Button, {
11037
11058
  label: "Xem tất cả",
@@ -11096,7 +11117,9 @@ var ProductSearch1 = function ProductSearch1(props) {
11096
11117
  });
11097
11118
  }, [keywordValue]);
11098
11119
  useEffect(function () {
11099
- if ((products === null || products === void 0 ? void 0 : products.length) > 0) setProductsFilter(products);
11120
+ if ((products === null || products === void 0 ? void 0 : products.length) > 0) setProductsFilter(products);else {
11121
+ setProductsFilter([]);
11122
+ }
11100
11123
  }, [products]);
11101
11124
  var handleGetMoreProducts = function handleGetMoreProducts() {
11102
11125
  setIsGetMore(false);
@@ -11146,7 +11169,7 @@ var ProductSearch1 = function ProductSearch1(props) {
11146
11169
  }, productsFilter === null || productsFilter === void 0 ? void 0 : (_productsFilter$slice = productsFilter.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _productsFilter$slice === void 0 ? void 0 : _productsFilter$slice.map(function (product, idx) {
11147
11170
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11148
11171
  Link: Link,
11149
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11172
+ product: product,
11150
11173
  key: "htrhr-" + idx
11151
11174
  });
11152
11175
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
@@ -11202,7 +11225,7 @@ var ProductHot1 = function ProductHot1(props) {
11202
11225
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11203
11226
  Link: Link,
11204
11227
  shopConfigStyle: shopConfigStyle,
11205
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11228
+ product: product,
11206
11229
  key: "zjk-" + idx
11207
11230
  });
11208
11231
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
@@ -11251,7 +11274,7 @@ var ProductHot3 = function ProductHot3(props) {
11251
11274
  Link: Link,
11252
11275
  shopConfigStyle: shopConfigStyle,
11253
11276
  key: "htjtr-" + index,
11254
- product: product === null || product === void 0 ? void 0 : product.productInfo
11277
+ product: product
11255
11278
  });
11256
11279
  }))), /*#__PURE__*/React__default.createElement(Dash, {
11257
11280
  color: secondary
@@ -11293,7 +11316,7 @@ var ProductsTop1 = function ProductsTop1(props) {
11293
11316
  Link: Link,
11294
11317
  className: "border-0",
11295
11318
  shopConfigStyle: shopConfigStyle,
11296
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11319
+ product: product,
11297
11320
  key: "htrhr-" + idx
11298
11321
  });
11299
11322
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null));
@@ -11343,7 +11366,7 @@ var ProductList5 = function ProductList5(props) {
11343
11366
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11344
11367
  Link: Link,
11345
11368
  shopConfigStyle: shopConfigStyle,
11346
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11369
+ product: product,
11347
11370
  key: "htrhr-" + idx
11348
11371
  });
11349
11372
  })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), !loading && (products === null || products === void 0 ? void 0 : products.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
@@ -11398,7 +11421,7 @@ var ProductHighlight1 = function ProductHighlight1(props) {
11398
11421
  }, products === null || products === void 0 ? void 0 : (_products$slice = products.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _products$slice === void 0 ? void 0 : _products$slice.map(function (product, idx) {
11399
11422
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11400
11423
  Link: Link,
11401
- product: product === null || product === void 0 ? void 0 : product.productInfo,
11424
+ product: product,
11402
11425
  shopConfigStyle: shopConfigStyle,
11403
11426
  key: "zjk-" + idx
11404
11427
  });
@@ -12622,7 +12645,7 @@ var dataFake = [{
12622
12645
  title: "Đa dạng thanh toán",
12623
12646
  data: [{
12624
12647
  svgImage: "",
12625
- srcImage: /*#__PURE__*/React__default.createElement(FaArrowsRotate, null),
12648
+ srcImage: /*#__PURE__*/React__default.createElement(GrPowerCycle, null),
12626
12649
  label: "Chuyển khoản",
12627
12650
  link: ""
12628
12651
  }, {
@@ -12659,7 +12682,7 @@ var dataFake = [{
12659
12682
  label: "Chính sách bảo hành",
12660
12683
  link: ""
12661
12684
  }, {
12662
- srcImage: /*#__PURE__*/React__default.createElement(FaArrowsRotate, null),
12685
+ srcImage: /*#__PURE__*/React__default.createElement(GrPowerCycle, null),
12663
12686
  svgImage: "",
12664
12687
  label: "Chính sách đổi trả",
12665
12688
  link: ""
@@ -12896,7 +12919,6 @@ var Footer7 = function Footer7(props) {
12896
12919
  textButton = _shopConfigStyle$colo4 === void 0 ? "#fff" : _shopConfigStyle$colo4,
12897
12920
  _shopConfigStyle$colo5 = _shopConfigStyle$colo.bgSecondary,
12898
12921
  bgSecondary = _shopConfigStyle$colo5 === void 0 ? "#fff" : _shopConfigStyle$colo5;
12899
- console.log("Footer7 shopConfig", shopConfig);
12900
12922
  var _useState = useState([]),
12901
12923
  shopAddressList = _useState[0],
12902
12924
  setShopAddressList = _useState[1];
@@ -13035,10 +13057,11 @@ var RatingStar = function RatingStar(props) {
13035
13057
  _props$className = props.className,
13036
13058
  className = _props$className === void 0 ? "" : _props$className;
13037
13059
  var res = [];
13038
- for (var i = 1; i < star; i++) {
13060
+ for (var i = 1; i <= star; i++) {
13039
13061
  res.push(/*#__PURE__*/React__default.createElement(FaStar, {
13040
13062
  color: "#E2B93B"
13041
13063
  }));
13064
+ if (i > 5) break;
13042
13065
  }
13043
13066
  var decimalPart = star % 1;
13044
13067
  if (decimalPart && decimalPart >= 0.5) {
@@ -13589,7 +13612,7 @@ var About1 = function About1(props) {
13589
13612
  _props$SectionTitle = props.SectionTitle,
13590
13613
  SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
13591
13614
  return /*#__PURE__*/React__default.createElement("div", {
13592
- className: SECTION_CLASS + " flex flex-col gap-4"
13615
+ className: SECTION_CLASS + " flex flex-col gap-6"
13593
13616
  }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
13594
13617
  data: data,
13595
13618
  shopConfigStyle: shopConfigStyle
@@ -13609,13 +13632,14 @@ var About5 = function About5(props) {
13609
13632
  SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
13610
13633
  data = props.data;
13611
13634
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
13612
- console.log("About5 sectionData", sectionData);
13613
13635
  return /*#__PURE__*/React__default.createElement("div", {
13614
13636
  className: SECTION_DEFAULT_CLASS + " "
13615
- }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
13637
+ }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("div", {
13638
+ className: "mb-6"
13639
+ }, /*#__PURE__*/React__default.createElement(SectionTitle, {
13616
13640
  data: data,
13617
13641
  shopConfigStyle: shopConfigStyle
13618
- }) : null, /*#__PURE__*/React__default.createElement("div", {
13642
+ })) : null, /*#__PURE__*/React__default.createElement("div", {
13619
13643
  className: "grid grid-cols-1 lg:grid-cols-2 gap-12 mt-4 md:mt-6"
13620
13644
  }, /*#__PURE__*/React__default.createElement("img", {
13621
13645
  src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
@@ -13633,25 +13657,28 @@ var About5 = function About5(props) {
13633
13657
 
13634
13658
  var About6 = function About6(props) {
13635
13659
  var _sectionData$, _sectionData$2;
13636
- var shopConfig = props.shopConfig,
13637
- data = props.data;
13660
+ var shopConfigStyle = props.shopConfigStyle,
13661
+ shopConfig = props.shopConfig,
13662
+ data = props.data,
13663
+ _props$SectionTitle = props.SectionTitle,
13664
+ SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
13638
13665
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
13639
- console.log("About5 sectionData", sectionData);
13640
13666
  return /*#__PURE__*/React__default.createElement("div", {
13641
13667
  className: SECTION_DEFAULT_CLASS + " mt-0"
13642
- }, /*#__PURE__*/React__default.createElement("h2", {
13643
- className: "text-2xl md:text-4xl text-textHeading font-semibold mb-6 lg:mb-8"
13644
- }, data === null || data === void 0 ? void 0 : data.sectionTitle) , /*#__PURE__*/React__default.createElement("div", {
13645
- className: "grid grid-cols-1 lg:grid-cols-5 gap-6 lg:gap-10"
13668
+ }, /*#__PURE__*/React__default.createElement(SectionTitle, {
13669
+ data: data,
13670
+ shopConfigStyle: shopConfigStyle
13671
+ }), /*#__PURE__*/React__default.createElement("div", {
13672
+ className: "grid grid-cols-1 lg:grid-cols-5 gap-6 lg:gap-10 " + (data !== null && data !== void 0 && data.sectionTitle ? "mt-6" : "mt-0")
13646
13673
  }, /*#__PURE__*/React__default.createElement("img", {
13647
13674
  src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
13648
13675
  className: "w-full h-auto object-cover lg:hidden block rounded-xl"
13649
- }), /*#__PURE__*/React__default.createElement("div", {
13676
+ }), shopConfig !== null && shopConfig !== void 0 && shopConfig.shopAbout ? /*#__PURE__*/React__default.createElement("div", {
13650
13677
  className: "ck-content text-wrap lg:col-span-3 bg-bgSecondary p-4 lg:p-6 rounded-2xl",
13651
13678
  dangerouslySetInnerHTML: {
13652
13679
  __html: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopAbout
13653
13680
  }
13654
- }), /*#__PURE__*/React__default.createElement("img", {
13681
+ }) : null, /*#__PURE__*/React__default.createElement("img", {
13655
13682
  src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.srcImage,
13656
13683
  className: "w-full h-auto object-cover lg:col-span-2 lg:block hidden rounded-xl"
13657
13684
  })));
@@ -14471,7 +14498,7 @@ var SearchProduct1 = function SearchProduct1(props) {
14471
14498
  } else {
14472
14499
  var delayDebounceFn = setTimeout(function () {
14473
14500
  handleSearch(valueSearch);
14474
- }, 500);
14501
+ }, 600);
14475
14502
  return function () {
14476
14503
  return clearTimeout(delayDebounceFn);
14477
14504
  };
@@ -14530,9 +14557,9 @@ var SearchProduct1 = function SearchProduct1(props) {
14530
14557
  className: "flex flex-col px-1 gap-2 border-b w-full"
14531
14558
  }, /*#__PURE__*/React__default.createElement("div", {
14532
14559
  className: "mt-1 text-lg font-medium\t"
14533
- }, item === null || item === void 0 ? void 0 : (_item$productInfo = item.productInfo) === null || _item$productInfo === void 0 ? void 0 : _item$productInfo.productName), /*#__PURE__*/React__default.createElement("div", {
14534
- className: " text-lg font-medium\t"
14535
- }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$productInfo2 = item.productInfo) === null || _item$productInfo2 === void 0 ? void 0 : _item$productInfo2.price))));
14560
+ }, item === null || item === void 0 ? void 0 : (_item$productInfo = item.productInfo) === null || _item$productInfo === void 0 ? void 0 : _item$productInfo.productName), item !== null && item !== void 0 && item.isShowProductPriceOnLanding ? /*#__PURE__*/React__default.createElement("div", {
14561
+ className: " text-lg font-medium"
14562
+ }, formatCurrency(item === null || item === void 0 ? void 0 : (_item$productInfo2 = item.productInfo) === null || _item$productInfo2 === void 0 ? void 0 : _item$productInfo2.price)) : null));
14536
14563
  })) : /*#__PURE__*/React__default.createElement("div", {
14537
14564
  className: "text-center"
14538
14565
  }, data === null || data === void 0 ? void 0 : data.sectionDescription));
@@ -14561,7 +14588,7 @@ var SearchBar2 = function SearchBar2(props) {
14561
14588
  } else {
14562
14589
  var delayDebounceFn = setTimeout(function () {
14563
14590
  handleSearch(valueSearch);
14564
- }, 500);
14591
+ }, 600);
14565
14592
  return function () {
14566
14593
  return clearTimeout(delayDebounceFn);
14567
14594
  };
@@ -14623,9 +14650,9 @@ var SearchBar2 = function SearchBar2(props) {
14623
14650
  className: "flex flex-col px-1 gap-2 border-b w-full"
14624
14651
  }, /*#__PURE__*/React__default.createElement("div", {
14625
14652
  className: "mt-1 text-lg font-medium\t"
14626
- }, item === null || item === void 0 ? void 0 : (_item$productInfo = item.productInfo) === null || _item$productInfo === void 0 ? void 0 : _item$productInfo.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
14653
+ }, item === null || item === void 0 ? void 0 : (_item$productInfo = item.productInfo) === null || _item$productInfo === void 0 ? void 0 : _item$productInfo.productName), item !== null && item !== void 0 && item.isShowProductPriceOnLanding ? /*#__PURE__*/React__default.createElement(ProductPrice, {
14627
14654
  product: item === null || item === void 0 ? void 0 : item.productInfo
14628
- })));
14655
+ }) : null));
14629
14656
  })) : null)));
14630
14657
  };
14631
14658
 
@@ -14656,7 +14683,7 @@ var SearchBar5 = function SearchBar5(props) {
14656
14683
  }, /*#__PURE__*/React__default.createElement("div", {
14657
14684
  className: "absolute inset-0 bg-black/45 rounded-xl md:rounded-3xl"
14658
14685
  }), /*#__PURE__*/React__default.createElement("div", {
14659
- className: "flex flex-col relative gap-2 md:gap-4 items-center justify-center"
14686
+ className: "flex flex-col relative gap-2 md:gap-4 items-center justify-center w-full sm:min-w-2/3 lg:min-w-1/2"
14660
14687
  }, data !== null && data !== void 0 && (_data$data2 = data.data) !== null && _data$data2 !== void 0 && _data$data2.title ? /*#__PURE__*/React__default.createElement("div", {
14661
14688
  className: "text-lg font-semibold md:text-3xl lg:text-4xl text-textButton text-center"
14662
14689
  }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : _data$data3.title) : null, data !== null && data !== void 0 && (_data$data4 = data.data) !== null && _data$data4 !== void 0 && _data$data4.description ? /*#__PURE__*/React__default.createElement("div", {
@@ -14666,7 +14693,7 @@ var SearchBar5 = function SearchBar5(props) {
14666
14693
  icons: /*#__PURE__*/React__default.createElement(IoSearchOutline, {
14667
14694
  className: "text-gray3 ps-1 text-xl md:text-2xl"
14668
14695
  }),
14669
- wrapClassName: "w-full md:w-[80%] ",
14696
+ wrapClassName: "w-[90%] sm:w-1/2 lg:w-[40%] ",
14670
14697
  className: "w-full bg-bgSecondary mb-2 md:h-12",
14671
14698
  onKeyDown: function onKeyDown(e) {
14672
14699
  handleSearch(e);
@@ -15041,7 +15068,7 @@ var DefaultImage$1 = function DefaultImage(props) {
15041
15068
  var _props$className = props.className,
15042
15069
  className = _props$className === void 0 ? "" : _props$className;
15043
15070
  return /*#__PURE__*/React__default.createElement("div", {
15044
- className: "flex justify-center items-center max-w-full h-full aspect-video rounded-lg " + className,
15071
+ className: "flex justify-center items-center w-full h-full aspect-video object-cover rounded-lg " + className,
15045
15072
  style: {
15046
15073
  backgroundColor: "#FAFAFA"
15047
15074
  }
@@ -15069,7 +15096,7 @@ var NewsImage = function NewsImage(props) {
15069
15096
  };
15070
15097
  return src ? /*#__PURE__*/React__default.createElement("img", {
15071
15098
  src: src,
15072
- className: "h-full rounded-lg max-w-full aspect-video " + className,
15099
+ className: "h-full rounded-lg w-full aspect-video object-cover " + className,
15073
15100
  style: size ? {
15074
15101
  width: size,
15075
15102
  height: size
@@ -15080,8 +15107,56 @@ var NewsImage = function NewsImage(props) {
15080
15107
  });
15081
15108
  };
15082
15109
 
15110
+ var NewsItem2 = function NewsItem2(_ref) {
15111
+ var newsArticle = _ref.newsArticle;
15112
+ return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(NewsImage, {
15113
+ news: newsArticle
15114
+ }), /*#__PURE__*/React__default.createElement("div", {
15115
+ className: "pt-3 font-medium text-lg line-clamp-3",
15116
+ style: {
15117
+ lineHeight: 1.6
15118
+ }
15119
+ }, newsArticle === null || newsArticle === void 0 ? void 0 : newsArticle.title));
15120
+ };
15121
+
15122
+ var relativeTime = createCommonjsModule(function (module, exports) {
15123
+ !function(r,e){module.exports=e();}(commonjsGlobal,(function(){return function(r,e,t){r=r||{};var n=e.prototype,o={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(r,e,t,o){return n.fromToBase(r,e,t,o)}t.en.relativeTime=o,n.fromToBase=function(e,n,i,d,u){for(var f,a,s,l=i.$locale().relativeTime||o,h=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=h.length,c=0;c<m;c+=1){var y=h[c];y.d&&(f=d?t(e).diff(i,y.d,!0):i.diff(e,y.d,!0));var p=(r.rounding||Math.round)(Math.abs(f));if(s=f>0,p<=y.r||!y.r){p<=1&&c>0&&(y=h[c-1]);var v=l[y.l];u&&(p=u(""+p)),a="string"==typeof v?v.replace("%d",p):v(p,n,y.l,s);break}}if(n)return a;var M=s?l.future:l.past;return "function"==typeof M?M(a):M.replace("%s",a)},n.to=function(r,e){return i(r,e,this,!0)},n.from=function(r,e){return i(r,e,this)};var d=function(r){return r.$u?t.utc():t()};n.toNow=function(r){return this.to(d(this),r)},n.fromNow=function(r){return this.from(d(this),r)};}}));
15124
+ });
15125
+
15126
+ var vi = createCommonjsModule(function (module, exports) {
15127
+ !function(t,n){module.exports=n(dayjs_min);}(commonjsGlobal,(function(t){function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var h=n(t),_={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};return h.default.locale(_,null,!0),_}));
15128
+ });
15129
+
15130
+ dayjs_min.extend(relativeTime);
15131
+ dayjs_min.locale("vi");
15132
+ var NewsItem1 = function NewsItem1(_ref) {
15133
+ var _dayjs;
15134
+ var newsArticle = _ref.newsArticle,
15135
+ _ref$isHidden = _ref.isHidden,
15136
+ isHidden = _ref$isHidden === void 0 ? false : _ref$isHidden;
15137
+ return /*#__PURE__*/React__default.createElement("div", {
15138
+ className: "grid grid-cols-1 md:grid-cols-2 gap-4 "
15139
+ }, /*#__PURE__*/React__default.createElement(NewsImage, {
15140
+ news: newsArticle
15141
+ }), /*#__PURE__*/React__default.createElement("div", {
15142
+ className: "flex flex-col gap-4 md:gap-3 pb-4"
15143
+ }, /*#__PURE__*/React__default.createElement("div", {
15144
+ className: "font-medium text-lg line-clamp-3 md:line-clamp-2 lg:line-clamp-3",
15145
+ style: {
15146
+ lineHeight: 1.6
15147
+ }
15148
+ }, newsArticle === null || newsArticle === void 0 ? void 0 : newsArticle.title), !isHidden ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
15149
+ className: "line-clamp-4 md:line-clamp-3 lg:line-clamp-4 font-normal min-h-6 md:min-h-20 text-gray3",
15150
+ style: {
15151
+ lineHeight: 1.6
15152
+ }
15153
+ }, newsArticle === null || newsArticle === void 0 ? void 0 : newsArticle.shortDescription), /*#__PURE__*/React__default.createElement("div", {
15154
+ className: "text-gray3 mt-4"
15155
+ }, (_dayjs = dayjs_min(newsArticle === null || newsArticle === void 0 ? void 0 : newsArticle.timeUpdate)) === null || _dayjs === void 0 ? void 0 : _dayjs.fromNow())) : null));
15156
+ };
15157
+
15083
15158
  var NewsHighlight1 = function NewsHighlight1(props) {
15084
- var _newsArticles$, _newsArticles$2, _newsArticles$3, _newsArticles$slice;
15159
+ var _newsArticles$slice;
15085
15160
  var _props$SectionTitle = props.SectionTitle,
15086
15161
  SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
15087
15162
  _props$shopConfigStyl = props.shopConfigStyle,
@@ -15106,34 +15181,34 @@ var NewsHighlight1 = function NewsHighlight1(props) {
15106
15181
  }, /*#__PURE__*/React__default.createElement(SectionTitle, {
15107
15182
  data: data,
15108
15183
  shopConfigStyle: shopConfigStyle
15109
- }), /*#__PURE__*/React__default.createElement("div", {
15184
+ }), (newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
15110
15185
  className: "mt-12 mb-6 grid grid-cols-1 md:grid-cols-2 gap-6 "
15111
15186
  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
15112
15187
  href: getLinkNewsDetail(newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[0]),
15113
15188
  Link: Link
15114
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(NewsImage, {
15115
- news: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[0]
15116
- }), /*#__PURE__*/React__default.createElement("div", {
15117
- className: "pt-3 font-medium text-lg"
15118
- }, newsArticles === null || newsArticles === void 0 ? void 0 : (_newsArticles$ = newsArticles[0]) === null || _newsArticles$ === void 0 ? void 0 : _newsArticles$.title))), /*#__PURE__*/React__default.createElement("div", {
15189
+ }, /*#__PURE__*/React__default.createElement(NewsItem2, {
15190
+ newsArticle: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[0]
15191
+ })), /*#__PURE__*/React__default.createElement("div", {
15119
15192
  className: "flex flex-col gap-6"
15120
- }, /*#__PURE__*/React__default.createElement(LinkToPage, {
15121
- className: "grid grid-cols-1 md:grid-cols-2 gap-4 ",
15193
+ }, newsArticles !== null && newsArticles !== void 0 && newsArticles[1] ? /*#__PURE__*/React__default.createElement(LinkToPage, {
15122
15194
  href: getLinkNewsDetail(newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[1]),
15123
15195
  Link: Link
15124
- }, /*#__PURE__*/React__default.createElement(NewsImage, {
15125
- news: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[1]
15126
- }), /*#__PURE__*/React__default.createElement("div", {
15127
- className: "font-medium text-lg"
15128
- }, newsArticles === null || newsArticles === void 0 ? void 0 : (_newsArticles$2 = newsArticles[1]) === null || _newsArticles$2 === void 0 ? void 0 : _newsArticles$2.title)), /*#__PURE__*/React__default.createElement(LinkToPage, {
15129
- className: "grid grid-cols-1 md:grid-cols-2 gap-4",
15196
+ }, newsArticles !== null && newsArticles !== void 0 && newsArticles[2] ? /*#__PURE__*/React__default.createElement(NewsItem1, {
15197
+ newsArticle: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[1],
15198
+ isHidden: true
15199
+ }) : /*#__PURE__*/React__default.createElement(NewsItem2, {
15200
+ newsArticle: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[1]
15201
+ })) : null, newsArticles !== null && newsArticles !== void 0 && newsArticles[2] ? /*#__PURE__*/React__default.createElement(LinkToPage, {
15130
15202
  href: getLinkNewsDetail(newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[2]),
15131
15203
  Link: Link
15132
- }, /*#__PURE__*/React__default.createElement(NewsImage, {
15133
- news: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[2]
15134
- }), /*#__PURE__*/React__default.createElement("div", {
15135
- className: "font-medium text-lg"
15136
- }, newsArticles === null || newsArticles === void 0 ? void 0 : (_newsArticles$3 = newsArticles[2]) === null || _newsArticles$3 === void 0 ? void 0 : _newsArticles$3.title)))), /*#__PURE__*/React__default.createElement("div", {
15204
+ }, /*#__PURE__*/React__default.createElement(NewsItem1, {
15205
+ newsArticle: newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles[2],
15206
+ isHidden: true
15207
+ })) : null)) : /*#__PURE__*/React__default.createElement("div", {
15208
+ className: "w-full h-64 flex flex-col justify-center items-center text-gray3"
15209
+ }, /*#__PURE__*/React__default.createElement(GiNewspaper, {
15210
+ size: 80
15211
+ }), " Kh\xF4ng c\xF3 tin t\u1EE9c n\xE0o"), /*#__PURE__*/React__default.createElement("div", {
15137
15212
  className: "grid grid-cols-1 md:grid-cols-3 gap-6 mt-6 "
15138
15213
  }, newsArticles === null || newsArticles === void 0 ? void 0 : (_newsArticles$slice = newsArticles.slice(3, 6)) === null || _newsArticles$slice === void 0 ? void 0 : _newsArticles$slice.map(function (item, index) {
15139
15214
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
@@ -15142,22 +15217,12 @@ var NewsHighlight1 = function NewsHighlight1(props) {
15142
15217
  key: "kdjf-" + index
15143
15218
  }, /*#__PURE__*/React__default.createElement("div", {
15144
15219
  className: "jgdfg-" + index
15145
- }, /*#__PURE__*/React__default.createElement(NewsImage, {
15146
- news: item
15147
- }), /*#__PURE__*/React__default.createElement("div", {
15148
- className: "font-medium text-lg py-2"
15149
- }, item === null || item === void 0 ? void 0 : item.title)));
15220
+ }, /*#__PURE__*/React__default.createElement(NewsItem2, {
15221
+ newsArticle: item
15222
+ })));
15150
15223
  })));
15151
15224
  };
15152
15225
 
15153
- var relativeTime = createCommonjsModule(function (module, exports) {
15154
- !function(r,e){module.exports=e();}(commonjsGlobal,(function(){return function(r,e,t){r=r||{};var n=e.prototype,o={future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"};function i(r,e,t,o){return n.fromToBase(r,e,t,o)}t.en.relativeTime=o,n.fromToBase=function(e,n,i,d,u){for(var f,a,s,l=i.$locale().relativeTime||o,h=r.thresholds||[{l:"s",r:44,d:"second"},{l:"m",r:89},{l:"mm",r:44,d:"minute"},{l:"h",r:89},{l:"hh",r:21,d:"hour"},{l:"d",r:35},{l:"dd",r:25,d:"day"},{l:"M",r:45},{l:"MM",r:10,d:"month"},{l:"y",r:17},{l:"yy",d:"year"}],m=h.length,c=0;c<m;c+=1){var y=h[c];y.d&&(f=d?t(e).diff(i,y.d,!0):i.diff(e,y.d,!0));var p=(r.rounding||Math.round)(Math.abs(f));if(s=f>0,p<=y.r||!y.r){p<=1&&c>0&&(y=h[c-1]);var v=l[y.l];u&&(p=u(""+p)),a="string"==typeof v?v.replace("%d",p):v(p,n,y.l,s);break}}if(n)return a;var M=s?l.future:l.past;return "function"==typeof M?M(a):M.replace("%s",a)},n.to=function(r,e){return i(r,e,this,!0)},n.from=function(r,e){return i(r,e,this)};var d=function(r){return r.$u?t.utc():t()};n.toNow=function(r){return this.to(d(this),r)},n.fromNow=function(r){return this.from(d(this),r)};}}));
15155
- });
15156
-
15157
- var vi = createCommonjsModule(function (module, exports) {
15158
- !function(t,n){module.exports=n(dayjs_min);}(commonjsGlobal,(function(t){function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var h=n(t),_={name:"vi",weekdays:"chủ nhật_thứ hai_thứ ba_thứ tư_thứ năm_thứ sáu_thứ bảy".split("_"),months:"tháng 1_tháng 2_tháng 3_tháng 4_tháng 5_tháng 6_tháng 7_tháng 8_tháng 9_tháng 10_tháng 11_tháng 12".split("_"),weekStart:1,weekdaysShort:"CN_T2_T3_T4_T5_T6_T7".split("_"),monthsShort:"Th01_Th02_Th03_Th04_Th05_Th06_Th07_Th08_Th09_Th10_Th11_Th12".split("_"),weekdaysMin:"CN_T2_T3_T4_T5_T6_T7".split("_"),ordinal:function(t){return t},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM [năm] YYYY",LLL:"D MMMM [năm] YYYY HH:mm",LLLL:"dddd, D MMMM [năm] YYYY HH:mm",l:"DD/M/YYYY",ll:"D MMM YYYY",lll:"D MMM YYYY HH:mm",llll:"ddd, D MMM YYYY HH:mm"},relativeTime:{future:"%s tới",past:"%s trước",s:"vài giây",m:"một phút",mm:"%d phút",h:"một giờ",hh:"%d giờ",d:"một ngày",dd:"%d ngày",M:"một tháng",MM:"%d tháng",y:"một năm",yy:"%d năm"}};return h.default.locale(_,null,!0),_}));
15159
- });
15160
-
15161
15226
  var getAllNewsCategoriesApi = function getAllNewsCategoriesApi(shopId, landingShopConfigId, appId) {
15162
15227
  if (appId === void 0) {
15163
15228
  appId = "SSPA";
@@ -15268,10 +15333,10 @@ var News1 = function News1(props) {
15268
15333
  });
15269
15334
  }
15270
15335
  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
15271
- className: "rounded-b-lg bg-bgSecondary"
15336
+ className: "rounded-b-lg bg-bgSecondary overflow-y-auto scroll-container max-h-[700px]"
15272
15337
  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {
15273
15338
  return /*#__PURE__*/React__default.createElement("div", {
15274
- className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
15339
+ className: "px-6 hover:bg-gray-100 hover:text-primary cursor-pointer " + ((item === null || item === void 0 ? void 0 : item.catId) === (categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.catId) ? "bg-gray-100 text-primary" : "") + " ",
15275
15340
  key: "sdjfdh-" + index,
15276
15341
  onClick: function onClick() {
15277
15342
  setCategorySelected(item);
@@ -15281,39 +15346,33 @@ var News1 = function News1(props) {
15281
15346
  });
15282
15347
  });
15283
15348
  }
15284
- }, item === null || item === void 0 ? void 0 : item.catName);
15349
+ }, /*#__PURE__*/React__default.createElement("div", {
15350
+ className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
15351
+ }, /*#__PURE__*/React__default.createElement("div", {
15352
+ className: "line-clamp-3"
15353
+ }, item === null || item === void 0 ? void 0 : item.catName)));
15285
15354
  }))), /*#__PURE__*/React__default.createElement("div", {
15286
15355
  className: "md:col-span-2 flex flex-col gap-8"
15287
15356
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
15288
- className: "px-6 py-3 text-textButton text-lg rounded-t-lg bg-primary w-max"
15289
- }, params !== null && params !== void 0 && params.catId ? categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.catName : "Tin mới"), /*#__PURE__*/React__default.createElement("div", {
15357
+ className: "px-6 py-3 text-textButton text-lg rounded-t-lg bg-primary w-max max-w-full"
15358
+ }, /*#__PURE__*/React__default.createElement("div", {
15359
+ className: "line-clamp-1"
15360
+ }, params !== null && params !== void 0 && params.catId ? categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.catName : "Tin mới")), /*#__PURE__*/React__default.createElement("div", {
15290
15361
  className: "w-full border border-primary"
15291
15362
  })), loading & isSeeMore ? /*#__PURE__*/React__default.createElement("div", {
15292
15363
  className: "w-full h-80 flex justify-center items-center"
15293
15364
  }, /*#__PURE__*/React__default.createElement(Loading, null)) : /*#__PURE__*/React__default.createElement("div", {
15294
15365
  className: "flex flex-col gap-8"
15295
15366
  }, (newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles.length) > 0 ? newsArticles === null || newsArticles === void 0 ? void 0 : (_newsArticles$slice = newsArticles.slice(0, (params === null || params === void 0 ? void 0 : params.size) - 4)) === null || _newsArticles$slice === void 0 ? void 0 : _newsArticles$slice.map(function (item, index) {
15296
- var _dayjs;
15297
15367
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
15298
15368
  href: getLinkNewsDetail(item),
15299
15369
  Link: Link,
15300
15370
  key: "kghf-" + index
15301
- }, /*#__PURE__*/React__default.createElement("div", {
15302
- className: "grid grid-cols-2 gap-2 md:gap-4 cursor-pointer",
15303
- key: "djfsdf-" + index
15304
- }, /*#__PURE__*/React__default.createElement(NewsImage, {
15305
- news: item
15306
- }), /*#__PURE__*/React__default.createElement("div", {
15307
- className: "flex flex-col gap-2 md:gap-3 pb-4"
15308
- }, /*#__PURE__*/React__default.createElement("div", {
15309
- className: "font-medium text-lg md:text-xl line-clamp-2"
15310
- }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
15311
- className: "line-clamp-3 font-normal min-h-6 md:min-h-20 text-gray3"
15312
- }, item === null || item === void 0 ? void 0 : item.shortDescription), /*#__PURE__*/React__default.createElement("div", {
15313
- className: " text-gray3"
15314
- }, (_dayjs = dayjs_min(item === null || item === void 0 ? void 0 : item.timeUpdate)) === null || _dayjs === void 0 ? void 0 : _dayjs.fromNow()))));
15371
+ }, /*#__PURE__*/React__default.createElement(NewsItem1, {
15372
+ newsArticle: item
15373
+ }));
15315
15374
  }) : /*#__PURE__*/React__default.createElement("div", {
15316
- className: "w-full h-64 flex flex-col justify-center items-center text-gray3"
15375
+ className: "w-full h-64 flex flex-col justify-center items-center text-gray3 "
15317
15376
  }, /*#__PURE__*/React__default.createElement(GiNewspaper, {
15318
15377
  size: 80
15319
15378
  }), " Kh\xF4ng c\xF3 tin t\u1EE9c n\xE0o"), (newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement(Button, {
@@ -15333,10 +15392,10 @@ var News1 = function News1(props) {
15333
15392
  });
15334
15393
  }
15335
15394
  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
15336
- className: "rounded-b-lg bg-bgSecondary"
15395
+ className: "rounded-b-lg bg-bgSecondary overflow-y-auto scroll-container max-h-[700px]"
15337
15396
  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {
15338
15397
  return /*#__PURE__*/React__default.createElement("div", {
15339
- className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
15398
+ className: "px-4 hover:bg-gray-100 hover:text-primary cursor-pointer " + ((item === null || item === void 0 ? void 0 : item.catId) === (categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.catId) ? "bg-gray-100 text-primary" : "") + " ",
15340
15399
  key: "sdjfdh-" + index,
15341
15400
  onClick: function onClick() {
15342
15401
  setCategorySelected(item);
@@ -15346,7 +15405,11 @@ var News1 = function News1(props) {
15346
15405
  });
15347
15406
  });
15348
15407
  }
15349
- }, item === null || item === void 0 ? void 0 : item.catName);
15408
+ }, /*#__PURE__*/React__default.createElement("div", {
15409
+ className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
15410
+ }, /*#__PURE__*/React__default.createElement("div", {
15411
+ className: "line-clamp-3"
15412
+ }, item === null || item === void 0 ? void 0 : item.catName)));
15350
15413
  }))));
15351
15414
  };
15352
15415
 
@@ -15395,7 +15458,7 @@ var NewsDetail1 = function NewsDetail1(props) {
15395
15458
  Link = _props$Link === void 0 ? null : _props$Link;
15396
15459
  var _useState = useState({
15397
15460
  catId: catId,
15398
- szie: 10
15461
+ size: 10
15399
15462
  }),
15400
15463
  params = _useState[0],
15401
15464
  setParams = _useState[1];
@@ -15433,10 +15496,10 @@ var NewsDetail1 = function NewsDetail1(props) {
15433
15496
  dangerouslySetInnerHTML: {
15434
15497
  __html: article === null || article === void 0 ? void 0 : article.content
15435
15498
  }
15436
- }), /*#__PURE__*/React__default.createElement("div", {
15499
+ }), (newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
15437
15500
  className: "top-6 block md:hidden"
15438
15501
  }, /*#__PURE__*/React__default.createElement("div", {
15439
- className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center"
15502
+ className: "px-6 bg-primary rounded-t-lg text-lg text-textButton text-center"
15440
15503
  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
15441
15504
  className: "rounded-b-lg bg-bgSecondary"
15442
15505
  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {
@@ -15444,10 +15507,14 @@ var NewsDetail1 = function NewsDetail1(props) {
15444
15507
  href: getLinkNewsByCategory(item),
15445
15508
  Link: Link
15446
15509
  }, /*#__PURE__*/React__default.createElement("div", {
15447
- className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
15510
+ className: "px-4 hover:bg-gray-100 hover:text-primary cursor-pointer",
15448
15511
  key: "sdjfdh-" + index
15449
- }, item === null || item === void 0 ? void 0 : item.catName));
15450
- }))), /*#__PURE__*/React__default.createElement("div", {
15512
+ }, /*#__PURE__*/React__default.createElement("div", {
15513
+ className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
15514
+ }, /*#__PURE__*/React__default.createElement("div", {
15515
+ className: "line-clamp-3"
15516
+ }, item === null || item === void 0 ? void 0 : item.catName))));
15517
+ }))) : null, (newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
15451
15518
  className: "mt-6"
15452
15519
  }, /*#__PURE__*/React__default.createElement("div", {
15453
15520
  className: "font-medium text-2xl mb-4"
@@ -15458,19 +15525,17 @@ var NewsDetail1 = function NewsDetail1(props) {
15458
15525
  href: getLinkNewsDetail(item),
15459
15526
  Link: Link,
15460
15527
  key: "kghf-" + index
15461
- }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(NewsImage, {
15462
- news: item
15463
- }), /*#__PURE__*/React__default.createElement("div", {
15464
- className: "font-medium text-lg line-clamp-2"
15465
- }, item === null || item === void 0 ? void 0 : item.title)));
15528
+ }, /*#__PURE__*/React__default.createElement(NewsItem2, {
15529
+ newsArticle: item
15530
+ }));
15466
15531
  })), (newsArticles === null || newsArticles === void 0 ? void 0 : newsArticles.length) > (params === null || params === void 0 ? void 0 : params.size) - 4 ? /*#__PURE__*/React__default.createElement("div", {
15467
15532
  className: "flex justify-center mt-4 w-full"
15468
15533
  }, /*#__PURE__*/React__default.createElement(Button, {
15469
15534
  label: "Xem thêm",
15470
15535
  onClick: handleSeeMore,
15471
15536
  shopConfigStyle: shopConfigStyle
15472
- })) : null)), /*#__PURE__*/React__default.createElement("div", {
15473
- className: "sticky top-20 self-start hidden md:block"
15537
+ })) : null) : null), (newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
15538
+ className: "sticky top-20 self-start hidden md:block overflow-y-auto scroll-container max-h-[700px]"
15474
15539
  }, /*#__PURE__*/React__default.createElement("div", {
15475
15540
  className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center"
15476
15541
  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
@@ -15480,10 +15545,14 @@ var NewsDetail1 = function NewsDetail1(props) {
15480
15545
  href: getLinkNewsByCategory(item),
15481
15546
  Link: Link
15482
15547
  }, /*#__PURE__*/React__default.createElement("div", {
15483
- className: "px-6 py-3 hover:bg-gray-100 hover:text-primary cursor-pointer",
15548
+ className: "px-4 hover:bg-gray-100 hover:text-primary cursor-pointer",
15484
15549
  key: "sdjfdh-" + index
15485
- }, item === null || item === void 0 ? void 0 : item.catName));
15486
- }))));
15550
+ }, /*#__PURE__*/React__default.createElement("div", {
15551
+ className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
15552
+ }, /*#__PURE__*/React__default.createElement("div", {
15553
+ className: "line-clamp-3"
15554
+ }, item === null || item === void 0 ? void 0 : item.catName))));
15555
+ }))) : null);
15487
15556
  };
15488
15557
 
15489
15558
  export { About1, About5, About6, Address1, Banner1, Banner2, Banner3, Banner7, BannerFull1, BannerFull2, Booking1, BookingForm6, BookingTable1, Breadcrumb1, Button, Carts1, Contact1, CustomerRating1, CustomerRating10, CustomerRating5, CustomerRating6, CustomerRating8, DateTimePicker, Employees1, Features2, Features3, Footer1, Footer7, Gallery1, Gallery1$1 as Gallery2, Hero1, Hero10, Hero11, Hero12, Hero13, Hero2, Hero5, Hero6, Input, InputPhoneNumber, Links1, ModalNotification, NavBar1, NavBar7, News1, NewsDetail1, NewsHighlight1, PageTitle1, PageTitle2, PageTitle3, Partner1, ProductCategory2, ProductDetail10, ProductDetail11, ProductHighlight1, ProductHot1, ProductHot3, ProductImage, ProductItem2, ProductItem3, ProductItem4, ProductItem5, ProductItem6, ProductItem7, ProductItem8, ProductList5, ProductList7, ProductSale2, ProductSearch1, Products10, Products11, Products12, Products2, Products3, Products9, ProductsTop1, SearchBar2, SearchBar5, SearchBar6, SearchProduct1, SectionTitle1, SectionTitle2, SectionTitle3, SectionTitle4, Select$1 as Select, ServiceDetail1, ShopHighlights2, ShopHighlights5, ShopHighlights6, ShopHighlights7, ShopHighlights8, TextArea, TreatmentDetail1, TreatmentItem1, TreatmentsCategory7, TreatmentsList6, TreatmentsList7, VideoFull1 };