@geowiki/ui 0.16.9-dev.20 → 0.16.9-dev.22

package/dist/{cluster-map-VNFQJ56C.mjs → cluster-map-YODMYBPK.mjs}

@@ -41,7 +41,7 @@ import {
   createElementObject,
   createPathComponent
 } from "@react-leaflet/core";
-import * as L from "leaflet";
+import L from "leaflet";
 import "leaflet.markercluster";
 function getPropsAndEvents(props) {
   let clusterProps = {};
@@ -70,7 +70,7 @@ function createMarkerClusterGroup(props, context) {
 }
 var updateMarkerCluster = () => {
 };
-var MarkerClusterGroup2 = createPathComponent(
+var MarkerClusterGroup = createPathComponent(
   createMarkerClusterGroup,
   updateMarkerCluster
 );
@@ -93,7 +93,7 @@ var ClusterMarkers = (_props) => {
   if (error) return null;
   if (isLoading || IsConfigSettingsLoaded) return /* @__PURE__ */ jsx2(LoaderFull, {});
   if ((_b = (_a = ConfigSettings == null ? void 0 : ConfigSettings.ConfigSettings) == null ? void 0 : _a.FeaturesFarmerCluster) == null ? void 0 : _b.Text) {
-    return /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2(MarkerClusterGroup2, { children: data == null ? void 0 : data.map((cluster) => {
+    return /* @__PURE__ */ jsx2("div", { children: /* @__PURE__ */ jsx2(MarkerClusterGroup, { children: data == null ? void 0 : data.map((cluster) => {
       var _a2, _b2;
       return /* @__PURE__ */ jsx2(
         Marker2,

package/dist/index.d.mts

@@ -366,7 +366,7 @@ type Props$r = {
     priority?: boolean;
     showPlaceholder?: boolean;
 };
-declare const CmsImage: ({ src, width, height, alt, className, showPlaceholder, }: Props$r) => react_jsx_runtime.JSX.Element | null;
+declare const CmsImage: ({ src, width, height, alt, className, showPlaceholder, }: Props$r) => react_jsx_runtime.JSX.Element;
 
 declare const Video: ({ media, poster, className, controls, autoPlay, }: any) => react_jsx_runtime.JSX.Element;
 
@@ -737,7 +737,7 @@ type ApiImageProps = {
     className?: string;
     sizes?: string;
 };
-declare const ApiImage: ({ imageId, className, alt, width, height, }: ApiImageProps) => react_jsx_runtime.JSX.Element | null;
+declare const ApiImage: ({ imageId, className, alt, width, height, }: ApiImageProps) => react_jsx_runtime.JSX.Element;
 
 interface SignUpBannerProps {
     title: string;
@@ -980,7 +980,7 @@ declare const SubtitleH3Body: ({ title, subtitle, content, button, backgroundCol
 interface Props$5 {
     title: string;
     subtitle: string;
-    textBody: string;
+    textBody: string | null | undefined;
     links: LinkProps[];
 }
 declare const SubtitleH3BodyInternalLinkList: ({ title, subtitle, textBody, links, }: Props$5) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -366,7 +366,7 @@ type Props$r = {
     priority?: boolean;
     showPlaceholder?: boolean;
 };
-declare const CmsImage: ({ src, width, height, alt, className, showPlaceholder, }: Props$r) => react_jsx_runtime.JSX.Element | null;
+declare const CmsImage: ({ src, width, height, alt, className, showPlaceholder, }: Props$r) => react_jsx_runtime.JSX.Element;
 
 declare const Video: ({ media, poster, className, controls, autoPlay, }: any) => react_jsx_runtime.JSX.Element;
 
@@ -737,7 +737,7 @@ type ApiImageProps = {
     className?: string;
     sizes?: string;
 };
-declare const ApiImage: ({ imageId, className, alt, width, height, }: ApiImageProps) => react_jsx_runtime.JSX.Element | null;
+declare const ApiImage: ({ imageId, className, alt, width, height, }: ApiImageProps) => react_jsx_runtime.JSX.Element;
 
 interface SignUpBannerProps {
     title: string;
@@ -980,7 +980,7 @@ declare const SubtitleH3Body: ({ title, subtitle, content, button, backgroundCol
 interface Props$5 {
     title: string;
     subtitle: string;
-    textBody: string;
+    textBody: string | null | undefined;
     links: LinkProps[];
 }
 declare const SubtitleH3BodyInternalLinkList: ({ title, subtitle, textBody, links, }: Props$5) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -121,7 +121,7 @@ function getPropsAndEvents(props) {
 }
 function createMarkerClusterGroup(props, context) {
   const { clusterProps, clusterEvents } = getPropsAndEvents(props);
-  const markerClusterGroup = new L.MarkerClusterGroup(clusterProps);
+  const markerClusterGroup = new import_leaflet2.default.MarkerClusterGroup(clusterProps);
   Object.entries(clusterEvents).forEach(([eventAsProp, callback]) => {
     const clusterEvent = `cluster${eventAsProp.substring(2).toLowerCase()}`;
     markerClusterGroup.on(clusterEvent, callback);
@@ -131,17 +131,17 @@ function createMarkerClusterGroup(props, context) {
     (0, import_core74.extendContext)(context, { layerContainer: markerClusterGroup })
   );
 }
-var import_core74, L, import_leaflet2, updateMarkerCluster, MarkerClusterGroup2;
+var import_core74, import_leaflet2, import_leaflet3, updateMarkerCluster, MarkerClusterGroup;
 var init_MarkerClusterGroup = __esm({
   "src/components/ClusterMap/MarkerClusterGroup.tsx"() {
     "use strict";
     "use client";
     import_core74 = require("@react-leaflet/core");
-    L = __toESM(require("leaflet"));
-    import_leaflet2 = require("leaflet.markercluster");
+    import_leaflet2 = __toESM(require("leaflet"));
+    import_leaflet3 = require("leaflet.markercluster");
     updateMarkerCluster = () => {
     };
-    MarkerClusterGroup2 = (0, import_core74.createPathComponent)(
+    MarkerClusterGroup = (0, import_core74.createPathComponent)(
       createMarkerClusterGroup,
       updateMarkerCluster
     );
@@ -153,12 +153,12 @@ function getIcon() {
   const MyIcon = import_InformationCircleIcon.default;
   return (0, import_server.renderToString)(/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(MyIcon, { height: 24, color: "black" }));
 }
-var import_leaflet3, import_react_leaflet2, import_core75, import_design_system62, import_core76, import_core77, import_InformationCircleIcon, import_server, import_core78, import_jsx_runtime82, ClusterMarkers;
+var import_leaflet4, import_react_leaflet2, import_core75, import_design_system62, import_core76, import_core77, import_InformationCircleIcon, import_server, import_core78, import_jsx_runtime82, ClusterMarkers;
 var init_cluster_markers = __esm({
   "src/components/ClusterMap/cluster-markers.tsx"() {
     "use strict";
     "use client";
-    import_leaflet3 = require("leaflet");
+    import_leaflet4 = require("leaflet");
     import_react_leaflet2 = require("react-leaflet");
     import_core75 = require("@geowiki/core");
     import_design_system62 = require("@geowiki/design-system");
@@ -177,20 +177,20 @@ var init_cluster_markers = __esm({
       if (error) return null;
       if (isLoading || IsConfigSettingsLoaded) return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_design_system62.LoaderFull, {});
       if ((_b = (_a = ConfigSettings == null ? void 0 : ConfigSettings.ConfigSettings) == null ? void 0 : _a.FeaturesFarmerCluster) == null ? void 0 : _b.Text) {
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(MarkerClusterGroup2, { children: data == null ? void 0 : data.map((cluster) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(MarkerClusterGroup, { children: data == null ? void 0 : data.map((cluster) => {
           var _a2, _b2;
           return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
             import_react_leaflet2.Marker,
             {
-              icon: new import_leaflet3.DivIcon({
+              icon: new import_leaflet4.DivIcon({
                 iconSize: [30, 30],
                 html: `<div class='marker-pin' style="background:#467327;"></div><i>${getIcon()}</i>`,
                 className: "custom-div-icon"
               }),
-              position: cluster.location ? new import_leaflet3.LatLng(
+              position: cluster.location ? new import_leaflet4.LatLng(
                 (_a2 = cluster == null ? void 0 : cluster.location) == null ? void 0 : _a2.latitude,
                 (_b2 = cluster == null ? void 0 : cluster.location) == null ? void 0 : _b2.longitude
-              ) : new import_leaflet3.LatLng(0, 0),
+              ) : new import_leaflet4.LatLng(0, 0),
               children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react_leaflet2.Popup, { maxWidth: 600, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "bg-no-repeat bg-cover ripple shadow-lg rounded-lg mb-6 object-cover", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   import_core76.Image,
@@ -232,18 +232,18 @@ __export(cluster_map_exports, {
   FarmerClusterMap: () => FarmerClusterMap,
   default: () => cluster_map_default
 });
-var import_react_leaflet3, import_leaflet4, import_leaflet5, import_jsx_runtime83, centerLocation, FarmerClusterMap, cluster_map_default;
+var import_react_leaflet3, import_leaflet5, import_leaflet6, import_jsx_runtime83, centerLocation, FarmerClusterMap, cluster_map_default;
 var init_cluster_map = __esm({
   "src/components/ClusterMap/cluster-map.tsx"() {
     "use strict";
     "use client";
     import_react_leaflet3 = require("react-leaflet");
-    import_leaflet4 = require("leaflet/dist/leaflet.css");
-    import_leaflet5 = require("leaflet");
+    import_leaflet5 = require("leaflet/dist/leaflet.css");
+    import_leaflet6 = require("leaflet");
     init_location_marker();
     init_cluster_markers();
     import_jsx_runtime83 = require("react/jsx-runtime");
-    centerLocation = new import_leaflet5.LatLng(48.2082, 16.3738);
+    centerLocation = new import_leaflet6.LatLng(48.2082, 16.3738);
     FarmerClusterMap = (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "w-full", children: [
         props.enableLocationMarker && /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "text-center text-xl pb-4", children: [
@@ -3214,7 +3214,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
         if (userCurrentProject && (userCurrentProject[0].contract_start_date != contractStartDate || userCurrentProject[0].contract_end_date != contractEndDate)) {
           if (contractStartDate == "") setContractStartDate(null);
           if (contractEndDate == "") setContractEndDate(null);
-          if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractEndDate)) {
+          if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractStartDate)) {
             alert("Please provide correct date");
             return;
           }
@@ -5806,8 +5806,7 @@ var CmsImage = ({
   className = "relative w-full h-full",
   showPlaceholder = true
 }) => {
-  var { data: cmsImageUrl, isLoading } = (0, import_core56.useCmsImage)(src);
-  if (isLoading) return null;
+  const cmsImageUrl = (0, import_core56.useCmsImage)(src);
   if (width && height) {
     if (!showPlaceholder)
       return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -6828,7 +6827,6 @@ var NewsArticle = (props) => {
 
 // src/components/News/NewsItemList.tsx
 var import_core70 = require("@geowiki/core");
-var import_uuid8 = require("uuid");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var NewsItemList = ({ newsItems }) => {
   const allLanguages = [
@@ -6871,19 +6869,22 @@ var NewsItemList = ({ newsItems }) => {
         index
       );
     }) }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "-my-8 divide-y-2 divide-gray-100 py-10 lg:py-16", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsItems.map((newsArticle) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
-      NewsArticle,
-      {
-        title: newsArticle.title,
-        description: newsArticle.description,
-        username: newsArticle.sourceName,
-        time: newsArticle.publishDate,
-        language: newsArticle.language,
-        path: newsArticle.imageUrl,
-        link: newsArticle.url
-      },
-      (0, import_uuid8.v4)()
-    )) }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "-my-8 divide-y-2 divide-gray-100 py-10 lg:py-16", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsItems.map((newsArticle, index) => {
+      var _a;
+      return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        NewsArticle,
+        {
+          title: newsArticle.title,
+          description: newsArticle.description,
+          username: newsArticle.sourceName,
+          time: newsArticle.publishDate,
+          language: newsArticle.language,
+          path: newsArticle.imageUrl,
+          link: newsArticle.url
+        },
+        (_a = newsArticle.url) != null ? _a : `news-${index}`
+      );
+    }) }) }) })
   ] }) });
 };
 
@@ -6948,9 +6949,9 @@ var PublicationItem = ({ publication }) => {
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var motion7 = import_framer_motion7.motion;
 var PublicationList = ({ publications }) => {
-  publications.sort((a, b) => {
-    return new Date(b.PublishedUtc).getTime() - new Date(a.PublishedUtc).getTime();
-  });
+  const sorted = [...publications].sort(
+    (a, b) => new Date(b.PublishedUtc).getTime() - new Date(a.PublishedUtc).getTime()
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
     motion7.ul,
     {
@@ -6959,7 +6960,7 @@ var PublicationList = ({ publications }) => {
       animate: "enter",
       exit: "exit",
       variants: import_core73.listVariants,
-      children: publications && publications.map((post) => {
+      children: sorted.map((post) => {
         var _a;
         return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(PublicationItem, { publication: post }, (_a = post.AutoroutePart) == null ? void 0 : _a.Path);
       })
@@ -7462,7 +7463,7 @@ var UpdateUserProfile = ({
         text: "Profile updated successfully",
         icon: "success"
       }).then(() => {
-        location.href = window.location.href;
+        window.location.reload();
       });
     } else {
       import_sweetalert22.default.fire({
@@ -8610,6 +8611,7 @@ var FilterDropdown = ({
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
     import_react60.Disclosure,
     {
+      as: "div",
       "data-component": "FilterDropdown",
       defaultOpen: filterValues.length > 0,
       children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
@@ -8684,7 +8686,7 @@ var DesignTestimonials = ({ testimonials }) => {
 // src/components/DesignElements/BannerFollowLinks.tsx
 var import_design_system78 = require("@geowiki/design-system");
 var import_core89 = require("@geowiki/core");
-var import_uuid9 = require("uuid");
+var import_uuid8 = require("uuid");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 var BannerFollowLinks = ({ title, links }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
@@ -8697,7 +8699,7 @@ var BannerFollowLinks = ({ title, links }) => {
         rel: "noreferrer",
         children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system78.H9Design, { children: link.text })
       },
-      (0, import_uuid9.v4)()
+      (0, import_uuid8.v4)()
     )) })
   ] });
 };
@@ -8877,14 +8879,13 @@ var ApiImage = ({
   width = 0,
   height = 0
 }) => {
-  var { data, isLoading } = (0, import_core91.useApiImage)(imageId);
-  if (isLoading) return null;
+  const src = (0, import_core91.useApiImage)(imageId);
   if (width > 0 && height > 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
       import_core92.Image,
       {
         className,
-        src: data,
+        src,
         alt,
         placeholder: `data:image/svg+xml;base64,${(0, import_core91.toBase64)((0, import_core91.shimmer)(700, 490))}`,
         width,
@@ -8898,7 +8899,7 @@ var ApiImage = ({
     import_core92.Image,
     {
       className: "object-cover rounded-xl",
-      src: data,
+      src,
       alt,
       fill: true,
       placeholder: `data:image/svg+xml;base64,${(0, import_core91.toBase64)((0, import_core91.shimmer)(700, 490))}`,
@@ -8911,7 +8912,7 @@ var ApiImage = ({
 // src/components/DesignElements/SignUpBanner.tsx
 var import_design_system81 = require("@geowiki/design-system");
 var import_core93 = require("@geowiki/core");
-var import_uuid10 = require("uuid");
+var import_uuid9 = require("uuid");
 var import_jsx_runtime104 = require("react/jsx-runtime");
 var SignUpBanner = ({
   title,
@@ -8950,7 +8951,7 @@ var SignUpBanner = ({
               height: 172,
               className: "w-[172px] h-[172px] rounded-xl object-cover"
             },
-            (0, import_uuid10.v4)()
+            (0, import_uuid9.v4)()
           ))
         ] }),
         (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
@@ -9086,7 +9087,6 @@ var import_react62 = require("react");
 var import_react63 = require("@headlessui/react");
 var import_outline7 = require("@heroicons/react/24/outline");
 var import_core96 = require("@geowiki/core");
-var import_uuid11 = require("uuid");
 var import_design_system83 = require("@geowiki/design-system");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function MobileFilterPopupOpened({
@@ -9191,27 +9191,30 @@ function MobileFilterPopupOpened({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
-                "div",
-                {
-                  className: " cursor-pointer ",
-                  onClick: () => handleClick(item.value),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
-                      checkValues.includes(item.value) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-                        import_outline7.CheckIcon,
-                        {
-                          className: "h-6 w-6 text-primary",
-                          "aria-hidden": "true"
-                        }
-                      ) })
-                    ] }),
-                    index !== list.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full border-0 border-b border-grey-light" })
-                  ]
-                },
-                (0, import_uuid11.v4)()
-              )) }),
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => {
+                var _a;
+                return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
+                  "div",
+                  {
+                    className: " cursor-pointer ",
+                    onClick: () => handleClick(item.value),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-between", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
+                        checkValues.includes(item.value) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
+                          import_outline7.CheckIcon,
+                          {
+                            className: "h-6 w-6 text-primary",
+                            "aria-hidden": "true"
+                          }
+                        ) })
+                      ] }),
+                      index !== list.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full border-0 border-b border-grey-light" })
+                    ]
+                  },
+                  (_a = item.value) != null ? _a : `item-${index}`
+                );
+              }) }),
               /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_design_system83.DesignButton, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
             ] })
           }
@@ -9466,7 +9469,7 @@ var ClusterNewsItem = (props) => {
 };
 
 // src/components/DesignElements/ClusterNews/ClusterNewsList.tsx
-var import_uuid12 = require("uuid");
+var import_uuid10 = require("uuid");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 var ClusterNewsList = ({ clusterNewsItems }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
@@ -9480,14 +9483,14 @@ var ClusterNewsList = ({ clusterNewsItems }) => {
       clusterCountry: clusterNewsItem.clusterCountry,
       path: clusterNewsItem.path
     },
-    (0, import_uuid12.v4)()
+    (0, import_uuid10.v4)()
   )) }) });
 };
 
 // src/components/DesignElements/ClusterNews/ClusterStoryItem.tsx
 var import_design_system88 = require("@geowiki/design-system");
 var import_core100 = require("@geowiki/core");
-var import_uuid13 = require("uuid");
+var import_uuid11 = require("uuid");
 var import_design_system89 = require("@geowiki/design-system");
 var import_jsx_runtime114 = require("react/jsx-runtime");
 var ClusterStoryItem = (props) => {
@@ -9508,7 +9511,7 @@ var ClusterStoryItem = (props) => {
   }
   const clusterNewsItems = clusterNewsDisplay == null ? void 0 : clusterNewsDisplay.slice(0, 3).map((clusterNewsItem) => {
     return {
-      key: (0, import_uuid13.v4)(),
+      key: (0, import_uuid11.v4)(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: props.ClusterName,
@@ -9602,7 +9605,7 @@ var ClusterStoryItem = (props) => {
 var import_design_system90 = require("@geowiki/design-system");
 var import_react67 = require("react");
 var import_design_system91 = require("@geowiki/design-system");
-var import_uuid14 = require("uuid");
+var import_uuid12 = require("uuid");
 var import_core101 = require("@geowiki/core");
 var import_design_system92 = require("@geowiki/design-system");
 var import_jsx_runtime115 = require("react/jsx-runtime");
@@ -9633,7 +9636,7 @@ var ClusterNews = ({
   const clusterNewsDisplay = showAll ? currentItems : publishedItems == null ? void 0 : publishedItems.slice(0, 3);
   const clusterNewsItems = clusterNewsDisplay == null ? void 0 : clusterNewsDisplay.map((clusterNewsItem) => {
     return {
-      key: (0, import_uuid14.v4)(),
+      key: (0, import_uuid12.v4)(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName,
@@ -9679,7 +9682,7 @@ var ClusterNews = ({
 
 // src/components/DesignElements/ClusterNews/SixClusterNews.tsx
 var import_core102 = require("@geowiki/core");
-var import_uuid15 = require("uuid");
+var import_uuid13 = require("uuid");
 var import_jsx_runtime116 = require("react/jsx-runtime");
 var SixClusterNews = () => {
   var _a, _b, _c;
@@ -9720,7 +9723,7 @@ var SixClusterNews = () => {
   ];
   const clusterNews = (_a = clusterNewsArray.filter((item) => item != null).map(
     (clusterNewsItem) => ({
-      key: (0, import_uuid15.v4)(),
+      key: (0, import_uuid13.v4)(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,
@@ -9732,7 +9735,7 @@ var SixClusterNews = () => {
   )) != null ? _a : [];
   const firstClusterNews = (_c = (_b = news == null ? void 0 : news.items) == null ? void 0 : _b.map((clusterNewsItem) => {
     return {
-      key: (0, import_uuid15.v4)(),
+      key: (0, import_uuid13.v4)(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,
@@ -9799,7 +9802,7 @@ var ClusterList = ({ clusters }) => {
 var import_design_system95 = require("@geowiki/design-system");
 var import_design_system96 = require("@geowiki/design-system");
 var import_core104 = require("@geowiki/core");
-var import_uuid16 = require("uuid");
+var import_uuid14 = require("uuid");
 var import_core105 = require("@geowiki/core");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var H3Clusters = ({ clusters }) => {
@@ -9823,7 +9826,7 @@ var H3Clusters = ({ clusters }) => {
         clusters: clusters == null ? void 0 : clusters.slice(0, 4).map((cluster) => {
           var _a;
           return {
-            key: (0, import_uuid16.v4)(),
+            key: (0, import_uuid14.v4)(),
             title: cluster.name,
             imageId: cluster.coverImageId || "",
             country: ((_a = countries == null ? void 0 : countries.find((c) => c.id === cluster.countryId)) == null ? void 0 : _a.country) || "Missing Country",
@@ -9873,7 +9876,7 @@ var GalleryCarouselOpen = ({
 }) => {
   const [defaultPhoto, setDefaultPhoto] = (0, import_react70.useState)(currentPhoto);
   const [text, setDefaultText] = (0, import_react70.useState)("");
-  var { data } = (0, import_core106.useApiImage)(defaultPhoto.imageId);
+  const data = (0, import_core106.useApiImage)(defaultPhoto.imageId);
   (0, import_react70.useEffect)(() => {
     setDefaultPhoto(currentPhoto);
   }, [currentPhoto]);
@@ -10436,10 +10439,11 @@ var SubtitleH3BodyInternalLinkList = ({
     return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#039;/g, "'");
   };
   const addLinksStyles = (content) => {
+    if (!content) return "";
     const decodedContent = decodeHtmlEntities(content);
     const textToAdd = " class='text-white font-semibold no-underline'";
     const regex = /(<a(?=[^>]*>))/g;
-    const modifiedText = decodedContent == null ? void 0 : decodedContent.replace(regex, `$1${textToAdd}`);
+    const modifiedText = decodedContent.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
@@ -10510,7 +10514,7 @@ var SubtitleH3Faq = ({
 // src/components/DesignElements/TextBlocks/subtitle-h3-cluster-4-column.tsx
 var import_design_system113 = require("@geowiki/design-system");
 var import_core115 = require("@geowiki/core");
-var import_uuid17 = require("uuid");
+var import_uuid15 = require("uuid");
 var import_design_system114 = require("@geowiki/design-system");
 var import_core116 = require("@geowiki/core");
 var import_jsx_runtime135 = require("react/jsx-runtime");
@@ -10560,7 +10564,7 @@ var SubtitleH3Cluster4Column = ({
             clusters: (_a = clusters == null ? void 0 : clusters.items) == null ? void 0 : _a.map((cluster) => {
               var _a2;
               return {
-                key: (0, import_uuid17.v4)(),
+                key: (0, import_uuid15.v4)(),
                 title: cluster.name,
                 imageId: cluster.coverImageId || "",
                 country: ((_a2 = countries == null ? void 0 : countries.find((x) => x.id === cluster.countryId)) == null ? void 0 : _a2.country) || "Missing Country",
@@ -10578,7 +10582,7 @@ var SubtitleH3Cluster4Column = ({
 // src/components/DesignElements/TextBlocks/subtitle-h3-cluster-news-3-column.tsx
 var import_design_system115 = require("@geowiki/design-system");
 var import_core117 = require("@geowiki/core");
-var import_uuid18 = require("uuid");
+var import_uuid16 = require("uuid");
 var import_design_system116 = require("@geowiki/design-system");
 var import_core118 = require("@geowiki/core");
 var import_jsx_runtime136 = require("react/jsx-runtime");
@@ -10591,7 +10595,7 @@ var SubtitleH3ClusterNews3Column = ({
   const { data: news, isLoading } = (0, import_core117.useNewsFromAllClusters)(0, 3);
   const clusterNewsItems = (_a = news == null ? void 0 : news.items) == null ? void 0 : _a.map((clusterNewsItem) => {
     return {
-      key: (0, import_uuid18.v4)(),
+      key: (0, import_uuid16.v4)(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,

package/dist/index.mjs

@@ -2925,7 +2925,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
         if (userCurrentProject && (userCurrentProject[0].contract_start_date != contractStartDate || userCurrentProject[0].contract_end_date != contractEndDate)) {
           if (contractStartDate == "") setContractStartDate(null);
           if (contractEndDate == "") setContractEndDate(null);
-          if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractEndDate)) {
+          if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractStartDate)) {
             alert("Please provide correct date");
             return;
           }
@@ -5595,8 +5595,7 @@ var CmsImage = ({
   className = "relative w-full h-full",
   showPlaceholder = true
 }) => {
-  var { data: cmsImageUrl, isLoading } = useCmsImage(src);
-  if (isLoading) return null;
+  const cmsImageUrl = useCmsImage(src);
   if (width && height) {
     if (!showPlaceholder)
       return /* @__PURE__ */ jsx58(
@@ -6621,7 +6620,6 @@ var NewsArticle = (props) => {
 
 // src/components/News/NewsItemList.tsx
 import { useRouter as useRouter3 } from "@geowiki/core";
-import { v4 as v48 } from "uuid";
 import { Fragment as Fragment20, jsx as jsx76, jsxs as jsxs62 } from "react/jsx-runtime";
 var NewsItemList = ({ newsItems }) => {
   const allLanguages = [
@@ -6664,19 +6662,22 @@ var NewsItemList = ({ newsItems }) => {
         index
       );
     }) }) }) }) }),
-    /* @__PURE__ */ jsx76("div", { className: "-my-8 divide-y-2 divide-gray-100 py-10 lg:py-16", children: /* @__PURE__ */ jsx76("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsItems.map((newsArticle) => /* @__PURE__ */ jsx76(
-      NewsArticle,
-      {
-        title: newsArticle.title,
-        description: newsArticle.description,
-        username: newsArticle.sourceName,
-        time: newsArticle.publishDate,
-        language: newsArticle.language,
-        path: newsArticle.imageUrl,
-        link: newsArticle.url
-      },
-      v48()
-    )) }) }) })
+    /* @__PURE__ */ jsx76("div", { className: "-my-8 divide-y-2 divide-gray-100 py-10 lg:py-16", children: /* @__PURE__ */ jsx76("div", { className: "mx-auto max-w-7xl", children: /* @__PURE__ */ jsx76("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsItems.map((newsArticle, index) => {
+      var _a;
+      return /* @__PURE__ */ jsx76(
+        NewsArticle,
+        {
+          title: newsArticle.title,
+          description: newsArticle.description,
+          username: newsArticle.sourceName,
+          time: newsArticle.publishDate,
+          language: newsArticle.language,
+          path: newsArticle.imageUrl,
+          link: newsArticle.url
+        },
+        (_a = newsArticle.url) != null ? _a : `news-${index}`
+      );
+    }) }) }) })
   ] }) });
 };
 
@@ -6741,9 +6742,9 @@ var PublicationItem = ({ publication }) => {
 import { jsx as jsx78 } from "react/jsx-runtime";
 var motion7 = motionRaw3;
 var PublicationList = ({ publications }) => {
-  publications.sort((a, b) => {
-    return new Date(b.PublishedUtc).getTime() - new Date(a.PublishedUtc).getTime();
-  });
+  const sorted = [...publications].sort(
+    (a, b) => new Date(b.PublishedUtc).getTime() - new Date(a.PublishedUtc).getTime()
+  );
   return /* @__PURE__ */ jsx78(
     motion7.ul,
     {
@@ -6752,7 +6753,7 @@ var PublicationList = ({ publications }) => {
       animate: "enter",
       exit: "exit",
       variants: listVariants3,
-      children: publications && publications.map((post) => {
+      children: sorted.map((post) => {
         var _a;
         return /* @__PURE__ */ jsx78(PublicationItem, { publication: post }, (_a = post.AutoroutePart) == null ? void 0 : _a.Path);
       })
@@ -6813,7 +6814,7 @@ import { dynamic as dynamic2 } from "@geowiki/core";
 import { useState as useState34 } from "react";
 import { jsx as jsx81, jsxs as jsxs66 } from "react/jsx-runtime";
 var MapWithNoSSR = dynamic2(
-  () => import("./cluster-map-VNFQJ56C.mjs").then((x) => x.FarmerClusterMap),
+  () => import("./cluster-map-YODMYBPK.mjs").then((x) => x.FarmerClusterMap),
   {
     ssr: false
   }
@@ -7255,7 +7256,7 @@ var UpdateUserProfile = ({
         text: "Profile updated successfully",
         icon: "success"
       }).then(() => {
-        location.href = window.location.href;
+        window.location.reload();
       });
     } else {
       Swal2.fire({
@@ -8423,6 +8424,7 @@ var FilterDropdown = ({
   return /* @__PURE__ */ jsx96(
     Disclosure2,
     {
+      as: "div",
       "data-component": "FilterDropdown",
       defaultOpen: filterValues.length > 0,
       children: ({ open }) => /* @__PURE__ */ jsxs81(Fragment23, { children: [
@@ -8506,7 +8508,7 @@ var DesignTestimonials = ({ testimonials }) => {
 // src/components/DesignElements/BannerFollowLinks.tsx
 import { H2Design, H9Design } from "@geowiki/design-system";
 import { Link as Link13 } from "@geowiki/core";
-import { v4 as v49 } from "uuid";
+import { v4 as v48 } from "uuid";
 import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
 var BannerFollowLinks = ({ title, links }) => {
   return /* @__PURE__ */ jsxs83("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
@@ -8519,7 +8521,7 @@ var BannerFollowLinks = ({ title, links }) => {
         rel: "noreferrer",
         children: /* @__PURE__ */ jsx98(H9Design, { children: link.text })
       },
-      v49()
+      v48()
     )) })
   ] });
 };
@@ -8699,14 +8701,13 @@ var ApiImage = ({
   width = 0,
   height = 0
 }) => {
-  var { data, isLoading } = useApiImage(imageId);
-  if (isLoading) return null;
+  const src = useApiImage(imageId);
   if (width > 0 && height > 0) {
     return /* @__PURE__ */ jsx100(
       Image4,
       {
         className,
-        src: data,
+        src,
         alt,
         placeholder: `data:image/svg+xml;base64,${toBase642(shimmer2(700, 490))}`,
         width,
@@ -8720,7 +8721,7 @@ var ApiImage = ({
     Image4,
     {
       className: "object-cover rounded-xl",
-      src: data,
+      src,
       alt,
       fill: true,
       placeholder: `data:image/svg+xml;base64,${toBase642(shimmer2(700, 490))}`,
@@ -8733,7 +8734,7 @@ var ApiImage = ({
 // src/components/DesignElements/SignUpBanner.tsx
 import { H3Design, Body18 as Body184, DesignButton as DesignButton8 } from "@geowiki/design-system";
 import { Link as Link14 } from "@geowiki/core";
-import { v4 as v410 } from "uuid";
+import { v4 as v49 } from "uuid";
 import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
 var SignUpBanner = ({
   title,
@@ -8772,7 +8773,7 @@ var SignUpBanner = ({
               height: 172,
               className: "w-[172px] h-[172px] rounded-xl object-cover"
             },
-            v410()
+            v49()
           ))
         ] }),
         (button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx101("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ jsx101(
@@ -8908,7 +8909,6 @@ import { Fragment as Fragment24 } from "react";
 import { Dialog as Dialog18, Transition as Transition5 } from "@headlessui/react";
 import { ArrowLeftIcon, CheckIcon } from "@heroicons/react/24/outline";
 import { useRouter as useRouter8 } from "@geowiki/core";
-import { v4 as v411 } from "uuid";
 import { DesignButton as DesignButton10 } from "@geowiki/design-system";
 import { jsx as jsx104, jsxs as jsxs87 } from "react/jsx-runtime";
 function MobileFilterPopupOpened({
@@ -9013,27 +9013,30 @@ function MobileFilterPopupOpened({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsx104("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ jsxs87(
-                "div",
-                {
-                  className: " cursor-pointer ",
-                  onClick: () => handleClick(item.value),
-                  children: [
-                    /* @__PURE__ */ jsxs87("div", { className: "flex justify-between", children: [
-                      /* @__PURE__ */ jsx104("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
-                      checkValues.includes(item.value) && /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
-                        CheckIcon,
-                        {
-                          className: "h-6 w-6 text-primary",
-                          "aria-hidden": "true"
-                        }
-                      ) })
-                    ] }),
-                    index !== list.length - 1 && /* @__PURE__ */ jsx104("div", { className: "w-full border-0 border-b border-grey-light" })
-                  ]
-                },
-                v411()
-              )) }),
+              /* @__PURE__ */ jsx104("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4  overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => {
+                var _a;
+                return /* @__PURE__ */ jsxs87(
+                  "div",
+                  {
+                    className: " cursor-pointer ",
+                    onClick: () => handleClick(item.value),
+                    children: [
+                      /* @__PURE__ */ jsxs87("div", { className: "flex justify-between", children: [
+                        /* @__PURE__ */ jsx104("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
+                        checkValues.includes(item.value) && /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
+                          CheckIcon,
+                          {
+                            className: "h-6 w-6 text-primary",
+                            "aria-hidden": "true"
+                          }
+                        ) })
+                      ] }),
+                      index !== list.length - 1 && /* @__PURE__ */ jsx104("div", { className: "w-full border-0 border-b border-grey-light" })
+                    ]
+                  },
+                  (_a = item.value) != null ? _a : `item-${index}`
+                );
+              }) }),
               /* @__PURE__ */ jsx104("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx104(DesignButton10, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
             ] })
           }
@@ -9288,7 +9291,7 @@ var ClusterNewsItem = (props) => {
 };
 
 // src/components/DesignElements/ClusterNews/ClusterNewsList.tsx
-import { v4 as v412 } from "uuid";
+import { v4 as v410 } from "uuid";
 import { jsx as jsx110 } from "react/jsx-runtime";
 var ClusterNewsList = ({ clusterNewsItems }) => {
   return /* @__PURE__ */ jsx110("div", { className: "mx-auto", children: /* @__PURE__ */ jsx110("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ jsx110(
@@ -9302,14 +9305,14 @@ var ClusterNewsList = ({ clusterNewsItems }) => {
       clusterCountry: clusterNewsItem.clusterCountry,
       path: clusterNewsItem.path
     },
-    v412()
+    v410()
   )) }) });
 };
 
 // src/components/DesignElements/ClusterNews/ClusterStoryItem.tsx
 import { H4Design } from "@geowiki/design-system";
 import { useClusterNews } from "@geowiki/core";
-import { v4 as v413 } from "uuid";
+import { v4 as v411 } from "uuid";
 import { Body18 as Body185, Body18m as Body18m5 } from "@geowiki/design-system";
 import { jsx as jsx111, jsxs as jsxs92 } from "react/jsx-runtime";
 var ClusterStoryItem = (props) => {
@@ -9330,7 +9333,7 @@ var ClusterStoryItem = (props) => {
   }
   const clusterNewsItems = clusterNewsDisplay == null ? void 0 : clusterNewsDisplay.slice(0, 3).map((clusterNewsItem) => {
     return {
-      key: v413(),
+      key: v411(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: props.ClusterName,
@@ -9424,7 +9427,7 @@ var ClusterStoryItem = (props) => {
 import { H4Design as H4Design2 } from "@geowiki/design-system";
 import { useState as useState43 } from "react";
 import { DesignButton as DesignButton12 } from "@geowiki/design-system";
-import { v4 as v414 } from "uuid";
+import { v4 as v412 } from "uuid";
 import { useClusterNews as useClusterNews2 } from "@geowiki/core";
 import { LocalLoader } from "@geowiki/design-system";
 import { Fragment as Fragment26, jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
@@ -9455,7 +9458,7 @@ var ClusterNews = ({
   const clusterNewsDisplay = showAll ? currentItems : publishedItems == null ? void 0 : publishedItems.slice(0, 3);
   const clusterNewsItems = clusterNewsDisplay == null ? void 0 : clusterNewsDisplay.map((clusterNewsItem) => {
     return {
-      key: v414(),
+      key: v412(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName,
@@ -9501,7 +9504,7 @@ var ClusterNews = ({
 
 // src/components/DesignElements/ClusterNews/SixClusterNews.tsx
 import { useNewsFromAllClusters, useClusterNewsWithId } from "@geowiki/core";
-import { v4 as v415 } from "uuid";
+import { v4 as v413 } from "uuid";
 import { jsx as jsx113 } from "react/jsx-runtime";
 var SixClusterNews = () => {
   var _a, _b, _c;
@@ -9542,7 +9545,7 @@ var SixClusterNews = () => {
   ];
   const clusterNews = (_a = clusterNewsArray.filter((item) => item != null).map(
     (clusterNewsItem) => ({
-      key: v415(),
+      key: v413(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,
@@ -9554,7 +9557,7 @@ var SixClusterNews = () => {
   )) != null ? _a : [];
   const firstClusterNews = (_c = (_b = news == null ? void 0 : news.items) == null ? void 0 : _b.map((clusterNewsItem) => {
     return {
-      key: v415(),
+      key: v413(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,
@@ -9621,7 +9624,7 @@ var ClusterList = ({ clusters }) => {
 import { H4Design as H4Design3 } from "@geowiki/design-system";
 import { DesignButton as DesignButton13 } from "@geowiki/design-system";
 import { Link as Link19 } from "@geowiki/core";
-import { v4 as v416 } from "uuid";
+import { v4 as v414 } from "uuid";
 import { useCountries } from "@geowiki/core";
 import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
 var H3Clusters = ({ clusters }) => {
@@ -9645,7 +9648,7 @@ var H3Clusters = ({ clusters }) => {
         clusters: clusters == null ? void 0 : clusters.slice(0, 4).map((cluster) => {
           var _a;
           return {
-            key: v416(),
+            key: v414(),
             title: cluster.name,
             imageId: cluster.coverImageId || "",
             country: ((_a = countries == null ? void 0 : countries.find((c) => c.id === cluster.countryId)) == null ? void 0 : _a.country) || "Missing Country",
@@ -9701,7 +9704,7 @@ var GalleryCarouselOpen = ({
 }) => {
   const [defaultPhoto, setDefaultPhoto] = useState44(currentPhoto);
   const [text, setDefaultText] = useState44("");
-  var { data } = useApiImage2(defaultPhoto.imageId);
+  const data = useApiImage2(defaultPhoto.imageId);
   useEffect22(() => {
     setDefaultPhoto(currentPhoto);
   }, [currentPhoto]);
@@ -10264,10 +10267,11 @@ var SubtitleH3BodyInternalLinkList = ({
     return text.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&#039;/g, "'");
   };
   const addLinksStyles = (content) => {
+    if (!content) return "";
     const decodedContent = decodeHtmlEntities(content);
     const textToAdd = " class='text-white font-semibold no-underline'";
     const regex = /(<a(?=[^>]*>))/g;
-    const modifiedText = decodedContent == null ? void 0 : decodedContent.replace(regex, `$1${textToAdd}`);
+    const modifiedText = decodedContent.replace(regex, `$1${textToAdd}`);
     return modifiedText;
   };
   return /* @__PURE__ */ jsxs108(
@@ -10338,7 +10342,7 @@ var SubtitleH3Faq = ({
 // src/components/DesignElements/TextBlocks/subtitle-h3-cluster-4-column.tsx
 import { H3Design as H3Design5, Body18 as Body1811 } from "@geowiki/design-system";
 import { useClusters, useCountries as useCountries2 } from "@geowiki/core";
-import { v4 as v417 } from "uuid";
+import { v4 as v415 } from "uuid";
 import { DesignButton as DesignButton19 } from "@geowiki/design-system";
 import { Link as Link25 } from "@geowiki/core";
 import { jsx as jsx132, jsxs as jsxs110 } from "react/jsx-runtime";
@@ -10388,7 +10392,7 @@ var SubtitleH3Cluster4Column = ({
             clusters: (_a = clusters == null ? void 0 : clusters.items) == null ? void 0 : _a.map((cluster) => {
               var _a2;
               return {
-                key: v417(),
+                key: v415(),
                 title: cluster.name,
                 imageId: cluster.coverImageId || "",
                 country: ((_a2 = countries == null ? void 0 : countries.find((x) => x.id === cluster.countryId)) == null ? void 0 : _a2.country) || "Missing Country",
@@ -10406,7 +10410,7 @@ var SubtitleH3Cluster4Column = ({
 // src/components/DesignElements/TextBlocks/subtitle-h3-cluster-news-3-column.tsx
 import { H3Design as H3Design6, Body18 as Body1812 } from "@geowiki/design-system";
 import { useNewsFromAllClusters as useNewsFromAllClusters2 } from "@geowiki/core";
-import { v4 as v418 } from "uuid";
+import { v4 as v416 } from "uuid";
 import { DesignButton as DesignButton20 } from "@geowiki/design-system";
 import { Link as Link26 } from "@geowiki/core";
 import { jsx as jsx133, jsxs as jsxs111 } from "react/jsx-runtime";
@@ -10419,7 +10423,7 @@ var SubtitleH3ClusterNews3Column = ({
   const { data: news, isLoading } = useNewsFromAllClusters2(0, 3);
   const clusterNewsItems = (_a = news == null ? void 0 : news.items) == null ? void 0 : _a.map((clusterNewsItem) => {
     return {
-      key: v418(),
+      key: v416(),
       id: clusterNewsItem.id,
       title: clusterNewsItem.title,
       clusterName: clusterNewsItem.clusterName,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geowiki/ui",
-  "version": "0.16.9-dev.20",
+  "version": "0.16.9-dev.22",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -19,36 +19,36 @@
     "leaflet": "^1.9.4",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "@geowiki/api-proxy": "0.16.9-dev.20",
-    "@geowiki/cms-proxy": "0.16.9-dev.20",
-    "@geowiki/evoland-api-proxy": "0.16.9-dev.20"
+    "@geowiki/api-proxy": "0.16.9-dev.22",
+    "@geowiki/cms-proxy": "0.16.9-dev.22",
+    "@geowiki/evoland-api-proxy": "0.16.9-dev.22"
   },
   "devDependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/typography": "^0.5.9",
-    "@types/geojson": "^7946.0.10",
+    "@tailwindcss/forms": "^0.5.11",
+    "@tailwindcss/typography": "^0.5.19",
+    "@types/geojson": "^7946.0.16",
     "@types/leaflet": "^1.9.21",
-    "@types/leaflet.markercluster": "^1.5.4",
-    "@types/react": "^19.2.0",
-    "@types/react-dom": "^19.2.0",
+    "@types/leaflet.markercluster": "^1.5.6",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
     "@types/uuid": "^9.0.8",
-    "autoprefixer": "^10.4.14",
-    "eslint": "^8.56.0",
-    "postcss": "^8.4.21",
-    "react": "^19.2.0",
-    "tailwindcss": "^3.3.2",
+    "autoprefixer": "^10.5.0",
+    "eslint": "^8.57.1",
+    "postcss": "^8.5.14",
+    "react": "^19.2.6",
+    "tailwindcss": "^3.4.19",
     "tailwindcss-animate": "^1.0.7",
-    "tsup": "^8.0.2",
+    "tsup": "^8.5.1",
     "typescript": "5.4.2",
-    "tailwind-config": "0.0.0",
     "eslint-config-custom": "0.0.0",
+    "tailwind-config": "0.0.0",
     "tsconfig": "0.0.0"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.10",
-    "@heroicons/react": "^2.0.13",
-    "@hookform/resolvers": "^3.3.1",
+    "@heroicons/react": "^2.2.0",
+    "@hookform/resolvers": "^3.10.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
@@ -77,46 +77,46 @@
     "@radix-ui/react-toggle": "^1.1.10",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-leaflet/core": "^2.1.0",
-    "@tanstack/react-query": "^5.22.2",
-    "@tanstack/react-table": "^8.7.6",
-    "@types/d3": "^7.4.0",
-    "class-variance-authority": "^0.6.0",
+    "@tanstack/react-query": "5.100.10",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/d3": "^7.4.3",
+    "class-variance-authority": "^0.6.1",
     "classnames": "^2.5.1",
     "clsx": "^1.2.1",
-    "cmdk": "^0.2.0",
-    "cookies-next": "^2.1.1",
-    "d3": "^7.8.5",
+    "cmdk": "^0.2.1",
+    "cookies-next": "^2.1.2",
+    "d3": "^7.9.0",
     "date-fns": "^2.30.0",
-    "embla-carousel-react": "^8.0.0",
-    "framer-motion": "^8.3.3",
-    "html-react-parser": "^3.0.7",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^8.5.5",
+    "html-react-parser": "^3.0.16",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.4",
     "leaflet.markercluster": "^1.5.3",
     "lucide-react": "^0.224.0",
     "quill-blot-formatter": "^1.0.5",
-    "react-data-table-component": "^7.5.3",
-    "react-day-picker": "^8.7.1",
-    "react-hook-form": "^7.53.0",
+    "react-data-table-component": "^7.7.1",
+    "react-day-picker": "^8.10.2",
+    "react-hook-form": "^7.76.0",
     "react-leaflet": "^4.2.1",
-    "react-markdown": "^9.0.1",
-    "react-multi-carousel": "^2.8.4",
-    "react-player": "^2.14.1",
+    "react-markdown": "^9.1.0",
+    "react-multi-carousel": "^2.8.6",
+    "react-player": "^2.16.1",
     "react-quill": "^2.0.0",
-    "react-resizable-panels": "^1.0.3",
+    "react-resizable-panels": "^1.0.10",
     "react-responsive-carousel": "^3.2.23",
-    "react-select": "^5.7.0",
+    "react-select": "^5.10.2",
     "react-timer-hook": "3.0.5",
-    "react-toastify": "^9.1.1",
-    "sweetalert2": "^11.7.20",
-    "tailwind-merge": "^1.12.0",
-    "uuid": "^9.0.0",
-    "zod": "^3.25.7",
-    "@geowiki/api-proxy": "0.16.9-dev.20",
-    "@geowiki/cms-proxy": "0.16.9-dev.20",
-    "@geowiki/core": "0.16.9-dev.20",
-    "@geowiki/design-system": "0.16.9-dev.20",
-    "@geowiki/evoland-api-proxy": "0.16.9-dev.20"
+    "react-toastify": "^9.1.3",
+    "sweetalert2": "^11.26.24",
+    "tailwind-merge": "^1.14.0",
+    "uuid": "^9.0.1",
+    "zod": "3.25.76",
+    "@geowiki/api-proxy": "0.16.9-dev.22",
+    "@geowiki/core": "0.16.9-dev.22",
+    "@geowiki/cms-proxy": "0.16.9-dev.22",
+    "@geowiki/evoland-api-proxy": "0.16.9-dev.22",
+    "@geowiki/design-system": "0.16.9-dev.22"
   },
   "scripts": {
     "build": "tsup && tailwindcss -i styles.css -o dist/styles.css --minify",