@geowiki/ui 0.16.9-dev.8 → 0.16.9

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");
@@ -174,25 +174,23 @@ var init_cluster_markers = __esm({
       const { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = (0, import_core78.useConfigSettings)();
       const { data, error, isLoading } = (0, import_core75.useClusterMapInfo)();
       const fileUrl = (0, import_core77.useFileUrl)();
-      if (error)
-        return null;
-      if (isLoading || IsConfigSettingsLoaded)
-        return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_design_system62.LoaderFull, {});
+      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,
@@ -234,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: [
@@ -295,8 +293,8 @@ var init_cluster_map = __esm({
 });
 
 // src/index.tsx
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   AccountDetail: () => AccountDetail,
   AddRole: () => AddRole,
   AddTenant: () => AddTenant,
@@ -435,8 +433,8 @@ __export(src_exports, {
   tableCustomStyles: () => tableCustomStyles,
   tableDesigntyles: () => tableDesigntyles
 });
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("@geowiki/design-system"), module.exports);
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@geowiki/design-system"), module.exports);
 
 // src/components/ui/footer.tsx
 var import_core2 = require("@geowiki/core");
@@ -467,8 +465,7 @@ var NextImage = ({
 var import_classnames = __toESM(require("classnames"));
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var HtmlLinkList = ({ links }) => {
-  if (!links)
-    return null;
+  if (!links) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: links == null ? void 0 : links.map((link) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -658,8 +655,7 @@ function parseTitle(title, type) {
   return parsedTitle.join("");
 }
 var isAdmin = (token) => {
-  if (!token)
-    return false;
+  if (!token) return false;
   try {
     const decodedToken = (0, import_jwt_decode.jwtDecode)(token);
     return decodedToken.role.includes(import_core4.USER_ROLE.ADMIN) || decodedToken.role.includes(import_core4.USER_ROLE.FARMER_CLUSTER_ADMIN);
@@ -1123,7 +1119,7 @@ var ProfileSettings = ({ data }) => {
   const { handleSubmit, register } = (0, import_react_hook_form.useForm)();
   const { toast: toast2 } = (0, import_design_system5.useToast)();
   const queryClient = (0, import_react_query.useQueryClient)();
-  const onSubmit = (data2) => __async(void 0, null, function* () {
+  const onSubmit = (data2) => __async(null, null, function* () {
     try {
       yield import_api_proxy.ProfileService.profileUpdate(data2);
       toast2({
@@ -1207,7 +1203,7 @@ var ChangePassword = () => {
     newPassword: "",
     confirmNewPassword: ""
   });
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     if (shouldDisabled()) {
       toast2({
         title: "Password Incorrect",
@@ -1324,7 +1320,7 @@ var AccountEdit = ({ data, open, setOpen }) => {
   const handleInputChange = () => {
     setShowSaving(false);
   };
-  const onSubmit = (data2) => __async(void 0, null, function* () {
+  const onSubmit = (data2) => __async(null, null, function* () {
     try {
       yield import_api_proxy3.ProfileService.profileUpdate(data2);
       toast2({
@@ -1575,7 +1571,7 @@ var PasswordEdit = ({ open, setOpen }) => {
       setIsSaving(false);
     }
   }, [formValues, hasInteracted]);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     try {
       setIsSaving(true);
       const requestBody = data;
@@ -1861,7 +1857,7 @@ var TestEmail = ({ onDismiss }) => {
   (0, import_react16.useEffect)(() => {
     setOpen(true);
   }, []);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     try {
       const payload = data;
       yield import_api_proxy5.EmailSettingsService.emailSettingsSendTestEmail(payload);
@@ -1950,7 +1946,7 @@ var Emailing = () => {
     },
     [emailSettingDto]
   );
-  const onSubmitEvent = () => __async(void 0, null, function* () {
+  const onSubmitEvent = () => __async(null, null, function* () {
     try {
       yield import_api_proxy6.EmailSettingsService.emailSettingsUpdate(__spreadValues({}, emailSettingDto));
       toast2({
@@ -2180,7 +2176,7 @@ var AddTenant = () => {
   const { toast: toast2 } = (0, import_design_system21.useToast)();
   const { handleSubmit, register } = (0, import_react_hook_form7.useForm)();
   const queryClient = (0, import_react_query5.useQueryClient)();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newTenant = data;
     try {
       yield import_api_proxy7.TenantService.tenantCreate(newTenant);
@@ -2283,7 +2279,7 @@ var TenantEdit = ({
       setEnableHost(true);
     }
   }, [tenantDto, (_a = tenantDto == null ? void 0 : tenantDto.extraProperties) == null ? void 0 : _a.Host]);
-  const onSubmit = (dto) => __async(void 0, null, function* () {
+  const onSubmit = (dto) => __async(null, null, function* () {
     const tenant = dto;
     try {
       yield import_api_proxy8.TenantService.tenantUpdate(tenantId, tenant);
@@ -2429,7 +2425,7 @@ var FeatureList = ({ onDismiss, tenantId }) => {
       setEnableEmailSetting(value);
     }
   };
-  const onSubmit = () => __async(void 0, null, function* () {
+  const onSubmit = () => __async(null, null, function* () {
     try {
       const featureUpdateDto = {};
       featureUpdateDto.features = [
@@ -2463,7 +2459,7 @@ var FeatureList = ({ onDismiss, tenantId }) => {
       }
     }
   });
-  const onResetToDefaultEvent = () => __async(void 0, null, function* () {
+  const onResetToDefaultEvent = () => __async(null, null, function* () {
     try {
       yield import_api_proxy9.FeaturesService.featuresDelete(import_core14.PermissionProvider.T, tenantId);
       toast2({
@@ -2551,8 +2547,7 @@ var import_design_system24 = require("@geowiki/design-system");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var PermissionActions = ({ actions }) => {
   const renderElement = (action) => {
-    if (!action.showButton || action.visible)
-      return false;
+    if (!action.showButton || action.visible) return false;
     return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_design_system24.DropdownMenuItem, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_design_system24.Button, { variant: "secondary", onClick: action.callback, size: "sm", children: [
       action.icon === "permission" && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center space-x-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -2631,7 +2626,7 @@ var DeleteTenant = ({
 }) => {
   const { toast: toast2 } = (0, import_design_system25.useToast)();
   const [open, setOpen] = (0, import_react23.useState)(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield import_api_proxy10.TenantService.tenantDelete(tenantId);
       toast2({
@@ -2823,7 +2818,7 @@ var AddUser = ({ showButtonAdd }) => {
   const { toast: toast2 } = (0, import_design_system28.useToast)();
   const queryClient = (0, import_react_query9.useQueryClient)();
   const { handleSubmit, register } = (0, import_react_hook_form10.useForm)();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const user = data;
     user.isActive = isActive;
     user.lockoutEnabled = lockoutEnabled;
@@ -2944,7 +2939,7 @@ var DeleteUser = ({
 }) => {
   const { toast: toast2 } = (0, import_design_system29.useToast)();
   const [open, setOpen] = (0, import_react26.useState)(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield import_api_proxy12.UserService.userDelete(userId);
       toast2({
@@ -3088,8 +3083,7 @@ function formatUserAlias(userName) {
   var _a, _b;
   const parts = userName.split("_");
   const first = ((_b = (_a = parts[0].at(0)) == null ? void 0 : _a.toUpperCase()) != null ? _b : "") + parts[0].substring(1);
-  if (!parts[1])
-    return first;
+  if (!parts[1]) return first;
   return first + "(" + parts[1].toUpperCase() + ")";
 }
 var UserEdit = ({ userDto, userId, onDismiss }) => {
@@ -3153,20 +3147,16 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
     setRefreshData(false);
   };
   if ((updateUserRoleProjectResult == null ? void 0 : updateUserRoleProjectResult.success) == true) {
-    if (userAlias != "")
-      setUserAlias("");
-    if (userProjectRole.length != 0)
-      setUserProjectRole([]);
+    if (userAlias != "") setUserAlias("");
+    if (userProjectRole.length != 0) setUserProjectRole([]);
   }
   if (setUserDetail && setUserDetail.success == true) {
-    if (contractStartDate != "")
-      setContractStartDate("");
-    if (contractEndDate != "")
-      setContractEndDate("");
+    if (contractStartDate != "") setContractStartDate("");
+    if (contractEndDate != "") setContractEndDate("");
     setUpdateUserDetail(false);
     setRefreshData(false);
   }
-  const updateUserRoleProject = () => __async(void 0, null, function* () {
+  const updateUserRoleProject = () => __async(null, null, function* () {
     setUserAlias(formatUserAlias(userDto.userName));
     setUpdateUserProject(true);
   });
@@ -3216,18 +3206,15 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
   const paginationComponentOptions = {
     noRowsPerPage: true
   };
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const user = data;
     try {
       if (evolandFeature) {
-        if (!updateUserProject)
-          yield updateUserRoleProject();
+        if (!updateUserProject) yield updateUserRoleProject();
         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 == "") setContractStartDate(null);
+          if (contractEndDate == "") setContractEndDate(null);
+          if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractStartDate)) {
             alert("Please provide correct date");
             return;
           }
@@ -3254,14 +3241,10 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
   });
   const onCloseEvent = () => {
     setOpen(false);
-    if (userAlias != "")
-      setUserAlias("");
-    if (userProjectRole.length != 0)
-      setUserProjectRole([]);
-    if (contractStartDate != "")
-      setContractStartDate("");
-    if (contractEndDate != "")
-      setContractEndDate("");
+    if (userAlias != "") setUserAlias("");
+    if (userProjectRole.length != 0) setUserProjectRole([]);
+    if (contractStartDate != "") setContractStartDate("");
+    if (contractEndDate != "") setContractEndDate("");
     onDismiss();
   };
   (0, import_react28.useEffect)(() => {
@@ -3293,7 +3276,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
     },
     [roles]
   );
-  const onRoleAssignedSaveEvent = (e) => __async(void 0, null, function* () {
+  const onRoleAssignedSaveEvent = (e) => __async(null, null, function* () {
     var _a2;
     e.preventDefault();
     const updateUserDto = __spreadProps(__spreadValues({}, userDto), {
@@ -3378,8 +3361,7 @@ var UserEdit = ({ userDto, userId, onDismiss }) => {
                 onChange: (e) => {
                   if ((contractStartDate == "" || !contractStartDate) && e.target.value !== "" || new Date(contractStartDate) > new Date(e.target.value))
                     alert("Please provide correct start date");
-                  else
-                    setContractEndDate(e.target.value);
+                  else setContractEndDate(e.target.value);
                 }
               })
             )
@@ -3712,8 +3694,7 @@ var UserPermission = ({
         var _a;
         return (_a = g.permissions) == null ? void 0 : _a.every((p) => p.isGranted);
       }).every((e) => e);
-      if (hasAllPermissionGranted)
-        setHasAllGranted(hasAllPermissionGranted);
+      if (hasAllPermissionGranted) setHasAllGranted(hasAllPermissionGranted);
     }
   }, [permissionGroups]);
   (0, import_react31.useEffect)(() => {
@@ -3777,7 +3758,7 @@ var UserPermission = ({
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = (0, import_react31.useCallback)(
-    (e) => __async(void 0, null, function* () {
+    (e) => __async(null, null, function* () {
       e.preventDefault();
       const payload = permissionGroups == null ? void 0 : permissionGroups.map(
         (p) => p.permissions.map((grant) => ({
@@ -4123,7 +4104,7 @@ var DeleteRole = ({
 }) => {
   const { toast: toast2 } = (0, import_design_system41.useToast)();
   const [open, setOpen] = (0, import_react33.useState)(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield import_api_proxy15.RoleService.roleDelete(roleId);
       toast2({
@@ -4175,7 +4156,7 @@ var RoleEdit = ({ roleDto, roleId, onDismiss }) => {
   const { handleSubmit, register } = (0, import_react_hook_form12.useForm)();
   const [isDefault, setIsDefault] = (0, import_react34.useState)(roleDto.isDefault);
   const [isPublic, setIsPublic] = (0, import_react34.useState)(roleDto.isPublic);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const role = data;
     role.isDefault = isDefault;
     role.isPublic = isPublic;
@@ -4324,8 +4305,7 @@ var RolePermission = ({ roleDto, onDismiss }) => {
         var _a;
         return (_a = g.permissions) == null ? void 0 : _a.every((p) => p.isGranted);
       }).every((e) => e);
-      if (hasAllPermissionGranted)
-        setHasAllGranted(hasAllPermissionGranted);
+      if (hasAllPermissionGranted) setHasAllGranted(hasAllPermissionGranted);
     }
   }, [permissionGroups]);
   (0, import_react35.useEffect)(() => {
@@ -4389,7 +4369,7 @@ var RolePermission = ({ roleDto, onDismiss }) => {
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = (0, import_react35.useCallback)(
-    (e) => __async(void 0, null, function* () {
+    (e) => __async(null, null, function* () {
       e.preventDefault();
       const payload = permissionGroups == null ? void 0 : permissionGroups.map(
         (p) => p.permissions.map((grant) => ({
@@ -4698,7 +4678,7 @@ var AddRole = ({ showButtonAdd }) => {
   const { toast: toast2 } = (0, import_design_system46.useToast)();
   const { handleSubmit, register } = (0, import_react_hook_form13.useForm)();
   const queryClient = (0, import_react_query14.useQueryClient)();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newRole = data;
     newRole.isDefault = isDefault;
     newRole.isPublic = isPublic;
@@ -4910,13 +4890,11 @@ var import_core37 = require("@geowiki/core");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var RequireRole = ({ roles, children }) => {
   const currentUser = (0, import_core37.useCurrentUser)();
-  if (!currentUser)
-    return null;
+  if (!currentUser) return null;
   if (!(roles == null ? void 0 : roles.some((role) => {
     var _a;
     return (_a = currentUser.roles) == null ? void 0 : _a.includes(role);
-  })))
-    return null;
+  }))) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children });
 };
 
@@ -4987,8 +4965,7 @@ var Sidebar = ({
     (menu) => {
       var _a2;
       const m = (_a2 = menu.children) == null ? void 0 : _a2.find((c) => c.link === (router == null ? void 0 : router.asPath));
-      if (m)
-        return menu.name;
+      if (m) return menu.name;
       return "";
     },
     [router == null ? void 0 : router.asPath]
@@ -5251,6 +5228,7 @@ var HtmlView = (props) => {
 // src/components/Elements/TopProgress.tsx
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime49 = require("react/jsx-runtime");
+var motion = import_framer_motion.motion;
 var TopProgress = () => {
   const { scrollYProgress } = (0, import_framer_motion.useScroll)();
   const scaleX = (0, import_framer_motion.useSpring)(scrollYProgress, {
@@ -5258,7 +5236,7 @@ var TopProgress = () => {
     damping: 30,
     restDelta: 1e-3
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_framer_motion.motion.div, { className: "progress-bar", style: { scaleX } }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(motion.div, { className: "progress-bar", style: { scaleX } }) });
 };
 
 // src/components/Elements/Pagination.tsx
@@ -5380,8 +5358,7 @@ var CustomDropDown = (props) => {
     }
     return null;
   });
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system52.LoaderFull, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_design_system52.LoaderFull, {});
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     import_async.default,
     {
@@ -5524,11 +5501,9 @@ var CustomFilterSort = (props) => {
           LabelLookUp: item.LabelLookUp,
           Parameter: item.Parameter,
           onValueChange: (currentvalue) => {
-            if ((currentvalue == null ? void 0 : currentvalue.value) != void 0)
-              skip = 0;
+            if ((currentvalue == null ? void 0 : currentvalue.value) != void 0) skip = 0;
             filterValues[item == null ? void 0 : item.Name.replace(new RegExp(" ", "g"), "")] = currentvalue == null ? void 0 : currentvalue.value;
-            if (!props.showButtons)
-              onSearch();
+            if (!props.showButtons) onSearch();
           }
         },
         index
@@ -5596,13 +5571,13 @@ var import_framer_motion2 = require("framer-motion");
 var import_core52 = require("@geowiki/core");
 var import_design_system53 = require("@geowiki/design-system");
 var import_jsx_runtime53 = require("react/jsx-runtime");
+var motion2 = import_framer_motion2.motion;
 var InfoCard = (props) => {
   var _a;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = (0, import_core50.useConfigSettings)();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system53.LoaderFull, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_design_system53.LoaderFull, {});
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
-    import_framer_motion2.motion.li,
+    motion2.li,
     {
       className: "h-full lg:h-full flex flex-col cursor-pointer",
       variants: import_core52.itemVariants,
@@ -5831,9 +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)(
@@ -6536,8 +6509,8 @@ var RichTextContent = (props) => {
   const [hasContent, setHasContent] = (0, import_react47.useState)(
     props.defaultValue ? true : false
   );
-  const loadQuill = () => __async(void 0, null, function* () {
-    return new Promise((resolve) => __async(void 0, null, function* () {
+  const loadQuill = () => __async(null, null, function* () {
+    return new Promise((resolve) => __async(null, null, function* () {
       const Quill = yield require("react-quill").Quill;
       const BlotFormatter = (yield require("quill-blot-formatter")).default;
       resolve({ Quill, BlotFormatter });
@@ -6692,8 +6665,7 @@ var import_core64 = require("@geowiki/core");
 var import_design_system58 = require("@geowiki/design-system");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var ButtonList = ({ data }) => {
-  if (!data)
-    return null;
+  if (!data) return null;
   return data == null ? void 0 : data.map((button) => {
     var _a;
     return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_design_system58.Button, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
@@ -6855,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 = [
@@ -6898,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}`
+      );
+    }) }) }) })
   ] }) });
 };
 
@@ -6973,19 +6947,20 @@ var PublicationItem = ({ publication }) => {
 
 // src/components/Publications/PublicationList.tsx
 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)(
-    import_framer_motion7.motion.ul,
+    motion7.ul,
     {
       className: "mx-auto mt-12 grid max-w-lg gap-5 lg:max-w-none lg:grid-cols-3",
       initial: "initial",
       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);
       })
@@ -7277,7 +7252,7 @@ var UpdatePassword = (props) => {
       reset({ confirmnewPassword: null });
     }
   };
-  const onPasswordSubmit = () => __async(void 0, null, function* () {
+  const onPasswordSubmit = () => __async(null, null, function* () {
     try {
       yield import_api_proxy19.ProfileService.profileChangePassword(PasswordData);
       import_sweetalert2.default.fire({
@@ -7480,7 +7455,7 @@ var UpdateUserProfile = ({
       });
     });
   };
-  const onProfileSubmit = () => __async(void 0, null, function* () {
+  const onProfileSubmit = () => __async(null, null, function* () {
     var result = yield import_api_proxy20.ProfileService.profileUpdate(UserData);
     if (result.name === UserData.name && result.surname === UserData.surname) {
       import_sweetalert22.default.fire({
@@ -7488,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({
@@ -7587,7 +7562,7 @@ var import_react_toastify = require("react-toastify");
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var SettingsItem = (props) => {
   const [value, setValue] = (0, import_react53.useState)(props.value);
-  const handleUpdateSettings = () => __async(void 0, null, function* () {
+  const handleUpdateSettings = () => __async(null, null, function* () {
     try {
       yield import_api_proxy21.SettingsService.settingsSetSettingForTenant(props.setting, value);
       import_react_toastify.toast.success("Settings updated");
@@ -7633,8 +7608,7 @@ var import_jsx_runtime91 = require("react/jsx-runtime");
 var SettingsManagement = () => {
   var _a;
   var { data, isLoading } = (0, import_core81.useAppConfig)();
-  if (isLoading)
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "Loading..." });
+  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "Loading..." });
   const keys = Object == null ? void 0 : Object.keys((_a = data == null ? void 0 : data.setting) == null ? void 0 : _a.values);
   let settings = {
     GeoWiki: keys.filter((key) => key.startsWith("GeoWiki")),
@@ -7645,10 +7619,8 @@ var SettingsManagement = () => {
       return key.startsWith((_a2 = data == null ? void 0 : data.currentTenant) == null ? void 0 : _a2.name);
     })
   };
-  if (!data)
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "no data" });
-  if (!keys)
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "no keys" });
+  if (!data) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "no data" });
+  if (!keys) return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: "no keys" });
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "w-full px-2 py-16 sm:px-0", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_react54.Tab.Group, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react54.Tab.List, { className: "flex p-1 space-x-1  rounded-xl", children: Object.keys(settings).map(
       (key) => settings[key].length > 0 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
@@ -8639,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: [
@@ -8713,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: [
@@ -8726,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)()
     )) })
   ] });
 };
@@ -8739,8 +8712,7 @@ var import_jsx_runtime102 = require("react/jsx-runtime");
 var ListTagsGroup = ({ cluster }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = (0, import_core90.useConfigSettings)();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system80.LoaderFull, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system80.LoaderFull, {});
   return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "space-y-6 lg:space-y-10", children: [
     /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       import_design_system79.TagsGroup,
@@ -8907,15 +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,
@@ -8929,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))}`,
@@ -8942,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,
@@ -8981,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)(
@@ -9117,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({
@@ -9222,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" }) })
             ] })
           }
@@ -9497,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)(
@@ -9511,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) => {
@@ -9539,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,
@@ -9633,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");
@@ -9664,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,
@@ -9674,10 +9646,8 @@ var ClusterNews = ({
       path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
     };
   });
-  if (isLoading)
-    return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system92.LocalLoader, {});
-  if (publishedItems.length == 0)
-    return null;
+  if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system92.LocalLoader, {});
+  if (publishedItems.length == 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: !isLoading && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system90.H4Design, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
@@ -9712,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;
@@ -9753,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,
@@ -9765,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,
@@ -9832,13 +9802,12 @@ 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 }) => {
   const { data: countries, isLoading: isCountriesLoading } = (0, import_core105.useCountries)();
-  if (isCountriesLoading)
-    return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: "Loading..." });
+  if (isCountriesLoading) return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: "Loading..." });
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
     /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
       /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_design_system95.H4Design, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
@@ -9857,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",
@@ -9907,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]);
@@ -10470,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)(
@@ -10544,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");
@@ -10561,8 +10531,7 @@ var SubtitleH3Cluster4Column = ({
     4
   );
   const { data: countries, isLoading: isCountriesLoading } = (0, import_core115.useCountries)();
-  if (isClusterLoading || isCountriesLoading)
-    return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { children: "Loading..." });
+  if (isClusterLoading || isCountriesLoading) return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { children: "Loading..." });
   return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
     "div",
     {
@@ -10595,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",
@@ -10613,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");
@@ -10626,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,