nvis-fe-cms-libs 2.1.3 → 2.1.4

package/dist/nvis-fe-cms-libs.es.js

@@ -646,8 +646,8 @@ const AboutCompanySection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
   ] });
 };
 const TimelineSection = ({ data, t, section }) => {
-  var _a, _b;
-  const timelineData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => item.data)) || [];
+  var _a, _b, _c;
+  const timelineData = ((_c = (_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _c.map((item) => item.data)) || [];
   const [timelineVisible, setTimelineVisible] = useState([]);
   const timelineRefs = useRef([]);
   const sectionTitle = (section == null ? void 0 : section.title) || "Timeline";
@@ -857,8 +857,8 @@ function useWindowSize$1() {
   return width;
 }
 const PartnersSection = ({ data, t, imageBaseUrl = "", section }) => {
-  var _a, _b;
-  const partnersData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => item.data)) || [];
+  var _a, _b, _c;
+  const partnersData = ((_c = (_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _c.map((item) => item.data)) || [];
   const [currentPartnerSlide, setCurrentPartnerSlide] = useState(0);
   const [partnersVisible, setPartnersVisible] = useState(false);
   const partnersRef = useRef(null);
@@ -956,7 +956,7 @@ const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline, section }
   const sectionTitle = (section == null ? void 0 : section.title) || "...";
   useEffect(() => {
     const fetchMilestones = () => __async(null, null, function* () {
-      var _a, _b;
+      var _a, _b, _c;
       if (getMilestoneTimeline) {
         try {
           setLoading(true);
@@ -969,7 +969,7 @@ const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline, section }
           setLoading(false);
         }
       } else {
-        const milestonesData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => item.data)) || [];
+        const milestonesData = ((_c = (_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _c.map((item) => item.data)) || [];
         setMilestones(milestonesData);
         setLoading(false);
       }
@@ -1040,16 +1040,16 @@ const MilestoneSection = ({ data, t, isDarkMode, getMilestoneTimeline, section }
   ] }) });
 };
 const TestimonialsSection = ({ data, t, section }) => {
-  var _a, _b;
+  var _a, _b, _c;
   const [currentIndex, setCurrentIndex] = useState(0);
   const [isTransitioning, setIsTransitioning] = useState(false);
   const sectionTitle = (section == null ? void 0 : section.title) || t("testimonials.sectionTitle") || "Cảm nhận khách hàng";
-  const testimonials = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => {
-    var _a2, _b2, _c, _d;
+  const testimonials = ((_c = (_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _c.map((item) => {
+    var _a2, _b2, _c2, _d;
     return {
       quote: ((_a2 = item.data) == null ? void 0 : _a2.content) || "",
       author: ((_b2 = item.data) == null ? void 0 : _b2.customerName) || "",
-      position: ((_c = item.data) == null ? void 0 : _c.customerTitle) || "",
+      position: ((_c2 = item.data) == null ? void 0 : _c2.customerTitle) || "",
       company: ((_d = item.data) == null ? void 0 : _d.customerCompany) || ""
     };
   })) || [];
@@ -1738,8 +1738,8 @@ const ContactFormSection = ({ data, t, isDarkMode, consultationRequestService })
   ] }) }) }) }) });
 };
 const ContactInfoSection = ({ data, t, isDarkMode, section }) => {
-  var _a, _b;
-  const contactData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.map((item) => item.data)) || [];
+  var _a, _b, _c;
+  const contactData = ((_c = (_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _c.map((item) => item.data)) || [];
   const sectionTitle = (section == null ? void 0 : section.title) || "...";
   if (!contactData.length) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
@@ -2376,9 +2376,9 @@ const ProductCard = ({ product, t, isDarkMode }) => {
   );
 };
 const TextWithTitleSection = ({ section, data, isDarkMode }) => {
-  var _a;
-  const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
-  const title = ((_a = textItems[0]) == null ? void 0 : _a.value) || "";
+  var _a, _b;
+  const textItems = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) || [];
+  const title = ((_b = textItems[0]) == null ? void 0 : _b.value) || "";
   const descriptions = textItems.slice(1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-6xl mx-auto", children: [
     title && /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-title font-black mb-4 leading-tight text-left text-main", children: title }),
@@ -2393,7 +2393,8 @@ const TextWithTitleSection = ({ section, data, isDarkMode }) => {
   ] }) });
 };
 const TextSection = ({ data, isDarkMode }) => {
-  const textItems = (data == null ? void 0 : data.sectionDataBindingItems) || [];
+  var _a;
+  const textItems = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) || [];
   return /* @__PURE__ */ jsxRuntimeExports.jsx(SectionWrapper, { isDarkMode, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-w-3xl mx-auto", children: textItems.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
@@ -4184,7 +4185,7 @@ const FaqSection = ({ data, t, isDarkMode, section }) => {
   const [activeIndex, setActiveIndex] = useState(-1);
   const faqs = useMemo(() => {
     if ((data == null ? void 0 : data.sectionDataBindingItems) && Array.isArray(data.sectionDataBindingItems)) {
-      return data.sectionDataBindingItems.map((item) => item.data).filter(Boolean);
+      return data.sectionDataBindingItems.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0)).map((item) => item.data).filter(Boolean);
     }
     return [];
   }, [data]);
@@ -4263,9 +4264,9 @@ const FaqSection = ({ data, t, isDarkMode, section }) => {
   ] });
 };
 const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
