@geowiki/recodo 0.16.9-dev.2 → 0.16.9-dev.21

package/dist/index.mjs

@@ -12,8 +12,7 @@ var ClusterViewNews = (props) => {
     props.clusterId,
     props.newsId
   );
-  if (isNewsLoading || isClusterLoading)
-    return /* @__PURE__ */ jsx(LoaderFull, {});
+  if (isNewsLoading || isClusterLoading) return /* @__PURE__ */ jsx(LoaderFull, {});
   return /* @__PURE__ */ jsx(
     ClusterStoryItem,
     {
@@ -45,7 +44,7 @@ import { i18n } from "@geowiki/core";
 import { CoverImage, DesignButton as DesignButton2 } from "@geowiki/ui";
 import { RichTextContent } from "@geowiki/ui";
 import { LoaderFull as LoaderFull2 } from "@geowiki/ui";
-import { useRouter } from "next/router";
+import { useRouter } from "@geowiki/core";
 import { useConfigSettings } from "@geowiki/core";
 import { useFileUrl as useFileUrl2 } from "@geowiki/core";
 import { useClusterGetNews as useClusterGetNews2 } from "@geowiki/core";
@@ -191,7 +190,7 @@ import { Dialog as Dialog2, Transition as Transition2 } from "@headlessui/react"
 import { Fragment as Fragment2 } from "react";
 import { XMarkIcon as XMarkIcon2 } from "@heroicons/react/24/outline";
 import { H5Design, Body16, DesignButton } from "@geowiki/ui";
-import Link from "next/link";
+import { Link } from "@geowiki/core";
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var FarmerClusterPopup = ({
   title,
@@ -399,8 +398,7 @@ var ClusterEditNews = (props) => {
       Swal.fire("Failed", i18n.t(error), "error");
     }
   };
-  if (isNewsLoading || IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx4(LoaderFull2, {});
+  if (isNewsLoading || IsConfigSettingsLoaded) return /* @__PURE__ */ jsx4(LoaderFull2, {});
   return /* @__PURE__ */ jsxs3("div", { children: [
     /* @__PURE__ */ jsxs3("form", { className: "space-y-8 pt-5  ", onSubmit: handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsx4("div", { className: "space-y-8", children: /* @__PURE__ */ jsxs3("div", { children: [
@@ -572,7 +570,7 @@ import { useState as useState2 } from "react";
 import { ViewStatus as ViewStatus2 } from "@geowiki/core";
 import { useClusterAllNews } from "@geowiki/core";
 import DataTable from "react-data-table-component";
-import { useTheme } from "next-themes";
+import { useTheme } from "@geowiki/core";
 import {
   DesignButton as DesignButton3,
   LoaderFull as LoaderFull3,
@@ -645,8 +643,7 @@ var ClusterNewsList = (props) => {
     limitNews,
     ""
   );
-  if (IsAllNewsLoaded)
-    return /* @__PURE__ */ jsx5(LoaderFull3, {});
+  if (IsAllNewsLoaded) return /* @__PURE__ */ jsx5(LoaderFull3, {});
   return /* @__PURE__ */ jsxs4("div", { children: [
     props.status === ViewStatus2.List ? /* @__PURE__ */ jsx5("div", { className: "mt-3 sm:mt-3 sm:ml-4 flex  ...", children: /* @__PURE__ */ jsx5(
       DesignButton3,
@@ -704,10 +701,8 @@ import { ClusterStoryItem as ClusterStoryItem2, LoaderFull as LoaderFull4 } from
 import { jsx as jsx6 } from "react/jsx-runtime";
 var ClusterNewsItem = ({ newsId }) => {
   const { data, isLoading } = useClusterNewsWithId(newsId);
-  if (isLoading)
-    return /* @__PURE__ */ jsx6(LoaderFull4, {});
-  if (!data)
-    return null;
+  if (isLoading) return /* @__PURE__ */ jsx6(LoaderFull4, {});
+  if (!data) return null;
   return /* @__PURE__ */ jsx6("div", { children: /* @__PURE__ */ jsx6(
     ClusterStoryItem2,
     {
@@ -728,7 +723,7 @@ var ClusterNewsItem = ({ newsId }) => {
 // src/components/FarmerCluster/FarmerClusterBasicInfo.tsx
 import { useEffect, useRef, useState as useState3 } from "react";
 import { FormProvider, useForm as useForm2 } from "react-hook-form";
-import dynamic from "next/dynamic";
+import { dynamic } from "@geowiki/core";
 import Swal2 from "sweetalert2";
 import {
   ApiImage as ApiImage2,
@@ -763,7 +758,7 @@ import {
   ClusterVerificationStatus as ClusterVerificationStatus2
 } from "@geowiki/api-proxy";
 import { LoaderFull as LoaderFull5 } from "@geowiki/ui";
-import { useRouter as useRouter3 } from "next/router";
+import { useRouter as useRouter3 } from "@geowiki/core";
 
 // src/components/FarmerCluster/SectionHeader.tsx
 import { HoverCard, HoverCardContent, HoverCardTrigger } from "@geowiki/ui";
@@ -972,7 +967,7 @@ import { useQueryClient } from "@tanstack/react-query";
 import { Dialog as Dialog3, Transition as Transition3 } from "@headlessui/react";
 import { Fragment as Fragment5 } from "react";
 import { H5Design as H5Design2, Body16 as Body163, DesignButton as DesignButton4 } from "@geowiki/ui";
-import { useRouter as useRouter2 } from "next/router";
+import { useRouter as useRouter2 } from "@geowiki/core";
 import { XMarkIcon as XMarkIcon3 } from "@heroicons/react/24/outline";
 import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var CancelPopup = ({ open, setOpen }) => {
@@ -1061,7 +1056,7 @@ var CancelPopup = ({ open, setOpen }) => {
 
 // src/components/FarmerCluster/FarmerClusterBasicInfo.tsx
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
-var MapWithNoSSR = dynamic(() => import("./cluster-map-LVG5YKOI.mjs"), {
+var MapWithNoSSR = dynamic(() => import("./cluster-map-D24GOWM4.mjs"), {
   ssr: false
 });
 var FarmerClusterBasicInfo = () => {
@@ -1161,8 +1156,7 @@ var FarmerClusterBasicInfo = () => {
       Swal2.fire("Cluster update failed", "error");
     }
   };
-  if (isCountryLoading || isLoading)
-    return /* @__PURE__ */ jsx10(LoaderFull5, {});
+  if (isCountryLoading || isLoading) return /* @__PURE__ */ jsx10(LoaderFull5, {});
   return /* @__PURE__ */ jsxs7("div", { className: "relative bg-white rounded-xl", children: [
     /* @__PURE__ */ jsx10(FormProvider, { ...methods, children: /* @__PURE__ */ jsxs7("form", { className: "space-y-4 py-8 px-6", onSubmit: handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs7("div", { children: [
@@ -1592,7 +1586,7 @@ import {
   ClusterService as ClusterService3
 } from "@geowiki/api-proxy";
 import { LoaderFull as LoaderFull6 } from "@geowiki/ui";
-import { useRouter as useRouter4 } from "next/router";
+import { useRouter as useRouter4 } from "@geowiki/core";
 
 // src/components/FarmerCluster/CharacteristicsSection.tsx
 import { useFormContext } from "react-hook-form";
@@ -1777,8 +1771,7 @@ var FarmerClusterDescription = () => {
       Swal3.fire("Cluster creation failed", "error");
     }
   };
-  if (isConfigLoading || isClusterLoading)
-    return /* @__PURE__ */ jsx12(LoaderFull6, {});
+  if (isConfigLoading || isClusterLoading) return /* @__PURE__ */ jsx12(LoaderFull6, {});
   return /* @__PURE__ */ jsxs9("div", { className: "relative bg-white rounded-xl", children: [
     /* @__PURE__ */ jsx12(FormProvider2, { ...methods, children: /* @__PURE__ */ jsxs9("form", { className: "space-y-4 py-8 px-6", onSubmit: handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs9("div", { children: [
@@ -1984,7 +1977,7 @@ import {
   Notification
 } from "@geowiki/ui";
 import { ClusterService as ClusterService5 } from "@geowiki/api-proxy";
-import { useRouter as useRouter5 } from "next/router";
+import { useRouter as useRouter5 } from "@geowiki/core";
 import { FormProvider as FormProvider3, useForm as useForm4 } from "react-hook-form";
 import { zodResolver as zodResolver3 } from "@hookform/resolvers/zod";
 import { v4 } from "uuid";
@@ -2260,8 +2253,7 @@ var FarmerClusterImages = () => {
       toast2.error("Image deleted failed");
     }
   };
-  if (isLoading)
-    return /* @__PURE__ */ jsx15(LoaderFull7, {});
+  if (isLoading) return /* @__PURE__ */ jsx15(LoaderFull7, {});
   const onSubmit = handleSubmit(async (data) => {
     setIsSaving(true);
     let newlyAddedFiles = fileItems.filter((x) => x.isNew);
@@ -2481,7 +2473,7 @@ import classNames from "classnames";
 import { ErrorMessage } from "@geowiki/ui";
 import { LoaderFull as LoaderFull8 } from "@geowiki/ui";
 import { QueryNames as QueryNames5 } from "@geowiki/core";
-import { useTheme as useTheme2 } from "next-themes";
+import { useTheme as useTheme2 } from "@geowiki/core";
 import DataTable2 from "react-data-table-component";
 import { useQueryClient as useQueryClient5 } from "@tanstack/react-query";
 import { Check, XCircle } from "lucide-react";
@@ -2526,10 +2518,8 @@ var FarmerRequests = (props) => {
       cell: (row) => /* @__PURE__ */ jsx16("div", { className: "cursor-pointer p-2 rounded-lg hover:bg-slate-500", children: /* @__PURE__ */ jsx16(XCircle, { size: 30, onClick: () => reject(row.id) }) })
     }
   ];
-  if (isLoading)
-    return /* @__PURE__ */ jsx16(LoaderFull8, {});
-  if (isError)
-    return /* @__PURE__ */ jsx16(ErrorMessage, {});
+  if (isLoading) return /* @__PURE__ */ jsx16(LoaderFull8, {});
+  if (isError) return /* @__PURE__ */ jsx16(ErrorMessage, {});
   return /* @__PURE__ */ jsx16("div", { className: "mt-8", children: /* @__PURE__ */ jsx16(
     DataTable2,
     {
@@ -2978,14 +2968,14 @@ import Swal5 from "sweetalert2";
 import { useConfigSettings as useConfigSettings4 } from "@geowiki/core";
 import { DesignButton as DesignButton11, PermissionDisabled } from "@geowiki/ui";
 import { FeatureDisabled } from "@geowiki/ui";
-import Link2 from "next/link";
+import { Link as Link2 } from "@geowiki/core";
 import { useClusters } from "@geowiki/core";
 import { ClusterService as ClusterService9 } from "@geowiki/api-proxy";
 import { LoaderFull as LoaderFull10 } from "@geowiki/ui";
 import { useQueryClient as useQueryClient6 } from "@tanstack/react-query";
 import { QueryNames as QueryNames6 } from "@geowiki/core";
 import DataTable3 from "react-data-table-component";
-import { useTheme as useTheme3 } from "next-themes";
+import { useTheme as useTheme3 } from "@geowiki/core";
 import { EditLinkButton } from "@geowiki/ui";
 import { DeleteButton as DeleteButton3 } from "@geowiki/ui";
 import { ViewLink as ViewLink2, tableDesigntyles as tableDesigntyles2, H4Design as H4Design2, Body16 as Body165 } from "@geowiki/ui";
@@ -3078,12 +3068,9 @@ var FarmerClusterList = () => {
       }
     }
   };
-  if (isLoading || IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx21(LoaderFull10, {});
-  if (!farmerClusterEnabled)
-    return /* @__PURE__ */ jsx21(FeatureDisabled, {});
-  if (!canViewFarmerClusterPermission)
-    return /* @__PURE__ */ jsx21(PermissionDisabled, {});
+  if (isLoading || IsConfigSettingsLoaded) return /* @__PURE__ */ jsx21(LoaderFull10, {});
+  if (!farmerClusterEnabled) return /* @__PURE__ */ jsx21(FeatureDisabled, {});
+  if (!canViewFarmerClusterPermission) return /* @__PURE__ */ jsx21(PermissionDisabled, {});
   return /* @__PURE__ */ jsxs16("div", { children: [
     /* @__PURE__ */ jsx21("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx21("div", { className: "pb-8 mb-5", children: /* @__PURE__ */ jsxs16("div", { className: "pb-5", children: [
       /* @__PURE__ */ jsx21("div", { children: /* @__PURE__ */ jsxs16("div", { className: "-ml-4 -mt-2 pb-8 items-center sm:flex-nowrap", children: [
@@ -3174,8 +3161,7 @@ import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
 var ViewBasicInfo = ({ cluster }) => {
   var arrayPos = 0;
   var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings5();
-  if (IsConfigSettingsLoaded)
-    return /* @__PURE__ */ jsx22(LoaderFull11, {});
+  if (IsConfigSettingsLoaded) return /* @__PURE__ */ jsx22(LoaderFull11, {});
   return /* @__PURE__ */ jsx22("div", { className: "container mx-auto pt-4", children: /* @__PURE__ */ jsx22("section", { className: "px-2 py-5", children: /* @__PURE__ */ jsx22("div", { className: "shadow ", children: /* @__PURE__ */ jsxs17("div", { className: "border-t px-2 py-5", children: [
     /* @__PURE__ */ jsxs17("dl", { className: "grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-3", children: [
       cluster?.activityStatus != null && cluster?.activityStatus !== void 0 && /* @__PURE__ */ jsx22(
@@ -3368,8 +3354,8 @@ var ViewClusterImagesList_default = ViewClusterImagesList;
 
 // src/components/FarmerCluster/ViewFarmerCluster.tsx
 import { ContentGrid } from "@geowiki/ui";
-import dynamic2 from "next/dynamic";
-import { useRouter as useRouter6 } from "next/router";
+import { dynamic as dynamic2 } from "@geowiki/core";
+import { useRouter as useRouter6 } from "@geowiki/core";
 import { useAppConfig as useAppConfig2 } from "@geowiki/core";
 import { useFileUrl as useFileUrl3 } from "@geowiki/core";
 import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -3378,15 +3364,14 @@ var ViewFarmerCluster = ({ cluster }) => {
   const fileUrl = useFileUrl3();
   const router = useRouter6();
   const [route, setRoute] = useState10(null);
-  const MapWithNoSSR3 = dynamic2(() => import("./cluster-map-LVG5YKOI.mjs"), {
+  const MapWithNoSSR3 = dynamic2(() => import("./cluster-map-D24GOWM4.mjs"), {
     ssr: false
   });
   var position = {
     lat: cluster?.location?.latitude,
     lng: cluster?.location?.longitude
   };
-  if (!cluster)
-    return /* @__PURE__ */ jsx24("div", { children: "Cluster not found" });
+  if (!cluster) return /* @__PURE__ */ jsx24("div", { children: "Cluster not found" });
   var news = cluster?.clusterNews?.filter((x) => x.status == "Publish")?.map((news2) => ({
     id: news2["id"],
     url: appData?.currentUser?.id == cluster?.creatorId ? "/cluster/" + cluster.id + "/news/" + news2["id"] + "?view=edit" : "/cluster/" + cluster.id + "/news/" + news2["id"],
@@ -3543,7 +3528,7 @@ import {
   MobileFilterPopupOpened
 } from "@geowiki/ui";
 import { XCircleIcon } from "@heroicons/react/24/outline";
-import { useRouter as useRouter7 } from "next/router";
+import { useRouter as useRouter7 } from "@geowiki/core";
 import { v4 as v42 } from "uuid";
 import { useState as useState11 } from "react";
 import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -3821,9 +3806,9 @@ var FarmerClusterFinder = () => {
 
 // src/components/FarmerCluster/RecodoViewFarmerCluster.tsx
 import { useState as useState13 } from "react";
-import dynamic3 from "next/dynamic";
+import { dynamic as dynamic3 } from "@geowiki/core";
 import { LinkType } from "@geowiki/api-proxy";
-import { useRouter as useRouter8 } from "next/router";
+import { useRouter as useRouter8 } from "@geowiki/core";
 import {
   H2Design,
   LastUpdatedTag,
@@ -4060,15 +4045,14 @@ var RecodoViewFarmerCluster = ({
   const router = useRouter8();
   const [route, setRoute] = useState13(null);
   const [openContact, setOpenContact] = useState13(false);
-  const MapWithNoSSR3 = dynamic3(() => import("./cluster-map-LVG5YKOI.mjs"), {
+  const MapWithNoSSR3 = dynamic3(() => import("./cluster-map-D24GOWM4.mjs"), {
     ssr: false
   });
   var position = {
     lat: cluster?.location?.latitude,
     lng: cluster?.location?.longitude
   };
-  if (!cluster)
-    return /* @__PURE__ */ jsx27("div", { children: "Cluster not found" });
+  if (!cluster) return /* @__PURE__ */ jsx27("div", { children: "Cluster not found" });
   if (cluster && route == null)
     setRoute([
       { path: router.asPath, name: "View Farmer Cluster - " + cluster?.name }
@@ -4265,7 +4249,7 @@ import { useAudience } from "@geowiki/core";
 import { useTopic } from "@geowiki/core";
 import { useResourceType } from "@geowiki/core";
 import { useLanguages } from "@geowiki/core";
-import Link3 from "next/link";
+import { Link as Link3 } from "@geowiki/core";
 
 // src/components/Resource/ResourceIcon.tsx
 import {
@@ -4330,32 +4314,8 @@ var ResourceIcon = ({
   }
 };
 
-// src/components/Resource/ResourceTag.tsx
-import { cn as cn2 } from "@geowiki/ui";
-import { cva } from "class-variance-authority";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var tagVariants = cva(
-  "justify-center self-start px-4 py-2 mr-2 mt-1 text-sm font-medium text-white whitespace-nowrap rounded-[40px] first-letter:capitalize",
-  {
-    variants: {
-      variant: {
-        topic: "bg-tag-dark-blue",
-        audience: "bg-tag-dark-green",
-        keyword: "bg-tag-blue",
-        language: "bg-tag-orange",
-        resourceType: "bg-sky-500"
-      }
-    },
-    defaultVariants: {
-      variant: "topic"
-    }
-  }
-);
-var ResourceTag = ({ tag, type }) => {
-  return /* @__PURE__ */ jsx29("span", { className: cn2(tagVariants({ variant: type })), children: tag });
-};
-
 // src/components/Resource/ResourceView.tsx
+import { ResourceTag } from "@geowiki/ui";
 import {
   H3Design as H3Design2,
   Body16sb,
@@ -4364,17 +4324,17 @@ import {
   Caption,
   DesignButton as DesignButton14
 } from "@geowiki/ui";
-import { Fragment as Fragment10, jsx as jsx30, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx29, jsxs as jsxs22 } from "react/jsx-runtime";
 var DetailRow = ({ label, value }) => {
-  return /* @__PURE__ */ jsx30(Fragment10, { children: /* @__PURE__ */ jsxs22("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
-    /* @__PURE__ */ jsx30(Body167, { className: "text-grey", children: label }),
-    /* @__PURE__ */ jsx30(Body16m, { className: "lg:text-righ max-md:max-w-full", children: value })
+  return /* @__PURE__ */ jsx29(Fragment10, { children: /* @__PURE__ */ jsxs22("div", { className: "flex gap-2 lg:gap-5 lg:justify-between py-4 max-md:flex-wrap max-md:max-w-full lg:py-6 border-0 border-b border-grey-light", children: [
+    /* @__PURE__ */ jsx29(Body167, { className: "text-grey", children: label }),
+    /* @__PURE__ */ jsx29(Body16m, { className: "lg:text-righ max-md:max-w-full", children: value })
   ] }) });
 };
 var KeyValues = ({ name, keyValues, kind }) => {
   return /* @__PURE__ */ jsxs22(Fragment10, { children: [
-    /* @__PURE__ */ jsx30(Caption, { className: "text-grey", children: name }),
-    /* @__PURE__ */ jsx30("div", { className: "flex items-center flex-wrap text-sm font-medium whitespace-nowrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: keyValues.map((keyValue, index) => /* @__PURE__ */ jsx30(ResourceTag, { tag: keyValue.value, type: kind }, index)) })
+    /* @__PURE__ */ jsx29(Caption, { className: "text-grey", children: name }),
+    /* @__PURE__ */ jsx29("div", { className: "flex items-center flex-wrap text-sm font-medium whitespace-nowrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: keyValues.map((keyValue, index) => /* @__PURE__ */ jsx29(ResourceTag, { tag: keyValue.value, type: kind }, index)) })
   ] });
 };
 function ResourceView({
@@ -4399,8 +4359,8 @@ function ResourceView({
   const currentTypes = types?.find((type) => type.key === resource.resourceType)?.value || resource.resourceType;
   const link = resource.link || "";
   const linkText = link.length > 70 ? `${link.slice(0, 70)}...` : link;
-  return /* @__PURE__ */ jsx30(Transition6.Root, { show: open, as: Fragment9, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs22(Dialog7, { as: "div", className: "relative z-10", onClose: setOpen, children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(Transition6.Root, { show: open, as: Fragment9, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs22(Dialog7, { as: "div", className: "relative z-10", onClose: setOpen, children: [
+    /* @__PURE__ */ jsx29(
       Transition6.Child,
       {
         as: Fragment9,
@@ -4410,10 +4370,10 @@ function ResourceView({
         leave: "ease-in duration-200",
         leaveFrom: "opacity-100",
         leaveTo: "opacity-0",
-        children: /* @__PURE__ */ jsx30("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
+        children: /* @__PURE__ */ jsx29("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
       }
     ),
-    /* @__PURE__ */ jsx30("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx30("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx29("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx29("div", { className: "flex items-end sm:items-center justify-center min-h-full p-4 text-center sm:p-0", children: /* @__PURE__ */ jsx29(
       Transition6.Child,
       {
         as: Fragment9,
@@ -4424,15 +4384,15 @@ function ResourceView({
         leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
         leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
         children: /* @__PURE__ */ jsxs22(Dialog7.Panel, { className: "relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
-          /* @__PURE__ */ jsx30("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs22(
+          /* @__PURE__ */ jsx29("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs22(
             "button",
             {
               type: "button",
               className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
               onClick: () => setOpen(false),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" }),
-                /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Close" }),
+                /* @__PURE__ */ jsx29(
                   XMarkIcon6,
                   {
                     className: "h-4 w-4 lg:h-6 lg:w-6",
@@ -4445,12 +4405,12 @@ function ResourceView({
           /* @__PURE__ */ jsxs22("div", { className: "p-5 lg:px-6 lg:py-2", children: [
             /* @__PURE__ */ jsxs22("div", { children: [
               /* @__PURE__ */ jsxs22("div", { className: "flex space-x-2 lg:block lg:space-x-0", children: [
-                /* @__PURE__ */ jsx30(ResourceIcon, { type: resource.resourceType }),
-                /* @__PURE__ */ jsx30(Body16sb, { className: "self-start mt-[10px] text-primary lg:mt-4", children: currentTypes })
+                /* @__PURE__ */ jsx29(ResourceIcon, { type: resource.resourceType }),
+                /* @__PURE__ */ jsx29(Body16sb, { className: "self-start mt-[10px] text-primary lg:mt-4", children: currentTypes })
               ] }),
-              /* @__PURE__ */ jsx30(H3Design2, { className: "mt-6", children: resource.title }),
-              /* @__PURE__ */ jsx30(Body167, { className: "mt-6", children: resource.description }),
-              /* @__PURE__ */ jsx30("div", { className: " mt-6 whitespace-nowrap lg:mt-8", children: /* @__PURE__ */ jsx30(Link3, { href: link, target: "_blank", children: /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx29(H3Design2, { className: "mt-6", children: resource.title }),
+              /* @__PURE__ */ jsx29(Body167, { className: "mt-6", children: resource.description }),
+              /* @__PURE__ */ jsx29("div", { className: " mt-6 whitespace-nowrap lg:mt-8", children: /* @__PURE__ */ jsx29(Link3, { href: link, target: "_blank", children: /* @__PURE__ */ jsx29(
                 DesignButton14,
                 {
                   variant: "externalLink",
@@ -4459,14 +4419,14 @@ function ResourceView({
                 }
               ) }) }),
               /* @__PURE__ */ jsxs22("div", { className: "my-6 lg:my-10", children: [
-                currentTypes && /* @__PURE__ */ jsx30(
+                currentTypes && /* @__PURE__ */ jsx29(
                   DetailRow,
                   {
                     label: "Resource type:",
                     value: currentTypes
                   }
                 ),
-                resource.publisher && /* @__PURE__ */ jsx30(
+                resource.publisher && /* @__PURE__ */ jsx29(
                   DetailRow,
                   {
                     label: "Publisher",
@@ -4474,7 +4434,7 @@ function ResourceView({
                   }
                 )
               ] }),
-              currentTopics?.length > 0 && /* @__PURE__ */ jsx30(
+              currentTopics?.length > 0 && /* @__PURE__ */ jsx29(
                 KeyValues,
                 {
                   name: "Topic",
@@ -4485,7 +4445,7 @@ function ResourceView({
                   kind: "topic"
                 }
               ),
-              currentAudiences?.length > 0 && /* @__PURE__ */ jsx30(
+              currentAudiences?.length > 0 && /* @__PURE__ */ jsx29(
                 KeyValues,
                 {
                   name: "Audience",
@@ -4497,8 +4457,8 @@ function ResourceView({
                 }
               ),
               resource?.keywords && resource?.keywords?.length > 0 && /* @__PURE__ */ jsxs22("div", { children: [
-                /* @__PURE__ */ jsx30(Caption, { className: "self-start lg:mt-10 tracking-wider text-grey", children: "Keywords" }),
-                /* @__PURE__ */ jsx30("div", { className: "flex items-center flex-wrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: resource.keywords?.map((keyword, index) => /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx29(Caption, { className: "self-start lg:mt-10 tracking-wider text-grey", children: "Keywords" }),
+                /* @__PURE__ */ jsx29("div", { className: "flex items-center flex-wrap mt-2 mb-6 lg:mt-4 lg:mb-10", children: resource.keywords?.map((keyword, index) => /* @__PURE__ */ jsx29(
                   ResourceTag,
                   {
                     tag: keyword,
@@ -4507,7 +4467,7 @@ function ResourceView({
                   index
                 )) })
               ] }),
-              currentLanguages?.length > 0 && /* @__PURE__ */ jsx30(
+              currentLanguages?.length > 0 && /* @__PURE__ */ jsx29(
                 KeyValues,
                 {
                   name: "Language",
@@ -4519,11 +4479,11 @@ function ResourceView({
                 }
               )
             ] }),
-            showResourcesButton && /* @__PURE__ */ jsx30("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx30(
+            showResourcesButton && /* @__PURE__ */ jsx29("div", { className: "flex w-full justify-center", children: /* @__PURE__ */ jsx29(
               Link3,
               {
                 href: `/resources/resource-finder?topic=${selectedTopic}&audience=${selectedAudience}`,
-                children: /* @__PURE__ */ jsx30(DesignButton14, { children: "View all Resources" })
+                children: /* @__PURE__ */ jsx29(DesignButton14, { children: "View all Resources" })
               }
             ) })
           ] })
@@ -4536,7 +4496,7 @@ var ResourceView_default = ResourceView;
 
 // src/components/Resource/ResourceLink.tsx
 import { Body16 as Body168 } from "@geowiki/ui";
-import { jsx as jsx31, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
 var ResourceLink = ({
   resource,
   selectedAudience,
@@ -4544,8 +4504,8 @@ var ResourceLink = ({
 }) => {
   const [open, setOpen] = useState14(false);
   return /* @__PURE__ */ jsxs23("div", { children: [
-    /* @__PURE__ */ jsx31("div", { onClick: () => setOpen(true), className: "cursor-pointer", children: /* @__PURE__ */ jsx31(Body168, { className: "underline text-left", children: resource.title }) }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx30("div", { onClick: () => setOpen(true), className: "cursor-pointer", children: /* @__PURE__ */ jsx30(Body168, { className: "underline text-left", children: resource.title }) }),
+    /* @__PURE__ */ jsx30(
       ResourceView_default,
       {
         resource,
@@ -4561,8 +4521,8 @@ var ResourceLink = ({
 
 // src/components/FarmerCluster/ResourcesQuickFind.tsx
 import { parseTitle } from "@geowiki/ui";
-import Link4 from "next/link";
-import { Fragment as Fragment11, jsx as jsx32, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Link as Link4 } from "@geowiki/core";
+import { Fragment as Fragment11, jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
 var ResourcesQuickFind = ({}) => {
   const pageSize = 2;
   const [selectedAudience, setSelectedAudience] = useState15();
@@ -4597,9 +4557,9 @@ var ResourcesQuickFind = ({}) => {
     });
     return updatedArray;
   };
-  return /* @__PURE__ */ jsx32("section", { className: "flex justify-center items-center mt-6 p-5 bg-accent-light-purple rounded-xl lg:mt-12 lg:px-16 lg:py-20", children: /* @__PURE__ */ jsx32("div", { className: "lg:container mx-auto w-full max-w-[1116px] ", children: /* @__PURE__ */ jsxs24("div", { className: "lg:flex lg:gap-5 ", children: [
-    /* @__PURE__ */ jsx32("div", { className: "flex flex-col lg:w-[57%] ", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col text-gray-900 space-y-4 lg:space-y-6 lg:mt-2.5", children: [
-      /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31("section", { className: "flex justify-center items-center mt-6 p-5 bg-accent-light-purple rounded-xl lg:mt-12 lg:px-16 lg:py-20", children: /* @__PURE__ */ jsx31("div", { className: "lg:container mx-auto w-full max-w-[1116px] ", children: /* @__PURE__ */ jsxs24("div", { className: "lg:flex lg:gap-5 ", children: [
+    /* @__PURE__ */ jsx31("div", { className: "flex flex-col lg:w-[57%] ", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-col text-gray-900 space-y-4 lg:space-y-6 lg:mt-2.5", children: [
+      /* @__PURE__ */ jsx31(
         HtmlView2,
         {
           cssClass: "m-0 pt-2 lg:pt-0",
@@ -4609,13 +4569,13 @@ var ResourcesQuickFind = ({}) => {
           )
         }
       ),
-      /* @__PURE__ */ jsx32(Body182, { className: "lg:w-[65%]", children: "Tell us about what your looking for and we will recommend some resources to help you get started." }),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx31(Body182, { className: "lg:w-[65%]", children: "Tell us about what your looking for and we will recommend some resources to help you get started." }),
+      /* @__PURE__ */ jsx31(
         DesignButton15,
         {
           className: "h-auto p-0 lg:p-0 self-start",
           variant: "internalLink",
-          children: /* @__PURE__ */ jsx32(
+          children: /* @__PURE__ */ jsx31(
             Link4,
             {
               href: "/resources/resource-finder",
@@ -4627,8 +4587,8 @@ var ResourcesQuickFind = ({}) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx32("div", { className: "pt-6 flex flex-col w-full lg:ml-5 lg:w-[43%] lg:pt-0", children: /* @__PURE__ */ jsx32("form", { className: "flex flex-col grow w-full lg:w-full text-base font-medium leading-5 text-gray-900 rounded-xl bg-white bg-opacity-40 lg:min-w-[24rem] ", children: !isAudienceLoading && !isTopicsLoading && /* @__PURE__ */ jsx32("div", { className: "w-full flex-col flex justify-center", children: /* @__PURE__ */ jsxs24("div", { className: " w-full lg:w-[20rem] p-8 bg-opacity-40 rounded-xl", children: [
-      /* @__PURE__ */ jsx32(Body16m2, { className: "pb-1", children: "I am a" }),
+    /* @__PURE__ */ jsx31("div", { className: "pt-6 flex flex-col w-full lg:ml-5 lg:w-[43%] lg:pt-0", children: /* @__PURE__ */ jsx31("form", { className: "flex flex-col grow w-full lg:w-full text-base font-medium leading-5 text-gray-900 rounded-xl bg-white bg-opacity-40 lg:min-w-[24rem] ", children: !isAudienceLoading && !isTopicsLoading && audiences && topics && /* @__PURE__ */ jsx31("div", { className: "w-full flex-col flex justify-center", children: /* @__PURE__ */ jsxs24("div", { className: " w-full lg:w-[20rem] p-8 bg-opacity-40 rounded-xl", children: [
+      /* @__PURE__ */ jsx31(Body16m2, { className: "pb-1", children: "I am a" }),
       /* @__PURE__ */ jsxs24(
         DesignSelect3,
         {
@@ -4636,8 +4596,8 @@ var ResourcesQuickFind = ({}) => {
             handleAudienceChange(v);
           },
           children: [
-            /* @__PURE__ */ jsx32(DesignSelectTrigger3, { className: "w-full lg:w-80 bg-white", children: /* @__PURE__ */ jsx32(DesignSelectValue3, { placeholder: "Select one" }) }),
-            /* @__PURE__ */ jsx32(DesignSelectContent3, { children: /* @__PURE__ */ jsx32(DesignSelectGroup3, { children: audiences.map((audience) => /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx31(DesignSelectTrigger3, { className: "w-full lg:w-80 bg-white", children: /* @__PURE__ */ jsx31(DesignSelectValue3, { placeholder: "Select one" }) }),
+            /* @__PURE__ */ jsx31(DesignSelectContent3, { children: /* @__PURE__ */ jsx31(DesignSelectGroup3, { children: audiences.map((audience) => /* @__PURE__ */ jsx31(
               DesignSelectItem3,
               {
                 value: audience.key,
@@ -4648,7 +4608,7 @@ var ResourcesQuickFind = ({}) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx32(Body16m2, { className: "pb-1 pt-8", children: "I'd like to learn more about" }),
+      /* @__PURE__ */ jsx31(Body16m2, { className: "pb-1 pt-8", children: "I'd like to learn more about" }),
       /* @__PURE__ */ jsxs24(
         DesignSelect3,
         {
@@ -4656,8 +4616,8 @@ var ResourcesQuickFind = ({}) => {
             handleTopicChange(v);
           },
           children: [
-            /* @__PURE__ */ jsx32(DesignSelectTrigger3, { className: "w-full lg:w-80 bg-white", children: /* @__PURE__ */ jsx32(DesignSelectValue3, { placeholder: "Select one" }) }),
-            /* @__PURE__ */ jsx32(DesignSelectContent3, { children: /* @__PURE__ */ jsx32(DesignSelectGroup3, { children: updateTopics().map((topic) => /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx31(DesignSelectTrigger3, { className: "w-full lg:w-80 bg-white", children: /* @__PURE__ */ jsx31(DesignSelectValue3, { placeholder: "Select one" }) }),
+            /* @__PURE__ */ jsx31(DesignSelectContent3, { children: /* @__PURE__ */ jsx31(DesignSelectGroup3, { children: updateTopics().map((topic) => /* @__PURE__ */ jsx31(
               DesignSelectItem3,
               {
                 value: topic.key,
@@ -4668,9 +4628,9 @@ var ResourcesQuickFind = ({}) => {
           ]
         }
       ),
-      selectedAudience && selectedTopic && !isLoading && /* @__PURE__ */ jsx32(Fragment11, { children: data?.items?.length && data?.items?.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "space-y-2 pt-4", children: [
-        /* @__PURE__ */ jsx32(Body16m2, { children: "Have a look at:" }),
-        data?.items.map((item) => /* @__PURE__ */ jsx32(
+      selectedAudience && selectedTopic && !isLoading && /* @__PURE__ */ jsx31(Fragment11, { children: data?.items?.length && data?.items?.length > 0 ? /* @__PURE__ */ jsxs24("div", { className: "space-y-2 pt-4", children: [
+        /* @__PURE__ */ jsx31(Body16m2, { children: "Have a look at:" }),
+        data?.items.map((item) => /* @__PURE__ */ jsx31(
           ResourceLink,
           {
             resource: item,
@@ -4679,14 +4639,14 @@ var ResourcesQuickFind = ({}) => {
           },
           item.id
         ))
-      ] }) : /* @__PURE__ */ jsx32(Body169, { className: "pt-4", children: "No results available, please try a different search" }) })
+      ] }) : /* @__PURE__ */ jsx31(Body169, { className: "pt-4", children: "No results available, please try a different search" }) })
     ] }) }) }) })
   ] }) }) });
 };
 
 // src/components/FarmerCluster/FarmerClusterLinkPartner.tsx
 import { DesignInput as DesignInput4, DesignButton as DesignButton16 } from "@geowiki/ui";
-import { useRouter as useRouter9 } from "next/router";
+import { useRouter as useRouter9 } from "@geowiki/core";
 import { useEffect as useEffect4, useState as useState16 } from "react";
 import {
   FormProvider as FormProvider4,
@@ -4702,7 +4662,7 @@ import {
 import Swal6 from "sweetalert2";
 import { QueryNames as QueryNames7, useClusterLinks } from "@geowiki/core";
 import { useQueryClient as useQueryClient7 } from "@tanstack/react-query";
-import { jsx as jsx33, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
 var LinkRow = ({ linkName, url, index }) => {
   const methods = useFormContext2();
   const {
@@ -4714,8 +4674,8 @@ var LinkRow = ({ linkName, url, index }) => {
   const linkErrors = errors?.links;
   return /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-2", children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex flex-col min-w-96", children: [
-      /* @__PURE__ */ jsx33("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "Link name" }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "Link name" }),
+      /* @__PURE__ */ jsx32(
         DesignInput4,
         {
           ...register(`links.${index}.name`),
@@ -4726,7 +4686,7 @@ var LinkRow = ({ linkName, url, index }) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32(
         "input",
         {
           type: "hidden",
@@ -4734,11 +4694,11 @@ var LinkRow = ({ linkName, url, index }) => {
           value: index
         }
       ),
-      linkErrors?.[index]?.name && /* @__PURE__ */ jsx33("div", { className: "text-red-500", children: linkErrors?.[index]?.name?.message })
+      linkErrors?.[index]?.name && /* @__PURE__ */ jsx32("div", { className: "text-red-500", children: linkErrors?.[index]?.name?.message })
     ] }),
     /* @__PURE__ */ jsxs25("div", { className: "flex flex-col min-w-96", children: [
-      /* @__PURE__ */ jsx33("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "URL" }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "URL" }),
+      /* @__PURE__ */ jsx32(
         DesignInput4,
         {
           ...register(`links.${index}.link`),
@@ -4750,7 +4710,7 @@ var LinkRow = ({ linkName, url, index }) => {
           }
         }
       ),
-      linkErrors?.[index]?.link && /* @__PURE__ */ jsx33("div", { className: "text-red-500", children: linkErrors?.[index]?.link?.message })
+      linkErrors?.[index]?.link && /* @__PURE__ */ jsx32("div", { className: "text-red-500", children: linkErrors?.[index]?.link?.message })
     ] })
   ] });
 };
@@ -4765,8 +4725,8 @@ var PartnerRow = ({ partnerName, url, index }) => {
   const partnerErrors = errors?.partners;
   return /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-2", children: [
     /* @__PURE__ */ jsxs25("div", { className: "flex flex-col min-w-96", children: [
-      /* @__PURE__ */ jsx33("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "Partner name" }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "Partner name" }),
+      /* @__PURE__ */ jsx32(
         DesignInput4,
         {
           ...register(`partners.${index}.name`),
@@ -4777,7 +4737,7 @@ var PartnerRow = ({ partnerName, url, index }) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32(
         "input",
         {
           type: "hidden",
@@ -4785,11 +4745,11 @@ var PartnerRow = ({ partnerName, url, index }) => {
           value: index
         }
       ),
-      partnerErrors?.[index]?.name && /* @__PURE__ */ jsx33("div", { className: "text-red-500", children: partnerErrors?.[index]?.name?.message })
+      partnerErrors?.[index]?.name && /* @__PURE__ */ jsx32("div", { className: "text-red-500", children: partnerErrors?.[index]?.name?.message })
     ] }),
     /* @__PURE__ */ jsxs25("div", { className: "flex flex-col min-w-96", children: [
-      /* @__PURE__ */ jsx33("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "URL" }),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx32("div", { className: "text-xs text-zinc-500 max-md:max-w-full", children: "URL" }),
+      /* @__PURE__ */ jsx32(
         DesignInput4,
         {
           ...register(`partners.${index}.link`),
@@ -4801,7 +4761,7 @@ var PartnerRow = ({ partnerName, url, index }) => {
           }
         }
       ),
-      partnerErrors?.[index]?.link && /* @__PURE__ */ jsx33("div", { className: "text-red-500", children: partnerErrors?.[index]?.link?.message })
+      partnerErrors?.[index]?.link && /* @__PURE__ */ jsx32("div", { className: "text-red-500", children: partnerErrors?.[index]?.link?.message })
     ] })
   ] });
 };
@@ -4923,7 +4883,7 @@ var FarmerClusterLinkPartner = () => {
     });
   }, [isLoading]);
   if (isLoading) {
-    return /* @__PURE__ */ jsx33("div", { children: "Loading..." });
+    return /* @__PURE__ */ jsx32("div", { children: "Loading..." });
   }
   return /* @__PURE__ */ jsxs25(FormProvider4, { ...methods, children: [
     /* @__PURE__ */ jsxs25(
@@ -4933,7 +4893,7 @@ var FarmerClusterLinkPartner = () => {
         onSubmit: methods.handleSubmit(onSubmit),
         children: [
           /* @__PURE__ */ jsxs25("div", { className: "right-6 top-6 flex gap-2 absolute", children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx32(
               DesignButton16,
               {
                 type: "button",
@@ -4943,10 +4903,10 @@ var FarmerClusterLinkPartner = () => {
                 children: "Cancel"
               }
             ),
-            /* @__PURE__ */ jsx33(DesignButton16, { type: "submit", size: "sm", children: "Save" })
+            /* @__PURE__ */ jsx32(DesignButton16, { type: "submit", size: "sm", children: "Save" })
           ] }),
           /* @__PURE__ */ jsxs25("div", { className: "flex flex-col p-6 bg-white rounded-xl max-w-[936px] max-md:px-5", children: [
-            /* @__PURE__ */ jsx33(
+            /* @__PURE__ */ jsx32(
               SectionHeader,
               {
                 title: "Links",
@@ -4955,8 +4915,8 @@ var FarmerClusterLinkPartner = () => {
               }
             ),
             /* @__PURE__ */ jsxs25("main", { children: [
-              /* @__PURE__ */ jsx33("div", { className: "space-y-4", children: linkFields.map((field, index) => /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsxs25("section", { className: "space-y-4", children: [
-                /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsx32("div", { className: "space-y-4", children: linkFields.map((field, index) => /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsxs25("section", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx32(
                   LinkRow,
                   {
                     linkName: field.name,
@@ -4964,7 +4924,7 @@ var FarmerClusterLinkPartner = () => {
                     index
                   }
                 ),
-                /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx32(
                   DesignButton16,
                   {
                     variant: "outlineGrey",
@@ -4977,7 +4937,7 @@ var FarmerClusterLinkPartner = () => {
                   }
                 )
               ] }) }, index)) }),
-              /* @__PURE__ */ jsx33(
+              /* @__PURE__ */ jsx32(
                 DesignButton16,
                 {
                   size: "sm",
@@ -4989,7 +4949,7 @@ var FarmerClusterLinkPartner = () => {
                 }
               ),
               /* @__PURE__ */ jsxs25("section", { className: "mt-10", children: [
-                /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx32(
                   SectionHeader,
                   {
                     title: "Partners",
@@ -4997,8 +4957,8 @@ var FarmerClusterLinkPartner = () => {
                     info: "Does your Farmer Cluster work and collaborate with local or national partners? You can list and add links to your collaborators, friends and partner organisations on your Farmer Cluster profile."
                   }
                 ),
-                /* @__PURE__ */ jsx33("div", { className: "space-y-4", children: partnerFields.map((field, index) => /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsxs25("section", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx32("div", { className: "space-y-4", children: partnerFields.map((field, index) => /* @__PURE__ */ jsx32("div", { children: /* @__PURE__ */ jsxs25("section", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx32(
                     PartnerRow,
                     {
                       partnerName: field.name,
@@ -5006,7 +4966,7 @@ var FarmerClusterLinkPartner = () => {
                       index
                     }
                   ),
-                  /* @__PURE__ */ jsx33(
+                  /* @__PURE__ */ jsx32(
                     DesignButton16,
                     {
                       variant: "outlineGrey",
@@ -5019,7 +4979,7 @@ var FarmerClusterLinkPartner = () => {
                     }
                   )
                 ] }) }, index)) }),
-                /* @__PURE__ */ jsx33(
+                /* @__PURE__ */ jsx32(
                   DesignButton16,
                   {
                     size: "sm",
@@ -5036,7 +4996,7 @@ var FarmerClusterLinkPartner = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       FarmerClusterPopup,
       {
         title: "Your changes have been saved",
@@ -5046,14 +5006,14 @@ var FarmerClusterLinkPartner = () => {
         setOpen: setSavedPopupOpen
       }
     ),
-    /* @__PURE__ */ jsx33(CancelPopup, { open: isCancelPopupOpen, setOpen: setCancelPopupOpen })
+    /* @__PURE__ */ jsx32(CancelPopup, { open: isCancelPopupOpen, setOpen: setCancelPopupOpen })
   ] });
 };
 
 // src/components/FarmerCluster/FarmerClusterCreate.tsx
 import { useEffect as useEffect5, useRef as useRef3, useState as useState17 } from "react";
 import { FormProvider as FormProvider5, useForm as useForm8 } from "react-hook-form";
-import dynamic4 from "next/dynamic";
+import { dynamic as dynamic4 } from "@geowiki/core";
 import Swal7 from "sweetalert2";
 import {
   Calendar as Calendar2,
@@ -5073,7 +5033,7 @@ import {
   PopoverTrigger as PopoverTrigger2,
   RadioGroup as RadioGroup2,
   RadioGroupItem as RadioGroupItem2,
-  cn as cn3
+  cn as cn2
 } from "@geowiki/ui";
 import { useCountries as useCountries3 } from "@geowiki/core";
 import { useConfigSettings as useConfigSettings6 } from "@geowiki/core";
@@ -5081,14 +5041,60 @@ import {
   ClusterService as ClusterService11
 } from "@geowiki/api-proxy";
 import { LoaderFull as LoaderFull13 } from "@geowiki/ui";
-import { useRouter as useRouter10 } from "next/router";
+import { useRouter as useRouter10 } from "@geowiki/core";
 import { zodResolver as zodResolver5 } from "@hookform/resolvers/zod";
 import { format as format2 } from "date-fns";
 import { useDropzone as useDropzone5 } from "react-dropzone";
-import { jsx as jsx34, jsxs as jsxs26 } from "react/jsx-runtime";
-var MapWithNoSSR2 = dynamic4(() => import("./cluster-map-LVG5YKOI.mjs"), {
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+var MapWithNoSSR2 = dynamic4(() => import("./cluster-map-D24GOWM4.mjs"), {
   ssr: false
 });
+var CoverImageDropzone = ({ field, onFileSelected }) => {
+  const coverImageDropzone = useDropzone5({
+    accept: {
+      "image/jpeg": [".jpeg", ".png"]
+    },
+    maxFiles: 1,
+    multiple: false,
+    onDrop: (acceptedFiles) => {
+      const selectedFile = acceptedFiles[0];
+      onFileSelected(selectedFile);
+      field.onChange(selectedFile);
+    }
+  });
+  return /* @__PURE__ */ jsx33("div", { className: "mt-1 sm:mt-0 sm:col-span-2 pt-6", children: /* @__PURE__ */ jsx33("div", { className: "w-[70%] py-12 pb-14 flex justify-center px-6 border-2 border-grey-light border-dashed rounded-md", children: /* @__PURE__ */ jsxs26("div", { ...coverImageDropzone.getRootProps(), children: [
+    /* @__PURE__ */ jsx33("input", { ...coverImageDropzone.getInputProps({}) }),
+    /* @__PURE__ */ jsxs26("div", { className: "w-full text-center flex-col flex items-center", children: [
+      /* @__PURE__ */ jsx33("div", { className: "w-16 h-16 bg-accent-primary flex items-center justify-center rounded-full", children: /* @__PURE__ */ jsx33(
+        "svg",
+        {
+          width: "32",
+          height: "32",
+          viewBox: "0 0 32 32",
+          fill: "none",
+          xmlns: "http://www.w3.org/2000/svg",
+          className: " fill-primary",
+          children: /* @__PURE__ */ jsx33("path", { d: "M19.667 8V5L25.667 11H22.667C20.5603 11 19.667 10.1067 19.667 8ZM22.667 13C19.4403 13 17.667 11.2267 17.667 8V4H10.667C8.00033 4 6.66699 5.33333 6.66699 8V24C6.66699 26.6667 8.00033 28 10.667 28H22.667C25.3337 28 26.667 26.6667 26.667 24V13H22.667Z" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs26("div", { className: "pt-6 flex justify-center", children: [
+        /* @__PURE__ */ jsx33("p", { className: "pr-1 text-lg font-normal", children: "Drop your files here or" }),
+        /* @__PURE__ */ jsx33(
+          "label",
+          {
+            htmlFor: "file-upload",
+            className: "relative cursor-pointer rounded-md font-medium text-primary hover:text-primary-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",
+            children: /* @__PURE__ */ jsxs26("span", { className: "text-lg font-semibold", children: [
+              " ",
+              "browse"
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx33("p", { className: "text-sm font-normal text-grey pt-2", children: "PNG, JPG, GIF up to 10MB. Landscape mode, recommended size 1920x1080px." })
+    ] })
+  ] }) }) });
+};
 var FarmerClusterCreate = () => {
   const [openSevedPopup, setOpenSevedPopup] = useState17(false);
   const [selectedFileUrl, setSelectedFileUrl] = useState17(null);
@@ -5194,12 +5200,11 @@ var FarmerClusterCreate = () => {
       Swal7.fire("Cluster creation failed", "error");
     }
   };
-  if (IsConfigSettingsLoaded || isCountryLoading)
-    return /* @__PURE__ */ jsx34(LoaderFull13, {});
+  if (IsConfigSettingsLoaded || isCountryLoading) return /* @__PURE__ */ jsx33(LoaderFull13, {});
   return /* @__PURE__ */ jsxs26("div", { className: "relative bg-white rounded-xl", children: [
-    /* @__PURE__ */ jsx34(FormProvider5, { ...methods, children: /* @__PURE__ */ jsxs26("form", { className: "space-y-8 py-8 px-6", onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsx33(FormProvider5, { ...methods, children: /* @__PURE__ */ jsxs26("form", { className: "space-y-8 py-8 px-6", onSubmit: handleSubmit(onSubmit), children: [
       /* @__PURE__ */ jsxs26("div", { children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx33(
           SectionHeader,
           {
             title: "Farmer Cluster details",
@@ -5207,7 +5212,7 @@ var FarmerClusterCreate = () => {
           }
         ),
         /* @__PURE__ */ jsxs26("div", { className: "right-6 top-6 flex gap-2 absolute", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             DesignButton17,
             {
               type: "button",
@@ -5217,18 +5222,18 @@ var FarmerClusterCreate = () => {
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ jsx34(DesignButton17, { type: "submit", size: "sm", children: "Save" })
+          /* @__PURE__ */ jsx33(DesignButton17, { type: "submit", size: "sm", children: "Save" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs26("div", { children: [
         /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-x-4 gap-y-8", children: [
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
                 name: "name",
-                render: ({ field }) => /* @__PURE__ */ jsx34(
+                render: ({ field }) => /* @__PURE__ */ jsx33(
                   DesignInput5,
                   {
                     ...field,
@@ -5237,21 +5242,21 @@ var FarmerClusterCreate = () => {
                 )
               }
             ),
-            errors.name && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.name.message })
+            errors.name && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.name.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
                 name: "email",
-                render: ({ field }) => /* @__PURE__ */ jsx34(DesignInput5, { ...field, placeholder: "Contact Email*" })
+                render: ({ field }) => /* @__PURE__ */ jsx33(DesignInput5, { ...field, placeholder: "Contact Email*" })
               }
             ),
-            errors.email && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.email.message })
+            errors.email && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.email.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
@@ -5263,9 +5268,9 @@ var FarmerClusterCreate = () => {
                       onValueChange: field.onChange,
                       defaultValue: field.value,
                       children: [
-                        /* @__PURE__ */ jsx34(DesignSelectTrigger4, { variant: "input", className: "pl-0", children: /* @__PURE__ */ jsx34(DesignSelectValue4, { placeholder: "Country" }) }),
-                        /* @__PURE__ */ jsx34(DesignSelectContent4, { children: /* @__PURE__ */ jsx34(DesignSelectGroup4, { children: countries?.map((country) => {
-                          return /* @__PURE__ */ jsx34(
+                        /* @__PURE__ */ jsx33(DesignSelectTrigger4, { variant: "input", className: "pl-0", children: /* @__PURE__ */ jsx33(DesignSelectValue4, { placeholder: "Country" }) }),
+                        /* @__PURE__ */ jsx33(DesignSelectContent4, { children: /* @__PURE__ */ jsx33(DesignSelectGroup4, { children: countries?.map((country) => {
+                          return /* @__PURE__ */ jsx33(
                             DesignSelectItem4,
                             {
                               value: country.id,
@@ -5280,10 +5285,10 @@ var FarmerClusterCreate = () => {
                 }
               }
             ),
-            errors.countryId && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.countryId.message })
+            errors.countryId && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.countryId.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
@@ -5294,10 +5299,10 @@ var FarmerClusterCreate = () => {
                     onValueChange: field.onChange,
                     defaultValue: field.value,
                     children: [
-                      /* @__PURE__ */ jsx34(DesignSelectTrigger4, { variant: "input", className: "pl-0", children: /* @__PURE__ */ jsx34(DesignSelectValue4, { placeholder: "Activity Status" }) }),
-                      /* @__PURE__ */ jsx34(DesignSelectContent4, { children: /* @__PURE__ */ jsx34(DesignSelectGroup4, { children: ConfigSettings?.ActivityStatus?.ContentItems?.map(
+                      /* @__PURE__ */ jsx33(DesignSelectTrigger4, { variant: "input", className: "pl-0", children: /* @__PURE__ */ jsx33(DesignSelectValue4, { placeholder: "Activity Status" }) }),
+                      /* @__PURE__ */ jsx33(DesignSelectContent4, { children: /* @__PURE__ */ jsx33(DesignSelectGroup4, { children: ConfigSettings?.ActivityStatus?.ContentItems?.map(
                         (activity) => {
-                          return /* @__PURE__ */ jsx34(
+                          return /* @__PURE__ */ jsx33(
                             DesignSelectItem4,
                             {
                               value: activity.KeyValueItem?.Key?.Text,
@@ -5312,10 +5317,10 @@ var FarmerClusterCreate = () => {
                 )
               }
             ),
-            errors.activityStatus && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.activityStatus.message })
+            errors.activityStatus && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.activityStatus.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
@@ -5323,17 +5328,17 @@ var FarmerClusterCreate = () => {
                 render: ({ field }) => {
                   var value = field.value && field.value.toString() !== "Invalid Date" ? new Date(field.value) : null;
                   return /* @__PURE__ */ jsxs26(Popover2, { children: [
-                    /* @__PURE__ */ jsx34(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx34(FormControl5, { children: /* @__PURE__ */ jsx34(
+                    /* @__PURE__ */ jsx33(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsx33(FormControl5, { children: /* @__PURE__ */ jsx33(
                       "button",
                       {
-                        className: cn3(
+                        className: cn2(
                           "w-full pt-1.5 pb-[5px] text-start bordered-0 text-sm lg:text-base bg-transparent border-0 border-b border-zinc-300 focus-within:border-b-2 focus-within:pb-[4px] focus-within:border-primary focus:ring-0 focus:outline-none",
                           !value && "text-muted-foreground"
                         ),
-                        children: value ? format2(value, "PPP") : /* @__PURE__ */ jsx34("span", { children: "Cluster creation date" })
+                        children: value ? format2(value, "PPP") : /* @__PURE__ */ jsx33("span", { children: "Cluster creation date" })
                       }
                     ) }) }),
-                    /* @__PURE__ */ jsx34(PopoverContent2, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx34(
+                    /* @__PURE__ */ jsx33(PopoverContent2, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx33(
                       Calendar2,
                       {
                         mode: "single",
@@ -5347,15 +5352,15 @@ var FarmerClusterCreate = () => {
                 }
               }
             ),
-            errors.dateEstablished && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.dateEstablished.message })
+            errors.dateEstablished && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.dateEstablished.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
                 name: "noOfFarms",
-                render: ({ field }) => /* @__PURE__ */ jsx34(
+                render: ({ field }) => /* @__PURE__ */ jsx33(
                   DesignInput5,
                   {
                     ...field,
@@ -5365,15 +5370,15 @@ var FarmerClusterCreate = () => {
                 )
               }
             ),
-            errors.noOfFarms && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.noOfFarms.message })
+            errors.noOfFarms && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.noOfFarms.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
                 name: "totalArea",
-                render: ({ field }) => /* @__PURE__ */ jsx34(
+                render: ({ field }) => /* @__PURE__ */ jsx33(
                   DesignInput5,
                   {
                     ...field,
@@ -5383,15 +5388,15 @@ var FarmerClusterCreate = () => {
                 )
               }
             ),
-            errors.totalArea && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.totalArea.message })
+            errors.totalArea && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.totalArea.message })
           ] }),
           /* @__PURE__ */ jsxs26("div", { children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33(
               FormField5,
               {
                 control,
                 name: "videoUrl",
-                render: ({ field }) => /* @__PURE__ */ jsx34(
+                render: ({ field }) => /* @__PURE__ */ jsx33(
                   DesignInput5,
                   {
                     ...field,
@@ -5401,18 +5406,18 @@ var FarmerClusterCreate = () => {
                 )
               }
             ),
-            errors.videoUrl && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.videoUrl.message })
+            errors.videoUrl && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.videoUrl.message })
           ] })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "pt-12", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             SectionHeader,
             {
               title: "Contact Button",
               subTitle: "Would you like to be reachable? If you enable <em>Show contact button</em> interested people can send you a message via Recodo."
             }
           ),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             RadioGroup2,
             {
               orientation: "horizontal",
@@ -5421,7 +5426,7 @@ var FarmerClusterCreate = () => {
               required: true,
               children: /* @__PURE__ */ jsxs26("div", { className: "pt-4 flex flex-row gap-x-6", children: [
                 /* @__PURE__ */ jsxs26("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ jsx34(
+                  /* @__PURE__ */ jsx33(
                     RadioGroupItem2,
                     {
                       className: "h-5 w-5",
@@ -5429,10 +5434,10 @@ var FarmerClusterCreate = () => {
                       id: "r1"
                     }
                   ),
-                  /* @__PURE__ */ jsx34(Label2, { htmlFor: "r1", children: "Show contact button" })
+                  /* @__PURE__ */ jsx33(Label2, { htmlFor: "r1", children: "Show contact button" })
                 ] }),
                 /* @__PURE__ */ jsxs26("div", { className: "flex items-center space-x-2", children: [
-                  /* @__PURE__ */ jsx34(
+                  /* @__PURE__ */ jsx33(
                     RadioGroupItem2,
                     {
                       className: "h-5 w-5",
@@ -5440,15 +5445,15 @@ var FarmerClusterCreate = () => {
                       id: "r2"
                     }
                   ),
-                  /* @__PURE__ */ jsx34(Label2, { htmlFor: "r2", children: "Hide contact button" })
+                  /* @__PURE__ */ jsx33(Label2, { htmlFor: "r2", children: "Hide contact button" })
                 ] })
               ] })
             }
           ),
-          errors.showContact && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.showContact.message })
+          errors.showContact && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.showContact.message })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "pt-12", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             SectionHeader,
             {
               title: "Cover Photo",
@@ -5456,63 +5461,25 @@ var FarmerClusterCreate = () => {
               isRequired: true
             }
           ),
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             FormField5,
             {
               control,
               name: "coverImage",
-              render: ({ field }) => {
-                const coverImageDropzone = useDropzone5({
-                  accept: {
-                    "image/jpeg": [".jpeg", ".png"]
-                  },
-                  maxFiles: 1,
-                  multiple: false,
-                  onDrop: (acceptedFiles) => {
-                    let selectedFile2 = acceptedFiles[0];
-                    setSelectedFile(selectedFile2);
-                    let imgURL = URL.createObjectURL(selectedFile2);
-                    setSelectedFileUrl(imgURL);
-                    field.onChange(selectedFile2);
+              render: ({ field }) => /* @__PURE__ */ jsx33(
+                CoverImageDropzone,
+                {
+                  field,
+                  onFileSelected: (file) => {
+                    setSelectedFile(file);
+                    setSelectedFileUrl(URL.createObjectURL(file));
                   }
-                });
-                return /* @__PURE__ */ jsx34("div", { className: "mt-1 sm:mt-0 sm:col-span-2 pt-6", children: /* @__PURE__ */ jsx34("div", { className: "w-[70%] py-12 pb-14 flex justify-center px-6 border-2 border-grey-light border-dashed rounded-md", children: /* @__PURE__ */ jsxs26("div", { ...coverImageDropzone.getRootProps(), children: [
-                  /* @__PURE__ */ jsx34("input", { ...coverImageDropzone.getInputProps({}) }),
-                  /* @__PURE__ */ jsxs26("div", { className: "w-full text-center flex-col flex items-center", children: [
-                    /* @__PURE__ */ jsx34("div", { className: "w-16 h-16 bg-accent-primary flex items-center justify-center rounded-full", children: /* @__PURE__ */ jsx34(
-                      "svg",
-                      {
-                        width: "32",
-                        height: "32",
-                        viewBox: "0 0 32 32",
-                        fill: "none",
-                        xmlns: "http://www.w3.org/2000/svg",
-                        className: " fill-primary",
-                        children: /* @__PURE__ */ jsx34("path", { d: "M19.667 8V5L25.667 11H22.667C20.5603 11 19.667 10.1067 19.667 8ZM22.667 13C19.4403 13 17.667 11.2267 17.667 8V4H10.667C8.00033 4 6.66699 5.33333 6.66699 8V24C6.66699 26.6667 8.00033 28 10.667 28H22.667C25.3337 28 26.667 26.6667 26.667 24V13H22.667Z" })
-                      }
-                    ) }),
-                    /* @__PURE__ */ jsxs26("div", { className: "pt-6 flex justify-center", children: [
-                      /* @__PURE__ */ jsx34("p", { className: "pr-1 text-lg font-normal", children: "Drop your files here or" }),
-                      /* @__PURE__ */ jsx34(
-                        "label",
-                        {
-                          htmlFor: "file-upload",
-                          className: "relative cursor-pointer rounded-md font-medium text-primary hover:text-primary-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500",
-                          children: /* @__PURE__ */ jsxs26("span", { className: "text-lg font-semibold", children: [
-                            " ",
-                            "browse"
-                          ] })
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsx34("p", { className: "text-sm font-normal text-grey pt-2", children: "PNG, JPG, GIF up to 10MB. Landscape mode, recommended size 1920x1080px." })
-                  ] })
-                ] }) }) });
-              }
+                }
+              )
             }
           ),
-          errors.coverImage && typeof errors.coverImage.message === "string" && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.coverImage.message }),
-          selectedFileUrl ? /* @__PURE__ */ jsx34("div", { className: "pt-5", children: /* @__PURE__ */ jsx34(
+          errors.coverImage && typeof errors.coverImage.message === "string" && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.coverImage.message }),
+          selectedFileUrl ? /* @__PURE__ */ jsx33("div", { className: "pt-5", children: /* @__PURE__ */ jsx33(
             "img",
             {
               src: selectedFileUrl,
@@ -5522,14 +5489,14 @@ var FarmerClusterCreate = () => {
           ) }) : null
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "pt-12", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             SectionHeader,
             {
               title: "Location",
               subTitle: "Click on the map to place a pin where the Farmer Cluster is located."
             }
           ),
-          /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
             "div",
             {
               className: "pt-6",
@@ -5538,7 +5505,7 @@ var FarmerClusterCreate = () => {
               style: {
                 color: position !== null && position !== void 0 ? "black" : ""
               },
-              children: /* @__PURE__ */ jsx34(
+              children: /* @__PURE__ */ jsx33(
                 MapWithNoSSR2,
                 {
                   ...{
@@ -5555,7 +5522,7 @@ var FarmerClusterCreate = () => {
           ) })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "pt-12", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             SectionHeader,
             {
               title: "About",
@@ -5564,12 +5531,12 @@ var FarmerClusterCreate = () => {
           ),
           /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-1 gap-6 pt-4", children: [
             /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33(
                 FormField5,
                 {
                   control,
                   name: "description",
-                  render: ({ field }) => /* @__PURE__ */ jsx34(
+                  render: ({ field }) => /* @__PURE__ */ jsx33(
                     "textarea",
                     {
                       ...field,
@@ -5580,15 +5547,15 @@ var FarmerClusterCreate = () => {
                   )
                 }
               ),
-              errors.description && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.description.message })
+              errors.description && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.description.message })
             ] }),
             /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33(
                 FormField5,
                 {
                   control,
                   name: "outcomes",
-                  render: ({ field }) => /* @__PURE__ */ jsx34(
+                  render: ({ field }) => /* @__PURE__ */ jsx33(
                     "textarea",
                     {
                       ...field,
@@ -5599,15 +5566,15 @@ var FarmerClusterCreate = () => {
                   )
                 }
               ),
-              errors.outcomes && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.outcomes.message })
+              errors.outcomes && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.outcomes.message })
             ] }),
             /* @__PURE__ */ jsxs26("div", { children: [
-              /* @__PURE__ */ jsx34(
+              /* @__PURE__ */ jsx33(
                 FormField5,
                 {
                   control,
                   name: "bioDiversityEnhancingMeasures",
-                  render: ({ field }) => /* @__PURE__ */ jsx34(
+                  render: ({ field }) => /* @__PURE__ */ jsx33(
                     "textarea",
                     {
                       ...field,
@@ -5618,12 +5585,12 @@ var FarmerClusterCreate = () => {
                   )
                 }
               ),
-              errors.bioDiversityEnhancingMeasures && /* @__PURE__ */ jsx34("span", { className: "text-red-500", children: errors.bioDiversityEnhancingMeasures.message })
+              errors.bioDiversityEnhancingMeasures && /* @__PURE__ */ jsx33("span", { className: "text-red-500", children: errors.bioDiversityEnhancingMeasures.message })
             ] })
           ] })
         ] }),
         /* @__PURE__ */ jsxs26("div", { className: "py-12", children: [
-          /* @__PURE__ */ jsx34(
+          /* @__PURE__ */ jsx33(
             SectionHeader,
             {
               title: "Characteristics",
@@ -5631,7 +5598,7 @@ var FarmerClusterCreate = () => {
             }
           ),
           /* @__PURE__ */ jsxs26("div", { className: "flex flex-col justify-start items-start gap-y-8 pt-6", children: [
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Farming Systems",
@@ -5639,7 +5606,7 @@ var FarmerClusterCreate = () => {
                 name: "farmingSystem"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Main agricultural areas",
@@ -5647,7 +5614,7 @@ var FarmerClusterCreate = () => {
                 name: "mainAgriculturalAreas"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Main crops",
@@ -5655,7 +5622,7 @@ var FarmerClusterCreate = () => {
                 name: "mainCrops"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Livestock",
@@ -5663,7 +5630,7 @@ var FarmerClusterCreate = () => {
                 name: "liveStock"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Other landscape elements",
@@ -5671,7 +5638,7 @@ var FarmerClusterCreate = () => {
                 name: "otherLandScapeElements"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Hunting management",
@@ -5679,7 +5646,7 @@ var FarmerClusterCreate = () => {
                 name: "huntingManagement"
               }
             ) }),
-            /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsx33(
               CharacteristicsSection,
               {
                 title: "Cluster funding",
@@ -5691,7 +5658,7 @@ var FarmerClusterCreate = () => {
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx33(
       FarmerClusterPopup,
       {
         title: "Your information is being processed",
@@ -5709,8 +5676,8 @@ import { ResourceService } from "@geowiki/api-proxy";
 import AsyncSelect from "react-select/async";
 import { customSelectInputStyles } from "@geowiki/ui/src/lib/utils";
 import Select from "react-select";
-import { useRouter as useRouter11 } from "next/router";
-import { jsx as jsx35, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useRouter as useRouter11 } from "@geowiki/core";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
 var SearchFilter = ({ filter, setFilter }) => {
   const router = useRouter11();
   const inputRef = React7.useRef(null);
@@ -5894,7 +5861,7 @@ var SearchFilter = ({ filter, setFilter }) => {
   ];
   return /* @__PURE__ */ jsxs27("div", { children: [
     /* @__PURE__ */ jsxs27("form", { className: "pt-4", onSubmit: (e) => onSearch(e), children: [
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         "label",
         {
           htmlFor: "default-search",
@@ -5903,7 +5870,7 @@ var SearchFilter = ({ filter, setFilter }) => {
         }
       ),
       /* @__PURE__ */ jsxs27("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx35("div", { className: "flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none", children: /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx34("div", { className: "flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none", children: /* @__PURE__ */ jsx34(
           "svg",
           {
             "aria-hidden": "true",
@@ -5912,7 +5879,7 @@ var SearchFilter = ({ filter, setFilter }) => {
             stroke: "currentColor",
             viewBox: "0 0 24 24",
             xmlns: "http://www.w3.org/2000/svg",
-            children: /* @__PURE__ */ jsx35(
+            children: /* @__PURE__ */ jsx34(
               "path",
               {
                 strokeLinecap: "round",
@@ -5923,7 +5890,7 @@ var SearchFilter = ({ filter, setFilter }) => {
             )
           }
         ) }),
-        /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx34(
           "input",
           {
             ref: inputRef,
@@ -5935,7 +5902,7 @@ var SearchFilter = ({ filter, setFilter }) => {
             onChange: (e) => setSearchText(e.target.value)
           }
         ),
-        searchText && searchText.length ? /* @__PURE__ */ jsx35(
+        searchText && searchText.length ? /* @__PURE__ */ jsx34(
           "div",
           {
             onClick: () => clearSearch(),
@@ -5943,11 +5910,11 @@ var SearchFilter = ({ filter, setFilter }) => {
             children: "Clear"
           }
         ) : null,
-        /* @__PURE__ */ jsx35("button", { className: "text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2", children: "Search" })
+        /* @__PURE__ */ jsx34("button", { className: "text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2", children: "Search" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx35("div", { className: "w-full mt-4", children: /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4", children: [
-      /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx34("div", { className: "w-full mt-4", children: /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-2 md:grid-cols-3 xl:grid-cols-5 gap-4", children: [
+      /* @__PURE__ */ jsx34(
         Select,
         {
           placeholder: "Most Recent",
@@ -5957,7 +5924,7 @@ var SearchFilter = ({ filter, setFilter }) => {
           isClearable: true
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         AsyncSelect,
         {
           placeholder: "Language",
@@ -5970,7 +5937,7 @@ var SearchFilter = ({ filter, setFilter }) => {
           isClearable: true
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         AsyncSelect,
         {
           placeholder: "Topic",
@@ -5983,7 +5950,7 @@ var SearchFilter = ({ filter, setFilter }) => {
           isClearable: true
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         AsyncSelect,
         {
           placeholder: "Resource Type",
@@ -5996,7 +5963,7 @@ var SearchFilter = ({ filter, setFilter }) => {
           isClearable: true
         }
       ),
-      /* @__PURE__ */ jsx35(
+      /* @__PURE__ */ jsx34(
         AsyncSelect,
         {
           placeholder: "Audience",
@@ -6027,7 +5994,7 @@ import {
 } from "@geowiki/ui";
 import { useLanguages as useLanguages2, useResourceType as useResourceType2 } from "@geowiki/core";
 import { useState as useState19 } from "react";
-import { jsx as jsx36, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs28 } from "react/jsx-runtime";
 var ResourceItem = ({ resource }) => {
   const [open, setOpen] = useState19(false);
   const languages = useLanguages2();
@@ -6044,15 +6011,15 @@ var ResourceItem = ({ resource }) => {
       onClick: () => setOpen(true),
       children: [
         /* @__PURE__ */ jsxs28("div", { className: "pb-6 flex items-start justify-start ", children: [
-          /* @__PURE__ */ jsx36(ResourceIcon, { type: resource.resourceType }),
-          /* @__PURE__ */ jsx36("div", { className: "absolute right-6 flex items-start justify-start", children: /* @__PURE__ */ jsx36("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl items-center justify-center gap-1", children: /* @__PURE__ */ jsx36(Body15sb, { className: "text-primary", children: language }) }) })
+          /* @__PURE__ */ jsx35(ResourceIcon, { type: resource.resourceType }),
+          /* @__PURE__ */ jsx35("div", { className: "absolute right-6 flex items-start justify-start", children: /* @__PURE__ */ jsx35("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl items-center justify-center gap-1", children: /* @__PURE__ */ jsx35(Body15sb, { className: "text-primary", children: language }) }) })
         ] }),
-        /* @__PURE__ */ jsx36(Body16sb2, { className: "text-primary", children: type?.value }),
+        /* @__PURE__ */ jsx35(Body16sb2, { className: "text-primary", children: type?.value }),
         /* @__PURE__ */ jsxs28("div", { className: "w-full pt-2 space-y-2 flex-col justify-start items-start inline-flex lg:space-y-4", children: [
-          /* @__PURE__ */ jsx36(H6Design, { className: "w-full line-clamp-4", children: resource.title }),
-          /* @__PURE__ */ jsx36(Body1610, { className: "line-clamp-3 lg:line-clamp-4", children: resource.description })
+          /* @__PURE__ */ jsx35(H6Design, { className: "w-full line-clamp-4", children: resource.title }),
+          /* @__PURE__ */ jsx35(Body1610, { className: "line-clamp-3 lg:line-clamp-4", children: resource.description })
         ] }),
-        /* @__PURE__ */ jsx36("div", { className: "absolute bottom-6 ", children: resource.link && /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx35("div", { className: "absolute bottom-6 ", children: resource.link && /* @__PURE__ */ jsx35(
           DesignButton18,
           {
             variant: "externalLink",
@@ -6062,16 +6029,16 @@ var ResourceItem = ({ resource }) => {
             children: "View Resource"
           }
         ) }),
-        /* @__PURE__ */ jsx36(ResourceView_default, { resource, open, setOpen })
+        /* @__PURE__ */ jsx35(ResourceView_default, { resource, open, setOpen })
       ]
     }
   );
 };
 
 // src/components/Resource/ResourceCard.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var ResourceCard = ({ resource }) => {
-  return /* @__PURE__ */ jsx37(motion.li, { variants: itemVariants, children: /* @__PURE__ */ jsx37(ResourceItem, { resource }) }, resource.id);
+  return /* @__PURE__ */ jsx36(motion.li, { variants: itemVariants, children: /* @__PURE__ */ jsx36(ResourceItem, { resource }) }, resource.id);
 };
 
 // src/components/Resource/ResourceCreate.tsx
@@ -6086,7 +6053,7 @@ import { OldCustomInput } from "@geowiki/ui";
 import { MultiSelect } from "@geowiki/ui";
 import { MultiSelectFreeText } from "@geowiki/ui";
 import { TextArea } from "@geowiki/ui";
-import { jsx as jsx38, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs29 } from "react/jsx-runtime";
 var ResourceCreate = ({ resource }) => {
   const { data: audience } = useAudience3();
   const { data: topic } = useTopic3();
@@ -6148,9 +6115,9 @@ var ResourceCreate = ({ resource }) => {
       });
     }
   };
-  return /* @__PURE__ */ jsx38("div", { className: "p-4", children: /* @__PURE__ */ jsxs29("form", { className: "space-y-8 pt-4", onSubmit: handleSubmit(onSubmit), children: [
-    /* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsxs29("div", { className: "flex justify-end", children: [
-      /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37("div", { className: "p-4", children: /* @__PURE__ */ jsxs29("form", { className: "space-y-8 pt-4", onSubmit: handleSubmit(onSubmit), children: [
+    /* @__PURE__ */ jsx37("div", { children: /* @__PURE__ */ jsxs29("div", { className: "flex justify-end", children: [
+      /* @__PURE__ */ jsx37(
         PrimaryButton,
         {
           type: "button",
@@ -6159,10 +6126,10 @@ var ResourceCreate = ({ resource }) => {
           onClick: () => location.href = "/admin/resource"
         }
       ),
-      /* @__PURE__ */ jsx38(PrimaryButton, { type: "submit", label: "Save", style: "primary" })
+      /* @__PURE__ */ jsx37(PrimaryButton, { type: "submit", label: "Save", style: "primary" })
     ] }) }),
-    /* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-6 gap-6", children: [
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 ", children: /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx37("div", { children: /* @__PURE__ */ jsxs29("div", { className: "grid grid-cols-6 gap-6", children: [
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 ", children: /* @__PURE__ */ jsx37(
         OldCustomInput,
         {
           name: "title",
@@ -6176,7 +6143,7 @@ var ResourceCreate = ({ resource }) => {
           isPlaceholderItalic: true
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6", children: /* @__PURE__ */ jsx37(
         TextArea,
         {
           infoText: "description",
@@ -6191,7 +6158,7 @@ var ResourceCreate = ({ resource }) => {
           row: 5
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         OldCustomInput,
         {
           name: "author",
@@ -6205,7 +6172,7 @@ var ResourceCreate = ({ resource }) => {
           type: "text"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         OldCustomInput,
         {
           name: "link",
@@ -6219,7 +6186,7 @@ var ResourceCreate = ({ resource }) => {
           type: "text"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         OldCustomInput,
         {
           name: "publisher",
@@ -6233,7 +6200,7 @@ var ResourceCreate = ({ resource }) => {
           type: "text"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         OldCustomInput,
         {
           name: "publishedDate",
@@ -6247,7 +6214,7 @@ var ResourceCreate = ({ resource }) => {
           type: "date"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         MultiSelect,
         {
           name: "resourceType",
@@ -6261,7 +6228,7 @@ var ResourceCreate = ({ resource }) => {
           displayText: "Resource Type"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         MultiSelectFreeText,
         {
           control,
@@ -6273,7 +6240,7 @@ var ResourceCreate = ({ resource }) => {
           displayText: "Language"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         MultiSelectFreeText,
         {
           control,
@@ -6285,7 +6252,7 @@ var ResourceCreate = ({ resource }) => {
           displayText: "Keyword"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         MultiSelect,
         {
           name: "topic",
@@ -6298,7 +6265,7 @@ var ResourceCreate = ({ resource }) => {
           displayText: "Topic"
         }
       ) }),
-      /* @__PURE__ */ jsx38("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx37("div", { className: "col-span-6 sm:col-span-6 lg:col-span-2", children: /* @__PURE__ */ jsx37(
         MultiSelect,
         {
           name: "audience",
@@ -6316,9 +6283,9 @@ var ResourceCreate = ({ resource }) => {
 };
 
 // src/components/Resource/ResourceEdit.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var ResourceEdit = (_props) => {
-  return /* @__PURE__ */ jsx39("div", { children: "Resource Edit" });
+  return /* @__PURE__ */ jsx38("div", { children: "Resource Edit" });
 };
 
 // src/components/Resource/ResourceList.tsx
@@ -6328,12 +6295,12 @@ import { useResourceType as useResourceType4 } from "@geowiki/core";
 import { useTopic as useTopic4 } from "@geowiki/core";
 import { QueryNames as QueryNames8 } from "@geowiki/core";
 import { useQueryClient as useQueryClient8 } from "@tanstack/react-query";
-import { useTheme as useTheme4 } from "next-themes";
+import { useTheme as useTheme4 } from "@geowiki/core";
 import { useState as useState20 } from "react";
 import DataTable4 from "react-data-table-component";
 import Swal9 from "sweetalert2";
 import { DeleteButton as DeleteButton4, tableDesigntyles as tableDesigntyles3 } from "@geowiki/ui";
-import { jsx as jsx40, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs30 } from "react/jsx-runtime";
 var ResourceList = () => {
   const { theme } = useTheme4();
   const queryClient = useQueryClient8();
@@ -6401,16 +6368,16 @@ var ResourceList = () => {
     {
       name: "Delete",
       button: true,
-      cell: (row) => /* @__PURE__ */ jsx40(DeleteButton4, { onClick: () => deleteWithId(row.id) }),
+      cell: (row) => /* @__PURE__ */ jsx39(DeleteButton4, { onClick: () => deleteWithId(row.id) }),
       right: true
     }
   ];
   const paginationComponentOptions = {
     noRowsPerPage: true
   };
-  return /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("div", { className: "pb-8 mb-5", children: /* @__PURE__ */ jsxs30("div", { children: [
-    /* @__PURE__ */ jsx40("div", { className: "pb-5", children: /* @__PURE__ */ jsx40("div", { className: "flex items-center justify-between flex-wrap sm:flex-nowrap", children: /* @__PURE__ */ jsx40("div", { className: "text-2xl lg:text-[1.75rem] font-semibold leading-[120%]", children: "Resource" }) }) }),
-    /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsx39("div", { className: "pb-8 mb-5", children: /* @__PURE__ */ jsxs30("div", { children: [
+    /* @__PURE__ */ jsx39("div", { className: "pb-5", children: /* @__PURE__ */ jsx39("div", { className: "flex items-center justify-between flex-wrap sm:flex-nowrap", children: /* @__PURE__ */ jsx39("div", { className: "text-2xl lg:text-[1.75rem] font-semibold leading-[120%]", children: "Resource" }) }) }),
+    /* @__PURE__ */ jsx39(
       DataTable4,
       {
         theme: theme === "dark" ? "dark" : "default",
@@ -6431,34 +6398,34 @@ var ResourceList = () => {
 
 // src/components/Resource/ResourceDisplayList.tsx
 import { v4 as v43 } from "uuid";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var ResourceDisplayList = ({ resources }) => {
-  return /* @__PURE__ */ jsx41("div", { className: "px-0", children: /* @__PURE__ */ jsx41("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: resources.map((resource) => /* @__PURE__ */ jsx41(ResourceItem, { resource }, v43())) }) });
+  return /* @__PURE__ */ jsx40("div", { className: "px-0", children: /* @__PURE__ */ jsx40("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: resources.map((resource) => /* @__PURE__ */ jsx40(ResourceItem, { resource }, v43())) }) });
 };
 
 // src/components/Resource/subtitle-h3-resource-collections.tsx
 import { Body18 as Body183, H3Design as H3Design3 } from "@geowiki/ui";
 
 // src/components/Resource/ResourceCollectionItem.tsx
-import Link5 from "next/link";
+import { Link as Link5 } from "@geowiki/core";
 import { Body16sb as Body16sb3, H6Design as H6Design2, Body16 as Body1611, DesignButton as DesignButton19, Icon } from "@geowiki/ui";
 import { ArrowRight } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs31 } from "react/jsx-runtime";
 var ResourceCollectionItem = (props) => {
   return /* @__PURE__ */ jsxs31("div", { className: "w-auto h-[19.375rem] relative bg-neutral-100 rounded-xl p-6 lg:h-[27.5rem]", children: [
-    /* @__PURE__ */ jsx42("div", { className: "pb-2 flex items-start justify-start lg:pb-6", children: /* @__PURE__ */ jsx42(Icon, { type: props.icon }) }),
-    /* @__PURE__ */ jsx42(Body16sb3, { className: "text-primary", children: props.type }),
+    /* @__PURE__ */ jsx41("div", { className: "pb-2 flex items-start justify-start lg:pb-6", children: /* @__PURE__ */ jsx41(Icon, { type: props.icon }) }),
+    /* @__PURE__ */ jsx41(Body16sb3, { className: "text-primary", children: props.type }),
     /* @__PURE__ */ jsxs31("div", { className: "pt-2 flex-col justify-start items-start space-y-2 inline-flex lg:space-y-4", children: [
-      /* @__PURE__ */ jsx42(H6Design2, { className: "line-clamp-2", children: props.title }),
-      /* @__PURE__ */ jsx42(Body1611, { className: "line-clamp-6", children: props.text })
+      /* @__PURE__ */ jsx41(H6Design2, { className: "line-clamp-2", children: props.title }),
+      /* @__PURE__ */ jsx41(Body1611, { className: "line-clamp-6", children: props.text })
     ] }),
-    /* @__PURE__ */ jsx42("div", { className: "absolute bottom-6 ", children: props.button?.link && /* @__PURE__ */ jsx42(DesignButton19, { variant: "circle", className: "w-12 h-12 p-2 lg:p-2", children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx41("div", { className: "absolute bottom-6 ", children: props.button?.link && /* @__PURE__ */ jsx41(DesignButton19, { variant: "circle", className: "w-12 h-12 p-2 lg:p-2", children: /* @__PURE__ */ jsx41(
       Link5,
       {
         href: props.button.link,
         target: props.button.isNewTab ? "_blank" : "_self",
         rel: "noreferrer",
-        children: /* @__PURE__ */ jsx42(ArrowRight, { className: "h-6 w-10" })
+        children: /* @__PURE__ */ jsx41(ArrowRight, { className: "h-6 w-10" })
       }
     ) }) })
   ] });
@@ -6466,11 +6433,11 @@ var ResourceCollectionItem = (props) => {
 
 // src/components/Resource/ResourceCollectionDisplayList.tsx
 import { v4 as v44 } from "uuid";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var ResourceCollectionDisplayList = ({
   resourceCollections
 }) => {
-  return /* @__PURE__ */ jsx43("div", { className: "px-0", children: /* @__PURE__ */ jsx43("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: resourceCollections.map((resourceCollection) => /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx42("div", { className: "px-0", children: /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: resourceCollections.map((resourceCollection) => /* @__PURE__ */ jsx42(
     ResourceCollectionItem,
     {
       title: resourceCollection.title,
@@ -6484,7 +6451,7 @@ var ResourceCollectionDisplayList = ({
 };
 
 // src/components/Resource/subtitle-h3-resource-collections.tsx
-import { jsx as jsx44, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs32 } from "react/jsx-runtime";
 var SubtitleH3ResourceCollections = ({
   title,
   subtitle,
@@ -6497,11 +6464,11 @@ var SubtitleH3ResourceCollections = ({
       "data-component": "SubtitleH3ResourceCollections",
       children: [
         /* @__PURE__ */ jsxs32("div", { className: "lg:flex lg:justify-between lg:items-start", children: [
-          /* @__PURE__ */ jsx44(Body183, { className: "lg:w-[15%]", children: subtitle }),
-          /* @__PURE__ */ jsx44(H3Design3, { className: " pt-2 pb-6 lg:py-0 lg:w-[50%]", children: title }),
-          /* @__PURE__ */ jsx44("div", { className: "hidden lg:w-[15%] lg:inline" })
+          /* @__PURE__ */ jsx43(Body183, { className: "lg:w-[15%]", children: subtitle }),
+          /* @__PURE__ */ jsx43(H3Design3, { className: " pt-2 pb-6 lg:py-0 lg:w-[50%]", children: title }),
+          /* @__PURE__ */ jsx43("div", { className: "hidden lg:w-[15%] lg:inline" })
         ] }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx43(
           ResourceCollectionDisplayList,
           {
             resourceCollections
@@ -6519,9 +6486,9 @@ import {
   useResourceType as useResourceType5,
   useTopic as useTopic5
 } from "@geowiki/core";
-import { useRouter as useRouter12 } from "next/router";
+import { useRouter as useRouter12 } from "@geowiki/core";
 import XCircleIcon2 from "@heroicons/react/24/outline/XCircleIcon";
-import { jsx as jsx45, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs33 } from "react/jsx-runtime";
 var ResourcesSelectedTags = () => {
   const router = useRouter12();
   const selectedLanguages = router.query.language;
@@ -6554,12 +6521,12 @@ var ResourcesSelectedTags = () => {
     router.push({ query });
   };
   return /* @__PURE__ */ jsxs33("div", { className: "flex flex-wrap gap-1", children: [
-    selectedLanguagesArray && selectedLanguagesArray.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
+    selectedLanguagesArray && selectedLanguagesArray.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs33("label", { children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Language " }),
-        /* @__PURE__ */ jsx45("span", { children: selectedLanguagesArray?.map((language) => language.value).join(", ") })
+        /* @__PURE__ */ jsx44("span", { className: "font-medium", children: "Language " }),
+        /* @__PURE__ */ jsx44("span", { children: selectedLanguagesArray?.map((language) => language.value).join(", ") })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         XCircleIcon2,
         {
           className: "h-5 min-h-5 min-w-5 cursor-pointer",
@@ -6567,12 +6534,12 @@ var ResourcesSelectedTags = () => {
         }
       )
     ] }) }),
-    selectedTopicsArray && selectedTopicsArray.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
+    selectedTopicsArray && selectedTopicsArray.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs33("label", { children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Topic " }),
-        /* @__PURE__ */ jsx45("span", { children: selectedTopicsArray?.map((topic) => topic.value).join(", ") })
+        /* @__PURE__ */ jsx44("span", { className: "font-medium", children: "Topic " }),
+        /* @__PURE__ */ jsx44("span", { children: selectedTopicsArray?.map((topic) => topic.value).join(", ") })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         XCircleIcon2,
         {
           className: "h-5 min-h-5 min-w-5 cursor-pointer",
@@ -6580,12 +6547,12 @@ var ResourcesSelectedTags = () => {
         }
       )
     ] }) }),
-    selectedResourceTypesArray && selectedResourceTypesArray.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
+    selectedResourceTypesArray && selectedResourceTypesArray.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs33("label", { children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Resource Type " }),
-        /* @__PURE__ */ jsx45("span", { children: selectedResourceTypesArray?.map((type) => type.value).join(", ") })
+        /* @__PURE__ */ jsx44("span", { className: "font-medium", children: "Resource Type " }),
+        /* @__PURE__ */ jsx44("span", { children: selectedResourceTypesArray?.map((type) => type.value).join(", ") })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         XCircleIcon2,
         {
           className: "h-5 min-h-5 min-w-5 cursor-pointer",
@@ -6593,12 +6560,12 @@ var ResourcesSelectedTags = () => {
         }
       )
     ] }) }),
-    selectedAudiencesArray && selectedAudiencesArray.length > 0 && /* @__PURE__ */ jsx45("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
+    selectedAudiencesArray && selectedAudiencesArray.length > 0 && /* @__PURE__ */ jsx44("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs33("label", { children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Audience " }),
-        /* @__PURE__ */ jsx45("span", { children: selectedAudiencesArray?.map((audience) => audience.value).join(", ") })
+        /* @__PURE__ */ jsx44("span", { className: "font-medium", children: "Audience " }),
+        /* @__PURE__ */ jsx44("span", { children: selectedAudiencesArray?.map((audience) => audience.value).join(", ") })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         XCircleIcon2,
         {
           className: "h-5 min-h-5 min-w-5 cursor-pointer",
@@ -6606,12 +6573,12 @@ var ResourcesSelectedTags = () => {
         }
       )
     ] }) }),
-    search && /* @__PURE__ */ jsx45("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
+    search && /* @__PURE__ */ jsx44("div", { className: "flex flex-col justify-center px-2.5 py-2 text-sm leading-5 text-black border border-solid border-zinc-300 rounded-[40px]", children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsxs33("label", { children: [
-        /* @__PURE__ */ jsx45("span", { className: "font-medium", children: "Search " }),
-        /* @__PURE__ */ jsx45("span", { children: search })
+        /* @__PURE__ */ jsx44("span", { className: "font-medium", children: "Search " }),
+        /* @__PURE__ */ jsx44("span", { children: search })
       ] }),
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx44(
         XCircleIcon2,
         {
           className: "h-5 min-h-5 min-w-5 cursor-pointer",
@@ -6623,9 +6590,9 @@ var ResourcesSelectedTags = () => {
 };
 
 // src/components/Resource/KeyResourceItem.tsx
-import Link6 from "next/link";
+import { Link as Link6 } from "@geowiki/core";
 import { ApiImage as ApiImage5, CmsImage, H9Design, Body16sb as Body16sb4 } from "@geowiki/ui";
-import { jsx as jsx46, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs34 } from "react/jsx-runtime";
 var KeyResourceItem = ({
   title,
   subtitle,
@@ -6633,8 +6600,8 @@ var KeyResourceItem = ({
   imageId,
   imagePath
 }) => {
-  return /* @__PURE__ */ jsx46(Link6, { href: path, children: /* @__PURE__ */ jsxs34("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
-    imageId && /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(Link6, { href: path, children: /* @__PURE__ */ jsxs34("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
+    imageId && /* @__PURE__ */ jsx45(
       ApiImage5,
       {
         imageId,
@@ -6643,7 +6610,7 @@ var KeyResourceItem = ({
         className: "w-full h-[260px] rounded-xl object-cover"
       }
     ),
-    imagePath && /* @__PURE__ */ jsx46(
+    imagePath && /* @__PURE__ */ jsx45(
       CmsImage,
       {
         src: imagePath,
@@ -6653,16 +6620,16 @@ var KeyResourceItem = ({
         className: "w-full h-[260px] rounded-xl object-cover"
       }
     ),
-    /* @__PURE__ */ jsx46(Body16sb4, { className: "pt-4 pb-2 text-primary", children: subtitle }),
-    /* @__PURE__ */ jsx46(H9Design, { children: title })
+    /* @__PURE__ */ jsx45(Body16sb4, { className: "pt-4 pb-2 text-primary", children: subtitle }),
+    /* @__PURE__ */ jsx45(H9Design, { children: title })
   ] }) });
 };
 
 // src/components/Resource/KeyResourceItemList.tsx
 import { v4 as v45 } from "uuid";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var KeyResourceItemList = ({ keyResources }) => {
-  return /* @__PURE__ */ jsx47("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx47("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-x-6 gap-y-5 lg:gap-y-10", children: keyResources.map((keyResource) => /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx46("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-x-6 gap-y-5 lg:gap-y-10", children: keyResources.map((keyResource) => /* @__PURE__ */ jsx46(
     KeyResourceItem,
     {
       title: keyResource.title,
@@ -6677,7 +6644,7 @@ var KeyResourceItemList = ({ keyResources }) => {
 
 // src/components/Resource/SubtitleH3KeyResources.tsx
 import { Body18 as Body184, H3Design as H3Design4 } from "@geowiki/ui";
-import { jsx as jsx48, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs35 } from "react/jsx-runtime";
 var SubtitleH3KeyResources = ({
   title,
   subtitle,
@@ -6690,22 +6657,22 @@ var SubtitleH3KeyResources = ({
       "data-component": "SubtitleH3KeyResources",
       children: [
         /* @__PURE__ */ jsxs35("div", { className: "lg:flex lg:justify-between lg:items-start", children: [
-          /* @__PURE__ */ jsx48(Body184, { className: "lg:w-[15%]", children: subtitle }),
-          /* @__PURE__ */ jsx48(H3Design4, { className: " pt-2 pb-6 lg:py-0 lg:w-[50%]", children: title }),
-          /* @__PURE__ */ jsx48("div", { className: "hidden lg:w-[15%] lg:inline" })
+          /* @__PURE__ */ jsx47(Body184, { className: "lg:w-[15%]", children: subtitle }),
+          /* @__PURE__ */ jsx47(H3Design4, { className: " pt-2 pb-6 lg:py-0 lg:w-[50%]", children: title }),
+          /* @__PURE__ */ jsx47("div", { className: "hidden lg:w-[15%] lg:inline" })
         ] }),
-        /* @__PURE__ */ jsx48(KeyResourceItemList, { keyResources })
+        /* @__PURE__ */ jsx47(KeyResourceItemList, { keyResources })
       ]
     }
   );
 };
 
 // src/components/User/index.tsx
-import { jsx as jsx49, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs36 } from "react/jsx-runtime";
 var UserInfoPage = () => {
-  return /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsx49("div", { className: "container mx-auto h-64", children: /* @__PURE__ */ jsx49("div", { className: "pt-5 mt-5 pb-24 px-4 py-5 lg:px-0 lg:py-2 md:px-2 md:py-2", children: /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsxs36("div", { children: [
-    /* @__PURE__ */ jsx49("strong", { children: "Welcome Back!" }),
-    /* @__PURE__ */ jsx49("div", { className: "pt-5", children: "Here, you can manage your Farmer Clusters, add Farmer Cluster profiles, images, stories and news. You can also manage basic personal settings, such as changing your display name or password." })
+  return /* @__PURE__ */ jsx48("div", { children: /* @__PURE__ */ jsx48("div", { className: "container mx-auto h-64", children: /* @__PURE__ */ jsx48("div", { className: "pt-5 mt-5 pb-24 px-4 py-5 lg:px-0 lg:py-2 md:px-2 md:py-2", children: /* @__PURE__ */ jsx48("div", { children: /* @__PURE__ */ jsxs36("div", { children: [
+    /* @__PURE__ */ jsx48("strong", { children: "Welcome Back!" }),
+    /* @__PURE__ */ jsx48("div", { className: "pt-5", children: "Here, you can manage your Farmer Clusters, add Farmer Cluster profiles, images, stories and news. You can also manage basic personal settings, such as changing your display name or password." })
   ] }) }) }) }) });
 };
 
@@ -6716,28 +6683,27 @@ import { LoaderFull as LoaderFull14 } from "@geowiki/ui";
 import { ChevronRightIcon, ChevronDownIcon } from "@heroicons/react/24/outline";
 import { UpdateUserProfile } from "@geowiki/ui";
 import { UpdatePassword } from "@geowiki/ui";
-import { jsx as jsx50, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs37 } from "react/jsx-runtime";
 var UpdateUser = () => {
   const { data, isLoading } = useUserProfileGet();
   const [ChangeDisplayName, setChangeDisplayName] = useState21(false);
   const [ChangePassword, setChangePassword] = useState21(false);
-  if (isLoading || data === void 0)
-    return /* @__PURE__ */ jsx50(LoaderFull14, {});
-  return /* @__PURE__ */ jsx50("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx50("div", { className: "pt-4 px-4 py-5 lg:px-2 lg:py-2 md:px-2 md:py-2", children: /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsxs37("div", { children: [
+  if (isLoading || data === void 0) return /* @__PURE__ */ jsx49(LoaderFull14, {});
+  return /* @__PURE__ */ jsx49("div", { className: "container mx-auto", children: /* @__PURE__ */ jsx49("div", { className: "pt-4 px-4 py-5 lg:px-2 lg:py-2 md:px-2 md:py-2", children: /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsxs37("div", { children: [
     /* @__PURE__ */ jsxs37("div", { className: "pt-5", children: [
-      /* @__PURE__ */ jsx50("strong", { children: " Your Email Address" }),
+      /* @__PURE__ */ jsx49("strong", { children: " Your Email Address" }),
       " : ",
       data.email
     ] }),
     /* @__PURE__ */ jsxs37("div", { className: "pt-5", children: [
-      /* @__PURE__ */ jsx50("strong", { children: "Your Display Name" }),
+      /* @__PURE__ */ jsx49("strong", { children: "Your Display Name" }),
       " : ",
       data.name,
       " ",
       data.surname,
-      /* @__PURE__ */ jsx50("div", { className: "text-xs", children: "Preferably, your display name is your First and Last Name." })
+      /* @__PURE__ */ jsx49("div", { className: "text-xs", children: "Preferably, your display name is your First and Last Name." })
     ] }),
-    /* @__PURE__ */ jsx50("div", { className: "pt-5", children: /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx49("div", { className: "pt-5", children: /* @__PURE__ */ jsx49(
       "button",
       {
         className: ChangeDisplayName ? "focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 inline-block rounded bg-secondary px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]" : "inline-block rounded bg-secondary px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]",
@@ -6745,11 +6711,11 @@ var UpdateUser = () => {
         onClick: () => setChangeDisplayName(!ChangeDisplayName),
         children: /* @__PURE__ */ jsxs37("div", { className: "flex", children: [
           "Change Display Name",
-          ChangeDisplayName ? /* @__PURE__ */ jsx50(ChevronDownIcon, { className: "h-4 w-4 ml-5 text-white" }) : /* @__PURE__ */ jsx50(ChevronRightIcon, { className: "h-4 w-4 ml-5 text-white" })
+          ChangeDisplayName ? /* @__PURE__ */ jsx49(ChevronDownIcon, { className: "h-4 w-4 ml-5 text-white" }) : /* @__PURE__ */ jsx49(ChevronRightIcon, { className: "h-4 w-4 ml-5 text-white" })
         ] })
       }
     ) }),
-    ChangeDisplayName && /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(
+    ChangeDisplayName && /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsx49(
       UpdateUserProfile,
       {
         ShowProfile: ChangeDisplayName,
@@ -6757,7 +6723,7 @@ var UpdateUser = () => {
         data
       }
     ) }),
-    /* @__PURE__ */ jsx50("div", { className: "pt-5", children: /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx49("div", { className: "pt-5", children: /* @__PURE__ */ jsx49(
       "button",
       {
         className: ChangePassword ? "focus:bg-primary-600 focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] focus:outline-none focus:ring-0 inline-block rounded bg-secondary px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]" : "inline-block rounded bg-secondary px-6 pb-2 pt-2.5 text-xs font-medium uppercase leading-normal text-white shadow-[0_4px_9px_-4px_#3b71ca] transition duration-150 ease-in-out hover:bg-primary-600 hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] active:bg-primary-700 active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.3),0_4px_18px_0_rgba(59,113,202,0.2)] dark:shadow-[0_4px_9px_-4px_rgba(59,113,202,0.5)] dark:hover:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:focus:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)] dark:active:shadow-[0_8px_9px_-4px_rgba(59,113,202,0.2),0_4px_18px_0_rgba(59,113,202,0.1)]",
@@ -6765,11 +6731,11 @@ var UpdateUser = () => {
         onClick: () => setChangePassword(!ChangePassword),
         children: /* @__PURE__ */ jsxs37("div", { className: "flex", children: [
           "Change Password",
-          ChangePassword ? /* @__PURE__ */ jsx50(ChevronDownIcon, { className: "h-4 w-4 ml-5 text-white" }) : /* @__PURE__ */ jsx50(ChevronRightIcon, { className: "h-4 w-4 ml-5 text-white" })
+          ChangePassword ? /* @__PURE__ */ jsx49(ChevronDownIcon, { className: "h-4 w-4 ml-5 text-white" }) : /* @__PURE__ */ jsx49(ChevronRightIcon, { className: "h-4 w-4 ml-5 text-white" })
         ] })
       }
     ) }),
-    ChangePassword && /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(
+    ChangePassword && /* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsx49(
       UpdatePassword,
       {
         ShowUpdatePassword: ChangePassword,
@@ -6781,25 +6747,25 @@ var UpdateUser = () => {
 
 // src/components/FeatureResources/FeatureResources.tsx
 import { DesignButton as DesignButton20, H8Design, Body16 as Body1612, Body15sb as Body15sb2 } from "@geowiki/ui";
-import Link7 from "next/link";
-import { jsx as jsx51, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Link as Link7 } from "@geowiki/core";
+import { jsx as jsx50, jsxs as jsxs38 } from "react/jsx-runtime";
 var FeatureResources = (props) => {
   return /* @__PURE__ */ jsxs38("div", { className: " w-auto h-[15rem] relative bg-white rounded-xl p-6 lg:h-[18rem] lg:max-w-[400px]", children: [
     /* @__PURE__ */ jsxs38("div", { className: "flex items-start justify-between ", children: [
-      /* @__PURE__ */ jsx51(ResourceIcon, { type: props.imageType }),
-      /* @__PURE__ */ jsx51(Body15sb2, { className: "text-primary", children: props.tag })
+      /* @__PURE__ */ jsx50(ResourceIcon, { type: props.imageType }),
+      /* @__PURE__ */ jsx50(Body15sb2, { className: "text-primary", children: props.tag })
     ] }),
     /* @__PURE__ */ jsxs38("div", { className: "pt-4 flex-col justify-start items-start space-y-2 inline-flex lg:pt-6 lg:space-y-4", children: [
-      /* @__PURE__ */ jsx51(H8Design, { children: props.title }),
-      /* @__PURE__ */ jsx51(Body1612, { children: props.text })
+      /* @__PURE__ */ jsx50(H8Design, { children: props.title }),
+      /* @__PURE__ */ jsx50(Body1612, { children: props.text })
     ] }),
-    /* @__PURE__ */ jsx51("div", { className: "absolute bottom-6 ", children: props.button?.link && /* @__PURE__ */ jsx51(
+    /* @__PURE__ */ jsx50("div", { className: "absolute bottom-6 ", children: props.button?.link && /* @__PURE__ */ jsx50(
       DesignButton20,
       {
         variant: "externalLink",
         size: "sm",
         className: "h-auto p-0 lg:p-0",
-        children: /* @__PURE__ */ jsx51(
+        children: /* @__PURE__ */ jsx50(
           Link7,
           {
             href: props.button.link,
@@ -6814,9 +6780,9 @@ var FeatureResources = (props) => {
 };
 
 // src/components/FeatureResources/FeatureResourcesList.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var FeatureResourcesList = ({ featureResources }) => {
-  return /* @__PURE__ */ jsx52("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx52("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: featureResources?.map((featureResource) => /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx51("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: featureResources?.map((featureResource) => /* @__PURE__ */ jsx51(
     FeatureResources,
     {
       title: featureResource.title,
@@ -6832,8 +6798,8 @@ var FeatureResourcesList = ({ featureResources }) => {
 // src/components/FeatureResources/subtitle-h3-body-special-feature-resource-collections.tsx
 import { H3Design as H3Design5, Body18 as Body185 } from "@geowiki/ui";
 import { useEffect as useEffect6 } from "react";
-import { useRouter as useRouter13 } from "next/router";
-import { jsx as jsx53, jsxs as jsxs39 } from "react/jsx-runtime";
+import { useRouter as useRouter13 } from "@geowiki/core";
+import { jsx as jsx52, jsxs as jsxs39 } from "react/jsx-runtime";
 var SubtitleH3BodySpecialFeatureResourceCollections = ({
   title,
   subtitle,
@@ -6853,17 +6819,17 @@ var SubtitleH3BodySpecialFeatureResourceCollections = ({
     }
   }, [router.asPath]);
   return /* @__PURE__ */ jsxs39("div", { id: "special-feature-resources", children: [
-    /* @__PURE__ */ jsx53("a", { href: "#special-feature-resources" }),
-    /* @__PURE__ */ jsx53("div", { className: "bg-accent-secondary rounded-xl mt-6 lg:mt-20", children: /* @__PURE__ */ jsxs39("div", { className: "container mx-auto py-6 px-5 space-y-6 lg:pt-16 lg:pb-12 lg:px-12 lg:space-y-12", children: [
+    /* @__PURE__ */ jsx52("a", { href: "#special-feature-resources" }),
+    /* @__PURE__ */ jsx52("div", { className: "bg-accent-secondary rounded-xl mt-6 lg:mt-20", children: /* @__PURE__ */ jsxs39("div", { className: "container mx-auto py-6 px-5 space-y-6 lg:pt-16 lg:pb-12 lg:px-12 lg:space-y-12", children: [
       /* @__PURE__ */ jsxs39("div", { className: "lg:flex justify-between items-start", children: [
-        /* @__PURE__ */ jsx53(Body185, { className: "pt-2 lg:pt-0 lg:w-[15%]", children: subtitle }),
+        /* @__PURE__ */ jsx52(Body185, { className: "pt-2 lg:pt-0 lg:w-[15%]", children: subtitle }),
         /* @__PURE__ */ jsxs39("div", { className: "space-y-4 lg:w-[50%] lg:space-y-6", children: [
-          /* @__PURE__ */ jsx53(H3Design5, { children: title }),
-          /* @__PURE__ */ jsx53(Body185, { children: description })
+          /* @__PURE__ */ jsx52(H3Design5, { children: title }),
+          /* @__PURE__ */ jsx52(Body185, { children: description })
         ] }),
-        /* @__PURE__ */ jsx53("div", { className: "hidden lg:w-[15%] lg:inline" })
+        /* @__PURE__ */ jsx52("div", { className: "hidden lg:w-[15%] lg:inline" })
       ] }),
-      /* @__PURE__ */ jsx53(FeatureResourcesList, { featureResources })
+      /* @__PURE__ */ jsx52(FeatureResourcesList, { featureResources })
     ] }) })
   ] });
 };
@@ -6894,7 +6860,6 @@ export {
   ResourceIcon,
   ResourceItem,
   ResourceList,
-  ResourceTag,
   ResourcesQuickFind,
   ResourcesSelectedTags,
   SearchFilter,