s-platform-landing-section 0.1.27 → 0.1.28

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 (7) hide show
  1. package/dist/index.js +360 -154
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +362 -156
  4. package/dist/index.modern.js.map +1 -1
  5. package/dist/viet-qr~ljoRmjzO.svg +9 -0
  6. package/dist/vnpay~IacbvqcF.svg +9 -0
  7. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -332,7 +332,7 @@ var NavBar7 = function NavBar7(props) {
332
332
  top: "-100px"
333
333
  }
334
334
  }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.defaultDomain, " | ", shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName), /*#__PURE__*/React__default.createElement("div", {
335
- className: "hidden lg:flex gap-6 justify-between items-center py-2 px-4 xl:px-20"
335
+ className: "hidden lg:flex gap-6 justify-between items-center py-1.5 px-4 xl:px-20"
336
336
  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
337
337
  Link: Link,
338
338
  href: "/",
@@ -342,7 +342,7 @@ var NavBar7 = function NavBar7(props) {
342
342
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
343
343
  alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
344
344
  }), /*#__PURE__*/React__default.createElement("h3", {
345
- className: "text-xl md:text-2xl whitespace-nowrap font-semibold text-primary"
345
+ className: "text-xl md:text-2xl font-semibold text-primary lg:max-w-64 xl:max-w-[440px] xl:w-max text-wrap line-clamp-2 leading-tight"
346
346
  }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), /*#__PURE__*/React__default.createElement("div", {
347
347
  className: "hidden lg:flex flex-1 items-center gap-4"
348
348
  }, shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : (_shopConfigStyle$navB = shopConfigStyle.navBarMenus) === null || _shopConfigStyle$navB === void 0 ? void 0 : (_shopConfigStyle$navB2 = _shopConfigStyle$navB.filter(function (e) {
@@ -394,7 +394,7 @@ var NavBar7 = function NavBar7(props) {
394
394
  shopConfigStyle: shopConfigStyle,
395
395
  type: 'outline'
396
396
  })))), /*#__PURE__*/React__default.createElement("div", {
397
- className: "relative lg:hidden flex gap-4 items-center px-4 py-2"
397
+ className: "relative lg:hidden flex gap-4 items-center px-4 py-1.5"
398
398
  }, /*#__PURE__*/React__default.createElement(LinkToPage, {
399
399
  Link: Link,
400
400
  href: "/",
@@ -404,7 +404,7 @@ var NavBar7 = function NavBar7(props) {
404
404
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
405
405
  alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
406
406
  }), /*#__PURE__*/React__default.createElement("h3", {
407
- className: "text-xl md:text-2xl font-semibold text-primary"
407
+ className: "text-xl md:text-2xl font-semibold text-primary line-clamp-2"
408
408
  }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName)), cart(), /*#__PURE__*/React__default.createElement("button", {
409
409
  type: "button",
410
410
  onClick: function onClick() {
@@ -842,7 +842,7 @@ var SectionTitle2 = function SectionTitle2(props) {
842
842
  className: "text-center whitespace-nowrap text-2xl md:text-4xl font-headingFont font-semibold leading-relaxed text-textHeading"
843
843
  }, data === null || data === void 0 ? void 0 : data.sectionTitle), /*#__PURE__*/React__default.createElement("div", {
844
844
  className: " w-32 h-0.5 rounded-full bg-stroke"
845
- })) : null, /*#__PURE__*/React__default.createElement("div", {
845
+ })) : null, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("div", {
846
846
  className: "flex items-center gap-2 justify-center"
847
847
  }, /*#__PURE__*/React__default.createElement(io.IoIosStar, {
848
848
  className: "w-4 h-4 text-warning"
@@ -850,16 +850,16 @@ var SectionTitle2 = function SectionTitle2(props) {
850
850
  className: "w-6 h-6 text-warning"
851
851
  }), /*#__PURE__*/React__default.createElement(io.IoIosStar, {
852
852
  className: "w-4 h-4 text-warning"
853
- })), data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
853
+ })) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
854
854
  className: "text-xl text-center leading-relaxed text-textSecondary"
855
855
  }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null);
856
856
  };
857
857
 
858
858
  var SectionTitle3 = function SectionTitle3(props) {
859
859
  var data = props.data;
860
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", {
860
+ return /*#__PURE__*/React__default.createElement("div", null, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("h2", {
861
861
  className: "font-headingFont leading-relaxed text-textHeading text-2xl md:text-4xl font-semibold"
862
- }, data === null || data === void 0 ? void 0 : data.sectionTitle), data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("p", {
862
+ }, data === null || data === void 0 ? void 0 : data.sectionTitle) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("p", {
863
863
  className: "text-xl font-medium leading-relaxed text-textSecondary mt-4 lg:mt-6"
864
864
  }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null);
865
865
  };
@@ -1046,7 +1046,7 @@ var Hero1 = function Hero1(props) {
1046
1046
  style: {
1047
1047
  backgroundImage: "url(" + (sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : (_sectionData$$srcImag = _sectionData$.srcImages) === null || _sectionData$$srcImag === void 0 ? void 0 : _sectionData$$srcImag[0]) + ")"
1048
1048
  },
1049
- className: "relative w-full min-h-[200px] md:min-h-[320px] lg:min-h-[400px] xl:min-h-[480px] h-full bg-cover bg-center bg-no-repeat z-0 flex flex-col items-center justify-center mb-24"
1049
+ className: "relative w-full min-h-[200px] md:min-h-[320px] lg:min-h-[400px] xl:min-h-[480px] h-full bg-cover bg-center bg-no-repeat z-0 flex flex-col items-center justify-center mb-16 md:mb-24"
1050
1050
  }, /*#__PURE__*/React__default.createElement("div", {
1051
1051
  className: "w-[80%] md:w-2/3 xl:w-1/2 md:h-2/3 flex flex-col gap-2 md:gap-8 justify-center items-center bg-background opacity-90 absolute top-5 md:top-10 px-6 py-4 rounded-tr-[40px] rounded-bl-[40px] md:rounded-tr-[80px] md:rounded-bl-[80px]"
1052
1052
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -1092,21 +1092,24 @@ var Hero2 = function Hero2(props) {
1092
1092
  var shopConfig = props.shopConfig,
1093
1093
  data = props.data;
1094
1094
  return /*#__PURE__*/React__default.createElement("div", {
1095
- className: "relative"
1095
+ className: "relative w-full"
1096
1096
  }, /*#__PURE__*/React__default.createElement("img", {
1097
1097
  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],
1098
1098
  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,
1099
- className: "w-full object-cover min-h-[22vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
1099
+ className: "w-full h-auto object-cover min-h-[22vh] max-h-[100vh]"
1100
1100
  }), /*#__PURE__*/React__default.createElement("div", {
1101
- className: "absolute flex flex-col gap-1 md:gap-4 absolute w-1/2 lg:w-[40%] top-12 sm:top-[20%] xl:top-1/4 right-[2%] lg:right-[15%]"
1101
+ 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"
1102
1102
  }, /*#__PURE__*/React__default.createElement("img", {
1103
1103
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
1104
1104
  alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName,
1105
- className: "h-5 w-5 sm:h-8 sm:w-8 md:h-16 md:w-16 lg:h-20 lg:w-20"
1105
+ 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"
1106
1106
  }), /*#__PURE__*/React__default.createElement("div", {
1107
- className: "text-base md:text-3xl lg:text-4xl font-medium line-clamp-1"
1107
+ className: "font-medium line-clamp-1 ",
1108
+ style: {
1109
+ fontSize: "clamp(1.25rem, 3vw, 2.5rem)"
1110
+ }
1108
1111
  }, 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", {
1109
- className: "text-xs md:text-xl lg:text-2xl line-clamp-2"
1112
+ className: "text-xs line-clamp-2 md:line-clamp-3 text-ellipsis sm:text-base md:text-xl lg:text-2xl"
1110
1113
  }, 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)));
1111
1114
  };
1112
1115
 
@@ -1118,18 +1121,18 @@ var Hero5 = function Hero5(props) {
1118
1121
  }, /*#__PURE__*/React__default.createElement("img", {
1119
1122
  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],
1120
1123
  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,
1121
- className: "w-full min-h-[25vh] md:min-h-[50vh] max-h-[100vh] object-cover"
1124
+ className: "w-full min-h-[22vh] max-h-[100vh] object-cover"
1122
1125
  }), /*#__PURE__*/React__default.createElement("div", {
1123
- className: "flex flex-col gap-2 md:gap-4 absolute top-10 md:top-[20%] w-1/2 lg:w-[45%] left-4 lg:left-10 xl:left-20"
1126
+ className: "absolute inset-0 flex flex-col top-[5%] md:top-[10%] gap-1 md:gap-4 p-4 lg:p-10 w-3/5 md:w-1/2 lg:w-[45%] max-w-[90%] left-1 lg:left-10 xl:left-20"
1124
1127
  }, /*#__PURE__*/React__default.createElement("div", {
1125
- className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading font-medium line-clamp-2 md:line-clamp-3"
1128
+ className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading pt-2 pb-1 overflow-hidden text-ellipsis font-medium line-clamp-1"
1126
1129
  }, 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", {
1127
- className: "md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-4 md:line-clamp-none"
1130
+ className: "text-sm md:text-xl lg:text-2xl text-primary line-clamp-3 md:line-clamp-4 overflow-hidden text-ellipsis "
1128
1131
  }, 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)));
1129
1132
  };
1130
1133
 
