nvis-fe-cms-libs 2.1.2 → 2.1.4

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

@@ -649,8 +649,8 @@ var __async = (__this, __arguments, generator) => {
     ] });
   };
   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] = require$$0.useState([]);
     const timelineRefs = require$$0.useRef([]);
     const sectionTitle = (section == null ? void 0 : section.title) || "Timeline";
@@ -860,8 +860,8 @@ var __async = (__this, __arguments, generator) => {
     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] = require$$0.useState(0);
     const [partnersVisible, setPartnersVisible] = require$$0.useState(false);
     const partnersRef = require$$0.useRef(null);
@@ -959,7 +959,7 @@ var __async = (__this, __arguments, generator) => {
     const sectionTitle = (section == null ? void 0 : section.title) || "...";
     require$$0.useEffect(() => {
       const fetchMilestones = () => __async(null, null, function* () {
-        var _a, _b;
+        var _a, _b, _c;
         if (getMilestoneTimeline) {
           try {
             setLoading(true);
@@ -972,7 +972,7 @@ var __async = (__this, __arguments, generator) => {
             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);
         }
@@ -1043,16 +1043,16 @@ var __async = (__this, __arguments, generator) => {
     ] }) });
   };
   const TestimonialsSection = ({ data, t, section }) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [currentIndex, setCurrentIndex] = require$$0.useState(0);
     const [isTransitioning, setIsTransitioning] = require$$0.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) || ""
       };
     })) || [];
@@ -1741,8 +1741,8 @@ var __async = (__this, __arguments, generator) => {
     ] }) }) }) }) });
   };
   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: [
@@ -2379,9 +2379,9 @@ var __async = (__this, __arguments, generator) => {
     );
   };
   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 }),
@@ -2396,7 +2396,8 @@ var __async = (__this, __arguments, generator) => {
     ] }) });
   };
   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",
       {
@@ -4187,7 +4188,7 @@ var __async = (__this, __arguments, generator) => {
     const [activeIndex, setActiveIndex] = require$$0.useState(-1);
     const faqs = require$$0.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]);
@@ -4266,9 +4267,9 @@ var __async = (__this, __arguments, generator) => {
     ] });
   };
   const PageHighlightSection = ({ data, t, isDarkMode, imageBaseUrl = "" }) => {
-    var _a;
+    var _a, _b;
     const [activeTab, setActiveTab] = require$$0.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}`;
@@ -4276,8 +4277,8 @@ var __async = (__this, __arguments, generator) => {
       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 {
@@ -4495,8 +4496,8 @@ var __async = (__this, __arguments, generator) => {
     );
   };
   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] = require$$0.useState(8);
@@ -4602,8 +4603,8 @@ var __async = (__this, __arguments, generator) => {
     ] }) });
   };
   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] = require$$0.useState(5);
     const visiblePages = pages.slice(0, visibleCount);
@@ -4629,8 +4630,8 @@ var __async = (__this, __arguments, generator) => {
         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",
@@ -4702,8 +4703,8 @@ var __async = (__this, __arguments, generator) => {
     ] }) });
   };
   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] = require$$0.useState(6);
     if (!pages || pages.length === 0) {
@@ -4730,8 +4731,8 @@ var __async = (__this, __arguments, generator) => {
         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",
@@ -4886,13 +4887,13 @@ var __async = (__this, __arguments, generator) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative max-w-7xl mx-auto px-6 sm:px-8 lg:px-12", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col lg:flex-row items-center justify-between gap-8 lg:gap-12", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "w-full lg:w-1/2 lg:pr-8 lg:self-start lg:pt-8", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "h1",
+            "div",
             {
-              className: "text-4xl sm:text-5xl lg:text-6xl font-black leading-tight mb-6",
+              className: "leading-tight mb-6",
               style: {
                 color: isDarkMode ? "#F8FAFC" : "#1E3888"
               },
-              children: bannerData.name
+              dangerouslySetInnerHTML: { __html: bannerData.name }
             }
           ),
           bannerData.description && /* @__PURE__ */ jsxRuntimeExports.jsx(