-  var _a;
+  var _a, _b;
   const [activeTab, setActiveTab] = useState(0);
-  const rawData = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data).map((item) => item.data)) || [];
+  const rawData = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.filter((item) => item == null ? void 0 : item.data)) == null ? void 0 : _b.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0)).map((item) => item.data)) || [];
   const getImageUrl = (imagePath) => {
     if (imagePath) {
       return `${imageBaseUrl}${imagePath}`;
@@ -4273,8 +4274,8 @@ const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
     return null;
   };
   const highlightData = rawData.map((item) => {
-    var _a2, _b, _c, _d, _e, _f;
-    const mainImagePath = ((_b = (_a2 = item.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b.url) || ((_d = (_c = item.pageImages) == null ? void 0 : _c[0]) == null ? void 0 : _d.url) || null;
+    var _a2, _b2, _c, _d, _e, _f;
+    const mainImagePath = ((_b2 = (_a2 = item.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b2.url) || ((_d = (_c = item.pageImages) == null ? void 0 : _c[0]) == null ? void 0 : _d.url) || null;
     const mainImage = getImageUrl(mainImagePath);
     const primaryTag = ((_f = (_e = item.tagKeys) == null ? void 0 : _e[0]) == null ? void 0 : _f.key) || item.title;
     return {
@@ -4492,8 +4493,8 @@ const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
   );
 };
 const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl = "" }) => {
-  var _a;
-  const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+  var _a, _b;
+  const pages = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _b.map((item) => item.data).filter(Boolean)) || [];
   const sectionTitle = (section == null ? void 0 : section.title) || "";
   const sectionDescription = (section == null ? void 0 : section.description) || "";
   const [visibleCount, setVisibleCount] = useState(8);
@@ -4599,8 +4600,8 @@ const PageChildrenSelectSection = ({ data, isDarkMode, t, section, imageBaseUrl
   ] }) });
 };
 const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl = "" }) => {
-  var _a;
-  const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+  var _a, _b;
+  const pages = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _b.map((item) => item.data).filter(Boolean)) || [];
   const sectionTitle = (section == null ? void 0 : section.title) || "";
   const [visibleCount, setVisibleCount] = useState(5);
   const visiblePages = pages.slice(0, visibleCount);
@@ -4626,8 +4627,8 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
       flexDirection: "column",
       gap: "24px"
     }, children: visiblePages.map((page) => {
-      var _a2, _b, _c;
-      const mainImage = ((_b = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b.url) || page.icon;
+      var _a2, _b2, _c;
+      const mainImage = ((_b2 = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b2.url) || page.icon;
       const imageUrl = getImageUrl(mainImage);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "a",
@@ -4699,8 +4700,8 @@ const PageChildrenSelectSection1 = ({ data, isDarkMode, t, section, imageBaseUrl
   ] }) });
 };
 const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl = "" }) => {
-  var _a;
-  const pages = ((_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.map((item) => item.data).filter(Boolean)) || [];
+  var _a, _b;
+  const pages = ((_b = (_a = data == null ? void 0 : data.sectionDataBindingItems) == null ? void 0 : _a.sort((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0))) == null ? void 0 : _b.map((item) => item.data).filter(Boolean)) || [];
   const sectionTitle = (section == null ? void 0 : section.title) || "";
   const [visibleCount, setVisibleCount] = useState(6);
   if (!pages || pages.length === 0) {
@@ -4727,8 +4728,8 @@ const PageChildrenSelectSection2 = ({ data, isDarkMode, t, section, imageBaseUrl
       gap: "30px",
       marginBottom: "50px"
     }, children: visiblePages.map((page) => {
-      var _a2, _b;
-      const mainImage = ((_b = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b.url) || page.icon;
+      var _a2, _b2;
+      const mainImage = ((_b2 = (_a2 = page.pageImages) == null ? void 0 : _a2.find((img) => img.isMain)) == null ? void 0 : _b2.url) || page.icon;
       const imageUrl = getImageUrl(mainImage);
       return /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "a",