1131
1134
  var Hero6 = function Hero6(props) {
1132
- var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$, _sectionData$, _sectionData$$buttons;
1135
+ var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$, _data$data5, _data$data5$, _data$data6, _data$data6$, _sectionData$, _sectionData$$buttons;
1133
1136
  var shopConfigStyle = props.shopConfigStyle,
1134
1137
  data = props.data,
1135
1138
  _props$Link = props.Link,
@@ -1140,22 +1143,31 @@ var Hero6 = function Hero6(props) {
1140
1143
  }, /*#__PURE__*/React__default.createElement("img", {
1141
1144
  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],
1142
1145
  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,
1143
- className: "object-cover w-full h-auto min-h-[20vh] md:min-h-[30vh] md:min-h-[50vh] max-h-[100vh]"
1146
+ className: "object-cover w-full h-auto"
1144
1147
  }), /*#__PURE__*/React__default.createElement("div", {
1145
- className: "absolute top-4 sm:top-8 md:top-14 lg:top-20 w-full p-3 md:p-6 lg:p-12 z-10 flex flex-col gap-2 md:gap-4 lg:gap-6 items-center justify-center"
1146
- }, /*#__PURE__*/React__default.createElement("div", {
1147
- 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"
1148
- }, 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", {
1149
- className: "md:text-xl text-center line-clamp-1"
1150
- }, 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) {
1151
- return /*#__PURE__*/React__default.createElement(LinkToPage, {
1148
+ className: "absolute inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-16 md:px-20 "
1149
+ }, data !== null && data !== void 0 && (_data$data3 = data.data) !== null && _data$data3 !== void 0 && (_data$data3$ = _data$data3[0]) !== null && _data$data3$ !== void 0 && _data$data3$.title ? /*#__PURE__*/React__default.createElement("div", {
1150
+ className: "text-primary font-headingFont text-center line-clamp-1 text-ellipsis pt-2 md:pt-3",
1151
+ style: {
1152
+ fontSize: "clamp(1rem, 4vw, 3rem)",
1153
+ lineHeight: "2"
1154
+ }
1155
+ }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : _data$data4$.title) : null, /*#__PURE__*/React__default.createElement("div", {
1156
+ className: "flex flex-col gap-1 md:gap-4 lg:gap-6 "
1157
+ }, data !== null && data !== void 0 && (_data$data5 = data.data) !== null && _data$data5 !== void 0 && (_data$data5$ = _data$data5[0]) !== null && _data$data5$ !== void 0 && _data$data5$.description ? /*#__PURE__*/React__default.createElement("div", {
1158
+ className: "line-clamp-1 md:line-clamp-2",
1159
+ style: {
1160
+ fontSize: "clamp(0.75rem, 3vw, 1.5rem)"
1161
+ }
1162
+ }, data === null || data === void 0 ? void 0 : (_data$data6 = data.data) === null || _data$data6 === void 0 ? void 0 : (_data$data6$ = _data$data6[0]) === null || _data$data6$ === void 0 ? void 0 : _data$data6$.description) : null, 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) {
1163
+ return button !== null && button !== void 0 && button.label && (button !== null && button !== void 0 && button.route || button !== null && button !== void 0 && button.link) ? /*#__PURE__*/React__default.createElement(LinkToPage, {
1152
1164
  Link: Link,
1153
1165
  href: convertURL(button === null || button === void 0 ? void 0 : button.route) || (button === null || button === void 0 ? void 0 : button.link) || "#"
1154
1166
  }, /*#__PURE__*/React__default.createElement(Button, {
1155
1167
  label: button === null || button === void 0 ? void 0 : button.label,
1156
1168
  shopConfigStyle: shopConfigStyle
1157
- }));
1158
- })));
1169
+ })) : null;
1170
+ }))));
1159
1171
  };
1160
1172
 
1161
1173
  var Hero10 = function Hero10(props) {
@@ -1227,26 +1239,48 @@ var CarouselItem = function CarouselItem(props) {
1227
1239
  _props$itemClassName = props.itemClassName,
1228
1240
  itemClassName = _props$itemClassName === void 0 ? "" : _props$itemClassName;
1229
1241
  var listRef = React.useRef(null);
1230
- var _useState = React.useState(true),
1231
- isScrolledToRight = _useState[0],
1232
- setIsScrolledToRight = _useState[1];
1233
- var _useState2 = React.useState({}),
1234
- value = _useState2[0],
1235
- setValue = _useState2[1];
1242
+ var _useState = React.useState(false),
1243
+ canScrollLeft = _useState[0],
1244
+ setCanScrollLeft = _useState[1];
1245
+ var _useState2 = React.useState(false),
1246
+ canScrollRight = _useState2[0],
1247
+ setCanScrollRight = _useState2[1];
1248
+ var _useState3 = React.useState({}),
1249
+ value = _useState3[0],
1250
+ setValue = _useState3[1];
1251
+ React.useEffect(function () {
1252
+ var _listRef$current;
1253
+ checkScroll();
1254
+ (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.addEventListener("scroll", checkScroll);
1255
+ return function () {
1256
+ var _listRef$current2;
1257
+ return (_listRef$current2 = listRef.current) === null || _listRef$current2 === void 0 ? void 0 : _listRef$current2.removeEventListener("scroll", checkScroll);
1258
+ };
1259
+ }, [data]);
1260
+ var checkScroll = function checkScroll() {
1261
+ if (listRef.current) {
1262
+ var _listRef$current3 = listRef.current,
1263
+ scrollLeft = _listRef$current3.scrollLeft,
1264
+ scrollWidth = _listRef$current3.scrollWidth,
1265
+ clientWidth = _listRef$current3.clientWidth;
1266
+ setCanScrollLeft(scrollLeft > 0);
1267
+ setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
1268
+ }
1269
+ };
1236
1270
  var handleClickPrevImg = function handleClickPrevImg() {
1237
1271
  if (listRef.current) {
1238
- setIsScrolledToRight(false);
1272
+ checkScroll();
1239
1273
  listRef.current.scrollBy({
1240
- left: -150,
1274
+ left: -300,
1241
1275
  behavior: "smooth"
1242
1276
  });
1243
1277
  }
1244
1278
  };
1245
1279
  var handleClickNextImg = function handleClickNextImg() {
1246
- setIsScrolledToRight(true);
1247
1280
  if (listRef.current) {
1281
+ checkScroll();
1248
1282
  listRef.current.scrollBy({
1249
- left: 150,
1283
+ left: 300,
1250
1284
  behavior: "smooth"
1251
1285
  });
1252
1286
  }
@@ -1256,10 +1290,10 @@ var CarouselItem = function CarouselItem(props) {
1256
1290
  onClick === null || onClick === void 0 ? void 0 : onClick(item);
1257
1291
  };
1258
1292
  return /*#__PURE__*/React__default.createElement("div", {
1259
- className: "grid grid-cols-12 h-10 md:h-12 " + className,
1293
+ className: "h-10 md:h-12 flex justify-between items-center " + className,
1260
1294
  style: style
1261
1295
  }, /*#__PURE__*/React__default.createElement("div", {
1262
- className: "col-span-12 lg:col-span-10 md:col-span-9 overflow-hidden "
1296
+ className: "w-full overflow-hidden "
1263
1297
  }, /*#__PURE__*/React__default.createElement("div", {
1264
1298
  className: "flex overflow-x-auto gap-2 no-scrollbar items-center",
1265
1299
  ref: listRef
@@ -1277,19 +1311,21 @@ var CarouselItem = function CarouselItem(props) {
1277
1311
  }
1278
1312
  }, item === null || item === void 0 ? void 0 : item.label);
1279
1313
  })))), isNavigateButton ? /*#__PURE__*/React__default.createElement("div", {
1280
- className: "hidden my-auto col-span-5 md:col-span-3 lg:col-span-2 gap-4 md:flex justify-end "
1314
+ className: "hidden my-auto gap-4 md:flex justify-end ps-10"
1281
1315
  }, /*#__PURE__*/React__default.createElement("button", {
1282
- className: "p-2 h-full w-10 h-10 md:h-12 md:w-12 rounded-full " + (isScrolledToRight ? "bg-gray5" : "bg-primary"),
1283
- onClick: handleClickPrevImg
1316
+ className: "h-full w-9 h-9 md:h-11 md:w-11 items-center justify-center rounded-full " + (canScrollLeft ? "bg-primary cursor-pointer text-textButton" : "bg-gray5 text-gray3 cursor-not-allowed"),
1317
+ onClick: handleClickPrevImg,
1318
+ disabled: !canScrollLeft
1284
1319
  }, /*#__PURE__*/React__default.createElement(io.IoIosArrowBack, {
1285
- size: 32,
1286
- className: "inline-block text-lg text-textButton"
1320
+ size: 24,
1321
+ className: "inline-block text-lg"
1287
1322
  })), /*#__PURE__*/React__default.createElement("button", {
1288
- className: " p-2 h-full w-10 h-10 md:h-12 md:w-12 rounded-full " + (isScrolledToRight ? "bg-primary" : "bg-gray5"),
1289
- onClick: handleClickNextImg
1323
+ className: "h-full w-9 h-9 md:h-11 md:w-11 flex items-center justify-center rounded-full " + (canScrollRight ? "bg-primary cursor-pointer text-textButton" : "bg-gray5 text-gray3 cursor-not-allowed"),
1324
+ onClick: handleClickNextImg,
1325
+ disabled: !canScrollRight
1290
1326
  }, /*#__PURE__*/React__default.createElement(io.IoIosArrowForward, {
1291
- size: 32,
1292
- className: "inline-block text-lg text-textButton"
1327
+ size: 24,
1328
+ className: "inline-block text-lg "
1293
1329
  }))) : null);
