s-platform-landing-section 0.1.36-beta.1 → 0.1.36-beta.10

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 (8) hide show
  1. package/dist/index.js +221 -227
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +222 -228
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
  6. package/dist/angle-small-left~biOSnepC.svg +0 -2
  7. package/dist/angle-small-right~rycMvNof.svg +0 -2
  8. package/dist/no-photo~HEpaubbO.svg +0 -7
package/dist/index.js CHANGED
@@ -115,33 +115,34 @@ var getDurationValue = function getDurationValue(attributes) {
115
115
  return durationAtt ? ((durationAtt === null || durationAtt === void 0 ? void 0 : (_durationAtt$value = durationAtt.value) === null || _durationAtt$value === void 0 ? void 0 : _durationAtt$value[0]) || "0") + " p" : "";
116
116
  };
117
117
  var genProductSlugVi = function genProductSlugVi(productName, id) {
118
- var _productName$replace;
119
- return (productName === null || productName === void 0 ? void 0 : (_productName$replace = productName.replace(/\s+/g, "-")) === null || _productName$replace === void 0 ? void 0 : _productName$replace.replace(/\//g, "~")) + "-" + id;
118
+ var _productName$replace, _productName$replace$, _productName$replace$2, _productName$replace$3, _productName$replace$4;
119
+ var slug = productName === null || productName === void 0 ? void 0 : (_productName$replace = productName.replace(/%/g, 'pct')) === null || _productName$replace === void 0 ? void 0 : (_productName$replace$ = _productName$replace.replace(/\//g, 'fs')) === null || _productName$replace$ === void 0 ? void 0 : (_productName$replace$2 = _productName$replace$.replace(/&/g, 'amp')) === null || _productName$replace$2 === void 0 ? void 0 : (_productName$replace$3 = _productName$replace$2.replace(/-/g, 'hyp')) === null || _productName$replace$3 === void 0 ? void 0 : (_productName$replace$4 = _productName$replace$3.replace(/\s+/g, '-')) === null || _productName$replace$4 === void 0 ? void 0 : _productName$replace$4.replace(/(?:[\0-!#%-'\*\+\/<-\?\\\^`\{\}\x7F-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u036F\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482-\u0489\u0530\u0557\u0558\u055A-\u055F\u0589-\u05CF\u05EB-\u05EE\u05F3-\u061F\u064B-\u066D\u0670\u06D4\u06D6-\u06E4\u06E7-\u06ED\u06F0-\u06F9\u06FD\u06FE\u0700-\u070F\u0711\u0730-\u074C\u07A6-\u07B0\u07B2-\u07C9\u07EB-\u07F3\u07F6-\u07F9\u07FB-\u07FF\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u083F\u0859-\u085F\u086B-\u086F\u0888\u088F-\u089F\u08CA-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962-\u0970\u0981-\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA-\u09BC\u09BE-\u09CD\u09CF-\u09DB\u09DE\u09E2-\u09EF\u09F2-\u09FB\u09FD-\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A-\u0A58\u0A5D\u0A5F-\u0A71\u0A75-\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA-\u0ABC\u0ABE-\u0ACF\u0AD1-\u0ADF\u0AE2-\u0AF8\u0AFA-\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A-\u0B3C\u0B3E-\u0B5B\u0B5E\u0B62-\u0B70\u0B72-\u0B82\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BCF\u0BD1-\u0C04\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C3E-\u0C57\u0C5B\u0C5C\u0C5E\u0C5F\u0C62-\u0C7F\u0C81-\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA-\u0CBC\u0CBE-\u0CDC\u0CDF\u0CE2-\u0CF0\u0CF3-\u0D03\u0D0D\u0D11\u0D3B\u0D3C\u0D3E-\u0D4D\u0D4F-\u0D53\u0D57-\u0D5E\u0D62-\u0D79\u0D80-\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0E00\u0E31\u0E34-\u0E3F\u0E47-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EB1\u0EB4-\u0EBC\u0EBE\u0EBF\u0EC5\u0EC7-\u0EDB\u0EE0-\u0EFF\u0F01-\u0F3F\u0F48\u0F6D-\u0F87\u0F8D-\u0FFF\u102B-\u103E\u1040-\u104F\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F-\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16F0\u16F9-\u16FF\u1712-\u171E\u1732-\u173F\u1752-\u175F\u176D\u1771-\u177F\u17B4-\u17D6\u17D8-\u17DB\u17DD-\u181F\u1879-\u187F\u1885\u1886\u18A9\u18AB-\u18AF\u18F6-\u18FF\u191F-\u194F\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19FF\u1A17-\u1A1F\u1A55-\u1AA6\u1AA8-\u1B04\u1B34-\u1B44\u1B4D-\u1B82\u1BA1-\u1BAD\u1BB0-\u1BB9\u1BE6-\u1BFF\u1C24-\u1C4C\u1C50-\u1C59\u1C7E\u1C7F\u1C8B-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1CFB-\u1CFF\u1DC0-\u1DFF\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u2182\u2185-\u2BFF\u2CE5-\u2CEA\u2CEF-\u2CF1\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7F\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF-\u2E2E\u2E30-\u3004\u3007-\u3030\u3036-\u303A\u303D-\u3040\u3097-\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA620-\uA629\uA62C-\uA63F\uA66F-\uA67E\uA69E\uA69F\uA6E6-\uA716\uA720\uA721\uA789\uA78A\uA7CE\uA7CF\uA7D2\uA7D4\uA7DD-\uA7F1\uA802\uA806\uA80B\uA823-\uA83F\uA874-\uA881\uA8B4-\uA8F1\uA8F8-\uA8FA\uA8FC\uA8FF-\uA909\uA926-\uA92F\uA947-\uA95F\uA97D-\uA983\uA9B3-\uA9CE\uA9D0-\uA9DF\uA9E5\uA9F0-\uA9F9\uA9FF\uAA29-\uAA3F\uAA43\uAA4C-\uAA5F\uAA77-\uAA79\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAC3-\uAADA\uAADE\uAADF\uAAEB-\uAAF1\uAAF5-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABE3-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB1E\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFE6F\uFE75\uFEFD-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEFF\uDF20-\uDF2C\uDF41\uDF4A-\uDF4F\uDF76-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0-\uDFFF]|\uD801[\uDC9E-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDD6F\uDD7B\uDD8B\uDD93\uDD96\uDDA2\uDDB2\uDDBA\uDDBD-\uDDBF\uDDF4-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDF7F\uDF86\uDFB1\uDFBB-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE01-\uDE0F\uDE14\uDE18\uDE36-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE5-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD24-\uDD49\uDD66-\uDD6E\uDD86-\uDE7F\uDEAA-\uDEAF\uDEB2-\uDEC1\uDEC5-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF46-\uDF6F\uDF82-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC00-\uDC02\uDC38-\uDC70\uDC73\uDC74\uDC76-\uDC82\uDCB0-\uDCCF\uDCE9-\uDD02\uDD27-\uDD43\uDD45\uDD46\uDD48-\uDD4F\uDD73-\uDD75\uDD77-\uDD82\uDDB3-\uDDC0\uDDC5-\uDDD9\uDDDB\uDDDD-\uDDFF\uDE12\uDE2C-\uDE3E\uDE41-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEDF-\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A-\uDF3C\uDF3E-\uDF4F\uDF51-\uDF5C\uDF62-\uDF7F\uDF8A\uDF8C\uDF8D\uDF8F\uDFB6\uDFB8-\uDFD0\uDFD2\uDFD4-\uDFFF]|\uD805[\uDC35-\uDC46\uDC4B-\uDC5E\uDC62-\uDC7F\uDCB0-\uDCC3\uDCC6\uDCC8-\uDD7F\uDDAF-\uDDD7\uDDDC-\uDDFF\uDE30-\uDE43\uDE45-\uDE7F\uDEAB-\uDEB7\uDEB9-\uDEFF\uDF1B-\uDF3F\uDF47-\uDFFF]|\uD806[\uDC2C-\uDC9F\uDCE0-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD30-\uDD3E\uDD40\uDD42-\uDD9F\uDDA8\uDDA9\uDDD1-\uDDE0\uDDE2\uDDE4-\uDDFF\uDE01-\uDE0A\uDE33-\uDE39\uDE3B-\uDE4F\uDE51-\uDE5B\uDE8A-\uDE9C\uDE9E-\uDEAF\uDEF9-\uDFBF\uDFE1-\uDFFF]|\uD807[\uDC09\uDC2F-\uDC3F\uDC41-\uDC71\uDC90-\uDCFF\uDD07\uDD0A\uDD31-\uDD45\uDD47-\uDD5F\uDD66\uDD69\uDD8A-\uDD97\uDD99-\uDEDF\uDEF3-\uDF01\uDF03\uDF11\uDF34-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC00-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD812-\uD817\uD819\uD824-\uD82A\uD82D\uD82E\uD830-\uD834\uD836\uD83C-\uD83F\uD87C\uD87D\uD87F\uD889-\uDBFF][\uDC00-\uDFFF]|\uD80B[\uDC00-\uDF8F\uDFF1-\uDFFF]|\uD80D[\uDC30-\uDC40\uDC47-\uDC5F]|\uD810[\uDFFB-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD818[\uDC00-\uDCFF\uDD1E-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F-\uDE6F\uDEBF-\uDECF\uDEEE-\uDEFF\uDF30-\uDF3F\uDF44-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDD3F\uDD6D-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4F\uDF51-\uDF92\uDFA0-\uDFDF\uDFE2\uDFE4-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFE\uDD09-\uDFFF]|\uD82B[\uDC00-\uDFEF\uDFF4\uDFFC\uDFFF]|\uD82C[\uDD23-\uDD31\uDD33-\uDD4F\uDD53\uDD54\uDD56-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC-\uDFFF]|\uD837[\uDC00-\uDEFF\uDF1F-\uDF24\uDF2B-\uDFFF]|\uD838[\uDC00-\uDC2F\uDC6E-\uDCFF\uDD2D-\uDD36\uDD3E-\uDD4D\uDD4F-\uDE8F\uDEAE-\uDEBF\uDEEC-\uDFFF]|\uD839[\uDC00-\uDCCF\uDCEC-\uDDCF\uDDEE\uDDEF\uDDF1-\uDFDF\uDFE7\uDFEC\uDFEF\uDFFF]|\uD83A[\uDCC5-\uDCFF\uDD44-\uDD4A\uDD4C-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD869[\uDEE0-\uDEFF]|\uD86D[\uDF3A-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFEF]|\uD87B[\uDE5E-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDF4F]|\uD888[\uDFB0-\uDFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF])/g, '');
120
+ return slug + "-" + id;
120
121
  };
121
122
  var getLinkProductDetail = function getLinkProductDetail(product) {
122
123
  var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.productName, product === null || product === void 0 ? void 0 : product.productId);
123
- return "/san-pham/" + slug;
124
+ return "/san-pham/" + encodeURIComponent(slug);
124
125
  };
125
126
  var getLinkServiceDetail = function getLinkServiceDetail(product) {
126
127
  var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.productName, product === null || product === void 0 ? void 0 : product.productId);
127
- return "/dich-vu/" + slug;
128
+ return "/dich-vu/" + encodeURIComponent(slug);
128
129
  };
129
130
  var getLinkNewsDetail = function getLinkNewsDetail(news) {
130
131
  var slug = genProductSlugVi(news === null || news === void 0 ? void 0 : news.title, news === null || news === void 0 ? void 0 : news.articleId);
131
132
  var category = genProductSlugVi(news === null || news === void 0 ? void 0 : news.catName, news === null || news === void 0 ? void 0 : news.catId);
132
- return "/tin-tuc/" + category + "/" + slug;
133
+ return "/tin-tuc/" + encodeURIComponent(category) + "/" + encodeURIComponent(slug);
133
134
  };
134
135
  var getLinkNewsByCategory = function getLinkNewsByCategory(news) {
135
136
  var slug = genProductSlugVi(news === null || news === void 0 ? void 0 : news.catName, news === null || news === void 0 ? void 0 : news.catId);
136
- return "/tin-tuc-theo-danh-muc/" + slug;
137
+ return "/tin-tuc-theo-danh-muc/" + encodeURIComponent(slug);
137
138
  };
138
139
  var getLinkProductsByCategory = function getLinkProductsByCategory(product) {
139
140
  if (product !== null && product !== void 0 && product.categoryName) {
140
141
  var slug = genProductSlugVi(product === null || product === void 0 ? void 0 : product.categoryName, product === null || product === void 0 ? void 0 : product.categoryId);
141
- return "/danh-muc/" + slug;
142
+ return "/danh-muc/" + encodeURIComponent(slug);
142
143
  } else {
143
144
  var _slug12 = genProductSlugVi(product === null || product === void 0 ? void 0 : product.cateName, product === null || product === void 0 ? void 0 : product.categoryId);
144
- return "/danh-muc/" + _slug12;
145
+ return "/danh-muc/" + encodeURIComponent(_slug12);
145
146
  }
146
147
  };
147
148
  var LinkToPage = function LinkToPage(props) {
@@ -155,7 +156,7 @@ var genLinkSearch = function genLinkSearch(keyword) {
155
156
  };
156
157
  var configSvg = function configSvg(data) {
157
158
  var _data$replace, _data$replace$replace;
158
- return data === null || data === void 0 ? void 0 : (_data$replace = data.replace(/<path(?![^>]*fill=")[^>]*>/g, "<path fill=\"currentColor\" $&")) === null || _data$replace === void 0 ? void 0 : (_data$replace$replace = _data$replace.replace(/width="[^"]*"/, '')) === null || _data$replace$replace === void 0 ? void 0 : _data$replace$replace.replace(/height="[^"]*"/, '');
159
+ return data === null || data === void 0 ? void 0 : (_data$replace = data.replace(/<path(?![^>]*fill=")[^>]*>/g, "<path fill=\"currentColor\" $&")) === null || _data$replace === void 0 ? void 0 : (_data$replace$replace = _data$replace.replace(/width=['"][^'"]*['"]/g, '')) === null || _data$replace$replace === void 0 ? void 0 : _data$replace$replace.replace(/height=['"][^'"]*['"]/g, '');
159
160
  };
160
161
  var urlMappings = {
161
162
  "/products": "/san-pham",
@@ -436,7 +437,7 @@ var NavBar7 = function NavBar7(props) {
436
437
  href: "/",
437
438
  className: "flex items-center gap-2"
438
439
  }, /*#__PURE__*/React__default.createElement("img", {
439
- className: "object-cover w-12 max-h-12",
440
+ className: "object-contain w-12 h-12",
440
441
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
441
442
  }), /*#__PURE__*/React__default.createElement("h3", {
442
443
  className: "text-xl md:text-2xl text-primary font-headingFont text-wrap line-clamp-2 leading-tight"
@@ -499,7 +500,7 @@ var NavBar7 = function NavBar7(props) {
499
500
  href: "/",
500
501
  className: "flex flex-1 gap-2 items-center"
501
502
  }, /*#__PURE__*/React__default.createElement("img", {
502
- className: "object-cover w-12 max-h-12",
503
+ className: "object-contain w-12 h-12",
503
504
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
504
505
  }), /*#__PURE__*/React__default.createElement("h3", {
505
506
  className: "text-xl md:text-2xl font-headingFont text-wrap text-primary line-clamp-2"
@@ -533,7 +534,7 @@ var NavBar7 = function NavBar7(props) {
533
534
  className: "flex gap-2 items-center mb-2"
534
535
  }, /*#__PURE__*/React__default.createElement("img", {
535
536
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
536
- className: "max-h-14 w-14 object-cover"
537
+ className: "h-14 w-14 object-contain"
537
538
  }), /*#__PURE__*/React__default.createElement("h3", {
538
539
  className: "text-xl font-headingFont text-primary line-clamp-1"
539
540
  }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -729,7 +730,7 @@ var NavBar1 = function NavBar1(props) {
729
730
  href: "/",
730
731
  className: "flex items-center gap-2"
731
732
  }, /*#__PURE__*/React__default.createElement("img", {
732
- className: "object-cover w-12 max-h-12",
733
+ className: "object-contain w-12 h-12",
733
734
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
734
735
  alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
735
736
  }), /*#__PURE__*/React__default.createElement("h3", {
@@ -791,7 +792,7 @@ var NavBar1 = function NavBar1(props) {
791
792
  href: "/",
792
793
  className: "flex flex-1 gap-2 items-center"
793
794
  }, /*#__PURE__*/React__default.createElement("img", {
794
- className: "object-cover w-12 max-h-12",
795
+ className: "object-contain w-12 h-12",
795
796
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
796
797
  alt: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName
797
798
  }), /*#__PURE__*/React__default.createElement("h3", {
@@ -826,7 +827,7 @@ var NavBar1 = function NavBar1(props) {
826
827
  className: "flex gap-2 items-center mb-2"
827
828
  }, /*#__PURE__*/React__default.createElement("img", {
828
829
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
829
- className: "max-h-14 w-14 bg-cover bg-no-repeat"
830
+ className: "h-14 w-14 object-contain"
830
831
  }), /*#__PURE__*/React__default.createElement("div", {
831
832
  className: "text-xl font-headingFont text-primary line-clamp-1"
832
833
  }, shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopName))), /*#__PURE__*/React__default.createElement("button", {
@@ -1236,7 +1237,7 @@ var Hero2 = function Hero2(props) {
1236
1237
  className: "absolute inset-y-0 right-[2%] md:right-[4%] w-[58%] md:w-[54%] flex flex-col gap-2 md:gap-4 xl:gap-6 justify-center items-start px-4 pt-4 pb-2 md:px-8 md:pt-8 md:pb-6 xl:p-8"
1237
1238
  }, shopConfig !== null && shopConfig !== void 0 && shopConfig.logoUrl ? /*#__PURE__*/React__default.createElement("img", {
1238
1239
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl,
1239
- 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"
1240
+ className: "h-6 w-6 object-contain sm:h-10 sm:w-10 md:h-12 md:w-12 lg:w-14 lg:h-14 xl:h-20 xl:w-20"
1240
1241
  }) : null, /*#__PURE__*/React__default.createElement("div", {
1241
1242
  className: "font-medium line-clamp-2 lg:line-clamp-1 text-2xl md:text-3xl lg:text-4xl xl:text-6xl",
1242
1243
  style: {
@@ -1262,7 +1263,7 @@ var Hero5 = function Hero5(props) {
1262
1263
  }), /*#__PURE__*/React__default.createElement("div", {
1263
1264
  className: "absolute inset-0 flex flex-col top-[8%] md:top-[10%] gap-1 md:gap-4 p-4 lg:p-10 w-3/5 md:w-1/2 max-w-[90%] left-1 lg:left-10 xl:left-20"
1264
1265
  }, /*#__PURE__*/React__default.createElement("div", {
1265
- className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading overflow-hidden text-ellipsis font-medium line-clamp-2 xl:line-clamp-1",
1266
+ className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl text-textHeading overflow-hidden text-ellipsis font-medium line-clamp-2",
1266
1267
  style: {
1267
1268
  lineHeight: 1.5
1268
1269
  }
@@ -1285,14 +1286,14 @@ var Hero6 = function Hero6(props) {
1285
1286
  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,
1286
1287
  className: "object-cover w-full min-h-[30vh] max-h-[100vh]"
1287
1288
  }), /*#__PURE__*/React__default.createElement("div", {
1288
- className: "absolute inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-10 md:px-20 "
1289
+ className: "absolute w-full md:w-2/3 mx-auto inset-0 flex flex-col items-center justify-center md:gap-1 lg:gap-2 text-center py-1 md:py-4 px-10"
1289
1290
  }, 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", {
1290
1291
  className: "text-primary font-headingFont text-center line-clamp-1 text-2xl md:text-4xl xl:text-6xl text-ellipsis",
1291
1292
  style: {
1292
1293
  lineHeight: "2"
1293
1294
  }
1294
1295
  }, 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", {
1295
- className: "flex flex-col gap-2 md:gap-4 lg:gap-6 "
1296
+ className: "flex flex-col gap-4 lg:gap-6 "
1296
1297
  }, 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", {
1297
1298
  className: "line-clamp-2 lg:line-clamp-3 md:text-xl xl:text-2xl",
1298
1299
  style: {
@@ -7641,20 +7642,17 @@ var CategoryController = function CategoryController(props) {
7641
7642
 
7642
7643
  var Hero13 = function Hero13(props) {
7643
7644
  var _sectionData$, _sectionData$$srcImag, _data$data, _data$data$;
7644
- var listRef = React.useRef(null);
7645
- var _useState = React.useState(false);
7646
7645
  var shopConfig = props.shopConfig,
7647
7646
  data = props.data;
7648
7647
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
7649
- var _CategoryController = CategoryController(props);
7650
7648
  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("img", {
7651
7649
  src: 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],
7652
7650
  alt: 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$.title,
7653
7651
  className: "w-full object-cover"
7654
7652
  }), /*#__PURE__*/React__default.createElement("div", {
7655
7653
  className: "fixed right-6 bottom-10 md:bottom-24 z-50 flex flex-col gap-4 w-max"
7656
- }, /*#__PURE__*/React__default.createElement("a", {
7657
- href: shopConfig !== null && shopConfig !== void 0 && shopConfig.shopPhone ? "tel:" + (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopPhone) : "#"
7654
+ }, (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopPhone) && /*#__PURE__*/React__default.createElement("a", {
7655
+ href: "tel:" + (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopPhone)
7658
7656
  }, /*#__PURE__*/React__default.createElement("div", {
7659
7657
  className: "relative w-max"
7660
7658
  }, /*#__PURE__*/React__default.createElement("span", {
@@ -7663,9 +7661,9 @@ var Hero13 = function Hero13(props) {
7663
7661
  className: "relative z-10 p-2 rounded-full bg-primary text-textButton animate-bounce"
7664
7662
  }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePhone, {
7665
7663
  size: 36
7666
- })))), /*#__PURE__*/React__default.createElement("a", {
7664
+ })))), (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger) && /*#__PURE__*/React__default.createElement("a", {
7667
7665
  href: (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopMessenger) || "#",
7668
- target: shopConfig !== null && shopConfig !== void 0 && shopConfig.shopMessenger ? "_blank" : "_self"
7666
+ target: "_blank"
7669
7667
  }, /*#__PURE__*/React__default.createElement("div", {
7670
7668
  className: "relative w-max"
7671
7669
  }, /*#__PURE__*/React__default.createElement("span", {
@@ -7674,9 +7672,9 @@ var Hero13 = function Hero13(props) {
7674
7672
  className: "relative z-10 p-2 rounded-full bg-primary text-textButton animate-bounce"
7675
7673
  }, /*#__PURE__*/React__default.createElement(fa.FaFacebookMessenger, {
7676
7674
  size: 32
7677
- })))), /*#__PURE__*/React__default.createElement("a", {
7678
- href: (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopFacebookPage) || "#",
7679
- target: shopConfig !== null && shopConfig !== void 0 && shopConfig.shopFacebookPage ? "_blank" : "_self"
7675
+ })))), (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopZalo) && /*#__PURE__*/React__default.createElement("a", {
7676
+ href: "https://zalo.me/" + (shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.shopZalo) || "#",
7677
+ target: "_blank"
7680
7678
  }, /*#__PURE__*/React__default.createElement("div", {
7681
7679
  className: "relative w-max"
7682
7680
  }, /*#__PURE__*/React__default.createElement("span", {
@@ -7726,7 +7724,9 @@ var Hero15 = function Hero15(props) {
7726
7724
  var _props$data = props.data,
7727
7725
  data = _props$data === void 0 ? {} : _props$data,
7728
7726
  _props$shopConfigStyl = props.shopConfigStyle,
7729
- shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl;
7727
+ shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
7728
+ _props$Link = props.Link,
7729
+ Link = _props$Link === void 0 ? null : _props$Link;
7730
7730
  return /*#__PURE__*/React__default.createElement("div", {
7731
7731
  className: SECTION_CLASS + " grid grid-cols-1 md:grid-cols-2 py-12 !bg-primary gap-6 md:gap-10"
7732
7732
  }, /*#__PURE__*/React__default.createElement("img", {
@@ -7741,7 +7741,8 @@ var Hero15 = function Hero15(props) {
7741
7741
  }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.description), /*#__PURE__*/React__default.createElement("hr", {
7742
7742
  className: "w-1/3"
7743
7743
  }), (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$$buttons = _data$data4$.buttons) === null || _data$data4$$buttons === void 0 ? void 0 : _data$data4$$buttons.length) > 0 ? /*#__PURE__*/React__default.createElement(LinkToPage, {
7744
- href: (data === null || data === void 0 ? void 0 : (_data$data5 = data.data) === null || _data$data5 === void 0 ? void 0 : (_data$data5$ = _data$data5[0]) === null || _data$data5$ === void 0 ? void 0 : (_data$data5$$buttons = _data$data5$.buttons) === null || _data$data5$$buttons === void 0 ? void 0 : (_data$data5$$buttons$ = _data$data5$$buttons[0]) === null || _data$data5$$buttons$ === void 0 ? void 0 : _data$data5$$buttons$.route) || (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$$buttons = _data$data6$.buttons) === null || _data$data6$$buttons === void 0 ? void 0 : (_data$data6$$buttons$ = _data$data6$$buttons[0]) === null || _data$data6$$buttons$ === void 0 ? void 0 : _data$data6$$buttons$.link) || "#"
7744
+ Link: Link,
7745
+ href: convertURL(data === null || data === void 0 ? void 0 : (_data$data5 = data.data) === null || _data$data5 === void 0 ? void 0 : (_data$data5$ = _data$data5[0]) === null || _data$data5$ === void 0 ? void 0 : (_data$data5$$buttons = _data$data5$.buttons) === null || _data$data5$$buttons === void 0 ? void 0 : (_data$data5$$buttons$ = _data$data5$$buttons[0]) === null || _data$data5$$buttons$ === void 0 ? void 0 : _data$data5$$buttons$.route) || (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$$buttons = _data$data6$.buttons) === null || _data$data6$$buttons === void 0 ? void 0 : (_data$data6$$buttons$ = _data$data6$$buttons[0]) === null || _data$data6$$buttons$ === void 0 ? void 0 : _data$data6$$buttons$.link) || "#"
7745
7746
  }, /*#__PURE__*/React__default.createElement(Button, {
7746
7747
  label: data === null || data === void 0 ? void 0 : (_data$data7 = data.data) === null || _data$data7 === void 0 ? void 0 : (_data$data7$ = _data$data7[0]) === null || _data$data7$ === void 0 ? void 0 : (_data$data7$$buttons = _data$data7$.buttons) === null || _data$data7$$buttons === void 0 ? void 0 : (_data$data7$$buttons$ = _data$data7$$buttons[0]) === null || _data$data7$$buttons$ === void 0 ? void 0 : _data$data7$$buttons$.label,
7747
7748
  shopConfigStyle: shopConfigStyle,
@@ -7753,7 +7754,7 @@ var Hero15 = function Hero15(props) {
7753
7754
  };
7754
7755
 
7755
7756
  var Hero16 = function Hero16(props) {
7756
- var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data2$$srcImage;
7757
+ var _data$data, _data$data$, _data$data$$srcImages, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$, _data$data4$$srcImage;
7757
7758
  var _props$data = props.data,
7758
7759
  data = _props$data === void 0 ? {} : _props$data,
7759
7760
  _props$shopConfigStyl = props.shopConfigStyle,
@@ -7774,19 +7775,19 @@ var Hero16 = function Hero16(props) {
7774
7775
  className: "min-h-[480px] w-full h-full relative"
7775
7776
  }, /*#__PURE__*/React__default.createElement("img", {
7776
7777
  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],
7777
- className: "object-cover max-w-full h-auto"
7778
+ className: "object-cover w-full h-full min-h-[480px]"
7778
7779
  }), /*#__PURE__*/React__default.createElement("div", {
7779
7780
  className: "absolute top-0 left-0 z-0 bg-secondary opacity-80 w-full h-full"
7780
7781
  }), /*#__PURE__*/React__default.createElement("div", {
7781
- className: "w-full md:w-2/3 absolute top-[10%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
7782
+ className: "w-full sm:w-2/3 absolute z-20 top-[15%] md:top-1/3 left-0 z-10 px-4 xl:px-20 flex flex-col gap-6 text-textButton my-auto"
7782
7783
  }, /*#__PURE__*/React__default.createElement("h2", {
7783
7784
  className: "font-medium text-2xl lg:text-4xl"
7784
- }, "Thu\u1ED1c t\u1ED1t, gi\xE1 t\u1ED1t - V\xEC s\u1EE9c kh\u1ECFe c\u1EE7a b\u1EA1n"), /*#__PURE__*/React__default.createElement("div", {
7785
+ }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.title), /*#__PURE__*/React__default.createElement("div", {
7785
7786
  className: " text-lg lg:text-2xl"
7786
- }, "Ch\xFAng t\xF4i lu\xF4n n\u1ED5 l\u1EF1c h\u1EBFt m\xECnh cung c\u1EA5p s\u1EA3n ph\u1EA9m v\xE0 d\u1ECBch v\u1EE5 \u0111\xFAng v\u1EDBi gi\xE1 tr\u1ECB m\xE0 kh\xE1ch h\xE0ng mong \u0111\u1EE3i."), /*#__PURE__*/React__default.createElement("div", {
7787
- className: "flex flex-col md:flex-row gap-4 w-full"
7787
+ }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.description), /*#__PURE__*/React__default.createElement("div", {
7788
+ className: "flex flex-col sm:flex-row gap-4 w-full"
7788
7789
  }, /*#__PURE__*/React__default.createElement(Input, {
7789
- wrapClassName: "w-full md:w-2/3 xl:w-[85%]",
7790
+ wrapClassName: "w-2/3 sm:w-[80%] xl:w-[85%]",
7790
7791
  icons: /*#__PURE__*/React__default.createElement(lu.LuSearch, {
7791
7792
  className: "text-gray3",
7792
7793
  size: 18
@@ -7819,32 +7820,37 @@ var Hero16 = function Hero16(props) {
7819
7820
  d: "M75.1847 149.804C55 189.553 14.9932 204.532 0 212H480V0C424.514 20.7319 393 94.1529 216.361 62.1956C120.186 44.7957 96.1405 108.537 75.1847 149.804Z",
7820
7821
  fill: "currentColor"
7821
7822
  }))), /*#__PURE__*/React__default.createElement("img", {
7822
- src: 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$$srcImage = _data$data2$.srcImages) === null || _data$data2$$srcImage === void 0 ? void 0 : _data$data2$$srcImage[1],
7823
- className: "object-cover w-[28%] h-auto absolute right-10 opacity-100 bottom-0 z-10"
7823
+ src: data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$ = _data$data4[0]) === null || _data$data4$ === void 0 ? void 0 : (_data$data4$$srcImage = _data$data4$.srcImages) === null || _data$data4$$srcImage === void 0 ? void 0 : _data$data4$$srcImage[1],
7824
+ className: "object-cover w-[25%] h-auto max-h-full absolute right-10 opacity-100 bottom-0 z-10"
7824
7825
  }));
7825
7826
  };
7826
7827
 
7827
7828
  var Features2 = function Features2(props) {
7828
- var data = props.data;
7829
+ var data = props.data,
7830
+ _props$Link = props.Link,
7831
+ Link = _props$Link === void 0 ? null : _props$Link;
7829
7832
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
7830
7833
  return /*#__PURE__*/React__default.createElement("div", {
7831
7834
  className: "" + SECTION_DEFAULT_CLASS
7832
7835
  }, /*#__PURE__*/React__default.createElement("div", {
7833
7836
  className: "p-6 grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6 lg:gap-8 rounded-xl bg-bgSecondary"
7834
7837
  }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
7835
- return /*#__PURE__*/React__default.createElement("div", {
7838
+ return /*#__PURE__*/React__default.createElement(LinkToPage, {
7839
+ Link: Link,
7840
+ href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
7841
+ }, /*#__PURE__*/React__default.createElement("div", {
7836
7842
  className: "flex flex-col gap-2 items-center text-sm lg:text-lg font-semibold text-center",
7837
7843
  key: "dfgg-" + index
7838
7844
  }, item !== null && item !== void 0 && item.svgImage ? /*#__PURE__*/React__default.createElement("div", {
7839
- className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 h-24",
7845
+ className: "w-12 text-primary md:w-16 lg:w-20 xl:w-24 aspect-square",
7840
7846
  dangerouslySetInnerHTML: {
7841
7847
  __html: configSvg(item === null || item === void 0 ? void 0 : item.svgImage)
7842
7848
  }
7843
7849
  }) : /*#__PURE__*/React__default.createElement("img", {
7844
7850
  src: item === null || item === void 0 ? void 0 : item.srcImage,
7845
- className: "w-12 md:w-16 lg:w-20 xl:w-24 text-primary",
7851
+ className: "w-12 md:w-16 lg:w-20 object-contain xl:w-24 aspect-square text-primary",
7846
7852
  alt: "logo"
7847
- }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title));
7853
+ }), /*#__PURE__*/React__default.createElement("div", null, item === null || item === void 0 ? void 0 : item.title)));
7848
7854
  })));
7849
7855
  };
7850
7856
 
@@ -7936,11 +7942,6 @@ var ProductController = function ProductController(props) {
7936
7942
  var _res$data2, _res$data3;
7937
7943
  setProducts(res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.data);
7938
7944
  setPage(res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.page);
7939
- var url = new URL(window.location.href);
7940
- if (/^(\/(danh-muc))\/[^/]+-\d+$/.test(url.pathname)) {
7941
- url.pathname = url.pathname.replace(/\/[^/]+-\d+$/, "");
7942
- window.history.replaceState({}, '', url.pathname + url.search);
7943
- }
7944
7945
  }
7945
7946
  setLoading(false);
7946
7947
  });
@@ -9163,6 +9164,8 @@ var Select$2 = React.forwardRef(function (props, ref) {
9163
9164
  selectClassName = _props$selectClassNam === void 0 ? "" : _props$selectClassNam,
9164
9165
  _props$disabled = props.disabled,
9165
9166
  disabled = _props$disabled === void 0 ? false : _props$disabled,
9167
+ _props$loading = props.loading,
9168
+ loading = _props$loading === void 0 ? false : _props$loading,
9166
9169
  _props$rules = props.rules,
9167
9170
  rules = _props$rules === void 0 ? [] : _props$rules,
9168
9171
  options = props.options,
@@ -9206,6 +9209,7 @@ var Select$2 = React.forwardRef(function (props, ref) {
9206
9209
  nextTrigger = _useState7[0],
9207
9210
  setNextTrigger = _useState7[1];
9208
9211
  var optionRef = React.useRef(null);
9212
+ var triggeredRef = React.useRef(false);
9209
9213
  React.useEffect(function () {
9210
9214
  if (isMulti) setValue(defaultValue);
9211
9215
  }, [defaultValue]);
@@ -9214,34 +9218,33 @@ var Select$2 = React.forwardRef(function (props, ref) {
9214
9218
  if (!isMulti) setValue(defaultValue);
9215
9219
  }, [options]);
9216
9220
  React.useEffect(function () {
9221
+ var _optionRef$current;
9217
9222
  if (typeof setParams !== 'function') return;
9218
- var handleScroll = function handleScroll() {
9219
- if (!optionRef.current) return;
9220
- var children = optionRef.current.querySelectorAll('div.option');
9221
- var parentRect = optionRef.current.getBoundingClientRect();
9222
- children.forEach(function (child, index) {
9223
- var rect = child.getBoundingClientRect();
9224
- if (rect.top >= parentRect.top && rect.bottom <= parentRect.bottom) {
9225
- if (index === nextTrigger) {
9226
- setParams === null || setParams === void 0 ? void 0 : setParams(function (prev) {
9227
- return _extends({}, prev, {
9228
- size: (prev === null || prev === void 0 ? void 0 : prev.size) + 8
9229
- });
9230
- });
9231
- setNextTrigger(function (prev) {
9232
- return prev + 8;
9233
- });
9234
- }
9235
- }
9236
- });
9237
- };
9238
- if (optionRef.current) {
9239
- optionRef.current.addEventListener('scroll', handleScroll);
9240
- }
9241
- return function () {
9242
- if (optionRef.current) {
9243
- optionRef.current.removeEventListener('scroll', handleScroll);
9223
+ triggeredRef.current = false;
9224
+ var options = (_optionRef$current = optionRef.current) === null || _optionRef$current === void 0 ? void 0 : _optionRef$current.querySelectorAll('div.option');
9225
+ if (!options || options.length === 0) return;
9226
+ var targetElement = options[nextTrigger];
9227
+ if (!targetElement) return;
9228
+ var observer = new IntersectionObserver(function (_ref) {
9229
+ var entry = _ref[0];
9230
+ if (entry.isIntersecting && !triggeredRef.current) {
9231
+ triggeredRef.current = true;
9232
+ setParams(function (prev) {
9233
+ return _extends({}, prev, {
9234
+ size: prev.size + 8
9235
+ });
9236
+ });
9237
+ setNextTrigger(function (prev) {
9238
+ return prev + 8;
9239
+ });
9244
9240
  }
9241
+ }, {
9242
+ root: optionRef.current,
9243
+ threshold: 1.0
9244
+ });
9245
+ observer.observe(targetElement);
9246
+ return function () {
9247
+ observer.disconnect();
9245
9248
  };
9246
9249
  }, [listOptions, nextTrigger]);
9247
9250
  React.useEffect(function () {
@@ -9433,7 +9436,7 @@ var Select$2 = React.forwardRef(function (props, ref) {
9433
9436
  })) : null, /*#__PURE__*/React__default.createElement("div", {
9434
9437
  className: "overflow-y-auto max-h-72 scroll-container",
9435
9438
  ref: optionRef
9436
- }, (listOptions === null || listOptions === void 0 ? void 0 : listOptions.length) > 0 ? listOptions === null || listOptions === void 0 ? void 0 : listOptions.map(function (item, index) {
9439
+ }, (listOptions === null || listOptions === void 0 ? void 0 : listOptions.length) > 0 ? /*#__PURE__*/React__default.createElement("div", null, listOptions === null || listOptions === void 0 ? void 0 : listOptions.map(function (item, index) {
9437
9440
  return /*#__PURE__*/React__default.createElement("div", {
9438
9441
  key: "gjfd-" + index,
9439
9442
  className: "option px-2 cursor-default py-1.5 flex items-center hover:bg-gray-100 rounded-lg",
@@ -9445,7 +9448,9 @@ var Select$2 = React.forwardRef(function (props, ref) {
9445
9448
  }), renderItem ? renderItem(item) : /*#__PURE__*/React__default.createElement("div", {
9446
9449
  className: " whitespace-nowrap line-clamp-1"
9447
9450
  }, item === null || item === void 0 ? void 0 : item.label));
9448
- }) : /*#__PURE__*/React__default.createElement("div", {
9451
+ }), loading ? /*#__PURE__*/React__default.createElement("div", {
9452
+ className: "flex justify-center py-4"
9453
+ }, /*#__PURE__*/React__default.createElement(Loading, null)) : null) : /*#__PURE__*/React__default.createElement("div", {
9449
9454
  className: "py-6 text-center"
9450
9455
  }, "Kh\xF4ng c\xF3 k\u1EBFt qu\u1EA3")))) : null), error ? /*#__PURE__*/React__default.createElement("div", {
9451
9456
  className: "text-danger"
@@ -9499,7 +9504,8 @@ var BookingForm = function BookingForm(props) {
9499
9504
  var _ProductController = ProductController(_extends({}, props, {
9500
9505
  params: productsParams
9501
9506
  })),
9502
- products = _ProductController.products;
9507
+ products = _ProductController.products,
9508
+ loading = _ProductController.loading;
9503
9509
  var _BookingController = BookingController(props),
9504
9510
  _BookingController$cr = _BookingController.createSchedule,
9505
9511
  createSchedule = _BookingController$cr === void 0 ? function () {} : _BookingController$cr;
@@ -9684,6 +9690,7 @@ var BookingForm = function BookingForm(props) {
9684
9690
  setParams: setProductsParams,
9685
9691
  ref: inputSelectedRef,
9686
9692
  isMulti: true,
9693
+ loading: loading,
9687
9694
  defaultValue: listProductSelected,
9688
9695
  onClick: handleSelectedProduct,
9689
9696
  handleSearchOption: handleSearchProducts,
@@ -10060,13 +10067,13 @@ var ServiceDetail1 = function ServiceDetail1(props) {
10060
10067
  product: product,
10061
10068
  className: "w-full aspect-square !object-contain rounded-2xl"
10062
10069
  })), /*#__PURE__*/React__default.createElement("div", {
10063
- className: "flex gap-1 w-[80vw] overflow-x-auto md:w-full md:gap-2 md:flex-wrap"
10070
+ className: "flex gap-2 pb-3 md:pb-0 overflow-x-auto md:w-full lg:gap-3 md:grid md:grid-cols-4 xl:grid-cols-5"
10064
10071
  }, product === null || product === void 0 ? void 0 : (_product$images = product.images) === null || _product$images === void 0 ? void 0 : _product$images.map(function (item) {
10065
10072
  return /*#__PURE__*/React__default.createElement("img", {
10066
10073
  src: item === null || item === void 0 ? void 0 : item.imageUrl,
10067
10074
  key: item === null || item === void 0 ? void 0 : item.imageId,
10068
10075
  alt: "",
10069
- className: (displayImage ? "" : "first:border first:opacity-100 first:brightness-100") + " h-16 w-16 object-cover rounded-lg \n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 bg-background"),
10076
+ className: (displayImage ? "" : "first:border first:opacity-100 first:brightness-100") + " \n h-20 w-20 md:max-h-32 md:max-w-32 md:h-full md:w-full rounded-md lg:rounded-lg aspect-square object-contain\n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 bg-background"),
10070
10077
  onClick: function onClick() {
10071
10078
  handleDisplayImage(item);
10072
10079
  }
@@ -10187,7 +10194,7 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
10187
10194
  }, /*#__PURE__*/React__default.createElement("div", {
10188
10195
  className: "flex flex-col gap-4 col-span-2"
10189
10196
  }, /*#__PURE__*/React__default.createElement("div", {
10190
- className: "rounded-2xl p-2 bg-background border"
10197
+ className: "rounded-2xl bg-background border"
10191
10198
  }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
10192
10199
  src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
10193
10200
  className: "w-full aspect-square object-contain rounded-2xl"
@@ -10195,13 +10202,13 @@ var TreatmentDetail1 = function TreatmentDetail1(props) {
10195
10202
  product: product,
10196
10203
  className: "w-full aspect-square !object-contain rounded-2xl"
10197
10204
  })), /*#__PURE__*/React__default.createElement("div", {
10198
- className: "flex gap-1 w-[80vw] overflow-x-auto md:w-full md:gap-2 md:flex-wrap"
10205
+ className: "flex gap-2 pb-3 md:pb-0 overflow-x-auto md:w-full lg:gap-3 md:grid md:grid-cols-4 xl:grid-cols-5"
10199
10206
  }, product === null || product === void 0 ? void 0 : (_product$images = product.images) === null || _product$images === void 0 ? void 0 : _product$images.map(function (item) {
10200
10207
  return /*#__PURE__*/React__default.createElement("img", {
10201
10208
  src: item === null || item === void 0 ? void 0 : item.imageUrl,
10202
10209
  key: item === null || item === void 0 ? void 0 : item.imageId,
10203
10210
  alt: "",
10204
- className: (displayImage ? "" : "first:border first:opacity-100 first:brightness-100") + " h-16 w-16 object-cover rounded-lg \n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 bg-background"),
10211
+ className: (displayImage ? "" : "first:border first:opacity-100 first:brightness-100") + " \n h-20 w-20 md:max-h-32 md:max-w-32 md:h-full md:w-full rounded-md lg:rounded-lg aspect-square object-contain\n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 bg-background"),
10205
10212
  onClick: function onClick() {
10206
10213
  handleDisplayImage(item);
10207
10214
  }
@@ -10323,7 +10330,7 @@ var ProductItem3 = function ProductItem3(props) {
10323
10330
  className: "w-full border border-stroke rounded-2xl " + className
10324
10331
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10325
10332
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10326
- className: "w-full h-48 md:h-60 xl:h-[304px] rounded-t-2xl"
10333
+ className: "w-full rounded-t-2xl"
10327
10334
  }), /*#__PURE__*/React__default.createElement("div", {
10328
10335
  className: "p-4 flex flex-col gap-2 md:gap-4 items-start"
10329
10336
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10350,7 +10357,7 @@ var ProductItem4 = function ProductItem4(props) {
10350
10357
  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
10351
10358
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10352
10359
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10353
- className: "w-full h-40 sm:h-56 lg:h-60 xl:h-64 bg-cover bg-no-repeat rounded-2xl"
10360
+ className: "w-full rounded-2xl"
10354
10361
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10355
10362
  className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis text-lg"
10356
10363
  }, 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, {
@@ -10385,7 +10392,7 @@ var ProductItem5 = function ProductItem5(props) {
10385
10392
  className: "w-full flex flex-col gap-4 rounded-2xl p-1 " + className
10386
10393
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10387
10394
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10388
- className: "w-full w-full h-44 md:h-56 lg:h-64 xl:h-72 bg-cover bg-no-repeat rounded-2xl"
10395
+ className: "w-full rounded-2xl"
10389
10396
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10390
10397
  className: "text-start line-clamp-1 w-full overflow-hidden text-ellipsis mb-2"
10391
10398
  }, 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, {
@@ -10418,7 +10425,7 @@ var ProductItem6 = function ProductItem6(props) {
10418
10425
  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
10419
10426
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10420
10427
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10421
- className: "w-full h-48 md:h-60 xl:h-72 rounded-2xl"
10428
+ className: "w-full !aspect-[3/4] rounded-2xl"
10422
10429
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10423
10430
  className: "text start line-clamp-1 w-full overflow-hidden text-ellipsis"
10424
10431
  }, 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, {
@@ -10453,7 +10460,7 @@ var ProductItem7 = function ProductItem7(props) {
10453
10460
  className: "px-2 md:px-4 xl:px-6"
10454
10461
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10455
10462
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10456
- className: "w-full hover:scale-105 transition duration-300 ease-in-out rounded-2xl"
10463
+ className: "w-full hover:scale-105 transition duration-300 ease-in-out rounded-2xl !object-contain"
10457
10464
  })), (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.price) !== (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.priceBeforeDiscount) && product !== null && product !== void 0 && (_product$productInfo3 = product.productInfo) !== null && _product$productInfo3 !== void 0 && _product$productInfo3.priceBeforeDiscount ? /*#__PURE__*/React__default.createElement("div", {
10458
10465
  className: "absolute top-4 left-0 py-1 px-4 rounded-r-2xl bg-danger text-textButton font-semibold shadow-lg"
10459
10466
  }, "-", Math.round(100 - (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.price) / (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) * 100)) : null), /*#__PURE__*/React__default.createElement("div", {
@@ -10486,7 +10493,7 @@ var ProductItem8 = function ProductItem8(props) {
10486
10493
  className: "relative "
10487
10494
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10488
10495
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10489
- className: "h-[340px] md:h-[400px] xl:h-[460px] rounded"
10496
+ className: "!aspect-[5/8] rounded"
10490
10497
  }), /*#__PURE__*/React__default.createElement("div", {
10491
10498
  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 "
10492
10499
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -10519,7 +10526,7 @@ var ProductItem9 = function ProductItem9(props) {
10519
10526
  className: "w-full flex flex-col gap-4 rounded-2xl p-2 md:p-6 bg-bgSecondary " + className
10520
10527
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10521
10528
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10522
- className: "hover:scale-105 transition duration-300 ease-in-out w-full h-44 md:h-56 xl:h-60"
10529
+ className: "hover:scale-105 transition duration-300 ease-in-out !object-contain !aspect-[9/8]"
10523
10530
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10524
10531
  className: "text-start line-clamp-2 font-medium min-h-12 w-full overflow-hidden text-ellipsis mb-2"
10525
10532
  }, 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, {
@@ -10651,7 +10658,7 @@ var ProductItem11 = function ProductItem11(props) {
10651
10658
  className: "overflow-hidden"
10652
10659
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10653
10660
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10654
- className: "hover:scale-105 transition duration-300 ease-in-out w-full h-56 sm:h-64 lg:h-72 xl:h-[302px]"
10661
+ className: "hover:scale-105 transition duration-300 ease-in-out"
10655
10662
  })), /*#__PURE__*/React__default.createElement("div", {
10656
10663
  className: "p-4 flex flex-col gap-4"
10657
10664
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
@@ -10672,7 +10679,7 @@ var ProductItem11 = function ProductItem11(props) {
10672
10679
  };
10673
10680
 
10674
10681
  var TreatmentItem1 = function TreatmentItem1(props) {
10675
- var _product$productInfo;
10682
+ var _product$productInfo, _product$productInfo2;
10676
10683
  var product = props.product,
10677
10684
  _props$Link = props.Link,
10678
10685
  Link = _props$Link === void 0 ? null : _props$Link,
@@ -10685,7 +10692,7 @@ var TreatmentItem1 = function TreatmentItem1(props) {
10685
10692
  className: "w-full flex flex-col gap-4 rounded-2xl p-1"
10686
10693
  }, /*#__PURE__*/React__default.createElement(ProductImage, {
10687
10694
  product: product === null || product === void 0 ? void 0 : product.productInfo,
10688
- className: "w-full w-full h-[189px] md:h-[238px] xl:h-[304px] rounded-2xl"
10695
+ className: " rounded-2xl"
10689
10696
  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
10690
10697
  className: "line-clamp-1 mb-2 font-medium text-lg"
10691
10698
  }, 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, {
@@ -10695,7 +10702,7 @@ var TreatmentItem1 = function TreatmentItem1(props) {
10695
10702
  className: "flex flex-col md:flex-row gap-2 md:items-center md:gap-6 "
10696
10703
  }, /*#__PURE__*/React__default.createElement("div", {
10697
10704
  className: "whitespace-nowrap"
10698
- }, "Th\u1EDDi gian: 120p"), /*#__PURE__*/React__default.createElement(Button, {
10705
+ }, "Th\u1EDDi gian: ", getDurationValue(product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? void 0 : _product$productInfo2.attributes)), /*#__PURE__*/React__default.createElement(Button, {
10699
10706
  shopConfigStyle: shopConfigStyle,
10700
10707
  label: "\u0110\u1EB7t l\u1ECBch",
10701
10708
  className: "w-full"
@@ -10774,7 +10781,14 @@ var Products2 = function Products2(props) {
10774
10781
  var _useState2 = React.useState(false),
10775
10782
  canGoNext = _useState2[0],
10776
10783
  setCanGoNext = _useState2[1];
10777
- var _ProductController = ProductController(props),
10784
+ var _useState3 = React.useState({
10785
+ size: 16,
10786
+ isSale: true
10787
+ }),
10788
+ params = _useState3[0];
10789
+ var _ProductController = ProductController(_extends({}, props, {
10790
+ params: params
10791
+ })),
10778
10792
  _ProductController$pr = _ProductController.products,
10779
10793
  products = _ProductController$pr === void 0 ? [] : _ProductController$pr,
10780
10794
  _ProductController$lo = _ProductController.loading,
@@ -11380,7 +11394,7 @@ var Products11 = function Products11(props) {
11380
11394
  _props$Link = props.Link,
11381
11395
  Link = _props$Link === void 0 ? null : _props$Link,
11382
11396
  _props$categoryId = props.categoryId,
11383
- categoryId = _props$categoryId === void 0 ? 0 : _props$categoryId,
11397
+ categoryId = _props$categoryId === void 0 ? "" : _props$categoryId,
11384
11398
  _props$ProductItem = props.ProductItem,
11385
11399
  ProductItem = _props$ProductItem === void 0 ? null : _props$ProductItem;
11386
11400
  var _useState = React.useState({
@@ -11423,13 +11437,18 @@ var Products11 = function Products11(props) {
11423
11437
  });
11424
11438
  };
11425
11439
  var handleChooseCategory = function handleChooseCategory(category) {
11440
+ if (categoryId) {
11441
+ var newUrl = getLinkProductsByCategory(category);
11442
+ window.history.replaceState(null, '', newUrl);
11443
+ }
11426
11444
  setCategorySelected(category);
11427
11445
  setFilterItem(listFilter === null || listFilter === void 0 ? void 0 : listFilter[0]);
11428
11446
  setParams(function (prev) {
11429
- return _extends({}, prev, {
11447
+ return {
11448
+ page: 0,
11430
11449
  categoryId: category === null || category === void 0 ? void 0 : category.categoryId,
11431
11450
  size: 12
11432
- });
11451
+ };
11433
11452
  });
11434
11453
  window.scrollTo({
11435
11454
  top: 0,
@@ -11452,48 +11471,38 @@ var Products11 = function Products11(props) {
11452
11471
  return (a === null || a === void 0 ? void 0 : (_a$productInfo = a.productInfo) === null || _a$productInfo === void 0 ? void 0 : _a$productInfo.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo = b.productInfo) === null || _b$productInfo === void 0 ? void 0 : _b$productInfo.price);
11453
11472
  });
11454
11473
  setProductsFilter(productsCopy);
11455
- } else if ((filterItem === null || filterItem === void 0 ? void 0 : filterItem.value) === "discount") {
11456
- var _productsCopy2;
11457
- var _productsCopy = [].concat(products);
11458
- _productsCopy = (_productsCopy2 = _productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
11459
- var _product$productInfo, _product$productInfo2, _product$productInfo3;
11460
- return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? 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.price);
11461
- });
11462
- setProductsFilter(_productsCopy);
11463
11474
  } else {
11464
11475
  setProductsFilter(products);
11465
11476
  }
11466
11477
  }, [products, categorySelected]);
11467
11478
  var handleFilter = function handleFilter(item) {
11468
11479
  setFilterItem(item);
11469
- if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight)) {
11480
+ if ((item === null || item === void 0 ? void 0 : item.value) === "sortPriceDESC" && !(params !== null && params !== void 0 && params.isHighlight) && !(params !== null && params !== void 0 && params.isSale)) {
11470
11481
  var productsCopy = [].concat(products);
11471
11482
  productsCopy === null || productsCopy === void 0 ? void 0 : productsCopy.sort(function (a, b) {
11472
11483
  var _a$productInfo2, _b$productInfo2;
11473
11484
  return (a === null || a === void 0 ? void 0 : (_a$productInfo2 = a.productInfo) === null || _a$productInfo2 === void 0 ? void 0 : _a$productInfo2.price) - (b === null || b === void 0 ? void 0 : (_b$productInfo2 = b.productInfo) === null || _b$productInfo2 === void 0 ? void 0 : _b$productInfo2.price);
11474
11485
  });
11475
11486
  setProductsFilter(productsCopy);
11476
- } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
11477
- var _productsCopy4;
11478
- var _productsCopy3 = [].concat(products);
11479
- _productsCopy3 = (_productsCopy4 = _productsCopy3) === null || _productsCopy4 === void 0 ? void 0 : _productsCopy4.filter(function (product) {
11480
- var _product$productInfo4, _product$productInfo5, _product$productInfo6;
11481
- return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
11487
+ } else if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
11488
+ setParams({
11489
+ page: 0,
11490
+ categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
11491
+ size: 12,
11492
+ isSale: true
11482
11493
  });
11483
- setProductsFilter(_productsCopy3);
11484
11494
  } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
11485
- setParams(function (prev) {
11486
- return _extends({}, prev, {
11487
- isHighlight: true
11488
- });
11495
+ setParams({
11496
+ page: 0,
11497
+ categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
11498
+ size: 12,
11499
+ isHighlight: true
11489
11500
  });
11490
11501
  } else {
11491
- setParams(function (prev) {
11492
- return {
11493
- page: 0,
11494
- categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
11495
- size: 12
11496
- };
11502
+ setParams({
11503
+ page: 0,
11504
+ categoryId: categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId,
11505
+ size: 12
11497
11506
  });
11498
11507
  }
11499
11508
  };
@@ -11502,7 +11511,7 @@ var Products11 = function Products11(props) {
11502
11511
  }, /*#__PURE__*/React__default.createElement("div", {
11503
11512
  className: "md:sticky top-16 self-start"
11504
11513
  }, (categories === null || categories === void 0 ? void 0 : categories.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
11505
- className: " flex flex-col gap-2 rounded-2xl bg-bgSecondary p-4 max-h-96 overflow-y-auto"
11514
+ className: " flex flex-col gap-2 rounded-2xl bg-bgSecondary p-4 max-h-96 scroll-container overflow-y-auto"
11506
11515
  }, categories === null || categories === void 0 ? void 0 : categories.map(function (item, index) {
11507
11516
  return /*#__PURE__*/React__default.createElement("div", {
11508
11517
  className: "px-6 py-2 hover:bg-gray-100 hover:text-primary cursor-pointer rounded-lg " + ((categorySelected === null || categorySelected === void 0 ? void 0 : categorySelected.categoryId) === (item === null || item === void 0 ? void 0 : item.categoryId) ? " bg-primary text-textButton" : ""),
@@ -11791,7 +11800,7 @@ var listFilter$1 = [{
11791
11800
  }
11792
11801
  }];
11793
11802
  var ProductSearch1 = function ProductSearch1(props) {
11794
- var _window, _window$location, _productsFilter$slice;
11803
+ var _window, _window$location, _products$slice;
11795
11804
  var _props$Link = props.Link,
11796
11805
  Link = _props$Link === void 0 ? null : _props$Link,
11797
11806
  _props$SectionTitle = props.SectionTitle,
@@ -11801,21 +11810,18 @@ var ProductSearch1 = function ProductSearch1(props) {
11801
11810
  shopConfigStyle = props.shopConfigStyle;
11802
11811
  var queryParams = new URLSearchParams((_window = window) === null || _window === void 0 ? void 0 : (_window$location = _window.location) === null || _window$location === void 0 ? void 0 : _window$location.search);
11803
11812
  var keywordValue = queryParams === null || queryParams === void 0 ? void 0 : queryParams.get('tu-khoa');
11804
- var _useState = React.useState([]),
11805
- productsFilter = _useState[0],
11806
- setProductsFilter = _useState[1];
11807
- var _useState2 = React.useState({
11813
+ var _useState = React.useState({
11808
11814
  productName: keywordValue,
11809
11815
  size: 12
11810
11816
  }),
11811
- params = _useState2[0],
11812
- setParams = _useState2[1];
11813
- var _useState3 = React.useState(true),
11814
- isGetMore = _useState3[0],
11815
- setIsGetMore = _useState3[1];
11816
- var _useState4 = React.useState(false),
11817
- isAutoGetList = _useState4[0],
11818
- setIsAutoGetList = _useState4[1];
11817
+ params = _useState[0],
11818
+ setParams = _useState[1];
11819
+ var _useState2 = React.useState(true),
11820
+ isGetMore = _useState2[0],
11821
+ setIsGetMore = _useState2[1];
11822
+ var _useState3 = React.useState(false),
11823
+ isAutoGetList = _useState3[0],
11824
+ setIsAutoGetList = _useState3[1];
11819
11825
  var _ProductController = ProductController(_extends({}, props, {
11820
11826
  params: params,
11821
11827
  isAutoGetList: isAutoGetList
@@ -11823,9 +11829,6 @@ var ProductSearch1 = function ProductSearch1(props) {
11823
11829
  products = _ProductController.products,
11824
11830
  loading = _ProductController.loading,
11825
11831
  page = _ProductController.page;
11826
- var _useState5 = React.useState({}),
11827
- filterValue = _useState5[0],
11828
- setFilterValue = _useState5[1];
11829
11832
  React.useEffect(function () {
11830
11833
  setIsAutoGetList(true);
11831
11834
  setParams(function (prev) {
@@ -11834,19 +11837,6 @@ var ProductSearch1 = function ProductSearch1(props) {
11834
11837
  });
11835
11838
  });
11836
11839
  }, [keywordValue]);
11837
- React.useEffect(function () {
11838
- if ((filterValue === null || filterValue === void 0 ? void 0 : filterValue.value) === "discount") {
11839
- var _productsCopy;
11840
- var productsCopy = [].concat(products);
11841
- productsCopy = (_productsCopy = productsCopy) === null || _productsCopy === void 0 ? void 0 : _productsCopy.filter(function (product) {
11842
- var _product$productInfo, _product$productInfo2, _product$productInfo3;
11843
- return (product === null || product === void 0 ? void 0 : (_product$productInfo = product.productInfo) === null || _product$productInfo === void 0 ? void 0 : _product$productInfo.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo2 = product.productInfo) === null || _product$productInfo2 === void 0 ? 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.price);
11844
- });
11845
- setProductsFilter(productsCopy);
11846
- } else {
11847
- setProductsFilter(products);
11848
- }
11849
- }, [products]);
11850
11840
  var handleGetMoreProducts = function handleGetMoreProducts() {
11851
11841
  setIsGetMore(false);
11852
11842
  setParams(function (prev) {
@@ -11856,20 +11846,17 @@ var ProductSearch1 = function ProductSearch1(props) {
11856
11846
  });
11857
11847
  };
11858
11848
  var handleFilter = function handleFilter(item) {
11859
- setFilterValue(item);
11860
- if ((item === null || item === void 0 ? void 0 : item.value) === "discount" && !(params !== null && params !== void 0 && params.isHighlight)) {
11861
- var _productsCopy2;
11862
- var productsCopy = [].concat(products);
11863
- productsCopy = (_productsCopy2 = productsCopy) === null || _productsCopy2 === void 0 ? void 0 : _productsCopy2.filter(function (product) {
11864
- var _product$productInfo4, _product$productInfo5, _product$productInfo6;
11865
- return (product === null || product === void 0 ? void 0 : (_product$productInfo4 = product.productInfo) === null || _product$productInfo4 === void 0 ? void 0 : _product$productInfo4.priceBeforeDiscount) && (product === null || product === void 0 ? void 0 : (_product$productInfo5 = product.productInfo) === null || _product$productInfo5 === void 0 ? void 0 : _product$productInfo5.priceBeforeDiscount) !== (product === null || product === void 0 ? void 0 : (_product$productInfo6 = product.productInfo) === null || _product$productInfo6 === void 0 ? void 0 : _product$productInfo6.price);
11849
+ if ((item === null || item === void 0 ? void 0 : item.value) === "discount") {
11850
+ setParams({
11851
+ size: 12,
11852
+ productName: keywordValue,
11853
+ isSale: true
11866
11854
  });
11867
- setProductsFilter(productsCopy);
11868
11855
  } else if ((item === null || item === void 0 ? void 0 : item.value) === "isHighlight") {
11869
- setParams(function (prev) {
11870
- return _extends({}, prev, {
11871
- isHighlight: true
11872
- });
11856
+ setParams({
11857
+ size: 12,
11858
+ productName: keywordValue,
11859
+ isHighlight: true
11873
11860
  });
11874
11861
  } else {
11875
11862
  setParams({
@@ -11893,15 +11880,15 @@ var ProductSearch1 = function ProductSearch1(props) {
11893
11880
  onClick: handleFilter
11894
11881
  }), loading && isGetMore ? /*#__PURE__*/React__default.createElement("div", {
11895
11882
  className: "m-auto mt-20 min-h-32"
11896
- }, /*#__PURE__*/React__default.createElement(Loading, null)) : (productsFilter === null || productsFilter === void 0 ? void 0 : productsFilter.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
11883
+ }, /*#__PURE__*/React__default.createElement(Loading, null)) : (products === null || products === void 0 ? void 0 : products.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
11897
11884
  className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-2 gap-y-4 md:gap-4 xl:gap-6"
11898
- }, 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) {
11885
+ }, 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) {
11899
11886
  return /*#__PURE__*/React__default.createElement(ProductItem, {
11900
11887
  Link: Link,
11901
11888
  product: product,
11902
11889
  key: "htrhr-" + idx
11903
11890
  });
11904
- })) : /*#__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, {
11891
+ })) : /*#__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, {
11905
11892
  label: "Xem thêm",
11906
11893
  onClick: handleGetMoreProducts,
11907
11894
  className: "mx-auto " + (shopConfigStyle === null || shopConfigStyle === void 0 ? void 0 : shopConfigStyle.buttonClass),
@@ -12281,12 +12268,12 @@ var ProductDetail10 = function ProductDetail10(props) {
12281
12268
  return /*#__PURE__*/React__default.createElement("div", {
12282
12269
  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")
12283
12270
  }, /*#__PURE__*/React__default.createElement("div", {
12284
- 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"
12271
+ 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 gap-3 md:gap-6 bg-bgSecondary"
12285
12272
  }, /*#__PURE__*/React__default.createElement("div", {
12286
- className: "flex flex-col gap-4 col-span-2 "
12273
+ className: "flex flex-col gap-4 md:col-span-2 "
12287
12274
  }, displayImage ? /*#__PURE__*/React__default.createElement("img", {
12288
12275
  src: displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageUrl,
12289
- className: "w-full border rounded-2xl p-2 bg-background aspect-square object-contain rounded-2xl "
12276
+ className: "w-full border bg-background aspect-square object-contain rounded-2xl "
12290
12277
  }) : /*#__PURE__*/React__default.createElement("div", {
12291
12278
  className: "flex justify-center items-center w-full border rounded-2xl aspect-square",
12292
12279
  style: {
@@ -12297,19 +12284,19 @@ var ProductDetail10 = function ProductDetail10(props) {
12297
12284
  height: "25%",
12298
12285
  fill: "#D9D9D9"
12299
12286
  })), /*#__PURE__*/React__default.createElement("div", {
12300
- className: "flex gap-1 w-[80vw] overflow-x-auto md:w-full md:gap-2 md:flex-wrap"
12287
+ className: "flex gap-2 pb-3 md:pb-0 overflow-x-auto md:w-full lg:gap-3 md:grid md:grid-cols-4 xl:grid-cols-5"
12301
12288
  }, product === null || product === void 0 ? void 0 : (_product$images2 = product.images) === null || _product$images2 === void 0 ? void 0 : _product$images2.map(function (item) {
12302
12289
  return /*#__PURE__*/React__default.createElement("img", {
12303
12290
  src: item === null || item === void 0 ? void 0 : item.imageUrl,
12304
12291
  key: item === null || item === void 0 ? void 0 : item.imageId,
12305
12292
  alt: "",
12306
- className: "cursor-pointer h-16 w-16 rounded-lg bg-background\n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 "),
12293
+ className: "cursor-pointer h-20 w-20 md:max-h-32 md:max-w-32 md:h-full md:w-full aspect-square rounded-md lg:rounded-lg bg-background object-contain\n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border" : "opacity-50 brightness-75 "),
12307
12294
  onClick: function onClick() {
12308
12295
  handleDisplayImage(item);
12309
12296
  }
12310
12297
  });
12311
12298
  }))), /*#__PURE__*/React__default.createElement("div", {
12312
- className: "col-span-3"
12299
+ className: "md:col-span-3 "
12313
12300
  }, /*#__PURE__*/React__default.createElement("p", {
12314
12301
  className: "font-semibold text-2xl"
12315
12302
  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement(ProductPrice, {
@@ -12323,7 +12310,7 @@ var ProductDetail10 = function ProductDetail10(props) {
12323
12310
  }, /*#__PURE__*/React__default.createElement("div", {
12324
12311
  className: "min-w-24"
12325
12312
  }, option === null || option === void 0 ? void 0 : option.name, ":"), /*#__PURE__*/React__default.createElement("div", {
12326
- className: "flex gap-2"
12313
+ className: "flex flex-wrap gap-2"
12327
12314
  }, ((option === null || option === void 0 ? void 0 : option.value) || []).map(function (v, i) {
12328
12315
  return /*#__PURE__*/React__default.createElement("button", {
12329
12316
  key: i,
@@ -12375,7 +12362,7 @@ var ProductDetail10 = function ProductDetail10(props) {
12375
12362
  __html: product === null || product === void 0 ? void 0 : product.description
12376
12363
  }
12377
12364
  }), !isSeeMore && !hiddenButton ? /*#__PURE__*/React__default.createElement("div", {
12378
- className: "h-10 relative -mt-10 rounded-b-lg",
12365
+ className: "h-28 relative -mt-28 rounded-b-lg",
12379
12366
  style: {
12380
12367
  background: "linear-gradient(to top, #81818169 0%, #00000003 50%)"
12381
12368
  }
@@ -12520,7 +12507,7 @@ var ProductDetail11 = function ProductDetail11(props) {
12520
12507
  src: item === null || item === void 0 ? void 0 : item.imageUrl,
12521
12508
  key: item === null || item === void 0 ? void 0 : item.imageId,
12522
12509
  alt: "",
12523
- className: "cursor-pointer px-3 py-2 !h-24 !w-24 object-cover rounded-lg \n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border border-primary" : ""),
12510
+ className: "cursor-pointer px-3 py-2 !h-24 !w-24 object-contain aspect-square rounded-lg \n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border border-primary" : ""),
12524
12511
  onClick: function onClick() {
12525
12512
  handleDisplayImage(item);
12526
12513
  }
@@ -12552,7 +12539,7 @@ var ProductDetail11 = function ProductDetail11(props) {
12552
12539
  src: item === null || item === void 0 ? void 0 : item.imageUrl,
12553
12540
  key: item === null || item === void 0 ? void 0 : item.imageId,
12554
12541
  alt: "",
12555
- className: "cursor-pointer px-2 py-1 !h-24 !w-24 object-cover rounded-lg \n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border border-primary" : ""),
12542
+ className: "cursor-pointer px-2 py-1 !h-24 !w-24 object-contain rounded-lg aspect-square\n " + ((displayImage === null || displayImage === void 0 ? void 0 : displayImage.imageId) === (item === null || item === void 0 ? void 0 : item.imageId) ? "border border-primary" : ""),
12556
12543
  onClick: function onClick() {
12557
12544
  handleDisplayImage(item);
12558
12545
  }
@@ -12572,7 +12559,7 @@ var ProductDetail11 = function ProductDetail11(props) {
12572
12559
  }, /*#__PURE__*/React__default.createElement("div", {
12573
12560
  className: "min-w-24 my-auto"
12574
12561
  }, option === null || option === void 0 ? void 0 : option.name, ":"), /*#__PURE__*/React__default.createElement("div", {
12575
- className: "flex gap-2"
12562
+ className: "flex flex-wrap gap-2"
12576
12563
  }, ((option === null || option === void 0 ? void 0 : option.value) || []).map(function (v, i) {
12577
12564
  return /*#__PURE__*/React__default.createElement("button", {
12578
12565
  key: i,
@@ -13034,7 +13021,9 @@ var Banner1 = function Banner1(props) {
13034
13021
  var data = props.data,
13035
13022
  shopConfigStyle = props.shopConfigStyle,
13036
13023
  _props$SectionTitle = props.SectionTitle,
13037
- SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle;
13024
+ SectionTitle = _props$SectionTitle === void 0 ? null : _props$SectionTitle,
13025
+ _props$Link = props.Link,
13026
+ Link = _props$Link === void 0 ? null : _props$Link;
13038
13027
  var sectionData = data === null || data === void 0 ? void 0 : data.data;
13039
13028
  return /*#__PURE__*/React__default.createElement("div", {
13040
13029
  className: "" + SECTION_DEFAULT_CLASS
@@ -13044,12 +13033,15 @@ var Banner1 = function Banner1(props) {
13044
13033
  }), /*#__PURE__*/React__default.createElement("div", {
13045
13034
  className: "grid grid-cols-1 sm:grid-cols-3 gap-4 lg:gap-6 mt-6"
13046
13035
  }, sectionData && sectionData.length > 0 && sectionData.map(function (item, index) {
13047
- return /*#__PURE__*/React__default.createElement("img", {
13036
+ return /*#__PURE__*/React__default.createElement(LinkToPage, {
13037
+ Link: Link,
13038
+ href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#"
13039
+ }, /*#__PURE__*/React__default.createElement("img", {
13048
13040
  src: item === null || item === void 0 ? void 0 : item.srcImage,
13049
13041
  alt: "",
13050
13042
  className: "rounded-2xl",
13051
13043
  key: "hnfhn-" + index
13052
- });
13044
+ }));
13053
13045
  })));
13054
13046
  };
13055
13047
 
@@ -13139,25 +13131,30 @@ var Banner3 = function Banner3(props) {
13139
13131
  };
13140
13132
 
13141
13133
  var Banner4 = function Banner4(props) {
13142
- var _data$data, _data$data$, _data$data2, _data$data2$slice;
13134
+ var _data$data, _data$data$, _data$data2, _data$data2$, _data$data3, _data$data3$, _data$data4, _data$data4$slice;
13143
13135
  var data = props.data,
13144
13136
  _props$Link = props.Link,
13145
13137
  Link = _props$Link === void 0 ? null : _props$Link;
13146
13138
  return /*#__PURE__*/React__default.createElement("div", {
13147
13139
  className: SECTION_CLASS_PADDING + " grid grid-cols-1 bg-bgSecondary md:grid-cols-3 gap-6"
13140
+ }, /*#__PURE__*/React__default.createElement(LinkToPage, {
13141
+ className: "md:col-span-2",
13142
+ Link: Link,
13143
+ href: convertURL(data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : _data$data$.route) || (data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$ = _data$data2[0]) === null || _data$data2$ === void 0 ? void 0 : _data$data2$.link) || "#"
13148
13144
  }, /*#__PURE__*/React__default.createElement("img", {
13149
- src: data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$ = _data$data[0]) === null || _data$data$ === void 0 ? void 0 : _data$data$.srcImage,
13150
- className: "md:col-span-2 object-cover w-full h-full rounded-[10px]"
13151
- }), /*#__PURE__*/React__default.createElement("div", {
13152
- className: "flex flex-col gap-6"
13153
- }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$slice = _data$data2.slice(1, 3)) === null || _data$data2$slice === void 0 ? void 0 : _data$data2$slice.map(function (item, index) {
13145
+ src: data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$ = _data$data3[0]) === null || _data$data3$ === void 0 ? void 0 : _data$data3$.srcImage,
13146
+ className: " object-cover w-full h-full rounded-[10px]"
13147
+ })), /*#__PURE__*/React__default.createElement("div", {
13148
+ className: "flex flex-col gap-6 h-full"
13149
+ }, data === null || data === void 0 ? void 0 : (_data$data4 = data.data) === null || _data$data4 === void 0 ? void 0 : (_data$data4$slice = _data$data4.slice(1, 3)) === null || _data$data4$slice === void 0 ? void 0 : _data$data4$slice.map(function (item, index) {
13154
13150
  return /*#__PURE__*/React__default.createElement(LinkToPage, {
13155
13151
  Link: Link,
13156
13152
  href: convertURL(item === null || item === void 0 ? void 0 : item.route) || (item === null || item === void 0 ? void 0 : item.link) || "#",
13153
+ className: "flex-1 min-h-0",
13157
13154
  key: "djsd-" + index
13158
13155
  }, /*#__PURE__*/React__default.createElement("img", {
13159
13156
  src: item === null || item === void 0 ? void 0 : item.srcImage,
13160
- className: "object-cover w-full h-full rounded-xl"
13157
+ className: "object-cover w-full h-full rounded-[10px]"
13161
13158
  }));
13162
13159
  })));
13163
13160
  };
@@ -13564,7 +13561,7 @@ var Footer1 = function Footer1(props) {
13564
13561
  href: "/",
13565
13562
  className: "flex items-center"
13566
13563
  }, /*#__PURE__*/React__default.createElement("img", {
13567
- className: "object-cover w-14 max-h-14",
13564
+ className: "object-contain w-14 h-14",
13568
13565
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
13569
13566
  }), /*#__PURE__*/React__default.createElement("h3", {
13570
13567
  className: "text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -13707,7 +13704,7 @@ var Footer7 = function Footer7(props) {
13707
13704
  href: "/",
13708
13705
  className: "flex items-center gap-2"
13709
13706
  }, /*#__PURE__*/React__default.createElement("img", {
13710
- className: "object-cover w-14 max-h-14",
13707
+ className: "object-contain w-14 h-14",
13711
13708
  src: shopConfig === null || shopConfig === void 0 ? void 0 : shopConfig.logoUrl
13712
13709
  }), /*#__PURE__*/React__default.createElement("h3", {
13713
13710
  className: " text-2xl md:text-3xl ms-2 font-headingFont ",
@@ -14004,13 +14001,13 @@ var CustomerRating8 = function CustomerRating8(props) {
14004
14001
  }, item === null || item === void 0 ? void 0 : item.description), /*#__PURE__*/React__default.createElement("div", {
14005
14002
  className: "flex gap-2 "
14006
14003
  }, /*#__PURE__*/React__default.createElement(ri.RiDoubleQuotesL, {
14007
- className: "text-gray3",
14008
- size: 36
14004
+ className: "flex-shrink-0 text-gray4",
14005
+ size: 16
14009
14006
  }), /*#__PURE__*/React__default.createElement("div", {
14010
14007
  className: "pt-4"
14011
- }, item === null || item === void 0 ? void 0 : item.content), /*#__PURE__*/React__default.createElement(ri.RiDoubleQuotesL, {
14012
- className: " mt-auto text-gray3",
14013
- size: 36
14008
+ }, item === null || item === void 0 ? void 0 : item.content), /*#__PURE__*/React__default.createElement(ri.RiDoubleQuotesR, {
14009
+ className: "flex-shrink-0 mt-auto text-gray4",
14010
+ size: 16
14014
14011
  })));
14015
14012
  }))));
14016
14013
  };
@@ -14261,21 +14258,21 @@ var Gallery2 = function Gallery2(props) {
14261
14258
  }, data === null || data === void 0 ? void 0 : (_data$data = data.data) === null || _data$data === void 0 ? void 0 : (_data$data$slice = _data$data.slice(0, 2)) === null || _data$data$slice === void 0 ? void 0 : _data$data$slice.map(function (item, index) {
14262
14259
  return /*#__PURE__*/React__default.createElement("img", {
14263
14260
  src: item === null || item === void 0 ? void 0 : item.srcImage,
14264
- className: "w-full h-full object-cover rounded-xl md:rounded-2xl"
14261
+ className: "w-full h-full object-cover rounded-lg md:rounded-2xl"
14265
14262
  });
14266
14263
  })), /*#__PURE__*/React__default.createElement("div", {
14267
14264
  className: "flex flex-col gap-2 md:gap-4"
14268
14265
  }, data === null || data === void 0 ? void 0 : (_data$data2 = data.data) === null || _data$data2 === void 0 ? void 0 : (_data$data2$slice = _data$data2.slice(2, 4)) === null || _data$data2$slice === void 0 ? void 0 : _data$data2$slice.map(function (item, index) {
14269
14266
  return /*#__PURE__*/React__default.createElement("img", {
14270
14267
  src: item === null || item === void 0 ? void 0 : item.srcImage,
14271
- className: "w-full h-full object-cover rounded-xl md:rounded-2xl odd:h-[130%]"
14268
+ className: "w-full h-full object-cover rounded-lg md:rounded-2xl odd:h-[130%]"
14272
14269
  });
14273
14270
  })), /*#__PURE__*/React__default.createElement("div", {
14274
14271
  className: "flex flex-col gap-2 md:gap-4"
14275
14272
  }, data === null || data === void 0 ? void 0 : (_data$data3 = data.data) === null || _data$data3 === void 0 ? void 0 : (_data$data3$slice = _data$data3.slice(4, 6)) === null || _data$data3$slice === void 0 ? void 0 : _data$data3$slice.map(function (item, index) {
14276
14273
  return /*#__PURE__*/React__default.createElement("img", {
14277
14274
  src: item === null || item === void 0 ? void 0 : item.srcImage,
14278
- className: "w-full h-full object-cover rounded-xl md:rounded-2xl even:h-[130%]"
14275
+ className: "w-full h-full object-cover rounded-lg md:rounded-2xl even:h-[130%]"
14279
14276
  });
14280
14277
  })))));
14281
14278
  };
@@ -14370,12 +14367,12 @@ var Breadcrumb1 = function Breadcrumb1(props) {
14370
14367
  return e === null || e === void 0 ? void 0 : e.length;
14371
14368
  })) === null || _route$route$split$fi === void 0 ? void 0 : _route$route$split$fi.slice(0, 2);
14372
14369
  items = (_items = items) === null || _items === void 0 ? void 0 : _items.map(function (e) {
14373
- var _e, _e$replace, _e$replace$replace, _e$replace$replace$re;
14370
+ var _e, _e$replace, _e$replace$replace, _e$replace$replace$re, _e$replace$replace$re2;
14374
14371
  if (e === "product") e = "products";else if (e === "service") e = "services";
14375
14372
  return (routes === null || routes === void 0 ? void 0 : routes.find(function (r) {
14376
14373
  return (r === null || r === void 0 ? void 0 : r.name) === e;
14377
14374
  })) || {
14378
- label: (_e = e) === null || _e === void 0 ? void 0 : (_e$replace = _e.replace(/-{3}/g, "###")) === null || _e$replace === void 0 ? void 0 : (_e$replace$replace = _e$replace.replace(/-/g, " ")) === null || _e$replace$replace === void 0 ? void 0 : (_e$replace$replace$re = _e$replace$replace.replace(/###/g, "-")) === null || _e$replace$replace$re === void 0 ? void 0 : _e$replace$replace$re.replace(/~/g, "/")
14375
+ label: (_e = e) === null || _e === void 0 ? void 0 : (_e$replace = _e.replace(/pct/g, '%')) === null || _e$replace === void 0 ? void 0 : (_e$replace$replace = _e$replace.replace(/fs/g, '/')) === null || _e$replace$replace === void 0 ? void 0 : (_e$replace$replace$re = _e$replace$replace.replace(/amp/g, '&')) === null || _e$replace$replace$re === void 0 ? void 0 : (_e$replace$replace$re2 = _e$replace$replace$re.replace(/-/g, ' ')) === null || _e$replace$replace$re2 === void 0 ? void 0 : _e$replace$replace$re2.replace(/hyp/g, '-')
14379
14376
  };
14380
14377
  });
14381
14378
  (_items2 = items) === null || _items2 === void 0 ? void 0 : _items2.unshift({
@@ -14383,7 +14380,6 @@ var Breadcrumb1 = function Breadcrumb1(props) {
14383
14380
  label: "Trang chủ",
14384
14381
  route: "/"
14385
14382
  });
14386
- console.log(items);
14387
14383
  setItems(items);
14388
14384
  };
14389
14385
  return /*#__PURE__*/React__default.createElement("div", {
@@ -15628,7 +15624,7 @@ var ShopHighlights2 = function ShopHighlights2(props) {
15628
15624
  }) : /*#__PURE__*/React__default.createElement("img", {
15629
15625
  src: item === null || item === void 0 ? void 0 : item.srcImage,
15630
15626
  alt: "logo",
15631
- className: "w-16 h-16 p-3 rounded-full bg-primary"
15627
+ className: "w-16 h-16 p-3 rounded-full object-cover bg-primary"
15632
15628
  }), /*#__PURE__*/React__default.createElement("div", {
15633
15629
  className: "font-medium text-lg"
15634
15630
  }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15660,7 +15656,7 @@ var ShopHighlights5 = function ShopHighlights5(props) {
15660
15656
  }) : /*#__PURE__*/React__default.createElement("img", {
15661
15657
  src: item === null || item === void 0 ? void 0 : item.srcImage,
15662
15658
  alt: "logo",
15663
- className: "w-16 h-16 rounded-full bg-primary"
15659
+ className: "w-16 h-16 rounded-full object-cover bg-primary"
15664
15660
  }), /*#__PURE__*/React__default.createElement("div", {
15665
15661
  className: "font-semibold text-xl text-textHeading pt-2 border-t border-textHeading"
15666
15662
  }, item === null || item === void 0 ? void 0 : (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
@@ -15690,7 +15686,7 @@ var ShopHighlights6 = function ShopHighlights6(props) {
15690
15686
  }) : /*#__PURE__*/React__default.createElement("img", {
15691
15687
  src: item === null || item === void 0 ? void 0 : item.srcImage,
15692
15688
  alt: "logo",
15693
- className: "w-16 h-16"
15689
+ className: "w-16 h-16 object-cover"
15694
15690
  }), /*#__PURE__*/React__default.createElement("div", {
15695
15691
  className: " w-44 h-0.5 rounded-full bg-primary"
15696
15692
  }), /*#__PURE__*/React__default.createElement("div", {
@@ -15869,7 +15865,7 @@ var ShopHighlights10 = function ShopHighlights10(props) {
15869
15865
  className: "flex-grow text-lg leading-relaxed text-center text-textSecondary"
15870
15866
  }, item === null || item === void 0 ? void 0 : item.description)), /*#__PURE__*/React__default.createElement("img", {
15871
15867
  src: item === null || item === void 0 ? void 0 : item.srcImage,
15872
- className: "h-56 lg:h-72 object-cover mt-auto border-4 border-secondary"
15868
+ className: "aspect-video object-cover mt-auto border-4 border-secondary"
15873
15869
  })));
15874
15870
  })));
15875
15871
  };
@@ -15961,11 +15957,6 @@ var NewsController = function NewsController(props) {
15961
15957
  var _response$data2, _response$data2$data, _response$data3, _response$data3$data;
15962
15958
  setNewsArticles(response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : (_response$data2$data = _response$data2.data) === null || _response$data2$data === void 0 ? void 0 : _response$data2$data.content);
15963
15959
  setPage(response === null || response === void 0 ? void 0 : (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : (_response$data3$data = _response$data3.data) === null || _response$data3$data === void 0 ? void 0 : _response$data3$data.totalElements);
15964
- var url = new URL(window.location.href);
15965
- if (/^(\/(tin-tuc-theo-danh-muc))\/[^/]+-\d+$/.test(url.pathname)) {
15966
- url.pathname = url.pathname.replace(/\/[^/]+-\d+$/, "");
15967
- window.history.replaceState({}, '', url.pathname + url.search);
15968
- }
15969
15960
  }
15970
15961
  setLoading(false);
15971
15962
  });
@@ -16199,7 +16190,8 @@ var News1 = function News1(props) {
16199
16190
  shopConfigStyle = _props$shopConfigStyl === void 0 ? {} : _props$shopConfigStyl,
16200
16191
  _props$Link = props.Link,
16201
16192
  Link = _props$Link === void 0 ? null : _props$Link,
16202
- catId = props.catId;
16193
+ _props$catId = props.catId,
16194
+ catId = _props$catId === void 0 ? "" : _props$catId;
16203
16195
  var _useState = React.useState({
16204
16196
  page: 0,
16205
16197
  sort: "timeUpdate,DESC",
@@ -16239,6 +16231,18 @@ var News1 = function News1(props) {
16239
16231
  setCategorySelected(category);
16240
16232
  }
16241
16233
  }, [newsCategories]);
16234
+ var handleSelectedCateogry = function handleSelectedCateogry(item) {
16235
+ if (catId) {
16236
+ var newUrl = getLinkNewsByCategory(item);
16237
+ window.history.replaceState(null, '', newUrl);
16238
+ }
16239
+ setCategorySelected(item);
16240
+ setParams(function (prev) {
16241
+ return _extends({}, prev, {
16242
+ catId: item === null || item === void 0 ? void 0 : item.catId
16243
+ });
16244
+ });
16245
+ };
16242
16246
  return /*#__PURE__*/React__default.createElement("div", {
16243
16247
  className: SECTION_CLASS + " grid grid-cols-1 md:grid-cols-3 gap-6"
16244
16248
  }, /*#__PURE__*/React__default.createElement("div", {
@@ -16259,12 +16263,7 @@ var News1 = function News1(props) {
16259
16263
  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" : "") + " ",
16260
16264
  key: "sdjfdh-" + index,
16261
16265
  onClick: function onClick() {
16262
- setCategorySelected(item);
16263
- setParams(function (prev) {
16264
- return _extends({}, prev, {
16265
- catId: item === null || item === void 0 ? void 0 : item.catId
16266
- });
16267
- });
16266
+ handleSelectedCateogry(item);
16268
16267
  }
16269
16268
  }, /*#__PURE__*/React__default.createElement("div", {
16270
16269
  className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
@@ -16318,12 +16317,7 @@ var News1 = function News1(props) {
16318
16317
  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" : "") + " ",
16319
16318
  key: "sdjfdh-" + index,
16320
16319
  onClick: function onClick() {
16321
- setCategorySelected(item);
16322
- setParams(function (prev) {
16323
- return _extends({}, prev, {
16324
- catId: item === null || item === void 0 ? void 0 : item.catId
16325
- });
16326
- });
16320
+ handleSelectedCateogry(item);
16327
16321
  }
16328
16322
  }, /*#__PURE__*/React__default.createElement("div", {
16329
16323
  className: "border-b border-dashed py-4 " + ((newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) - 1 === index ? "border-b-0" : "")
@@ -16419,7 +16413,7 @@ var NewsDetail1 = function NewsDetail1(props) {
16419
16413
  }), (newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.length) > 0 ? /*#__PURE__*/React__default.createElement("div", {
16420
16414
  className: "top-6 block md:hidden"
16421
16415
  }, /*#__PURE__*/React__default.createElement("div", {
16422
- className: "px-6 bg-primary rounded-t-lg text-lg text-textButton text-center"
16416
+ className: "px-6 py-3 bg-primary rounded-t-lg text-lg text-textButton text-center"
16423
16417
  }, "Chuy\xEAn m\u1EE5c"), /*#__PURE__*/React__default.createElement("div", {
16424
16418
  className: "rounded-b-lg bg-bgSecondary"
16425
16419
  }, newsCategories === null || newsCategories === void 0 ? void 0 : newsCategories.map(function (item, index) {