@geowiki/ui 0.16.9-dev.14 → 0.16.9-dev.15

package/dist/index.mjs

@@ -4,7 +4,7 @@ import {
   __require,
   __spreadProps,
   __spreadValues
-} from "./chunk-2KORXHVU.mjs";
+} from "./chunk-IIIL7C6U.mjs";
 
 // src/index.tsx
 export * from "@geowiki/design-system";
@@ -38,8 +38,7 @@ var NextImage = ({
 import classNames from "classnames";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var HtmlLinkList = ({ links }) => {
-  if (!links)
-    return null;
+  if (!links) return null;
   return /* @__PURE__ */ jsx2("div", { children: links == null ? void 0 : links.map((link) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     return /* @__PURE__ */ jsx2(
@@ -229,8 +228,7 @@ function parseTitle(title, type) {
   return parsedTitle.join("");
 }
 var isAdmin = (token) => {
-  if (!token)
-    return false;
+  if (!token) return false;
   try {
     const decodedToken = jwtDecode(token);
     return decodedToken.role.includes(USER_ROLE.ADMIN) || decodedToken.role.includes(USER_ROLE.FARMER_CLUSTER_ADMIN);
@@ -703,7 +701,7 @@ var ProfileSettings = ({ data }) => {
   const { handleSubmit, register } = useForm();
   const { toast: toast2 } = useToast();
   const queryClient = useQueryClient();
-  const onSubmit = (data2) => __async(void 0, null, function* () {
+  const onSubmit = (data2) => __async(null, null, function* () {
     try {
       yield ProfileService.profileUpdate(data2);
       toast2({
@@ -787,7 +785,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",
@@ -904,7 +902,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 ProfileService3.profileUpdate(data2);
       toast2({
@@ -1160,7 +1158,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;
@@ -1456,7 +1454,7 @@ var TestEmail = ({ onDismiss }) => {
   useEffect2(() => {
     setOpen(true);
   }, []);
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     try {
       const payload = data;
       yield EmailSettingsService.emailSettingsSendTestEmail(payload);
@@ -1545,7 +1543,7 @@ var Emailing = () => {
     },
     [emailSettingDto]
   );
-  const onSubmitEvent = () => __async(void 0, null, function* () {
+  const onSubmitEvent = () => __async(null, null, function* () {
     try {
       yield EmailSettingsService2.emailSettingsUpdate(__spreadValues({}, emailSettingDto));
       toast2({
@@ -1789,7 +1787,7 @@ var AddTenant = () => {
   const { toast: toast2 } = useToast6();
   const { handleSubmit, register } = useForm7();
   const queryClient = useQueryClient5();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newTenant = data;
     try {
       yield TenantService.tenantCreate(newTenant);
@@ -1904,7 +1902,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 TenantService2.tenantUpdate(tenantId, tenant);
@@ -2061,7 +2059,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 = [
@@ -2095,7 +2093,7 @@ var FeatureList = ({ onDismiss, tenantId }) => {
       }
     }
   });
-  const onResetToDefaultEvent = () => __async(void 0, null, function* () {
+  const onResetToDefaultEvent = () => __async(null, null, function* () {
     try {
       yield FeaturesService.featuresDelete(PermissionProvider.T, tenantId);
       toast2({
@@ -2194,8 +2192,7 @@ import {
 import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs20 } from "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__ */ jsx23(DropdownMenuItem, { children: /* @__PURE__ */ jsxs20(Button12, { variant: "secondary", onClick: action.callback, size: "sm", children: [
       action.icon === "permission" && /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-1", children: [
         /* @__PURE__ */ jsx23(
@@ -2284,7 +2281,7 @@ var DeleteTenant = ({
 }) => {
   const { toast: toast2 } = useToast9();
   const [open, setOpen] = useState13(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield TenantService3.tenantDelete(tenantId);
       toast2({
@@ -2485,7 +2482,7 @@ var AddUser = ({ showButtonAdd }) => {
   const { toast: toast2 } = useToast10();
   const queryClient = useQueryClient9();
   const { handleSubmit, register } = useForm10();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const user = data;
     user.isActive = isActive;
     user.lockoutEnabled = lockoutEnabled;
@@ -2616,7 +2613,7 @@ var DeleteUser = ({
 }) => {
   const { toast: toast2 } = useToast11();
   const [open, setOpen] = useState16(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield UserService2.userDelete(userId);
       toast2({
@@ -2797,8 +2794,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 }) => {
@@ -2862,20 +2858,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);
   });
@@ -2925,17 +2917,14 @@ 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 == "") setContractStartDate(null);
+          if (contractEndDate == "") setContractEndDate(null);
           if ((contractStartDate == "" || !contractStartDate) && contractEndDate || contractEndDate && contractStartDate && new Date(contractEndDate) < new Date(contractEndDate)) {
             alert("Please provide correct date");
             return;
@@ -2963,14 +2952,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();
   };
   useEffect9(() => {
@@ -3002,7 +2987,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), {
@@ -3087,8 +3072,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);
                 }
               })
             )
@@ -3435,8 +3419,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]);
   useEffect11(() => {
@@ -3500,7 +3483,7 @@ var UserPermission = ({
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = useCallback5(
-    (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) => ({
@@ -3856,7 +3839,7 @@ var DeleteRole = ({
 }) => {
   const { toast: toast2 } = useToast14();
   const [open, setOpen] = useState21(false);
-  const onYesEvent = () => __async(void 0, null, function* () {
+  const onYesEvent = () => __async(null, null, function* () {
     try {
       yield RoleService.roleDelete(roleId);
       toast2({
@@ -3917,7 +3900,7 @@ var RoleEdit = ({ roleDto, roleId, onDismiss }) => {
   const { handleSubmit, register } = useForm12();
   const [isDefault, setIsDefault] = useState22(roleDto.isDefault);
   const [isPublic, setIsPublic] = useState22(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;
@@ -4080,8 +4063,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]);
   useEffect14(() => {
@@ -4145,7 +4127,7 @@ var RolePermission = ({ roleDto, onDismiss }) => {
     [hasAllGranted, permissionGroups]
   );
   const onSubmit = useCallback6(
-    (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) => ({
@@ -4463,7 +4445,7 @@ var AddRole = ({ showButtonAdd }) => {
   const { toast: toast2 } = useToast17();
   const { handleSubmit, register } = useForm13();
   const queryClient = useQueryClient14();
-  const onSubmit = (data) => __async(void 0, null, function* () {
+  const onSubmit = (data) => __async(null, null, function* () {
     const newRole = data;
     newRole.isDefault = isDefault;
     newRole.isPublic = isPublic;
@@ -4686,13 +4668,11 @@ import { useCurrentUser as useCurrentUser2 } from "@geowiki/core";
 import { Fragment as Fragment17, jsx as jsx43 } from "react/jsx-runtime";
 var RequireRole = ({ roles, children }) => {
   const currentUser = useCurrentUser2();
-  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__ */ jsx43(Fragment17, { children });
 };
 
@@ -4763,8 +4743,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]
@@ -5032,8 +5011,13 @@ var HtmlView = (props) => {
 };
 
 // src/components/Elements/TopProgress.tsx
-import { motion, useScroll, useSpring } from "framer-motion";
+import {
+  motion as motionRaw,
+  useScroll,
+  useSpring
+} from "framer-motion";
 import { jsx as jsx49 } from "react/jsx-runtime";
+var motion = motionRaw;
 var TopProgress = () => {
   const { scrollYProgress } = useScroll();
   const scaleX = useSpring(scrollYProgress, {
@@ -5163,8 +5147,7 @@ var CustomDropDown = (props) => {
     }
     return null;
   });
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx51(LoaderFull2, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx51(LoaderFull2, {});
   return /* @__PURE__ */ jsx51(
     AsyncSelect,
     {
@@ -5307,11 +5290,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
@@ -5375,15 +5356,15 @@ var CustomFilterSort = (props) => {
 // src/components/Elements/InfoCard.tsx
 import { useConfigSettings as useConfigSettings2 } from "@geowiki/core";
 import { Link as Link4 } from "@geowiki/core";
-import { motion as motion2 } from "framer-motion";
+import { motion as motionRaw2 } from "framer-motion";
 import { itemVariants } from "@geowiki/core";
 import { LoaderFull as LoaderFull3 } from "@geowiki/design-system";
 import { jsx as jsx53, jsxs as jsxs46 } from "react/jsx-runtime";
+var motion2 = motionRaw2;
 var InfoCard = (props) => {
   var _a;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings2();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx53(LoaderFull3, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx53(LoaderFull3, {});
   return /* @__PURE__ */ jsx53(
     motion2.li,
     {
@@ -5615,8 +5596,7 @@ var CmsImage = ({
   showPlaceholder = true
 }) => {
   var { data: cmsImageUrl, isLoading } = useCmsImage(src);
-  if (isLoading)
-    return null;
+  if (isLoading) return null;
   if (width && height) {
     if (!showPlaceholder)
       return /* @__PURE__ */ jsx58(
@@ -6323,8 +6303,8 @@ var RichTextContent = (props) => {
   const [hasContent, setHasContent] = useState31(
     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 });
@@ -6479,8 +6459,7 @@ import { Link as Link8 } from "@geowiki/core";
 import { Button as Button24 } from "@geowiki/design-system";
 import { jsx as jsx72 } from "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__ */ jsx72(Button24, { children: /* @__PURE__ */ jsx72(
@@ -6703,7 +6682,7 @@ var NewsItemList = ({ newsItems }) => {
 
 // src/components/Publications/PublicationList.tsx
 import { listVariants as listVariants3 } from "@geowiki/core";
-import { motion as motion7 } from "framer-motion";
+import { motion as motionRaw3 } from "framer-motion";
 
 // src/components/Publications/PublicationItem.tsx
 import { itemVariants as itemVariants3, useCmsUrl as useCmsUrl2 } from "@geowiki/core";
@@ -6760,6 +6739,7 @@ var PublicationItem = ({ publication }) => {
 
 // src/components/Publications/PublicationList.tsx
 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();
@@ -6833,7 +6813,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-WZNS6WYH.mjs").then((x) => x.FarmerClusterMap),
+  () => import("./cluster-map-VNFQJ56C.mjs").then((x) => x.FarmerClusterMap),
   {
     ssr: false
   }
@@ -7064,7 +7044,7 @@ var UpdatePassword = (props) => {
       reset({ confirmnewPassword: null });
     }
   };
-  const onPasswordSubmit = () => __async(void 0, null, function* () {
+  const onPasswordSubmit = () => __async(null, null, function* () {
     try {
       yield ProfileService5.profileChangePassword(PasswordData);
       Swal.fire({
@@ -7267,7 +7247,7 @@ var UpdateUserProfile = ({
       });
     });
   };
-  const onProfileSubmit = () => __async(void 0, null, function* () {
+  const onProfileSubmit = () => __async(null, null, function* () {
     var result = yield ProfileService6.profileUpdate(UserData);
     if (result.name === UserData.name && result.surname === UserData.surname) {
       Swal2.fire({
@@ -7374,7 +7354,7 @@ import { toast } from "react-toastify";
 import { jsx as jsx87, jsxs as jsxs72 } from "react/jsx-runtime";
 var SettingsItem = (props) => {
   const [value, setValue] = useState37(props.value);
-  const handleUpdateSettings = () => __async(void 0, null, function* () {
+  const handleUpdateSettings = () => __async(null, null, function* () {
     try {
       yield SettingsService.settingsSetSettingForTenant(props.setting, value);
       toast.success("Settings updated");
@@ -7420,8 +7400,7 @@ import { jsx as jsx88, jsxs as jsxs73 } from "react/jsx-runtime";
 var SettingsManagement = () => {
   var _a;
   var { data, isLoading } = useAppConfig3();
-  if (isLoading)
-    return /* @__PURE__ */ jsx88("div", { children: "Loading..." });
+  if (isLoading) return /* @__PURE__ */ jsx88("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")),
@@ -7432,10 +7411,8 @@ var SettingsManagement = () => {
       return key.startsWith((_a2 = data == null ? void 0 : data.currentTenant) == null ? void 0 : _a2.name);
     })
   };
-  if (!data)
-    return /* @__PURE__ */ jsx88("div", { children: "no data" });
-  if (!keys)
-    return /* @__PURE__ */ jsx88("div", { children: "no keys" });
+  if (!data) return /* @__PURE__ */ jsx88("div", { children: "no data" });
+  if (!keys) return /* @__PURE__ */ jsx88("div", { children: "no keys" });
   return /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsx88("div", { className: "w-full px-2 py-16 sm:px-0", children: /* @__PURE__ */ jsxs73(Tab.Group, { children: [
     /* @__PURE__ */ jsx88(Tab.List, { className: "flex p-1 space-x-1  rounded-xl", children: Object.keys(settings).map(
       (key) => settings[key].length > 0 && /* @__PURE__ */ jsx88(
@@ -8555,8 +8532,7 @@ import { jsx as jsx99, jsxs as jsxs84 } from "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 } = useConfigSettings3();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx99(LoaderFull4, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx99(LoaderFull4, {});
   return /* @__PURE__ */ jsxs84("div", { className: "space-y-6 lg:space-y-10", children: [
     /* @__PURE__ */ jsx99(
       TagsGroup,
@@ -8724,8 +8700,7 @@ var ApiImage = ({
   height = 0
 }) => {
   var { data, isLoading } = useApiImage(imageId);
-  if (isLoading)
-    return null;
+  if (isLoading) return null;
   if (width > 0 && height > 0) {
     return /* @__PURE__ */ jsx100(
       Image4,
@@ -9490,10 +9465,8 @@ var ClusterNews = ({
       path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
     };
   });
-  if (isLoading)
-    return /* @__PURE__ */ jsx112(LocalLoader, {});
-  if (publishedItems.length == 0)
-    return null;
+  if (isLoading) return /* @__PURE__ */ jsx112(LocalLoader, {});
+  if (publishedItems.length == 0) return null;
   return /* @__PURE__ */ jsx112(Fragment26, { children: !isLoading && /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ jsxs93("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
     /* @__PURE__ */ jsxs93("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
       /* @__PURE__ */ jsx112(H4Design2, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
@@ -9653,8 +9626,7 @@ import { useCountries } from "@geowiki/core";
 import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
 var H3Clusters = ({ clusters }) => {
   const { data: countries, isLoading: isCountriesLoading } = useCountries();
-  if (isCountriesLoading)
-    return /* @__PURE__ */ jsx116("div", { children: "Loading..." });
+  if (isCountriesLoading) return /* @__PURE__ */ jsx116("div", { children: "Loading..." });
   return /* @__PURE__ */ jsxs95("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
     /* @__PURE__ */ jsxs95("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
       /* @__PURE__ */ jsx116(H4Design3, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
@@ -10383,8 +10355,7 @@ var SubtitleH3Cluster4Column = ({
     4
   );
   const { data: countries, isLoading: isCountriesLoading } = useCountries2();
-  if (isClusterLoading || isCountriesLoading)
-    return /* @__PURE__ */ jsx132("div", { children: "Loading..." });
+  if (isClusterLoading || isCountriesLoading) return /* @__PURE__ */ jsx132("div", { children: "Loading..." });
   return /* @__PURE__ */ jsxs110(
     "div",
     {