1294
1330
  };
1295
1331
 
@@ -7415,7 +7451,7 @@ var getYoutubeVideoIdByUrl = function getYoutubeVideoIdByUrl(url) {
7415
7451
  var linkPagePolicy = "https://sites.google.com/view/sodofin-landing-page-policy";
7416
7452
  var endpointLandingShop = "/landing-shop/v2";
7417
7453
  var endpointLanding = "/landing/v2";
7418
- var baseURL = "https://proapi.sspa.com.vn";
7454
+ var baseURL = process.env.NEXT_PUBLIC_BASE_URL || "https://proapi.sspa.com.vn";
7419
7455
 
7420
7456
  var getShopCategoriesApi = function getShopCategoriesApi(shopId, types) {
7421
7457
  return api({
@@ -7598,7 +7634,7 @@ var ProductController = function ProductController(props) {
7598
7634
  var _useState = React.useState([]),
7599
7635
  products = _useState[0],
7600
7636
  setProducts = _useState[1];
7601
- var _useState2 = React.useState(true),
7637
+ var _useState2 = React.useState(false),
7602
7638
  loading = _useState2[0],
7603
7639
  setLoading = _useState2[1];
7604
7640
  var _useState3 = React.useState(),
@@ -7845,9 +7881,31 @@ var ProductImage = function ProductImage(props) {
7845
7881
  var _useState = React.useState(""),
7846
7882
  src = _useState[0],
7847
7883
  setSrc = _useState[1];
7884
+ var _useState2 = React.useState(false),
7885
+ isVisible = _useState2[0],
7886
+ setIsVisible = _useState2[1];
7887
+ var imgRef = React.useRef(null);
7848
7888
  React.useEffect(function () {
7849
- getProductImage();
7850
- }, [product]);
7889
+ var observer = new IntersectionObserver(function (entries) {
7890
+ entries.forEach(function (entry) {
7891
+ if (entry.isIntersecting) {
7892
+ setIsVisible(true);
7893
+ observer.disconnect();
7894
+ }
7895
+ });
7896
+ }, {
7897
+ rootMargin: "400px"
7898
+ });
7899
+ if (imgRef.current) {
7900
+ observer.observe(imgRef.current);
7901
+ }
7902
+ return function () {
7903
+ return observer.disconnect();
7904
+ };
7905
+ }, []);
7906
+ React.useEffect(function () {
7907
+ if (isVisible && product) getProductImage();
7908
+ }, [isVisible, product]);
7851
7909
  var getProductImage = function getProductImage() {
7852
7910
  var _JSON$parse, _JSON$parse$;
7853
7911
  var src = (_JSON$parse = JSON.parse((product === null || product === void 0 ? void 0 : product.imagesUrl) || "[]")) === null || _JSON$parse === void 0 ? void 0 : (_JSON$parse$ = _JSON$parse[0]) === null || _JSON$parse$ === void 0 ? void 0 : _JSON$parse$.src;
@@ -7860,18 +7918,21 @@ var ProductImage = function ProductImage(props) {
7860
7918
  setSrc(src);
7861
7919
  }
7862
7920
  };
7863
- return src ? /*#__PURE__*/React__default.createElement("img", {
7921
+ return /*#__PURE__*/React__default.createElement("div", {
7922
+ ref: imgRef
7923
+ }, src ? /*#__PURE__*/React__default.createElement("img", {
7864
7924
  src: src,
7865
7925
  alt: product === null || product === void 0 ? void 0 : product.productName,
7866
7926
  className: "w-full aspect-square object-cover " + className,
7867
7927
  style: size ? {
7868
7928
  width: size,
7869
7929
  height: size
7870
- } : null
7930
+ } : null,
7931
+ loading: "lazy"
7871
7932
  }) : /*#__PURE__*/React__default.createElement(DefaultImage, {
7872
7933
  className: className,
7873
7934
  size: size
7874
- });
7935
+ }));
7875
7936
  };
7876
7937
 
7877
7938
  function getMinMax(array, field) {
@@ -7996,7 +8057,9 @@ var TreatmentsCategory7 = function TreatmentsCategory7(props) {
7996
8057
  _props$data = props.data,
7997
8058
  data = _props$data === void 0 ? {} : _props$data,
7998
8059
  _props$SectionTitle = props.SectionTitle,
7999
- SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
8060
+ SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
8061
+ _props$Link = props.Link,
8062
+ Link = _props$Link === void 0 ? null : _props$Link;
8000
8063
  var _shopConfigStyle$colo = shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.color,
8001
8064
  _shopConfigStyle$colo2 = _shopConfigStyle$colo.secondary,
8002
8065
  secondary = _shopConfigStyle$colo2 === void 0 ? "#000" : _shopConfigStyle$colo2;
@@ -8054,6 +8117,7 @@ var TreatmentsCategory7 = function TreatmentsCategory7(props) {
8054
8117
  }, products === null || products === void 0 ? void 0 : products.map(function (product, index) {
8055
8118
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
8056
8119
  key: index,
8120
+ Link: Link,
8057
8121
  href: getLinkServiceDetail(product === null || product === void 0 ? void 0 : product.productInfo)
8058
8122
  }, /*#__PURE__*/React__default.createElement(ProductItem1, {
8059
8123
  product: product === null || product === void 0 ? void 0 : product.productInfo
@@ -8069,7 +8133,7 @@ var NotFoundProduct = function NotFoundProduct(props) {
8069
8133
  var _props$text = props.text,
8070
8134
  text = _props$text === void 0 ? "sản phẩm" : _props$text;
8071
8135
  return /*#__PURE__*/React__default.createElement("div", {
8072
- className: "h-60 flex flex-col justify-center items-center text-xl text-gray3"
8136
+ className: "h-60 flex flex-col justify-center items-center text-xl text-gray4"
8073
8137
  }, /*#__PURE__*/React__default.createElement(fa.FaBoxOpen, {
8074
8138
  size: 80
8075
8139
  }), /*#__PURE__*/React__default.createElement("div", null, "Kh\xF4ng c\xF3 ", text));
@@ -8947,9 +9011,6 @@ var BookingForm = function BookingForm(props) {
8947
9011
  className = _props$className === void 0 ? "" : _props$className,
8948
9012
  _props$isModalBooking = props.isModalBooking,
8949
9013
  isModalBooking = _props$isModalBooking === void 0 ? false : _props$isModalBooking;
8950
- var _shopConfigStyle$colo = shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.color,
8951
- _shopConfigStyle$colo5 = _shopConfigStyle$colo.background,
8952
- background = _shopConfigStyle$colo5 === void 0 ? "#fff" : _shopConfigStyle$colo5;
8953
9014
  var _useState = React.useState(false);
8954
9015
  var _useState2 = React.useState({
8955
9016
  types: "1,10"
@@ -9131,10 +9192,7 @@ var BookingForm = function BookingForm(props) {
9131
9192
  });
9132
9193
  };
9133
9194
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !isHiddenForm ? /*#__PURE__*/React__default.createElement("div", {
9134
- className: "grid gap-4 rounded-2xl p-6 border " + className,
9135
- style: {
9136
- backgroundColor: background
9137
- }
9195
+ className: "grid gap-4 rounded-2xl p-6 border bg-white " + className
9138
9196
  }, /*#__PURE__*/React__default.createElement("div", {
9139
9197
  className: "grid grid-cols-1 md:grid-cols-2 gap-4"
9140
9198
  }, /*#__PURE__*/React__default.createElement(Input, {
@@ -9351,7 +9409,7 @@ var TreatmentsList7 = function TreatmentsList7(props) {
9351
9409
  }, /*#__PURE__*/React__default.createElement("div", {
9352
9410
  className: "font-medium text-2xl"
9353
9411
  }, 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", {
9354
- className: "mt-4 text-textBody",
9412
+ className: "mt-4 text-textBody h-max",
9355
9413
  dangerouslySetInnerHTML: {
9356
9414
  __html: product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.description
9357
9415
  }
@@ -9527,9 +9585,9 @@ var ServiceDetail1 = function ServiceDetail1(props) {
9527
9585
  setDataBooking([]);
9528
9586
  };
9529
9587
  return /*#__PURE__*/React__default.createElement("div", {
9530
- className: SECTION_CLASS + " mt-6 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
9588
+ className: SECTION_CLASS + " mt-0 md:mt-0 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
9531
9589
  }, /*#__PURE__*/React__default.createElement("div", {
9532
- className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
9590
+ className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
9533
9591
  }, /*#__PURE__*/React__default.createElement("div", {
9534
9592
  className: "flex flex-col gap-4 col-span-2"
9535
9593
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -9662,13 +9720,13 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
9662
9720
  setDataBooking([]);
9663
9721
  };
9664
9722
  return /*#__PURE__*/React__default.createElement("div", {
9665
- className: SECTION_CLASS + " mt-6 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
9723
+ className: SECTION_CLASS + " mt-0 md:mt-0 mb-12 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
9666
9724
  }, /*#__PURE__*/React__default.createElement("div", {
9667
- className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
9725
+ className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
9668
9726
  }, /*#__PURE__*/React__default.createElement("div", {
9669
9727
  className: "flex flex-col gap-4 col-span-2"
9670
9728
  }, /*#__PURE__*/React__default.createElement("div", {
9671
- className: "rounded-2xl p-2 border"
9729
+ className: "rounded-2xl p-2 bg-background border"
9672
9730
  }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
9673
9731
  src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
9674
9732
  className: "w-full aspect-square object-contain rounded-2xl"
@@ -9758,7 +9816,33 @@ var ProductItem2 = function ProductItem2(props) {
9758
9816
  className: "text-lg mt-4"
9759
9817
  }), /*#__PURE__*/React__default.createElement("div", {
9760
9818
  className: "text-lg mt-2"
9761
- }, product === null || product === void 0 ? void 0 : product.productName)));
9819
+ }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", {
9820
+ 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"
9821
+ }, /*#__PURE__*/React__default.createElement(LinkToPage, {
9822
+ href: getLinkProductDetail(product)
9823
+ }, /*#__PURE__*/React__default.createElement(Button, {
9824
+ label: /*#__PURE__*/React__default.createElement("div", {
9825
+ className: "flex items-center gap-2"
9826
+ }, "Xem chi ti\u1EBFt ", /*#__PURE__*/React__default.createElement(fa.FaArrowRight, null))
9827
+ })), /*#__PURE__*/React__default.createElement(LinkToPage, {
9828
+ href: getLinkProductDetail(product)
9829
+ }, /*#__PURE__*/React__default.createElement(Button, {
9830
+ label: /*#__PURE__*/React__default.createElement("div", {
9831
+ className: "flex items-center gap-2"
9832
+ }, "Th\xEAm v\xE0o gi\u1ECF ", /*#__PURE__*/React__default.createElement(lu.LuShoppingCart, {
9833
+ size: 20
9834
+ })),
9835
+ type: "outline",
9836
+ className: "!border-white !text-white hover:!border-gray5"
9837
+ })), /*#__PURE__*/React__default.createElement(LinkToPage, {
9838
+ href: getLinkProductDetail(product)
9839
+ }, /*#__PURE__*/React__default.createElement(Button, {
9840
+ label: /*#__PURE__*/React__default.createElement("div", {
9841
+ className: "flex items-center gap-2"
9842
+ }, "Mua ngay", /*#__PURE__*/React__default.createElement(fa.FaArrowRight, null)),
9843
+ type: "outline",
9844
+ className: "!border-white !text-white hover:!border-primary"
9845
+ })))));
9762
9846
  };
9763
9847
 
9764
9848
  var ProductItem3 = function ProductItem3(props) {
@@ -9778,7 +9862,7 @@ var ProductItem3 = function ProductItem3(props) {
9778
9862
  }), /*#__PURE__*/React__default.createElement("div", {
9779
9863
  className: "p-4 flex flex-col gap-2 md:gap-4 items-start"
9780
9864
  }, /*#__PURE__*/React__default.createElement("div", {
9781
- className: "line-clamp-1 text-lg"
9865
+ className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
9782
9866
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
9783
9867
  product: product,
9784
9868
  className: "text-lg text-start"
@@ -9802,7 +9886,7 @@ var ProductItem4 = function ProductItem4(props) {
9802
9886
  product: product,
9803
9887
  className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
9804
9888
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
9805
- className: "text-start line-clamp-1 text-lg"
9889
+ className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis text-lg"
9806
9890
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
9807
9891
  product: product,
9808
9892
  className: "text-lg text-start mt-2"
@@ -9836,7 +9920,7 @@ var ProductItem5 = function ProductItem5(props) {
9836
9920
  product: product,
9837
9921
  className: "w-full w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
9838
9922
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
9839
- className: "text-start line-clamp-1 mb-2"
9923
+ className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis mb-2"
9840
9924
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
9841
9925
  product: product,
9842
9926
  className: "text-lg text-start"
@@ -9868,7 +9952,7 @@ var ProductItem6 = function ProductItem6(props) {
9868
9952
  product: product,
9869
9953
  className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
9870
9954
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
9871
- className: "text start line-clamp-1"
9955
+ className: "text start line-clamp-1 w-full overflow-hidden text-ellipsis"
9872
9956
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
9873
9957
  product: product,
9874
9958
  className: "text-lg text-start"
@@ -9900,7 +9984,7 @@ var ProductItem7 = function ProductItem7(props) {
9900
9984
  }), /*#__PURE__*/React__default.createElement("div", {
9901
9985
  className: "p-4 flex flex-col gap-4 items-start"
9902
9986
  }, /*#__PURE__*/React__default.createElement("div", {
9903
- className: "line-clamp-1"
9987
+ className: "line-clamp-1 w-full overflow-hidden text-ellipsis"
9904
9988
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
9905
9989
  product: product,
9906
9990
  className: "text-lg text-start"
@@ -10004,13 +10088,18 @@ var Products2 = function Products2(props) {
10004
10088
  background = _shopConfigStyle$colo5 === void 0 ? "#fff" : _shopConfigStyle$colo5,
10005
10089
  _shopConfigStyle$colo6 = _shopConfigStyle$colo.textButton,
10006
10090
  textButton = _shopConfigStyle$colo6 === void 0 ? "#fff" : _shopConfigStyle$colo6;
10091
+ var _useState = React.useState(false),
10092
+ canGoPrev = _useState[0],
10093
+ setCanGoPrev = _useState[1];
10094
+ var _useState2 = React.useState(false),
10095
+ canGoNext = _useState2[0],
10096
+ setCanGoNext = _useState2[1];
10007
10097
  var _ProductController = ProductController(props),
10008
10098
  _ProductController$pr = _ProductController.products,
10009
10099
  products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
10010
10100
  _ProductController$lo = _ProductController.loading,
10011
10101
  loading = _ProductController$lo === void 0 ? true : _ProductController$lo;
10012
10102
  var sliderRef = React.useRef(null);
10013
- console.log("Products2 products");
10014
10103
  var settings = {
10015
10104
  infinite: false,
10016
10105
  slidesToShow: 4,
@@ -10043,6 +10132,20 @@ var Products2 = function Products2(props) {
10043
10132
  }
10044
10133
  }]
10045
10134
  };
10135
+ React.useEffect(function () {
10136
+ if (sliderRef.current) {
10137
+ var _sliderRef$current, _sliderRef$current$in, _sliderRef$current$in2;
10138
+ setCanGoPrev(false);
10139
+ setCanGoNext((products === null || products === void 0 ? void 0 : products.length) > ((_sliderRef$current = sliderRef.current) === null || _sliderRef$current === void 0 ? void 0 : (_sliderRef$current$in = _sliderRef$current.innerSlider) === null || _sliderRef$current$in === void 0 ? void 0 : (_sliderRef$current$in2 = _sliderRef$current$in.props) === null || _sliderRef$current$in2 === void 0 ? void 0 : _sliderRef$current$in2.slidesToShow));
10140
+ }
10141
+ }, [products]);
10142
+ var handleBeforeChange = function handleBeforeChange(oldIndex, newIndex) {
10143
+ var _sliderRef$current2, _sliderRef$current2$i, _sliderRef$current2$i2;
10144
+ var totalSlides = (products === null || products === void 0 ? void 0 : products.length) || 0;
10145
+ var lastSlideIndex = totalSlides - ((_sliderRef$current2 = sliderRef.current) === null || _sliderRef$current2 === void 0 ? void 0 : (_sliderRef$current2$i = _sliderRef$current2.innerSlider) === null || _sliderRef$current2$i === void 0 ? void 0 : (_sliderRef$current2$i2 = _sliderRef$current2$i.props) === null || _sliderRef$current2$i2 === void 0 ? void 0 : _sliderRef$current2$i2.slidesToShow);
10146
+ setCanGoPrev(newIndex > 0);
10147
+ setCanGoNext(newIndex < lastSlideIndex);
10148
+ };
10046
10149
  var goToNext = function goToNext() {
10047
10150
  if (sliderRef.current) {
10048
10151
  sliderRef.current.slickNext();
@@ -10075,7 +10178,9 @@ var Products2 = function Products2(props) {
10075
10178
  className: "mx-auto"
10076
10179
  }, /*#__PURE__*/React__default.createElement(Loading, null))) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement(Slider, _extends({
10077
10180
  ref: sliderRef
10078
- }, settings), products === null || products === void 0 ? void 0 : products.map(function (product, index) {
10181
+ }, settings, {
10182
+ beforeChange: handleBeforeChange
10183
+ }), products === null || products === void 0 ? void 0 : products.map(function (product, index) {
10079
10184
  return /*#__PURE__*/React__default.createElement("div", {
10080
10185
  className: "px-2 lg:px-3",
10081
10186
  key: "dfg-" + index
@@ -10088,12 +10193,12 @@ var Products2 = function Products2(props) {
10088
10193
  className: "absolute left-0 top-1/2 w-full flex justify-between px-2 md:px-4 lg:px-6"
10089
10194
  }, /*#__PURE__*/React__default.createElement("button", {
10090
10195
  onClick: goToPrev,
10091
- className: "bg-primary p-2 rounded-full"
10196
+ className: (canGoPrev ? "bg-primary" : "bg-gray5 cursor-not-allowed") + " p-2 rounded-full"
10092
10197
  }, /*#__PURE__*/React__default.createElement(fa.FaArrowLeft, {
10093
10198
  className: "text-white text-lg md:text-2xl"
10094
10199
  }), " "), /*#__PURE__*/React__default.createElement("button", {
10095
10200
  onClick: goToNext,
10096
- className: "bg-primary p-2 rounded-full"
10201
+ className: (canGoNext ? "bg-primary" : "bg-gray5 cursor-not-allowed") + " p-2 rounded-full"
10097
10202
  }, /*#__PURE__*/React__default.createElement(fa.FaArrowRight, {
10098
10203
  className: "text-white text-lg md:text-2xl"
10099
10204
  }), " "))));
@@ -10164,14 +10269,12 @@ var Products3 = function Products3(props) {
10164
10269
  productParams = _useState[0],
10165
10270
  setProductParams = _useState[1];
10166
10271
  var _useState2 = React.useState(false),
10167
- isAutoGetList = _useState2[0],
10168
10272
  setIsAutoGetList = _useState2[1];
10169
10273
  var _useState3 = React.useState(),
10170
10274
  categorySelected = _useState3[0],
10171
10275
  setCategorySelected = _useState3[1];
10172
10276
  var _ProductController = ProductController(_extends({}, props, {
10173
- params: productParams,
10174
- isAutoGetList: isAutoGetList
10277
+ params: productParams
10175
10278
  })),
10176
10279
  _ProductController$pr = _ProductController.products,
10177
10280
  products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
@@ -10214,7 +10317,9 @@ var Products3 = function Products3(props) {
10214
10317
  className: "hidden md:block"
10215
10318
  }, /*#__PURE__*/React__default.createElement("div", {
10216
10319
  className: "text-xl"
10217
- }, "Danh m\u1EE5c s\u1EA3n ph\u1EA9m"), categories === null || categories === void 0 ? void 0 : categories.map(function (category, index) {
10320
+ }, "Danh m\u1EE5c s\u1EA3n ph\u1EA9m"), /*#__PURE__*/React__default.createElement("div", {
10321
+ className: "overflow-y-auto max-h-96"
10322
+ }, categories === null || categories === void 0 ? void 0 : categories.map(function (category, index) {
10218
10323
  return /*#__PURE__*/React__default.createElement("div", {
10219
10324
  className: "flex gap-2 py-4 border-b border-stroke cursor-pointer hover:text-primary " + ((categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId) === (category === null || category === void 0 ? void 0 : category.categoryId) ? "text-primary" : "text-textSecondary"),
10220
10325
  key: index,
@@ -10224,7 +10329,7 @@ var Products3 = function Products3(props) {
10224
10329
  }, /*#__PURE__*/React__default.createElement(io.IoIosHeartEmpty, {
10225
10330
  size: 24
10226
10331
  }), /*#__PURE__*/React__default.createElement("div", null, category === null || category === void 0 ? void 0 : category.cateName));
10227
- })), /*#__PURE__*/React__default.createElement("div", {
10332
+ }))), /*#__PURE__*/React__default.createElement("div", {
10228
10333
  className: "md:hidden"
10229
10334
  }), /*#__PURE__*/React__default.createElement("div", {
10230
10335
  className: "col-span-3 text-center"
@@ -10232,7 +10337,7 @@ var Products3 = function Products3(props) {
10232
10337
  className: "flex w-full justify-center p-12"
10233
10338
  }, /*#__PURE__*/React__default.createElement(Loading, {
10234
10339
  size: 32
10235
- })) : /*#__PURE__*/React__default.createElement("div", {
10340
+ })) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
10236
10341
  className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-12 mt-12"
10237
10342
  }, products === null || products === void 0 ? void 0 : products.map(function (product, index) {
10238
10343
  return /*#__PURE__*/React__default.createElement(ProductItem, {
@@ -10241,16 +10346,17 @@ var Products3 = function Products3(props) {
10241
10346
  shopConfigStyle: shopConfigStyle,
10242
10347
  product: product === null || product === void 0 ? void 0 : product.productInfo
10243
10348
  });
10244
- })), /*#__PURE__*/React__default.createElement(Pagination, _extends({
10349
+ })) : /*#__PURE__*/React__default.createElement(NotFoundProduct, null), (page === null || page === void 0 ? void 0 : page.total_pages) > 1 ? /*#__PURE__*/React__default.createElement(Pagination, _extends({
10245
10350
  className: "mt-12"
10246
10351
  }, page, {
10247
10352
  onPageChange: onPageChange
10248
- }))))), /*#__PURE__*/React__default.createElement(Dash, {
10353
+ })) : null))), /*#__PURE__*/React__default.createElement(Dash, {
10249
10354
  color: secondary
10250
10355
  }));
10251
10356
  };
10252
10357
 
10253
10358
  var Products9 = function Products9(props) {
10359
+ var _Object$keys;
10254
10360
  var _props$Link = props.Link,
10255
10361
  Link = _props$Link === void 0 ? null : _props$Link,
10256
10362
  shopConfigStyle = props.shopConfigStyle,
@@ -10293,7 +10399,7 @@ var Products9 = function Products9(props) {
10293
10399
  onClick: handleChooseCategory
10294
10400
  }), loading ? /*#__PURE__*/React__default.createElement("div", {
10295
10401
  className: "m-auto mt-20 min-h-32"
10296
- }, /*#__PURE__*/React__default.createElement(Loading, null)) : groupedProducts ? Object.entries(groupedProducts).map(function (_ref, index) {
10402
+ }, /*#__PURE__*/React__default.createElement(Loading, null)) : (Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(groupedProducts)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0 ? Object.entries(groupedProducts).map(function (_ref, index) {
10297
10403
  var _products$;
10298
10404
  var categoryName = _ref[0],
10299
10405
  products = _ref[1];
@@ -10301,9 +10407,9 @@ var Products9 = function Products9(props) {
10301
10407
  key: "wds-" + index,
10302
10408
  id: categoryName
10303
10409
  }, (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
10304
- className: "flex justify-between items-center"
10410
+ className: "flex justify-between items-center mb-4"
10305
10411
  }, /*#__PURE__*/React__default.createElement("h2", {
10306
- className: "text-2xl md:text-4xl font-semibold mb-4"
10412
+ className: "text-2xl md:text-4xl font-semibold"
10307
10413
  }, categoryName), /*#__PURE__*/React__default.createElement(LinkToPage, {
10308
10414
  Link: Link,
10309
10415
  href: getLinkProductsByCategory(products === null || products === void 0 ? void 0 : (_products$ = products[0]) === null || _products$ === void 0 ? void 0 : _products$.productInfo),
@@ -10672,7 +10778,7 @@ var ProductSearch1 = function ProductSearch1(props) {
10672
10778
  setProductsFilter = _useState[1];
10673
10779
  var _useState2 = React.useState({
10674
10780
  productName: keywordValue,
10675
- size: 12
10781
+ size: 20
10676
10782
  }),
10677
10783
  params = _useState2[0],
10678
10784
  setParams = _useState2[1];
@@ -10873,8 +10979,6 @@ var ProductsTop1 = function ProductsTop1(props) {
10873
10979
  _ProductController$pr = _ProductController.products,
10874
10980
  products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
10875
10981
  loading = _ProductController.loading;
10876
- console.log("ProductsTop1 products");
10877
- console.log(products);
10878
10982
  return /*#__PURE__*/React__default.createElement("div", {
10879
10983
  className: SECTION_DEFAULT_CLASS + " flex flex-col gap-8 "
10880
10984
  }, /*#__PURE__*/React__default.createElement(SectionTitle, {
@@ -11123,16 +11227,16 @@ var ProductDetail10 = function ProductDetail10(props) {
11123
11227
  setDisplayImage(item);
11124
11228
  };
11125
11229
  return /*#__PURE__*/React__default.createElement("div", {
11126
- className: SECTION_CLASS + " mt-6 md:mt-6 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
11230
+ className: SECTION_CLASS + " mt-0 md:mt-0 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
11127
11231
  }, /*#__PURE__*/React__default.createElement("div", {
11128
- className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 gap-6 bg-bgSecondary"
11232
+ className: ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "" : "px-4 md:px-6") + " py-4 md:py-6 rounded-2xl grid grid-cols-1 md:grid-cols-5 md:gap-6 bg-bgSecondary"
11129
11233
  }, /*#__PURE__*/React__default.createElement("div", {
11130
11234
  className: "flex flex-col gap-4 col-span-2 "
11131
11235
  }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
11132
11236
  src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
11133
11237
  className: "w-full border rounded-2xl p-2 bg-background aspect-square object-contain rounded-2xl "
11134
11238
  }) : /*#__PURE__*/React__default.createElement("div", {
11135
- className: "flex justify-center items-center w-full rounded-2xl aspect-square",
11239
+ className: "flex justify-center items-center w-full border rounded-2xl aspect-square",
11136
11240
  style: {
11137
11241
  backgroundColor: "#FAFAFA"
11138
11242
  }
@@ -11352,9 +11456,9 @@ var ProductDetail11 = function ProductDetail11(props) {
11352
11456
  setDisplayImage(item);
11353
11457
  };
11354
11458
  return /*#__PURE__*/React__default.createElement("div", {
11355
- className: SECTION_CLASS + " mt-6 md:mt-6 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
11459
+ className: SECTION_CLASS + " mt-0 md:mt-0 mb-0 " + ((shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.landingTemplateCode) === 'fashion_1' ? "bg-bgSecondary pb-8" : "bg-background")
11356
11460
  }, /*#__PURE__*/React__default.createElement("div", {
11357
- className: "p-6 rounded-2xl grid grid-cols-1 md:grid-cols-2 bg-bgSecondary"
11461
+ className: "p-4 md:p-6 rounded-2xl grid grid-cols-1 md:grid-cols-2 bg-bgSecondary"
11358
11462
  }, /*#__PURE__*/React__default.createElement("div", {
11359
11463
  className: "grid grid-cols-5 gap-6"
11360
11464
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -11462,9 +11566,9 @@ var ProductDetail11 = function ProductDetail11(props) {
11462
11566
  }, /*#__PURE__*/React__default.createElement("div", {
11463
11567
  className: "lg:col-span-3 "
11464
11568
  }, /*#__PURE__*/React__default.createElement("h2", {
11465
- className: "mb-8 font-semibold text-3xl"
11569
+ className: "mb-4 lg:mb-8 font-semibold text-3xl"
11466
11570
  }, "M\xF4 t\u1EA3 s\u1EA3n ph\u1EA9m"), product !== null && product !== void 0 && product.description ? /*#__PURE__*/React__default.createElement("div", {
11467
- className: "h-max relative p-2 p-6 pb-0 rounded-2xl bg-bgSecondary"
11571
+ className: "h-max relative p-4 md:p-6 rounded-2xl bg-bgSecondary"
11468
11572
  }, /*#__PURE__*/React__default.createElement("div", {
11469
11573
  ref: descriptionRef,
11470
11574
  className: "" + (isSeeMore && !hiddenButton ? "h-full mb-4" : "max-h-[700px] overflow-hidden"),
@@ -11490,13 +11594,13 @@ var ProductDetail11 = function ProductDetail11(props) {
11490
11594
  }, "Kh\xF4ng c\xF3 th\xF4ng tin s\u1EA3n ph\u1EA9m")), (product === null || product === void 0 ? void 0 : (_product$attributes = product.attributes) === null || _product$attributes === void 0 ? void 0 : _product$attributes.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
11491
11595
  className: "lg:col-span-2"
11492
11596
  }, /*#__PURE__*/React__default.createElement("h2", {
11493
- className: "text-3xl mb-8 font-semibold"
11597
+ className: "text-3xl my-4 lg:mt-0 lg:mb-8 font-semibold"
11494
11598
  }, "Th\xF4ng tin s\u1EA3n ph\u1EA9m"), /*#__PURE__*/React__default.createElement("div", {
11495
- className: "bg-bgSecondary rounded-2xl py-2 px-2 md:px-6"
11599
+ className: "bg-bgSecondary rounded-2xl py-2 px-2"
11496
11600
  }, product === null || product === void 0 ? void 0 : (_product$attributes2 = product.attributes) === null || _product$attributes2 === void 0 ? void 0 : _product$attributes2.map(function (item, index) {
11497
11601
  var _item$value;
11498
11602
  return /*#__PURE__*/React__default.createElement("div", {
11499
- className: "p-4 flex gap-4 rounded-lg even:bg-background",
11603
+ className: "p-2 md:p-4 flex gap-4 rounded-lg even:bg-background",
11500
11604
  key: "ptyh-" + index
11501
11605
  }, /*#__PURE__*/React__default.createElement("div", {
11502
11606
  className: "min-w-32 max-w-32 text-wrap"
@@ -11708,7 +11812,8 @@ var Banner7 = function Banner7(props) {
11708
11812
  return /*#__PURE__*/React__default.createElement("div", {
11709
11813
  key: index
11710
11814
  }, /*#__PURE__*/React__default.createElement("img", {
11711
- src: it === null || it === void 0 ? void 0 : (_it$srcImages = it.srcImages) === null || _it$srcImages === void 0 ? void 0 : _it$srcImages[0]
11815
+ src: it === null || it === void 0 ? void 0 : (_it$srcImages = it.srcImages) === null || _it$srcImages === void 0 ? void 0 : _it$srcImages[0],
11816
+ className: "h-full w-full object-cover"
11712
11817
  }));
11713
11818
  }))), /*#__PURE__*/React__default.createElement(Dash, {
11714
11819
  color: secondary
@@ -11842,6 +11947,80 @@ var Address1 = function Address1(props) {
11842
11947
  }))));
11843
11948
  };
11844
11949
 
11950
+ var _path$3, _defs;
11951
+ function _extends$4() {
11952
+ return _extends$4 = Object.assign ? Object.assign.bind() : function (n) {
11953
+ for (var e = 1; e < arguments.length; e++) {
11954
+ var t = arguments[e];
11955
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
11956
+ }
11957
+ return n;
11958
+ }, _extends$4.apply(null, arguments);
11959
+ }
11960
+ function SvgVietQr(props) {
11961
+ return /*#__PURE__*/React.createElement("svg", _extends$4({
11962
+ width: 24,
11963
+ height: 24,
11964
+ fill: "none",
11965
+ xmlns: "http://www.w3.org/2000/svg",
11966
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
11967
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
11968
+ fill: "url(#viet-qr_svg__pattern0_535_4728)",
11969
+ d: "M0 0h24v24H0z"
11970
+ })), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
11971
+ id: "viet-qr_svg__pattern0_535_4728",
11972
+ patternContentUnits: "objectBoundingBox",
11973
+ width: 1,
11974
+ height: 1
11975
+ }, /*#__PURE__*/React.createElement("use", {
11976
+ xlinkHref: "#viet-qr_svg__image0_535_4728",
11977
+ transform: "scale(.00195)"
11978
+ })), /*#__PURE__*/React.createElement("image", {
11979
+ id: "viet-qr_svg__image0_535_4728",
11980
+ width: 512,
11981
+ height: 512,
11982
+ preserveAspectRatio: "none",
11983
+ xlinkHref: "data:image/png;base64,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"
11984
+ }))));
11985
+ }
11986
+
11987
+ var _path$4, _defs$1;
11988
+ function _extends$5() {
11989
+ return _extends$5 = Object.assign ? Object.assign.bind() : function (n) {
11990
+ for (var e = 1; e < arguments.length; e++) {
11991
+ var t = arguments[e];
11992
+ for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
11993
+ }
11994
+ return n;
11995
+ }, _extends$5.apply(null, arguments);
11996
+ }
11997
+ function SvgVnpay(props) {
11998
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
11999
+ width: 24,
12000
+ height: 24,
12001
+ fill: "none",
12002
+ xmlns: "http://www.w3.org/2000/svg",
12003
+ xmlnsXlink: "http://www.w3.org/1999/xlink"
12004
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
12005
+ fill: "url(#vnpay_svg__pattern0_535_4725)",
12006
+ d: "M0 0h24v24H0z"
12007
+ })), _defs$1 || (_defs$1 = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("pattern", {
12008
+ id: "vnpay_svg__pattern0_535_4725",
12009
+ patternContentUnits: "objectBoundingBox",
12010
+ width: 1,
12011
+ height: 1
12012
+ }, /*#__PURE__*/React.createElement("use", {
12013
+ xlinkHref: "#vnpay_svg__image0_535_4725",
12014
+ transform: "matrix(.0107 0 0 .0107 -.398 0)"
12015
+ })), /*#__PURE__*/React.createElement("image", {
12016
+ id: "vnpay_svg__image0_535_4725",
12017
+ width: 170,
12018
+ height: 146,
12019
+ preserveAspectRatio: "none",
12020
+ xlinkHref: "data:image/png;base64,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"
12021
+ }))));
12022
+ }
12023
+
11845
12024
  var Links1 = function Links1(props) {
11846
12025
  var data = props.data,
11847
12026
  _props$SectionTitle = props.SectionTitle,
@@ -11866,7 +12045,11 @@ var Links1 = function Links1(props) {
11866
12045
  className: "inline-block\t text-primary text-2xl mb-1 me-3"
11867
12046
  }), " Chuy\u1EC3n kho\u1EA3n"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(bs.BsCurrencyDollar, {
11868
12047
  className: "inline-block\t text-primary text-2xl mb-1 me-3"
11869
- }), " Ti\u1EC1n m\u1EB7t"), /*#__PURE__*/React__default.createElement("label", null, "VNPay"), /*#__PURE__*/React__default.createElement("label", null, "VietQR"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(go.GoCreditCard, {
12048
+ }), " Ti\u1EC1n m\u1EB7t"), /*#__PURE__*/React__default.createElement("label", {
12049
+ className: "flex items-center gap-[18px]"
12050
+ }, /*#__PURE__*/React__default.createElement(SvgVietQr, null), "VietQR"), /*#__PURE__*/React__default.createElement("label", {
12051
+ className: "flex items-center gap-[18px]"
12052
+ }, /*#__PURE__*/React__default.createElement(SvgVnpay, null), "VNPay"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(go.GoCreditCard, {
11870
12053
  className: "inline-block\t text-primary text-2xl mb-1 me-3"
11871
12054
  }), " Th\u1EBB ATM"), /*#__PURE__*/React__default.createElement("label", null, /*#__PURE__*/React__default.createElement(si.SiVisa, {
11872
12055
  className: "inline-block\t text-primary text-2xl mb-1 me-3"
@@ -11934,12 +12117,13 @@ var Footer1 = function Footer1(props) {
11934
12117
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "C\u01A1 s\u1EDF ", index + 1), /*#__PURE__*/React__default.createElement("div", {
11935
12118
  className: "flex gap-2 items-center"
11936
12119
  }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, {
11937
- size: 24,
11938
- className: "inline-block",
12120
+ className: "inline-block min-w-6 min-h-6 h-6 w-6",
11939
12121
  style: {
11940
12122
  color: primary
11941
12123
  }
11942
- }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
12124
+ }), /*#__PURE__*/React__default.createElement("div", {
12125
+ className: "text-wrap"
12126
+ }, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
11943
12127
  className: "flex gap-2 items-center"
11944
12128
  }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePhone, {
11945
12129
  size: 24,
@@ -12078,18 +12262,19 @@ var Footer7 = function Footer7(props) {
12078
12262
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
12079
12263
  key: "dlkhg-" + index
12080
12264
  }, /*#__PURE__*/React__default.createElement("div", null, "C\u01A1 s\u1EDF ", index + 1), /*#__PURE__*/React__default.createElement("div", {
12081
- className: "flex gap-2"
12265
+ className: "flex gap-2 items-center"
12082
12266
  }, /*#__PURE__*/React__default.createElement(hi.HiOutlineLocationMarker, {
12083
- size: 24,
12084
- className: "inline-block mt-1",
12267
+ className: "inline-block min-w-6 min-h-6 h-6 w-6",
12085
12268
  style: {
12086
12269
  color: primary
12087
12270
  }
12088
- }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
12089
- className: "flex gap-2"
12271
+ }), /*#__PURE__*/React__default.createElement("div", {
12272
+ className: "text-wrap"
12273
+ }, item === null || item === void 0 ? void 0 : item.address)), /*#__PURE__*/React__default.createElement("div", {
12274
+ className: "flex gap-2 items-center"
12090
12275
  }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePhone, {
12091
12276
  size: 24,
12092
- className: "inline-block mt-1",
12277
+ className: "inline-block",
12093
12278
  style: {
12094
12279
  color: primary
12095
12280
  }
@@ -12261,7 +12446,7 @@ var CustomerRating5 = function CustomerRating5(props) {
12261
12446
  }
12262
12447
  }, sectionData === null || sectionData === void 0 ? void 0 : sectionData.map(function (item, index) {
12263
12448
  return /*#__PURE__*/React__default.createElement("div", {
12264
- className: "p-6 !flex !flex-col md:!flex-row gap-4 xl:gap-6",
12449
+ className: "p-6 !flex !flex-col sm:!flex-row gap-4 xl:gap-6",
12265
12450
  key: "lpky-" + index
12266
12451
  }, /*#__PURE__*/React__default.createElement("img", {
12267
12452
  src: item === null || item === void 0 ? void 0 : item.avatar,
@@ -12347,7 +12532,7 @@ var CustomerRating10 = function CustomerRating10(props) {
12347
12532
  className: "flex"
12348
12533
  }, /*#__PURE__*/React__default.createElement("img", {
12349
12534
  src: item === null || item === void 0 ? void 0 : item.avatar,
12350
- className: "w-[136px] h-[136px] rounded-2xl"
12535
+ className: "w-[136px] object-cover h-[136px] rounded-2xl"
12351
12536
  }), /*#__PURE__*/React__default.createElement("div", {
12352
12537
  className: "ml-4"
12353
12538
  }, /*#__PURE__*/React__default.createElement(RatingStar, {
@@ -12392,7 +12577,7 @@ var Employees1 = function Employees1(props) {
12392
12577
  className: "text-white mt-1"
12393
12578
  }, item === null || item === void 0 ? void 0 : item.role)), /*#__PURE__*/React__default.createElement("img", {
12394
12579
  src: item === null || item === void 0 ? void 0 : item.avatar,
12395
- className: "w-full h-full"
12580
+ className: "w-full h-full object-cover"
12396
12581
  }));
12397
12582
  }))), /*#__PURE__*/React__default.createElement(Dash, {
12398
12583
  color: secondary
@@ -12450,14 +12635,16 @@ var PageTitle1 = function PageTitle1(props) {
12450
12635
 
12451
12636
  var About1 = function About1(props) {
12452
12637
  var shopConfig = props.shopConfig,
12453
- data = props.data;
12638
+ shopConfigStyle = props.shopConfigStyle,
12639
+ data = props.data,
12640
+ _props$SectionTitle = props.SectionTitle,
12641
+ SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
12454
12642
  return /*#__PURE__*/React__default.createElement("div", {
12455
12643
  className: SECTION_CLASS + " flex flex-col gap-4"
12456
- }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement("h1", {
12457
- className: "text-4xl font-semibold"
12458
- }, data === null || data === void 0 ? void 0 : data.sectionTitle) : null, data !== null && data !== void 0 && data.sectionDescription ? /*#__PURE__*/React__default.createElement("div", {
12459
- className: "text-xl"
12460
- }, data === null || data === void 0 ? void 0 : data.sectionDescription) : null, /*#__PURE__*/React__default.createElement("div", {
12644
+ }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
12645
+ data: data,
12646
+ shopConfigStyle: shopConfigStyle
12647
+ }) : null, /*#__PURE__*/React__default.createElement("div", {
12461
12648
  className: "text-wrap",
12462
12649
  dangerouslySetInnerHTML: {
12463
12650
  __html: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopAbout
@@ -12467,12 +12654,20 @@ var About1 = function About1(props) {
12467
12654
 
12468
12655
  var About5 = function About5(props) {
12469
12656
  var _sectionData$, _sectionData$2;
12470
- var shopConfig = props.shopConfig,
12657
+ var shopConfigStyle = props.shopConfigStyle,
12658
+ shopConfig = props.shopConfig,
12659
+ _props$SectionTitle = props.SectionTitle,
12660
+ SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
12471
12661
  data = props.data;
12472
12662
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
12473
12663
  console.log("About5 sectionData", sectionData);
12474
12664
  return /*#__PURE__*/React__default.createElement("div", {
12475
- className: SECTION_DEFAULT_CLASS + " grid grid-cols-1 lg:grid-cols-2 gap-12"
12665
+ className: SECTION_DEFAULT_CLASS + " "
12666
+ }, data !== null && data !== void 0 && data.sectionTitle ? /*#__PURE__*/React__default.createElement(SectionTitle, {
12667
+ data: data,
12668
+ shopConfigStyle: shopConfigStyle
12669
+ }) : null, /*#__PURE__*/React__default.createElement("div", {
12670
+ className: "grid grid-cols-1 lg:grid-cols-2 gap-12 mt-4 md:mt-6"
12476
12671
  }, /*#__PURE__*/React__default.createElement("img", {
12477
12672
  src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
12478
12673
  className: "w-full hidden lg:block rounded-xl"
@@ -12484,7 +12679,7 @@ var About5 = function About5(props) {
12484
12679
  }), /*#__PURE__*/React__default.createElement("img", {
12485
12680
  src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.srcImage,
12486
12681
  className: "w-full block lg:hidden rounded-xl"
12487
- }));
12682
+ })));
12488
12683
  };
12489
12684
 
12490
12685
  var About6 = function About6(props) {
@@ -12514,7 +12709,7 @@ var About6 = function About6(props) {
12514
12709
  };
12515
12710
 
12516
12711
  var Contact1 = function Contact1(props) {
12517
- var _sectionData$;
12712
+ var _sectionData$, _sectionData$2;
12518
12713
  var shopConfigStyle = props.shopConfigStyle,
12519
12714
  shopConfig = props.shopConfig,
12520
12715
  data = props.data,
@@ -12548,10 +12743,10 @@ var Contact1 = function Contact1(props) {
12548
12743
  }, /*#__PURE__*/React__default.createElement(fa.FaFacebookMessenger, {
12549
12744
  size: 40,
12550
12745
  className: "p-2 text-textButton bg-primary"
12551
- }), /*#__PURE__*/React__default.createElement("div", null, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger)) : null), /*#__PURE__*/React__default.createElement("img", {
12552
- src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$ = sectionData[0]) === null || _sectionData$ === void 0 ? void 0 : _sectionData$.srcImage,
12746
+ }), /*#__PURE__*/React__default.createElement("div", null, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger)) : null), sectionData !== null && sectionData !== void 0 && (_sectionData$ = sectionData[0]) !== null && _sectionData$ !== void 0 && _sectionData$.srcImage ? /*#__PURE__*/React__default.createElement("img", {
12747
+ src: sectionData === null || sectionData === void 0 ? void 0 : (_sectionData$2 = sectionData[0]) === null || _sectionData$2 === void 0 ? void 0 : _sectionData$2.srcImage,
12553
12748
  className: "w-full rounded-xl border-white border-8 shadow-lg"
12554
- })));
12749
+ }) : null));
12555
12750
  };
12556
12751
 
12557
12752
  var Breadcrumb1 = function Breadcrumb1(props) {
@@ -12593,11 +12788,11 @@ var Breadcrumb1 = function Breadcrumb1(props) {
12593
12788
  setItems(items);
12594
12789
  };
12595
12790
  return /*#__PURE__*/React__default.createElement("div", {
12596
- className: SECTION_DEFAULT_CLASS + " !my-6 flex gap-2"
12791
+ className: SECTION_DEFAULT_CLASS + " !my-6 flex gap-2 overflow-x-auto scroll-custom"
12597
12792
  }, items === null || items === void 0 ? void 0 : items.map(function (item, index) {
12598
12793
  return /*#__PURE__*/React__default.createElement("div", {
12599
12794
  key: index,
12600
- className: "flex gap-2"
12795
+ className: "flex gap-2 flex-shrink-0"
12601
12796
  }, index ? /*#__PURE__*/React__default.createElement("div", {
12602
12797
  className: "text-gray4"
12603
12798
  }, "/") : null, item !== null && item !== void 0 && item.route ? /*#__PURE__*/React__default.createElement(LinkToPage, {
@@ -13493,9 +13688,9 @@ var SearchProduct1 = function SearchProduct1(props) {
13493
13688
  }
13494
13689
  };
13495
13690
  return /*#__PURE__*/React__default.createElement("div", {
13496
- className: "flex flex-col gap-2 px-6 md:w-[720px] rounded-lg mx-auto mt-12 "
13691
+ className: "flex flex-col gap-2 px-6 md:w-[720px] rounded-lg mx-auto mt-8 lg:mt-12 "
13497
13692
  }, /*#__PURE__*/React__default.createElement(Input, {
13498
- className: "flex items-center w-full h-9 md:h-14",
13693
+ className: "flex items-center w-full h-12 md:h-14",
13499
13694
  style: {
13500
13695
  backgroundColor: bgSecondary
13501
13696
  },
@@ -13639,14 +13834,18 @@ var SearchBar5 = function SearchBar5(props) {
13639
13834
  return /*#__PURE__*/React__default.createElement("div", {
13640
13835
  className: SECTION_CLASS + " md:mt-6"
13641
13836
  }, /*#__PURE__*/React__default.createElement("div", {
13642
- className: " w-full flex flex-col justify-center px-6 gap-2 md:gap-4 items-center h-32 md:h-48 lg:h-56 rounded-xl md:rounded-3xl ",
13837
+ className: "relative w-full flex flex-col justify-center px-6 gap-2 md:gap-4 items-center h-32 md:h-48 lg:h-56 rounded-xl md:rounded-3xl ",
13643
13838
  style: {
13644
13839
  background: "url(" + (data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.srcImage) + ")",
13645
13840
  backgroundPosition: "center",
13646
13841
  backgroundSize: "cover"
13647
13842
  }
13843
+ }, /*#__PURE__*/React__default.createElement("div", {
13844
+ className: "absolute inset-0 bg-black/45 rounded-xl md:rounded-3xl"
13845
+ }), /*#__PURE__*/React__default.createElement("div", {
13846
+ className: "flex flex-col relative gap-2 md:gap-4 items-center justify-center"
13648
13847
  }, data !== null && data !== void 0 && (_data$data2 = data.data) !== null && _data$data2 !== void 0 && _data$data2.title ? /*#__PURE__*/React__default.createElement("div", {
13649
- className: "text-xl font-semibold md:text-3xl lg:text-4xl text-textButton text-center"
13848
+ className: "text-lg font-semibold md:text-3xl lg:text-4xl text-textButton text-center"
13650
13849
  }, 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", {
13651
13850
  className: "text-center text-textButton"
13652
13851
  }, data === null || data === void 0 ? void 0 : (_data$data5 = data.data) === null || _data$data5 === void 0 ? void 0 : _data$data5.description) : null, /*#__PURE__*/React__default.createElement(Input, {
@@ -13654,7 +13853,7 @@ var SearchBar5 = function SearchBar5(props) {
13654
13853
  icons: /*#__PURE__*/React__default.createElement(io5.IoSearchOutline, {
13655
13854
  className: "text-gray3 ps-1 text-xl md:text-2xl"
13656
13855
  }),
13657
- wrapClassName: "w-full sm:w-[60%] md:w-[50%] lg:w-[40%]",
13856
+ wrapClassName: "w-full md:w-[80%] ",
13658
13857
  className: "w-full bg-bgSecondary mb-2 md:h-12",
13659
13858
  onKeyDown: function onKeyDown(e) {
13660
13859
  handleSearch(e);
@@ -13674,7 +13873,7 @@ var SearchBar5 = function SearchBar5(props) {
13674
13873
  label: "T\xECm ki\u1EBFm",
13675
13874
  className: "whitespace-nowrap !rounded-3xl py-1.5 md:py-2.5"
13676
13875
  }))
13677
- })));
13876
+ }))));
13678
13877
  };
13679
13878
 
13680
13879
  var SearchBar6 = function SearchBar6(props) {
@@ -13735,14 +13934,14 @@ var ShopHighlights2 = function ShopHighlights2(props) {
13735
13934
  Link = _props$Link === void 0 ? null : _props$Link;
13736
13935
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
13737
13936
  return /*#__PURE__*/React__default.createElement("div", {
13738
- className: SECTION_CLASS + " my-0 md:my-0 py-6 grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6"
13937
+ className: SECTION_CLASS + " my-0 md:my-0 !bg-bgSecondary py-6 grid grid-cols-2 md:grid-cols-4 gap-4 lg:gap-6"
13739
13938
  }, sectionData === null || sectionData === void 0 ? void 0 : sectionData.map(function (item, index) {
13740
13939
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
13741
13940
  Link: Link,
13742
- href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
13743
- }, /*#__PURE__*/React__default.createElement("div", {
13744
- className: "flex flex-col items-center text-center lg:px-3 gap-3",
13941
+ href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
13745
13942
  key: "kdf-" + index
13943
+ }, /*#__PURE__*/React__default.createElement("div", {
13944
+ className: "flex flex-col h-full items-center text-center lg:px-3 gap-3"
13746
13945
  }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
13747
13946
  className: "bg-primary p-3 text-textButton w-16 h-16 rounded-full",
13748
13947
  dangerouslySetInnerHTML: {
@@ -13754,7 +13953,9 @@ var ShopHighlights2 = function ShopHighlights2(props) {
13754
13953
  className: "w-16 h-16 p-3 rounded-full bg-primary"
13755
13954
  }), /*#__PURE__*/React__default.createElement("div", {
13756
13955
  className: "font-medium text-lg"
13757
- }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description)));
13956
+ }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
13957
+ className: "flex-grow text-gray3 leading-relaxed"
13958
+ }, item === null || item === void 0 ? void 0 : item.description)));
13758
13959
  }));
13759
13960
  };
13760
13961
 
@@ -13770,7 +13971,7 @@ var ShopHighlights5 = function ShopHighlights5(props) {
13770
13971
  href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
13771
13972
  Link: Link
13772
13973
  }, /*#__PURE__*/React__default.createElement("div", {
13773
- className: "flex flex-col items-center text-center md:px-3 lg:px-6 gap-3",
13974
+ className: "flex flex-col h-full items-center text-center md:px-3 lg:px-6 gap-3",
13774
13975
  key: "kdf-" + index
13775
13976
  }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
13776
13977
  className: "w-16 h-16 rounded-full bg-primary p-3 text-textButton ",
@@ -13783,7 +13984,9 @@ var ShopHighlights5 = function ShopHighlights5(props) {
13783
13984
  className: "w-16 h-16 rounded-full bg-primary"
13784
13985
  }), /*#__PURE__*/React__default.createElement("div", {
13785
13986
  className: "font-medium text-xl text-textHeading pt-2 border-t border-textHeading"
13786
- }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description)));
13987
+ }, item === null || item === void 0 ? void 0 : item.title), /*#__PURE__*/React__default.createElement("div", {
13988
+ className: "flex-grow leading-relaxed"
13989
+ }, item === null || item === void 0 ? void 0 : item.description)));
13787
13990
  }));
13788
13991
  };
13789
13992
 
@@ -13811,7 +14014,10 @@ var ShopHighlights6 = function ShopHighlights6(props) {
13811
14014
  className: "w-16 h-16 rounded-full bg-primary"
13812
14015
  }), /*#__PURE__*/React__default.createElement("div", {
13813
14016
  className: " w-44 h-0.5 rounded-full bg-primary"
13814
- }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.description), /*#__PURE__*/React__default.createElement(LinkToPage, {
14017
+ }), /*#__PURE__*/React__default.createElement("div", {
14018
+ className: ""
14019
+ }, item === null || item === void 0 ? void 0 : item.description), /*#__PURE__*/React__default.createElement(LinkToPage, {
14020
+ className: "mt-auto",
13815
14021
  Link: Link,
13816
14022
  href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
13817
14023
  }, /*#__PURE__*/React__default.createElement(Button, {
@@ -13822,7 +14028,7 @@ var ShopHighlights6 = function ShopHighlights6(props) {
13822
14028
  };
13823
14029
 
13824
14030
  var ShopHighlights7 = function ShopHighlights7(props) {
13825
- var _data$data;
14031
+ var _data$data, _data$data2;
13826
14032
  var _props$shopConfigStyl = props.shopConfigStyle,
13827
14033
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
13828
14034
  _props$data = props.data,
@@ -13839,13 +14045,13 @@ var ShopHighlights7 = function ShopHighlights7(props) {
13839
14045
  }, /*#__PURE__*/React__default.createElement(SectionTitle, {
13840
14046
  data: data
13841
14047
  }), /*#__PURE__*/React__default.createElement("div", {
13842
- className: "mt-6 grid grid-cols-3 gap-4 md:gap-8"
13843
- }, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.map(function (it, index) {
14048
+ className: "mt-6 grid grid-cols-1 " + ((data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : _data$data.length) > 3 ? "md:grid-cols-2 lg:grid-cols-4 md:gap-6" : "md:grid-cols-3 md:gap-8")
14049
+ }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : _data$data2.map(function (it, index) {
13844
14050
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
13845
14051
  Link: Link,
13846
14052
  href: convertURL(it === null || it === void 0 ? void 0 : it.route) || (it === null || it === void 0 ? void 0 : it.link) || "#",
13847
14053
  key: index,
13848
- className: "pt-6 col-span-3 md:col-span-1"
14054
+ className: "pt-6"
13849
14055
  }, /*#__PURE__*/React__default.createElement("div", {
13850
14056
  className: "relative w-40 h-24 flex items-center justify-center m-auto md:m-0"
13851
14057
  }, /*#__PURE__*/React__default.createElement("div", {