@geowiki/ui 0.16.9-dev.5 → 0.16.9-dev.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +39 -58
- package/dist/index.d.ts +39 -58
- package/dist/index.js +749 -871
- package/dist/index.mjs +612 -732
- package/dist/styles.css +1 -1
- package/package.json +11 -11
package/dist/index.mjs
CHANGED
|
@@ -7780,109 +7780,14 @@ var DesignFooter = (props) => {
|
|
|
7780
7780
|
|
|
7781
7781
|
// src/components/DesignElements/header.tsx
|
|
7782
7782
|
import { useState as useState38 } from "react";
|
|
7783
|
-
import { Dialog as
|
|
7784
|
-
import { DesignButton as DesignButton6 } from "@geowiki/design-system";
|
|
7783
|
+
import { Dialog as Dialog17, Popover as Popover2 } from "@headlessui/react";
|
|
7784
|
+
import { DesignButton as DesignButton6, Notification } from "@geowiki/design-system";
|
|
7785
7785
|
import { signIn as signIn5, signOut as signOut2 } from "@geowiki/core";
|
|
7786
|
-
import { Bars3Icon as Bars3Icon3, XMarkIcon as
|
|
7786
|
+
import { Bars3Icon as Bars3Icon3, XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
|
|
7787
7787
|
import { ChevronDownIcon as ChevronDownIcon2 } from "@heroicons/react/20/solid";
|
|
7788
7788
|
import { Link as Link12 } from "@geowiki/core";
|
|
7789
|
-
|
|
7790
|
-
// src/components/DesignElements/Notification.tsx
|
|
7791
|
-
import { Dialog as Dialog17, Transition as Transition5 } from "@headlessui/react";
|
|
7792
|
-
import { Fragment as Fragment22 } from "react";
|
|
7793
|
-
import { XMarkIcon as XMarkIcon4 } from "@heroicons/react/24/outline";
|
|
7794
|
-
import { H5Design as H5Design3, Body16 as Body164 } from "@geowiki/design-system";
|
|
7795
|
-
import { jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
7796
|
-
var Notification = ({
|
|
7797
|
-
title,
|
|
7798
|
-
description,
|
|
7799
|
-
open,
|
|
7800
|
-
setOpen,
|
|
7801
|
-
icon
|
|
7802
|
-
}) => {
|
|
7803
|
-
return /* @__PURE__ */ jsx92(Transition5.Root, { show: open, as: Fragment22, "data-component": "Notification", children: /* @__PURE__ */ jsxs77(Dialog17, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
7804
|
-
/* @__PURE__ */ jsx92(
|
|
7805
|
-
Transition5.Child,
|
|
7806
|
-
{
|
|
7807
|
-
as: Fragment22,
|
|
7808
|
-
enter: "ease-out duration-300",
|
|
7809
|
-
enterFrom: "opacity-0",
|
|
7810
|
-
enterTo: "opacity-100",
|
|
7811
|
-
leave: "ease-in duration-200",
|
|
7812
|
-
leaveFrom: "opacity-100",
|
|
7813
|
-
leaveTo: "opacity-0",
|
|
7814
|
-
children: /* @__PURE__ */ jsx92("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
7815
|
-
}
|
|
7816
|
-
),
|
|
7817
|
-
/* @__PURE__ */ jsx92("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx92("div", { className: "flex items-center justify-center min-h-full p-4 text-center ", children: /* @__PURE__ */ jsx92(
|
|
7818
|
-
Transition5.Child,
|
|
7819
|
-
{
|
|
7820
|
-
as: Fragment22,
|
|
7821
|
-
enter: "ease-out duration-300",
|
|
7822
|
-
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
7823
|
-
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
7824
|
-
leave: "ease-in duration-200",
|
|
7825
|
-
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
7826
|
-
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
7827
|
-
children: /* @__PURE__ */ jsxs77(Dialog17.Panel, { className: "relative bg-white rounded-lg px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all py-8 max-w-4xl w-full p-10", children: [
|
|
7828
|
-
/* @__PURE__ */ jsx92("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ jsxs77(
|
|
7829
|
-
"button",
|
|
7830
|
-
{
|
|
7831
|
-
type: "button",
|
|
7832
|
-
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
7833
|
-
onClick: () => setOpen(false),
|
|
7834
|
-
children: [
|
|
7835
|
-
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Close" }),
|
|
7836
|
-
/* @__PURE__ */ jsx92(XMarkIcon4, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
7837
|
-
]
|
|
7838
|
-
}
|
|
7839
|
-
) }),
|
|
7840
|
-
/* @__PURE__ */ jsxs77("div", { className: "flex flex-col items-center text-center max-w-[90rem]", children: [
|
|
7841
|
-
/* @__PURE__ */ jsx92("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: icon === "computer" ? /* @__PURE__ */ jsx92(
|
|
7842
|
-
"svg",
|
|
7843
|
-
{
|
|
7844
|
-
width: "40",
|
|
7845
|
-
height: "40",
|
|
7846
|
-
viewBox: "0 0 40 40",
|
|
7847
|
-
fill: "none",
|
|
7848
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7849
|
-
children: /* @__PURE__ */ jsx92(
|
|
7850
|
-
"path",
|
|
7851
|
-
{
|
|
7852
|
-
d: "M35 23.3333C35 26.6667 33.3333 28.3333 30 28.3333H23.3333V33.75H27.5C28.1833 33.75 28.75 34.3167 28.75 35C28.75 35.6833 28.1833 36.25 27.5 36.25H12.5C11.8167 36.25 11.25 35.6833 11.25 35C11.25 34.3167 11.8167 33.75 12.5 33.75H16.6667V28.3333H10C6.66667 28.3333 5 26.6667 5 23.3333C5 23.1033 5.18667 22.9167 5.41667 22.9167H34.5833C34.8133 22.9167 35 23.1033 35 23.3333ZM30 5H10C6.66667 5 5 6.66667 5 10V20C5 20.23 5.18667 20.4167 5.41667 20.4167H34.5833C34.8133 20.4167 35 20.23 35 20V10C35 6.66667 33.3333 5 30 5Z",
|
|
7853
|
-
fill: "#000000"
|
|
7854
|
-
}
|
|
7855
|
-
)
|
|
7856
|
-
}
|
|
7857
|
-
) : /* @__PURE__ */ jsx92(
|
|
7858
|
-
"svg",
|
|
7859
|
-
{
|
|
7860
|
-
width: "49",
|
|
7861
|
-
height: "48",
|
|
7862
|
-
viewBox: "0 0 49 48",
|
|
7863
|
-
fill: "none",
|
|
7864
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7865
|
-
children: /* @__PURE__ */ jsx92(
|
|
7866
|
-
"path",
|
|
7867
|
-
{
|
|
7868
|
-
d: "M36.5 10H12.5C8.5 10 6.5 12 6.5 16V34C6.5 38 8.5 40 12.5 40H36.5C40.5 40 42.5 38 42.5 34V16C42.5 12 40.5 10 36.5 10ZM36.3818 19.212L26.5581 26.356C25.9421 26.804 25.22 27.028 24.5 27.028C23.78 27.028 23.0559 26.804 22.4419 26.358L12.6182 19.212C11.9482 18.726 11.8001 17.786 12.2881 17.116C12.7741 16.448 13.7078 16.296 14.3838 16.786L24.208 23.93C24.384 24.056 24.6179 24.058 24.7939 23.93L34.6182 16.786C35.2922 16.296 36.2279 16.448 36.7139 17.116C37.2019 17.788 37.0518 18.726 36.3818 19.212Z",
|
|
7869
|
-
fill: "#000000"
|
|
7870
|
-
}
|
|
7871
|
-
)
|
|
7872
|
-
}
|
|
7873
|
-
) }),
|
|
7874
|
-
/* @__PURE__ */ jsx92(H5Design3, { className: "pt-8 pb-6", children: title }),
|
|
7875
|
-
/* @__PURE__ */ jsx92(Body164, { children: description })
|
|
7876
|
-
] })
|
|
7877
|
-
] })
|
|
7878
|
-
}
|
|
7879
|
-
) }) })
|
|
7880
|
-
] }) });
|
|
7881
|
-
};
|
|
7882
|
-
|
|
7883
|
-
// src/components/DesignElements/header.tsx
|
|
7884
7789
|
import { Features as Features3, useFeature as useFeature3, useGeoWikiSettings } from "@geowiki/core";
|
|
7885
|
-
import { Fragment as
|
|
7790
|
+
import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
7886
7791
|
var DesignHeader = ({
|
|
7887
7792
|
branding,
|
|
7888
7793
|
mainMenu,
|
|
@@ -7901,21 +7806,21 @@ var DesignHeader = ({
|
|
|
7901
7806
|
if (settings) {
|
|
7902
7807
|
rootPath = (_c = (_b = (_a = settings.GeoWikiSettings) == null ? void 0 : _a.RootUrl) == null ? void 0 : _b.Text) != null ? _c : "/";
|
|
7903
7808
|
}
|
|
7904
|
-
return /* @__PURE__ */
|
|
7809
|
+
return /* @__PURE__ */ jsxs77(
|
|
7905
7810
|
"header",
|
|
7906
7811
|
{
|
|
7907
7812
|
"data-component": "DesignHeader",
|
|
7908
7813
|
className: hasStickyNavBar ? "fixed w-full bg-white" : "lg:container mx-auto",
|
|
7909
7814
|
children: [
|
|
7910
|
-
/* @__PURE__ */
|
|
7815
|
+
/* @__PURE__ */ jsx92("div", { className: "lg:container lg:mx-auto", children: /* @__PURE__ */ jsxs77(
|
|
7911
7816
|
"nav",
|
|
7912
7817
|
{
|
|
7913
7818
|
className: "flex items-center justify-between p-4 lg:px-12 min-h-12",
|
|
7914
7819
|
"aria-label": "Global",
|
|
7915
7820
|
children: [
|
|
7916
|
-
/* @__PURE__ */
|
|
7917
|
-
/* @__PURE__ */
|
|
7918
|
-
/* @__PURE__ */
|
|
7821
|
+
/* @__PURE__ */ jsx92("div", { className: "lg:flex lg:flex-1 hidden", children: /* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "-m-1.5 p-1.5 min-h-16", children: [
|
|
7822
|
+
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
|
|
7823
|
+
/* @__PURE__ */ jsx92(
|
|
7919
7824
|
CmsImage,
|
|
7920
7825
|
{
|
|
7921
7826
|
src: branding.logo,
|
|
@@ -7928,10 +7833,10 @@ var DesignHeader = ({
|
|
|
7928
7833
|
}
|
|
7929
7834
|
)
|
|
7930
7835
|
] }) }),
|
|
7931
|
-
/* @__PURE__ */
|
|
7932
|
-
/* @__PURE__ */
|
|
7933
|
-
/* @__PURE__ */
|
|
7934
|
-
/* @__PURE__ */
|
|
7836
|
+
/* @__PURE__ */ jsx92("div", { className: "flex lg:hidden w-full", children: /* @__PURE__ */ jsxs77("div", { className: "flex items-center justify-between w-full", children: [
|
|
7837
|
+
/* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "flex-shrink-0", children: [
|
|
7838
|
+
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
|
|
7839
|
+
/* @__PURE__ */ jsx92(
|
|
7935
7840
|
CmsImage,
|
|
7936
7841
|
{
|
|
7937
7842
|
src: branding.logo,
|
|
@@ -7942,15 +7847,15 @@ var DesignHeader = ({
|
|
|
7942
7847
|
}
|
|
7943
7848
|
)
|
|
7944
7849
|
] }),
|
|
7945
|
-
/* @__PURE__ */
|
|
7850
|
+
/* @__PURE__ */ jsxs77(
|
|
7946
7851
|
"button",
|
|
7947
7852
|
{
|
|
7948
7853
|
type: "button",
|
|
7949
7854
|
className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
|
|
7950
7855
|
onClick: () => setMobileMenuOpen(true),
|
|
7951
7856
|
children: [
|
|
7952
|
-
/* @__PURE__ */
|
|
7953
|
-
/* @__PURE__ */
|
|
7857
|
+
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Open main menu" }),
|
|
7858
|
+
/* @__PURE__ */ jsx92(
|
|
7954
7859
|
Bars3Icon3,
|
|
7955
7860
|
{
|
|
7956
7861
|
className: "h-8 w-8 text-gray-700",
|
|
@@ -7961,11 +7866,11 @@ var DesignHeader = ({
|
|
|
7961
7866
|
}
|
|
7962
7867
|
)
|
|
7963
7868
|
] }) }),
|
|
7964
|
-
/* @__PURE__ */
|
|
7965
|
-
(menuItem) => menuItem.subMenu ? /* @__PURE__ */
|
|
7966
|
-
/* @__PURE__ */
|
|
7869
|
+
/* @__PURE__ */ jsx92(Popover2.Group, { className: "hidden lg:flex lg:items-center lg:gap-x-6 grid-cols-1", children: mainMenu.map(
|
|
7870
|
+
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs77(Popover2, { children: [
|
|
7871
|
+
/* @__PURE__ */ jsxs77(Popover2.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
|
|
7967
7872
|
menuItem.text,
|
|
7968
|
-
/* @__PURE__ */
|
|
7873
|
+
/* @__PURE__ */ jsx92(
|
|
7969
7874
|
ChevronDownIcon2,
|
|
7970
7875
|
{
|
|
7971
7876
|
className: "h-6 w-6 flex-none text-black",
|
|
@@ -7973,11 +7878,11 @@ var DesignHeader = ({
|
|
|
7973
7878
|
}
|
|
7974
7879
|
)
|
|
7975
7880
|
] }),
|
|
7976
|
-
/* @__PURE__ */
|
|
7881
|
+
/* @__PURE__ */ jsx92(Popover2.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ jsx92("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx92(
|
|
7977
7882
|
"div",
|
|
7978
7883
|
{
|
|
7979
7884
|
className: "group relative flex rounded-lg text-sm leading-tight",
|
|
7980
|
-
children: /* @__PURE__ */
|
|
7885
|
+
children: /* @__PURE__ */ jsx92(
|
|
7981
7886
|
Link12,
|
|
7982
7887
|
{
|
|
7983
7888
|
href: subItem.link,
|
|
@@ -7989,7 +7894,7 @@ var DesignHeader = ({
|
|
|
7989
7894
|
},
|
|
7990
7895
|
subItem.text
|
|
7991
7896
|
)) }) })
|
|
7992
|
-
] }, menuItem.text) : /* @__PURE__ */
|
|
7897
|
+
] }, menuItem.text) : /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
|
|
7993
7898
|
Link12,
|
|
7994
7899
|
{
|
|
7995
7900
|
href: menuItem.link,
|
|
@@ -7999,9 +7904,9 @@ var DesignHeader = ({
|
|
|
7999
7904
|
}
|
|
8000
7905
|
) }, menuItem.text)
|
|
8001
7906
|
) }),
|
|
8002
|
-
/* @__PURE__ */
|
|
8003
|
-
sessionStatus === "unauthenticated" && /* @__PURE__ */
|
|
8004
|
-
/* @__PURE__ */
|
|
7907
|
+
/* @__PURE__ */ jsx92("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ jsxs77(Fragment22, { children: [
|
|
7908
|
+
sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs77(Fragment22, { children: [
|
|
7909
|
+
/* @__PURE__ */ jsx92(
|
|
8005
7910
|
DesignButton6,
|
|
8006
7911
|
{
|
|
8007
7912
|
variant: "secondary",
|
|
@@ -8010,7 +7915,7 @@ var DesignHeader = ({
|
|
|
8010
7915
|
children: "Login"
|
|
8011
7916
|
}
|
|
8012
7917
|
),
|
|
8013
|
-
canSignup && /* @__PURE__ */
|
|
7918
|
+
canSignup && /* @__PURE__ */ jsx92(DesignButton6, { variant: "secondary", size: "sm", children: /* @__PURE__ */ jsx92(
|
|
8014
7919
|
Link12,
|
|
8015
7920
|
{
|
|
8016
7921
|
href: `${isFeatureEnabled ? "/signup" : "/register"}`,
|
|
@@ -8018,8 +7923,8 @@ var DesignHeader = ({
|
|
|
8018
7923
|
}
|
|
8019
7924
|
) })
|
|
8020
7925
|
] }),
|
|
8021
|
-
sessionStatus === "authenticated" && /* @__PURE__ */
|
|
8022
|
-
isAdmin2 && /* @__PURE__ */
|
|
7926
|
+
sessionStatus === "authenticated" && /* @__PURE__ */ jsxs77(Fragment22, { children: [
|
|
7927
|
+
isAdmin2 && /* @__PURE__ */ jsx92(
|
|
8023
7928
|
Link12,
|
|
8024
7929
|
{
|
|
8025
7930
|
href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"} `,
|
|
@@ -8027,7 +7932,7 @@ var DesignHeader = ({
|
|
|
8027
7932
|
children: "Admin"
|
|
8028
7933
|
}
|
|
8029
7934
|
),
|
|
8030
|
-
/* @__PURE__ */
|
|
7935
|
+
/* @__PURE__ */ jsx92(
|
|
8031
7936
|
DesignButton6,
|
|
8032
7937
|
{
|
|
8033
7938
|
variant: "secondary",
|
|
@@ -8041,20 +7946,20 @@ var DesignHeader = ({
|
|
|
8041
7946
|
]
|
|
8042
7947
|
}
|
|
8043
7948
|
) }),
|
|
8044
|
-
/* @__PURE__ */
|
|
8045
|
-
|
|
7949
|
+
/* @__PURE__ */ jsxs77(
|
|
7950
|
+
Dialog17,
|
|
8046
7951
|
{
|
|
8047
7952
|
as: "div",
|
|
8048
7953
|
className: "lg:hidden",
|
|
8049
7954
|
open: mobileMenuOpen,
|
|
8050
7955
|
onClose: setMobileMenuOpen,
|
|
8051
7956
|
children: [
|
|
8052
|
-
/* @__PURE__ */
|
|
8053
|
-
/* @__PURE__ */
|
|
8054
|
-
/* @__PURE__ */
|
|
8055
|
-
/* @__PURE__ */
|
|
8056
|
-
/* @__PURE__ */
|
|
8057
|
-
/* @__PURE__ */
|
|
7957
|
+
/* @__PURE__ */ jsx92("div", { className: "fixed inset-0 z-10" }),
|
|
7958
|
+
/* @__PURE__ */ jsxs77(Dialog17.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
|
|
7959
|
+
/* @__PURE__ */ jsxs77("div", { className: "flex items-center justify-between p-4", children: [
|
|
7960
|
+
/* @__PURE__ */ jsxs77(Link12, { href: rootPath, className: "flex-shrink-0", children: [
|
|
7961
|
+
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: branding.title }),
|
|
7962
|
+
/* @__PURE__ */ jsx92(
|
|
8058
7963
|
CmsImage,
|
|
8059
7964
|
{
|
|
8060
7965
|
src: branding.logo,
|
|
@@ -8067,21 +7972,21 @@ var DesignHeader = ({
|
|
|
8067
7972
|
}
|
|
8068
7973
|
)
|
|
8069
7974
|
] }),
|
|
8070
|
-
/* @__PURE__ */
|
|
7975
|
+
/* @__PURE__ */ jsxs77(
|
|
8071
7976
|
"button",
|
|
8072
7977
|
{
|
|
8073
7978
|
type: "button",
|
|
8074
7979
|
className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
|
|
8075
7980
|
onClick: () => setMobileMenuOpen(false),
|
|
8076
7981
|
children: [
|
|
8077
|
-
/* @__PURE__ */
|
|
8078
|
-
/* @__PURE__ */
|
|
7982
|
+
/* @__PURE__ */ jsx92("span", { className: "sr-only", children: "Close menu" }),
|
|
7983
|
+
/* @__PURE__ */ jsx92(XMarkIcon4, { className: "h-8 w-8 text-gray-700", "aria-hidden": "true" })
|
|
8079
7984
|
]
|
|
8080
7985
|
}
|
|
8081
7986
|
)
|
|
8082
7987
|
] }),
|
|
8083
|
-
/* @__PURE__ */
|
|
8084
|
-
!mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */
|
|
7988
|
+
/* @__PURE__ */ jsxs77("div", { className: "flex-1 flex flex-col justify-between p-6", children: [
|
|
7989
|
+
!mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ jsx92("div", { className: "py-2", children: /* @__PURE__ */ jsx92(
|
|
8085
7990
|
Link12,
|
|
8086
7991
|
{
|
|
8087
7992
|
href: rootPath,
|
|
@@ -8091,10 +7996,10 @@ var DesignHeader = ({
|
|
|
8091
7996
|
}
|
|
8092
7997
|
) }),
|
|
8093
7998
|
mainMenu.map(
|
|
8094
|
-
(menuItem) => menuItem.subMenu ? /* @__PURE__ */
|
|
8095
|
-
/* @__PURE__ */
|
|
7999
|
+
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ jsxs77(Popover2, { className: "relative", children: [
|
|
8000
|
+
/* @__PURE__ */ jsxs77(Popover2.Button, { className: "flex w-full justify-between items-center text-lg font-semibold text-gray-900 hover:text-gray-700 transition-colors duration-200 outline-none border-none py-2", children: [
|
|
8096
8001
|
menuItem.text,
|
|
8097
|
-
/* @__PURE__ */
|
|
8002
|
+
/* @__PURE__ */ jsx92(
|
|
8098
8003
|
ChevronDownIcon2,
|
|
8099
8004
|
{
|
|
8100
8005
|
className: "h-5 w-5 flex-none text-gray-500",
|
|
@@ -8102,7 +8007,7 @@ var DesignHeader = ({
|
|
|
8102
8007
|
}
|
|
8103
8008
|
)
|
|
8104
8009
|
] }),
|
|
8105
|
-
/* @__PURE__ */
|
|
8010
|
+
/* @__PURE__ */ jsx92(Popover2.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ jsx92("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
|
|
8106
8011
|
Link12,
|
|
8107
8012
|
{
|
|
8108
8013
|
href: subItem.link,
|
|
@@ -8112,7 +8017,7 @@ var DesignHeader = ({
|
|
|
8112
8017
|
children: subItem.text
|
|
8113
8018
|
}
|
|
8114
8019
|
) }, subItem.text)) }) })
|
|
8115
|
-
] }, menuItem.text) : /* @__PURE__ */
|
|
8020
|
+
] }, menuItem.text) : /* @__PURE__ */ jsx92("div", { children: /* @__PURE__ */ jsx92(
|
|
8116
8021
|
Link12,
|
|
8117
8022
|
{
|
|
8118
8023
|
href: menuItem.link,
|
|
@@ -8123,9 +8028,9 @@ var DesignHeader = ({
|
|
|
8123
8028
|
}
|
|
8124
8029
|
) }, menuItem.text)
|
|
8125
8030
|
),
|
|
8126
|
-
canLogin && /* @__PURE__ */
|
|
8127
|
-
sessionStatus === "unauthenticated" && /* @__PURE__ */
|
|
8128
|
-
/* @__PURE__ */
|
|
8031
|
+
canLogin && /* @__PURE__ */ jsxs77("div", { className: "pt-6 mt-auto", children: [
|
|
8032
|
+
sessionStatus === "unauthenticated" && /* @__PURE__ */ jsxs77("div", { className: "flex gap-4 mb-4", children: [
|
|
8033
|
+
/* @__PURE__ */ jsx92(
|
|
8129
8034
|
"button",
|
|
8130
8035
|
{
|
|
8131
8036
|
type: "button",
|
|
@@ -8137,7 +8042,7 @@ var DesignHeader = ({
|
|
|
8137
8042
|
children: "Login"
|
|
8138
8043
|
}
|
|
8139
8044
|
),
|
|
8140
|
-
canSignup && /* @__PURE__ */
|
|
8045
|
+
canSignup && /* @__PURE__ */ jsx92(
|
|
8141
8046
|
Link12,
|
|
8142
8047
|
{
|
|
8143
8048
|
href: `${isFeatureEnabled ? "/signup" : "/register"}`,
|
|
@@ -8147,8 +8052,8 @@ var DesignHeader = ({
|
|
|
8147
8052
|
}
|
|
8148
8053
|
)
|
|
8149
8054
|
] }),
|
|
8150
|
-
sessionStatus === "authenticated" && /* @__PURE__ */
|
|
8151
|
-
isAdmin2 && /* @__PURE__ */
|
|
8055
|
+
sessionStatus === "authenticated" && /* @__PURE__ */ jsxs77("div", { className: "space-y-3 mb-4", children: [
|
|
8056
|
+
isAdmin2 && /* @__PURE__ */ jsx92(
|
|
8152
8057
|
Link12,
|
|
8153
8058
|
{
|
|
8154
8059
|
href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"}`,
|
|
@@ -8157,7 +8062,7 @@ var DesignHeader = ({
|
|
|
8157
8062
|
children: "Admin"
|
|
8158
8063
|
}
|
|
8159
8064
|
),
|
|
8160
|
-
/* @__PURE__ */
|
|
8065
|
+
/* @__PURE__ */ jsx92(
|
|
8161
8066
|
"button",
|
|
8162
8067
|
{
|
|
8163
8068
|
type: "button",
|
|
@@ -8170,8 +8075,8 @@ var DesignHeader = ({
|
|
|
8170
8075
|
}
|
|
8171
8076
|
)
|
|
8172
8077
|
] }),
|
|
8173
|
-
/* @__PURE__ */
|
|
8174
|
-
/* @__PURE__ */
|
|
8078
|
+
/* @__PURE__ */ jsx92("div", { className: "pt-4", children: /* @__PURE__ */ jsxs77("div", { className: "flex flex-wrap gap-4 text-sm text-gray-600", children: [
|
|
8079
|
+
/* @__PURE__ */ jsx92(
|
|
8175
8080
|
Link12,
|
|
8176
8081
|
{
|
|
8177
8082
|
href: "/page/terms-of-use",
|
|
@@ -8180,7 +8085,7 @@ var DesignHeader = ({
|
|
|
8180
8085
|
children: "Terms of Use"
|
|
8181
8086
|
}
|
|
8182
8087
|
),
|
|
8183
|
-
/* @__PURE__ */
|
|
8088
|
+
/* @__PURE__ */ jsx92(
|
|
8184
8089
|
Link12,
|
|
8185
8090
|
{
|
|
8186
8091
|
href: "/page/privacy-policy",
|
|
@@ -8189,7 +8094,7 @@ var DesignHeader = ({
|
|
|
8189
8094
|
children: "Privacy Policy"
|
|
8190
8095
|
}
|
|
8191
8096
|
),
|
|
8192
|
-
/* @__PURE__ */
|
|
8097
|
+
/* @__PURE__ */ jsx92(
|
|
8193
8098
|
Link12,
|
|
8194
8099
|
{
|
|
8195
8100
|
href: "/page/language",
|
|
@@ -8201,7 +8106,7 @@ var DesignHeader = ({
|
|
|
8201
8106
|
] }) })
|
|
8202
8107
|
] })
|
|
8203
8108
|
] }),
|
|
8204
|
-
/* @__PURE__ */
|
|
8109
|
+
/* @__PURE__ */ jsx92(
|
|
8205
8110
|
Notification,
|
|
8206
8111
|
{
|
|
8207
8112
|
title: "Please login to your Recodo account on your desktop",
|
|
@@ -8230,7 +8135,7 @@ import {
|
|
|
8230
8135
|
} from "react";
|
|
8231
8136
|
import { useDebounce } from "@geowiki/design-system";
|
|
8232
8137
|
import { DesignButton as DesignButton7, Body18m as Body18m2 } from "@geowiki/design-system";
|
|
8233
|
-
import { jsx as
|
|
8138
|
+
import { jsx as jsx93, jsxs as jsxs78 } from "react/jsx-runtime";
|
|
8234
8139
|
var SearchInput = ({
|
|
8235
8140
|
textButton,
|
|
8236
8141
|
placeholder,
|
|
@@ -8260,14 +8165,14 @@ var SearchInput = ({
|
|
|
8260
8165
|
(_a = ref.current) == null ? void 0 : _a.focus();
|
|
8261
8166
|
}
|
|
8262
8167
|
}, [value]);
|
|
8263
|
-
return /* @__PURE__ */
|
|
8168
|
+
return /* @__PURE__ */ jsx93(
|
|
8264
8169
|
"div",
|
|
8265
8170
|
{
|
|
8266
8171
|
className: "w-auto border border-zinc-300 rounded-full lg:p-1",
|
|
8267
8172
|
"data-component": "DesignSearchInput",
|
|
8268
|
-
children: /* @__PURE__ */
|
|
8269
|
-
/* @__PURE__ */
|
|
8270
|
-
/* @__PURE__ */
|
|
8173
|
+
children: /* @__PURE__ */ jsxs78("div", { className: "flex flex-row", children: [
|
|
8174
|
+
/* @__PURE__ */ jsxs78("div", { className: "flex items-center justify-start pl-6 basis-3/4", children: [
|
|
8175
|
+
/* @__PURE__ */ jsxs78(
|
|
8271
8176
|
"svg",
|
|
8272
8177
|
{
|
|
8273
8178
|
width: "16",
|
|
@@ -8276,8 +8181,8 @@ var SearchInput = ({
|
|
|
8276
8181
|
fill: "none",
|
|
8277
8182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8278
8183
|
children: [
|
|
8279
|
-
/* @__PURE__ */
|
|
8280
|
-
/* @__PURE__ */
|
|
8184
|
+
/* @__PURE__ */ jsx93("path", { d: "M10 10L15 15", stroke: "black" }),
|
|
8185
|
+
/* @__PURE__ */ jsx93(
|
|
8281
8186
|
"path",
|
|
8282
8187
|
{
|
|
8283
8188
|
d: "M11.5 6C11.5 9.03757 9.03757 11.5 6 11.5C2.96243 11.5 0.5 9.03757 0.5 6C0.5 2.96243 2.96243 0.5 6 0.5C9.03757 0.5 11.5 2.96243 11.5 6Z",
|
|
@@ -8287,7 +8192,7 @@ var SearchInput = ({
|
|
|
8287
8192
|
]
|
|
8288
8193
|
}
|
|
8289
8194
|
),
|
|
8290
|
-
/* @__PURE__ */
|
|
8195
|
+
/* @__PURE__ */ jsx93(
|
|
8291
8196
|
"input",
|
|
8292
8197
|
{
|
|
8293
8198
|
ref,
|
|
@@ -8299,7 +8204,7 @@ var SearchInput = ({
|
|
|
8299
8204
|
}
|
|
8300
8205
|
)
|
|
8301
8206
|
] }),
|
|
8302
|
-
/* @__PURE__ */
|
|
8207
|
+
/* @__PURE__ */ jsx93("div", { className: "hidden lg:block lg:basis-1/4", children: /* @__PURE__ */ jsx93("div", { className: "flex float-right", children: /* @__PURE__ */ jsx93(DesignButton7, { onSubmit: () => onUpdate(searchStr), children: /* @__PURE__ */ jsx93(Body18m2, { children: textButton }) }) }) })
|
|
8303
8208
|
] })
|
|
8304
8209
|
}
|
|
8305
8210
|
);
|
|
@@ -8318,7 +8223,7 @@ import {
|
|
|
8318
8223
|
DesignSelectValue as DesignSelectValue2
|
|
8319
8224
|
} from "@geowiki/design-system";
|
|
8320
8225
|
import { Body15m } from "@geowiki/design-system";
|
|
8321
|
-
import { jsx as
|
|
8226
|
+
import { jsx as jsx94, jsxs as jsxs79 } from "react/jsx-runtime";
|
|
8322
8227
|
var DesignDashboardPagination = ({
|
|
8323
8228
|
totalCount,
|
|
8324
8229
|
currentPage,
|
|
@@ -8348,13 +8253,13 @@ var DesignDashboardPagination = ({
|
|
|
8348
8253
|
const onPrevious = () => {
|
|
8349
8254
|
onPageChange(currentPage - 1);
|
|
8350
8255
|
};
|
|
8351
|
-
return /* @__PURE__ */
|
|
8352
|
-
currentPage === 1 ? null : /* @__PURE__ */
|
|
8256
|
+
return /* @__PURE__ */ jsx94("div", { "data-component": "DesignDashboardPagination", children: /* @__PURE__ */ jsx94("div", { className: "flex justify-start items-center", children: /* @__PURE__ */ jsxs79("div", { className: "w-auto h-8 isolate inline-flex text-zinc-500", children: [
|
|
8257
|
+
currentPage === 1 ? null : /* @__PURE__ */ jsx94(
|
|
8353
8258
|
"button",
|
|
8354
8259
|
{
|
|
8355
8260
|
onClick: onPrevious,
|
|
8356
8261
|
className: "relative flex flex-start items-center justify-start",
|
|
8357
|
-
children: /* @__PURE__ */
|
|
8262
|
+
children: /* @__PURE__ */ jsx94(
|
|
8358
8263
|
"svg",
|
|
8359
8264
|
{
|
|
8360
8265
|
width: "24",
|
|
@@ -8362,7 +8267,7 @@ var DesignDashboardPagination = ({
|
|
|
8362
8267
|
viewBox: "0 0 24 24",
|
|
8363
8268
|
fill: "none",
|
|
8364
8269
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8365
|
-
children: /* @__PURE__ */
|
|
8270
|
+
children: /* @__PURE__ */ jsx94(
|
|
8366
8271
|
"path",
|
|
8367
8272
|
{
|
|
8368
8273
|
d: "M15 6L9 12L15 18",
|
|
@@ -8377,7 +8282,7 @@ var DesignDashboardPagination = ({
|
|
|
8377
8282
|
}
|
|
8378
8283
|
),
|
|
8379
8284
|
paginationRange == null ? void 0 : paginationRange.map((pageNumber) => {
|
|
8380
|
-
return /* @__PURE__ */
|
|
8285
|
+
return /* @__PURE__ */ jsx94(
|
|
8381
8286
|
"button",
|
|
8382
8287
|
{
|
|
8383
8288
|
className: classnames3(
|
|
@@ -8399,12 +8304,12 @@ var DesignDashboardPagination = ({
|
|
|
8399
8304
|
pageNumber
|
|
8400
8305
|
);
|
|
8401
8306
|
}),
|
|
8402
|
-
currentPage === lastPage ? null : /* @__PURE__ */
|
|
8307
|
+
currentPage === lastPage ? null : /* @__PURE__ */ jsx94(
|
|
8403
8308
|
"button",
|
|
8404
8309
|
{
|
|
8405
8310
|
onClick: onNext,
|
|
8406
8311
|
className: "relative inline-flex items-center",
|
|
8407
|
-
children: /* @__PURE__ */
|
|
8312
|
+
children: /* @__PURE__ */ jsx94(
|
|
8408
8313
|
"svg",
|
|
8409
8314
|
{
|
|
8410
8315
|
width: "24",
|
|
@@ -8412,7 +8317,7 @@ var DesignDashboardPagination = ({
|
|
|
8412
8317
|
viewBox: "0 0 24 24",
|
|
8413
8318
|
fill: "none",
|
|
8414
8319
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8415
|
-
children: /* @__PURE__ */
|
|
8320
|
+
children: /* @__PURE__ */ jsx94(
|
|
8416
8321
|
"path",
|
|
8417
8322
|
{
|
|
8418
8323
|
d: "M9 18L15 12L9 6",
|
|
@@ -8426,10 +8331,10 @@ var DesignDashboardPagination = ({
|
|
|
8426
8331
|
)
|
|
8427
8332
|
}
|
|
8428
8333
|
),
|
|
8429
|
-
/* @__PURE__ */
|
|
8430
|
-
/* @__PURE__ */
|
|
8431
|
-
/* @__PURE__ */
|
|
8432
|
-
/* @__PURE__ */
|
|
8334
|
+
/* @__PURE__ */ jsx94(Body15m, { className: "opacity-70 pr-2 pl-2 text-zinc-500 inline-flex items-center", children: "Showing" }),
|
|
8335
|
+
/* @__PURE__ */ jsxs79(DesignSelect2, { children: [
|
|
8336
|
+
/* @__PURE__ */ jsx94(DesignSelectTrigger2, { className: "border-0 w-auto h-auto gap-1 px-3 py-2 text-black font-medium", children: /* @__PURE__ */ jsx94(DesignSelectValue2, { placeholder: currentPage }) }),
|
|
8337
|
+
/* @__PURE__ */ jsx94(DesignSelectContent2, { children: /* @__PURE__ */ jsx94(DesignSelectGroup2, { children: pageSegments.map((segment) => /* @__PURE__ */ jsx94(
|
|
8433
8338
|
DesignSelectItem2,
|
|
8434
8339
|
{
|
|
8435
8340
|
value: `${segment}`,
|
|
@@ -8438,7 +8343,7 @@ var DesignDashboardPagination = ({
|
|
|
8438
8343
|
segment.toString()
|
|
8439
8344
|
)) }) })
|
|
8440
8345
|
] }),
|
|
8441
|
-
/* @__PURE__ */
|
|
8346
|
+
/* @__PURE__ */ jsxs79(Body15m, { className: "opacity-70 pl-2 text-zinc-500 inline-flex items-center", children: [
|
|
8442
8347
|
"of ",
|
|
8443
8348
|
totalCount,
|
|
8444
8349
|
" results"
|
|
@@ -8457,7 +8362,7 @@ import {
|
|
|
8457
8362
|
} from "@geowiki/design-system";
|
|
8458
8363
|
import { useRouter as useRouter5 } from "@geowiki/core";
|
|
8459
8364
|
import { useState as useState40, useEffect as useEffect20 } from "react";
|
|
8460
|
-
import { jsx as
|
|
8365
|
+
import { jsx as jsx95, jsxs as jsxs80 } from "react/jsx-runtime";
|
|
8461
8366
|
var DesignSort = ({ totalCount, name }) => {
|
|
8462
8367
|
const router = useRouter5();
|
|
8463
8368
|
const sortingTypes = ["Most recent", "Old to new"];
|
|
@@ -8479,21 +8384,21 @@ var DesignSort = ({ totalCount, name }) => {
|
|
|
8479
8384
|
})
|
|
8480
8385
|
});
|
|
8481
8386
|
};
|
|
8482
|
-
return /* @__PURE__ */
|
|
8387
|
+
return /* @__PURE__ */ jsxs80(
|
|
8483
8388
|
"div",
|
|
8484
8389
|
{
|
|
8485
8390
|
className: "flex justify-center items-center gap-2 text-base font-normal leading-tight",
|
|
8486
8391
|
"data-component": "DesignSort",
|
|
8487
8392
|
children: [
|
|
8488
|
-
/* @__PURE__ */
|
|
8489
|
-
/* @__PURE__ */
|
|
8490
|
-
/* @__PURE__ */
|
|
8393
|
+
/* @__PURE__ */ jsxs80("div", { className: "flex justify-center items-center space-x-2 text-zinc-500 ", children: [
|
|
8394
|
+
/* @__PURE__ */ jsx95("span", { children: totalCount }),
|
|
8395
|
+
/* @__PURE__ */ jsx95("span", { children: name })
|
|
8491
8396
|
] }),
|
|
8492
|
-
/* @__PURE__ */
|
|
8493
|
-
/* @__PURE__ */
|
|
8494
|
-
/* @__PURE__ */
|
|
8495
|
-
/* @__PURE__ */
|
|
8496
|
-
/* @__PURE__ */
|
|
8397
|
+
/* @__PURE__ */ jsx95("div", { className: "w-1 h-1 rounded-full bg-zinc-500" }),
|
|
8398
|
+
/* @__PURE__ */ jsx95("span", { children: "Sort by" }),
|
|
8399
|
+
/* @__PURE__ */ jsxs80(DesignSelect3, { onValueChange: handleChangeValue, value, children: [
|
|
8400
|
+
/* @__PURE__ */ jsx95(DesignSelectTrigger3, { className: "border-0 w-auto h-auto data-[placeholder]:text-primary p-0 text-primary font-semibold", children: /* @__PURE__ */ jsx95(DesignSelectValue3, { placeholder: value }) }),
|
|
8401
|
+
/* @__PURE__ */ jsx95(DesignSelectContent3, { children: /* @__PURE__ */ jsx95(DesignSelectGroup3, { children: sortingTypes == null ? void 0 : sortingTypes.map((sortingType) => /* @__PURE__ */ jsx95(DesignSelectItem3, { value: sortingType, children: sortingType }, sortingType)) }) })
|
|
8497
8402
|
] }, value)
|
|
8498
8403
|
]
|
|
8499
8404
|
}
|
|
@@ -8505,7 +8410,7 @@ import { Disclosure as Disclosure2 } from "@headlessui/react";
|
|
|
8505
8410
|
import { ChevronDown } from "lucide-react";
|
|
8506
8411
|
import { useRouter as useRouter6 } from "@geowiki/core";
|
|
8507
8412
|
import { DesignCheckbox as Checkbox9 } from "@geowiki/design-system";
|
|
8508
|
-
import { Fragment as
|
|
8413
|
+
import { Fragment as Fragment23, jsx as jsx96, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
8509
8414
|
var FilterDropdown = ({
|
|
8510
8415
|
name,
|
|
8511
8416
|
filterKey,
|
|
@@ -8538,27 +8443,27 @@ var FilterDropdown = ({
|
|
|
8538
8443
|
});
|
|
8539
8444
|
}
|
|
8540
8445
|
};
|
|
8541
|
-
return /* @__PURE__ */
|
|
8446
|
+
return /* @__PURE__ */ jsx96(
|
|
8542
8447
|
Disclosure2,
|
|
8543
8448
|
{
|
|
8544
8449
|
"data-component": "FilterDropdown",
|
|
8545
8450
|
defaultOpen: filterValues.length > 0,
|
|
8546
|
-
children: ({ open }) => /* @__PURE__ */
|
|
8547
|
-
/* @__PURE__ */
|
|
8548
|
-
/* @__PURE__ */
|
|
8451
|
+
children: ({ open }) => /* @__PURE__ */ jsxs81(Fragment23, { children: [
|
|
8452
|
+
/* @__PURE__ */ jsxs81(Disclosure2.Button, { className: "w-80 flex-row flex justify-start items-center gap-2 border-zinc-300 ", children: [
|
|
8453
|
+
/* @__PURE__ */ jsx96(
|
|
8549
8454
|
ChevronDown,
|
|
8550
8455
|
{
|
|
8551
8456
|
className: `${open ? "rotate-180 transform" : ""} h-7 w-7 `
|
|
8552
8457
|
}
|
|
8553
8458
|
),
|
|
8554
|
-
/* @__PURE__ */
|
|
8459
|
+
/* @__PURE__ */ jsx96("span", { className: "text-lg font-semibold leading-relaxed ", children: name })
|
|
8555
8460
|
] }),
|
|
8556
|
-
/* @__PURE__ */
|
|
8461
|
+
/* @__PURE__ */ jsx96(Disclosure2.Panel, { className: "space-y-2", children: sortItems.map((sortItem) => /* @__PURE__ */ jsxs81(
|
|
8557
8462
|
"div",
|
|
8558
8463
|
{
|
|
8559
8464
|
className: "flex justify-start items-center space-x-3",
|
|
8560
8465
|
children: [
|
|
8561
|
-
/* @__PURE__ */
|
|
8466
|
+
/* @__PURE__ */ jsx96(
|
|
8562
8467
|
Checkbox9,
|
|
8563
8468
|
{
|
|
8564
8469
|
id: sortItem.key,
|
|
@@ -8566,7 +8471,7 @@ var FilterDropdown = ({
|
|
|
8566
8471
|
checked: filterValues.includes(sortItem.key)
|
|
8567
8472
|
}
|
|
8568
8473
|
),
|
|
8569
|
-
/* @__PURE__ */
|
|
8474
|
+
/* @__PURE__ */ jsx96("div", { className: "text-[15px] font-normal leading-tight", children: sortItem.value })
|
|
8570
8475
|
]
|
|
8571
8476
|
},
|
|
8572
8477
|
sortItem.key
|
|
@@ -8588,18 +8493,18 @@ import {
|
|
|
8588
8493
|
CarouselNext,
|
|
8589
8494
|
CarouselPrevious
|
|
8590
8495
|
} from "@geowiki/design-system";
|
|
8591
|
-
import { jsx as
|
|
8496
|
+
import { jsx as jsx97, jsxs as jsxs82 } from "react/jsx-runtime";
|
|
8592
8497
|
var DesignTestimonials = ({ testimonials }) => {
|
|
8593
|
-
return /* @__PURE__ */
|
|
8498
|
+
return /* @__PURE__ */ jsx97(
|
|
8594
8499
|
"div",
|
|
8595
8500
|
{
|
|
8596
8501
|
className: "bg-accent-secondary py-8 lg:py-16 px-8 rounded-xl mt-8 lg:mt-24",
|
|
8597
8502
|
"data-component": "DesignTestimonials",
|
|
8598
|
-
children: /* @__PURE__ */
|
|
8599
|
-
/* @__PURE__ */
|
|
8600
|
-
/* @__PURE__ */
|
|
8601
|
-
/* @__PURE__ */
|
|
8602
|
-
/* @__PURE__ */
|
|
8503
|
+
children: /* @__PURE__ */ jsxs82(Carousel4, { className: "container mx-auto w-full", loop: true, children: [
|
|
8504
|
+
/* @__PURE__ */ jsx97(CarouselContent, { children: testimonials.map((testimonial, index) => /* @__PURE__ */ jsx97(CarouselItem, { children: /* @__PURE__ */ jsxs82("div", { className: "p-3 h-full flex-col flex justify-center space-y-2", children: [
|
|
8505
|
+
/* @__PURE__ */ jsx97(H7Design, { className: "text-center mx-auto max-w-7xl", children: testimonial.info }),
|
|
8506
|
+
/* @__PURE__ */ jsxs82("div", { className: "flex flex-col justify-between items-center space-y-6 pt-6", children: [
|
|
8507
|
+
/* @__PURE__ */ jsx97(Avatar2, { className: "w-[76px] h-[76px]", children: /* @__PURE__ */ jsx97(
|
|
8603
8508
|
CmsImage,
|
|
8604
8509
|
{
|
|
8605
8510
|
src: testimonial.imagePath,
|
|
@@ -8608,14 +8513,14 @@ var DesignTestimonials = ({ testimonials }) => {
|
|
|
8608
8513
|
className: "object-cover"
|
|
8609
8514
|
}
|
|
8610
8515
|
) }),
|
|
8611
|
-
/* @__PURE__ */
|
|
8612
|
-
/* @__PURE__ */
|
|
8613
|
-
/* @__PURE__ */
|
|
8516
|
+
/* @__PURE__ */ jsxs82("div", { className: " text-center lg:flex items-center lg:space-x-4", children: [
|
|
8517
|
+
/* @__PURE__ */ jsx97(Body18m3, { children: testimonial.name }),
|
|
8518
|
+
/* @__PURE__ */ jsx97(Body183, { className: "pt-1 lg:pt-0", children: testimonial.position })
|
|
8614
8519
|
] })
|
|
8615
8520
|
] })
|
|
8616
8521
|
] }) }, index)) }),
|
|
8617
|
-
/* @__PURE__ */
|
|
8618
|
-
/* @__PURE__ */
|
|
8522
|
+
/* @__PURE__ */ jsx97(CarouselPrevious, { className: "-left-4" }),
|
|
8523
|
+
/* @__PURE__ */ jsx97(CarouselNext, { className: "-right-4" })
|
|
8619
8524
|
] })
|
|
8620
8525
|
}
|
|
8621
8526
|
);
|
|
@@ -8625,17 +8530,17 @@ var DesignTestimonials = ({ testimonials }) => {
|
|
|
8625
8530
|
import { H2Design, H9Design } from "@geowiki/design-system";
|
|
8626
8531
|
import { Link as Link13 } from "@geowiki/core";
|
|
8627
8532
|
import { v4 as v49 } from "uuid";
|
|
8628
|
-
import { jsx as
|
|
8533
|
+
import { jsx as jsx98, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
8629
8534
|
var BannerFollowLinks = ({ title, links }) => {
|
|
8630
|
-
return /* @__PURE__ */
|
|
8631
|
-
/* @__PURE__ */
|
|
8632
|
-
/* @__PURE__ */
|
|
8535
|
+
return /* @__PURE__ */ jsxs83("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
|
|
8536
|
+
/* @__PURE__ */ jsx98(H2Design, { className: "mx-auto max-w-5xl text-center", children: title }),
|
|
8537
|
+
/* @__PURE__ */ jsx98("div", { className: "flex space-x-8", children: links.map((link) => /* @__PURE__ */ jsx98(
|
|
8633
8538
|
Link13,
|
|
8634
8539
|
{
|
|
8635
8540
|
href: link.href,
|
|
8636
8541
|
target: link.isNewTab ? "_blank" : "_self",
|
|
8637
8542
|
rel: "noreferrer",
|
|
8638
|
-
children: /* @__PURE__ */
|
|
8543
|
+
children: /* @__PURE__ */ jsx98(H9Design, { children: link.text })
|
|
8639
8544
|
},
|
|
8640
8545
|
v49()
|
|
8641
8546
|
)) })
|
|
@@ -8646,14 +8551,14 @@ var BannerFollowLinks = ({ title, links }) => {
|
|
|
8646
8551
|
import { TagsGroup } from "@geowiki/design-system";
|
|
8647
8552
|
import { useConfigSettings as useConfigSettings3 } from "@geowiki/core";
|
|
8648
8553
|
import { LoaderFull as LoaderFull4 } from "@geowiki/design-system";
|
|
8649
|
-
import { jsx as
|
|
8554
|
+
import { jsx as jsx99, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
8650
8555
|
var ListTagsGroup = ({ cluster }) => {
|
|
8651
8556
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
8652
8557
|
var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = useConfigSettings3();
|
|
8653
8558
|
if (IsConfigSettingsLoaded)
|
|
8654
|
-
return /* @__PURE__ */
|
|
8655
|
-
return /* @__PURE__ */
|
|
8656
|
-
/* @__PURE__ */
|
|
8559
|
+
return /* @__PURE__ */ jsx99(LoaderFull4, {});
|
|
8560
|
+
return /* @__PURE__ */ jsxs84("div", { className: "space-y-6 lg:space-y-10", children: [
|
|
8561
|
+
/* @__PURE__ */ jsx99(
|
|
8657
8562
|
TagsGroup,
|
|
8658
8563
|
{
|
|
8659
8564
|
label: "Farming Systems",
|
|
@@ -8673,7 +8578,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8673
8578
|
)
|
|
8674
8579
|
}
|
|
8675
8580
|
),
|
|
8676
|
-
/* @__PURE__ */
|
|
8581
|
+
/* @__PURE__ */ jsx99(
|
|
8677
8582
|
TagsGroup,
|
|
8678
8583
|
{
|
|
8679
8584
|
label: "Main agricultural areas",
|
|
@@ -8693,7 +8598,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8693
8598
|
)
|
|
8694
8599
|
}
|
|
8695
8600
|
),
|
|
8696
|
-
/* @__PURE__ */
|
|
8601
|
+
/* @__PURE__ */ jsx99(
|
|
8697
8602
|
TagsGroup,
|
|
8698
8603
|
{
|
|
8699
8604
|
label: "Main crops",
|
|
@@ -8711,7 +8616,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8711
8616
|
)
|
|
8712
8617
|
}
|
|
8713
8618
|
),
|
|
8714
|
-
/* @__PURE__ */
|
|
8619
|
+
/* @__PURE__ */ jsx99(
|
|
8715
8620
|
TagsGroup,
|
|
8716
8621
|
{
|
|
8717
8622
|
label: "Livestock",
|
|
@@ -8729,7 +8634,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8729
8634
|
)
|
|
8730
8635
|
}
|
|
8731
8636
|
),
|
|
8732
|
-
/* @__PURE__ */
|
|
8637
|
+
/* @__PURE__ */ jsx99(
|
|
8733
8638
|
TagsGroup,
|
|
8734
8639
|
{
|
|
8735
8640
|
label: "Other landscape elements",
|
|
@@ -8756,7 +8661,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8756
8661
|
)
|
|
8757
8662
|
}
|
|
8758
8663
|
),
|
|
8759
|
-
/* @__PURE__ */
|
|
8664
|
+
/* @__PURE__ */ jsx99(
|
|
8760
8665
|
TagsGroup,
|
|
8761
8666
|
{
|
|
8762
8667
|
label: "Hunting management",
|
|
@@ -8781,7 +8686,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8781
8686
|
)
|
|
8782
8687
|
}
|
|
8783
8688
|
),
|
|
8784
|
-
/* @__PURE__ */
|
|
8689
|
+
/* @__PURE__ */ jsx99(
|
|
8785
8690
|
TagsGroup,
|
|
8786
8691
|
{
|
|
8787
8692
|
label: "Cluster funding",
|
|
@@ -8810,7 +8715,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8810
8715
|
// src/components/DesignElements/ApiImage.tsx
|
|
8811
8716
|
import { shimmer as shimmer2, toBase64 as toBase642, useApiImage } from "@geowiki/core";
|
|
8812
8717
|
import { Image as Image4 } from "@geowiki/core";
|
|
8813
|
-
import { jsx as
|
|
8718
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
8814
8719
|
var ApiImage = ({
|
|
8815
8720
|
imageId,
|
|
8816
8721
|
className = "relative h-96",
|
|
@@ -8822,7 +8727,7 @@ var ApiImage = ({
|
|
|
8822
8727
|
if (isLoading)
|
|
8823
8728
|
return null;
|
|
8824
8729
|
if (width > 0 && height > 0) {
|
|
8825
|
-
return /* @__PURE__ */
|
|
8730
|
+
return /* @__PURE__ */ jsx100(
|
|
8826
8731
|
Image4,
|
|
8827
8732
|
{
|
|
8828
8733
|
className,
|
|
@@ -8836,7 +8741,7 @@ var ApiImage = ({
|
|
|
8836
8741
|
}
|
|
8837
8742
|
);
|
|
8838
8743
|
}
|
|
8839
|
-
return /* @__PURE__ */
|
|
8744
|
+
return /* @__PURE__ */ jsx100("div", { className, children: /* @__PURE__ */ jsx100(
|
|
8840
8745
|
Image4,
|
|
8841
8746
|
{
|
|
8842
8747
|
className: "object-cover rounded-xl",
|
|
@@ -8854,37 +8759,37 @@ var ApiImage = ({
|
|
|
8854
8759
|
import { H3Design, Body18 as Body184, DesignButton as DesignButton8 } from "@geowiki/design-system";
|
|
8855
8760
|
import { Link as Link14 } from "@geowiki/core";
|
|
8856
8761
|
import { v4 as v410 } from "uuid";
|
|
8857
|
-
import { jsx as
|
|
8762
|
+
import { jsx as jsx101, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
8858
8763
|
var SignUpBanner = ({
|
|
8859
8764
|
title,
|
|
8860
8765
|
text,
|
|
8861
8766
|
button,
|
|
8862
8767
|
imagePaths
|
|
8863
8768
|
}) => {
|
|
8864
|
-
return /* @__PURE__ */
|
|
8769
|
+
return /* @__PURE__ */ jsx101(
|
|
8865
8770
|
"div",
|
|
8866
8771
|
{
|
|
8867
8772
|
className: "h-98 bg-accent-secondary rounded-xl ",
|
|
8868
8773
|
"data-component": "SignUpBanner",
|
|
8869
|
-
children: /* @__PURE__ */
|
|
8870
|
-
/* @__PURE__ */
|
|
8871
|
-
/* @__PURE__ */
|
|
8872
|
-
/* @__PURE__ */
|
|
8873
|
-
/* @__PURE__ */
|
|
8874
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
8774
|
+
children: /* @__PURE__ */ jsxs85("div", { className: "container mx-auto mt-6 px-5 py-6 lg:flex lg:justify-between lg:items-center lg:p-10 lg:mt-20 ", children: [
|
|
8775
|
+
/* @__PURE__ */ jsxs85("div", { className: "lg:h-[368px] lg:flex lg:flex-col lg:justify-between lg:px-4 lg:items-start", children: [
|
|
8776
|
+
/* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsx101(H3Design, { className: "pb-4 g:pb-0", children: title }) }),
|
|
8777
|
+
/* @__PURE__ */ jsxs85("div", { className: "space-y-8", children: [
|
|
8778
|
+
/* @__PURE__ */ jsx101(Body184, { className: " max-w-sm", children: text }),
|
|
8779
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx101("div", { className: "hidden lg:block", children: /* @__PURE__ */ jsx101(
|
|
8875
8780
|
Link14,
|
|
8876
8781
|
{
|
|
8877
8782
|
href: button.link,
|
|
8878
8783
|
target: button.isNewTab ? "_blank" : "_self",
|
|
8879
8784
|
rel: "noreferrer",
|
|
8880
|
-
children: /* @__PURE__ */
|
|
8785
|
+
children: /* @__PURE__ */ jsx101(DesignButton8, { children: button.text })
|
|
8881
8786
|
}
|
|
8882
8787
|
) })
|
|
8883
8788
|
] })
|
|
8884
8789
|
] }),
|
|
8885
|
-
/* @__PURE__ */
|
|
8886
|
-
/* @__PURE__ */
|
|
8887
|
-
imagePaths.map((path) => /* @__PURE__ */
|
|
8790
|
+
/* @__PURE__ */ jsxs85("div", { className: "grid grid-cols-2 grid-rows-3 gap-[10px] py-6 md:grid-cols-3 md:grid-rows-2 md:gap-6 md:py-6 lg:grid-cols-3 lg:grid-rows-2 lg:gap-6 lg:p-0", children: [
|
|
8791
|
+
/* @__PURE__ */ jsx101("div", { className: "hidden lg:inline" }),
|
|
8792
|
+
imagePaths.map((path) => /* @__PURE__ */ jsx101(
|
|
8888
8793
|
CmsImage,
|
|
8889
8794
|
{
|
|
8890
8795
|
src: path,
|
|
@@ -8895,13 +8800,13 @@ var SignUpBanner = ({
|
|
|
8895
8800
|
v410()
|
|
8896
8801
|
))
|
|
8897
8802
|
] }),
|
|
8898
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
8803
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx101("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ jsx101(
|
|
8899
8804
|
Link14,
|
|
8900
8805
|
{
|
|
8901
8806
|
href: button.link,
|
|
8902
8807
|
target: button.isNewTab ? "_blank" : "_self",
|
|
8903
8808
|
rel: "noreferrer",
|
|
8904
|
-
children: /* @__PURE__ */
|
|
8809
|
+
children: /* @__PURE__ */ jsx101(DesignButton8, { className: "w-full", children: button.text })
|
|
8905
8810
|
}
|
|
8906
8811
|
) })
|
|
8907
8812
|
] })
|
|
@@ -8911,7 +8816,7 @@ var SignUpBanner = ({
|
|
|
8911
8816
|
|
|
8912
8817
|
// src/components/DesignElements/RoutePagination.tsx
|
|
8913
8818
|
import { useRouter as useRouter7 } from "@geowiki/core";
|
|
8914
|
-
import { jsx as
|
|
8819
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
8915
8820
|
var RoutePagination = ({
|
|
8916
8821
|
pageSize,
|
|
8917
8822
|
total
|
|
@@ -8919,7 +8824,7 @@ var RoutePagination = ({
|
|
|
8919
8824
|
const router = useRouter7();
|
|
8920
8825
|
const { page } = router.query;
|
|
8921
8826
|
const currentPage = parseInt(page) || 1;
|
|
8922
|
-
return /* @__PURE__ */
|
|
8827
|
+
return /* @__PURE__ */ jsx102("div", { children: /* @__PURE__ */ jsx102(
|
|
8923
8828
|
DesignPagination,
|
|
8924
8829
|
{
|
|
8925
8830
|
currentPage,
|
|
@@ -8938,11 +8843,11 @@ var RoutePagination = ({
|
|
|
8938
8843
|
|
|
8939
8844
|
// src/components/DesignElements/LanguagePopup.tsx
|
|
8940
8845
|
import { useEffect as useEffect21, useState as useState41 } from "react";
|
|
8941
|
-
import { Body20m as Body20m3, Body16 as
|
|
8846
|
+
import { Body20m as Body20m3, Body16 as Body164, DesignButton as DesignButton9 } from "@geowiki/design-system";
|
|
8942
8847
|
import { XIcon as XIcon2 } from "lucide-react";
|
|
8943
8848
|
import { Link as Link15 } from "@geowiki/core";
|
|
8944
8849
|
import { getCookie as getCookie3, setCookie as setCookie2 } from "cookies-next";
|
|
8945
|
-
import { jsx as
|
|
8850
|
+
import { jsx as jsx103, jsxs as jsxs86 } from "react/jsx-runtime";
|
|
8946
8851
|
var cookieName2 = "recodo_language_popup";
|
|
8947
8852
|
var LanguagePopup = () => {
|
|
8948
8853
|
const [isOpen, setIsOpen] = useState41(false);
|
|
@@ -8956,14 +8861,14 @@ var LanguagePopup = () => {
|
|
|
8956
8861
|
setIsOpen(false);
|
|
8957
8862
|
setCookie2(cookieName2, "closed", { maxAge: 60 * 60 * 24 * 365 });
|
|
8958
8863
|
};
|
|
8959
|
-
return isOpen ? /* @__PURE__ */
|
|
8864
|
+
return isOpen ? /* @__PURE__ */ jsx103(
|
|
8960
8865
|
"div",
|
|
8961
8866
|
{
|
|
8962
8867
|
className: "fixed bottom-0 right-0 z-50 mb-5",
|
|
8963
8868
|
"data-component": "LanguagePopup",
|
|
8964
|
-
children: /* @__PURE__ */
|
|
8965
|
-
/* @__PURE__ */
|
|
8966
|
-
/* @__PURE__ */
|
|
8869
|
+
children: /* @__PURE__ */ jsxs86("div", { className: "w-full max-w-[27rem] h-auto relative bg-accent-secondary rounded-xl p-6", children: [
|
|
8870
|
+
/* @__PURE__ */ jsxs86("div", { className: "flex justify-between items-start", children: [
|
|
8871
|
+
/* @__PURE__ */ jsx103("div", { className: " w-14 h-14 bg-white rounded-2xl flex justify-center items-center", children: /* @__PURE__ */ jsxs86(
|
|
8967
8872
|
"svg",
|
|
8968
8873
|
{
|
|
8969
8874
|
width: "33",
|
|
@@ -8972,14 +8877,14 @@ var LanguagePopup = () => {
|
|
|
8972
8877
|
fill: "none",
|
|
8973
8878
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8974
8879
|
children: [
|
|
8975
|
-
/* @__PURE__ */
|
|
8880
|
+
/* @__PURE__ */ jsx103(
|
|
8976
8881
|
"path",
|
|
8977
8882
|
{
|
|
8978
8883
|
d: "M1.94995 22.212C0.729951 20.892 0 19.121 0 17.001C0 12 4.03 9 9 9C13.97 9 18 12 18 17.001C18 22.002 13.97 25.002 9 25.002C7.72 25.002 6.50991 24.802 5.40991 24.422C4.06991 25.852 1.87996 26.0419 0.459961 25.9919C0.0299609 25.9819 -0.160078 25.432 0.169922 25.152C1.25992 24.273 1.79995 23.173 1.94995 22.212Z",
|
|
8979
8884
|
fill: "#101010"
|
|
8980
8885
|
}
|
|
8981
8886
|
),
|
|
8982
|
-
/* @__PURE__ */
|
|
8887
|
+
/* @__PURE__ */ jsx103(
|
|
8983
8888
|
"path",
|
|
8984
8889
|
{
|
|
8985
8890
|
d: "M32.1439 17.7628L32.144 17.7626L32.1536 17.7707C32.8223 18.3382 32.4564 19.4679 31.5552 19.4917C30.1893 19.5395 27.9612 19.3819 26.4556 17.9925C25.3814 18.3278 24.2185 18.502 23 18.502C20.4179 18.502 18.0475 17.7227 16.3137 16.2589C14.5716 14.7881 13.5 12.6476 13.5 10.001C13.5 7.35432 14.5716 5.2139 16.3137 3.74307C18.0475 2.27927 20.4179 1.5 23 1.5C25.5821 1.5 27.9525 2.27927 29.6863 3.74307C31.4284 5.2139 32.5 7.35432 32.5 10.001C32.5 12.1433 31.7925 13.968 30.5872 15.3614C30.7637 16.1483 31.2398 17.0337 32.1439 17.7628Z",
|
|
@@ -8987,14 +8892,14 @@ var LanguagePopup = () => {
|
|
|
8987
8892
|
stroke: "white"
|
|
8988
8893
|
}
|
|
8989
8894
|
),
|
|
8990
|
-
/* @__PURE__ */
|
|
8895
|
+
/* @__PURE__ */ jsx103(
|
|
8991
8896
|
"path",
|
|
8992
8897
|
{
|
|
8993
8898
|
d: "M27 6.5H23.5V6C23.5 5.86739 23.4473 5.74021 23.3536 5.64645C23.2598 5.55268 23.1326 5.5 23 5.5C22.8674 5.5 22.7402 5.55268 22.6464 5.64645C22.5527 5.74021 22.5 5.86739 22.5 6V6.5H19C18.8674 6.5 18.7402 6.55268 18.6464 6.64645C18.5527 6.74021 18.5 6.86739 18.5 7C18.5 7.13261 18.5527 7.25979 18.6464 7.35355C18.7402 7.44732 18.8674 7.5 19 7.5H24.9411C24.7163 8.99882 24.0272 10.3894 22.9707 11.4761C22.2391 10.7254 21.6799 9.82414 21.332 8.83521C21.2882 8.71015 21.1965 8.60761 21.0771 8.5501C20.9577 8.49259 20.8204 8.48481 20.6953 8.52848C20.5702 8.57215 20.4675 8.66369 20.4098 8.78299C20.3522 8.9023 20.3442 9.03962 20.3877 9.16479C20.7796 10.2786 21.4072 11.2948 22.2278 12.1439C21.3816 12.8114 20.3955 13.2789 19.3433 13.5115C19.2229 13.5379 19.1165 13.6078 19.0445 13.7078C18.9726 13.8079 18.9401 13.9309 18.9533 14.0535C18.9664 14.176 19.0244 14.2893 19.116 14.3717C19.2077 14.4541 19.3265 14.4998 19.4497 14.5C19.4858 14.5 19.5218 14.4961 19.5571 14.4885C20.8104 14.2121 21.9807 13.6435 22.9726 12.8291C23.9671 13.6428 25.1389 14.2112 26.3936 14.4885C26.5227 14.5157 26.6574 14.4907 26.7682 14.419C26.879 14.3472 26.9569 14.2346 26.985 14.1057C27.0131 13.9767 26.9891 13.8419 26.9182 13.7305C26.8473 13.6192 26.7352 13.5405 26.6064 13.5114C25.5511 13.2792 24.5617 12.8121 23.7117 12.1449C24.934 10.8754 25.7172 9.2474 25.9462 7.5H27C27.1326 7.5 27.2598 7.44732 27.3536 7.35355C27.4473 7.25979 27.5 7.13261 27.5 7C27.5 6.86739 27.4473 6.74021 27.3536 6.64645C27.2598 6.55268 27.1326 6.5 27 6.5Z",
|
|
8994
8899
|
fill: "white"
|
|
8995
8900
|
}
|
|
8996
8901
|
),
|
|
8997
|
-
/* @__PURE__ */
|
|
8902
|
+
/* @__PURE__ */ jsx103(
|
|
8998
8903
|
"path",
|
|
8999
8904
|
{
|
|
9000
8905
|
d: "M4.95 20.5L8.1 13.5H9.38L12.54 20.5H11.18L8.47 14.19H8.99L6.29 20.5H4.95ZM6.4 18.88L6.75 17.86H10.53L10.88 18.88H6.4Z",
|
|
@@ -9004,33 +8909,33 @@ var LanguagePopup = () => {
|
|
|
9004
8909
|
]
|
|
9005
8910
|
}
|
|
9006
8911
|
) }),
|
|
9007
|
-
/* @__PURE__ */
|
|
8912
|
+
/* @__PURE__ */ jsx103("button", { type: "button", onClick: handleClose, children: /* @__PURE__ */ jsx103(XIcon2, { className: "h-4 w-4 lg:h-6 lg:w-6", "aria-hidden": "true" }) })
|
|
9008
8913
|
] }),
|
|
9009
|
-
/* @__PURE__ */
|
|
9010
|
-
/* @__PURE__ */
|
|
9011
|
-
/* @__PURE__ */
|
|
9012
|
-
/* @__PURE__ */
|
|
8914
|
+
/* @__PURE__ */ jsxs86("div", { className: "pt-4 space-y-2", children: [
|
|
8915
|
+
/* @__PURE__ */ jsx103(Body20m3, { children: "Can't see your language?" }),
|
|
8916
|
+
/* @__PURE__ */ jsx103(Body164, { className: " text-grey", children: "Recodo has been developed to cater to number of diverse European countries. The majority of our content is user generated, and may not be available in your language." }),
|
|
8917
|
+
/* @__PURE__ */ jsx103(Body164, { className: " text-grey", children: "Our Languages page offers resources to help you learn more about translation options" })
|
|
9013
8918
|
] }),
|
|
9014
|
-
/* @__PURE__ */
|
|
8919
|
+
/* @__PURE__ */ jsx103("div", { className: "pt-4", children: /* @__PURE__ */ jsx103(Link15, { href: "/page/language", target: "_self", children: /* @__PURE__ */ jsx103(DesignButton9, { size: "sm", variant: "secondary", onClick: handleClose, children: "Learn more" }) }) })
|
|
9015
8920
|
] })
|
|
9016
8921
|
}
|
|
9017
8922
|
) : null;
|
|
9018
8923
|
};
|
|
9019
8924
|
|
|
9020
8925
|
// src/components/DesignElements/MobileFilterPopup.tsx
|
|
9021
|
-
import { Fragment as
|
|
9022
|
-
import { Dialog as
|
|
9023
|
-
import { XMarkIcon as
|
|
8926
|
+
import { Fragment as Fragment25 } from "react";
|
|
8927
|
+
import { Dialog as Dialog19, Transition as Transition6 } from "@headlessui/react";
|
|
8928
|
+
import { XMarkIcon as XMarkIcon5 } from "@heroicons/react/24/outline";
|
|
9024
8929
|
import { useState as useState42 } from "react";
|
|
9025
8930
|
|
|
9026
8931
|
// src/components/DesignElements/MobileFilterPopupOpened.tsx
|
|
9027
|
-
import { Fragment as
|
|
9028
|
-
import { Dialog as
|
|
8932
|
+
import { Fragment as Fragment24 } from "react";
|
|
8933
|
+
import { Dialog as Dialog18, Transition as Transition5 } from "@headlessui/react";
|
|
9029
8934
|
import { ArrowLeftIcon, CheckIcon } from "@heroicons/react/24/outline";
|
|
9030
8935
|
import { useRouter as useRouter8 } from "@geowiki/core";
|
|
9031
8936
|
import { v4 as v411 } from "uuid";
|
|
9032
8937
|
import { DesignButton as DesignButton10 } from "@geowiki/design-system";
|
|
9033
|
-
import { jsx as
|
|
8938
|
+
import { jsx as jsx104, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
9034
8939
|
function MobileFilterPopupOpened({
|
|
9035
8940
|
open,
|
|
9036
8941
|
setOpen,
|
|
@@ -9079,69 +8984,69 @@ function MobileFilterPopupOpened({
|
|
|
9079
8984
|
{ shallow: true }
|
|
9080
8985
|
);
|
|
9081
8986
|
};
|
|
9082
|
-
return /* @__PURE__ */
|
|
9083
|
-
|
|
8987
|
+
return /* @__PURE__ */ jsx104(Transition5.Root, { show: open, as: Fragment24, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs87(
|
|
8988
|
+
Dialog18,
|
|
9084
8989
|
{
|
|
9085
8990
|
as: "div",
|
|
9086
8991
|
className: "relative z-20 w-full h-full",
|
|
9087
8992
|
onClose: setOpen,
|
|
9088
8993
|
children: [
|
|
9089
|
-
/* @__PURE__ */
|
|
9090
|
-
|
|
8994
|
+
/* @__PURE__ */ jsx104(
|
|
8995
|
+
Transition5.Child,
|
|
9091
8996
|
{
|
|
9092
|
-
as:
|
|
8997
|
+
as: Fragment24,
|
|
9093
8998
|
enter: "ease-out duration-300",
|
|
9094
8999
|
enterFrom: "opacity-0",
|
|
9095
9000
|
enterTo: "opacity-100",
|
|
9096
9001
|
leave: "ease-in duration-200",
|
|
9097
9002
|
leaveFrom: "opacity-100",
|
|
9098
9003
|
leaveTo: "opacity-0",
|
|
9099
|
-
children: /* @__PURE__ */
|
|
9004
|
+
children: /* @__PURE__ */ jsx104("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
9100
9005
|
}
|
|
9101
9006
|
),
|
|
9102
|
-
/* @__PURE__ */
|
|
9103
|
-
|
|
9007
|
+
/* @__PURE__ */ jsx104("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx104("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx104(
|
|
9008
|
+
Transition5.Child,
|
|
9104
9009
|
{
|
|
9105
|
-
as:
|
|
9010
|
+
as: Fragment24,
|
|
9106
9011
|
enter: "ease-out duration-300",
|
|
9107
9012
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9108
9013
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
9109
9014
|
leave: "ease-in duration-200",
|
|
9110
9015
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
9111
9016
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9112
|
-
children: /* @__PURE__ */
|
|
9113
|
-
/* @__PURE__ */
|
|
9114
|
-
/* @__PURE__ */
|
|
9017
|
+
children: /* @__PURE__ */ jsxs87(Dialog18.Panel, { className: "h-full flex-col justify-between w-full relative bg-grey-lightest space-y-3 overflow-y-scroll text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
|
|
9018
|
+
/* @__PURE__ */ jsxs87("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
|
|
9019
|
+
/* @__PURE__ */ jsxs87(
|
|
9115
9020
|
"button",
|
|
9116
9021
|
{
|
|
9117
9022
|
type: "button",
|
|
9118
9023
|
className: "w-[4.25rem] rounded-md focus:outline-none",
|
|
9119
9024
|
onClick: () => setOpen(false),
|
|
9120
9025
|
children: [
|
|
9121
|
-
/* @__PURE__ */
|
|
9122
|
-
/* @__PURE__ */
|
|
9026
|
+
/* @__PURE__ */ jsx104("span", { className: "sr-only", children: "Close" }),
|
|
9027
|
+
/* @__PURE__ */ jsx104(ArrowLeftIcon, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
9123
9028
|
]
|
|
9124
9029
|
}
|
|
9125
9030
|
),
|
|
9126
|
-
/* @__PURE__ */
|
|
9127
|
-
/* @__PURE__ */
|
|
9031
|
+
/* @__PURE__ */ jsx104("div", { children: name }),
|
|
9032
|
+
/* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
|
|
9128
9033
|
"button",
|
|
9129
9034
|
{
|
|
9130
9035
|
onClick: handleClear,
|
|
9131
9036
|
className: " w-[4.25rem] px-2 py-2 rounded-xl bg-grey-lightest",
|
|
9132
|
-
children: /* @__PURE__ */
|
|
9037
|
+
children: /* @__PURE__ */ jsx104("div", { className: "text-xs font-medium leading-none", children: "Remove" })
|
|
9133
9038
|
}
|
|
9134
9039
|
) })
|
|
9135
9040
|
] }),
|
|
9136
|
-
/* @__PURE__ */
|
|
9041
|
+
/* @__PURE__ */ jsx104("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4 overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ jsxs87(
|
|
9137
9042
|
"div",
|
|
9138
9043
|
{
|
|
9139
9044
|
className: " cursor-pointer ",
|
|
9140
9045
|
onClick: () => handleClick(item.value),
|
|
9141
9046
|
children: [
|
|
9142
|
-
/* @__PURE__ */
|
|
9143
|
-
/* @__PURE__ */
|
|
9144
|
-
checkValues.includes(item.value) && /* @__PURE__ */
|
|
9047
|
+
/* @__PURE__ */ jsxs87("div", { className: "flex justify-between", children: [
|
|
9048
|
+
/* @__PURE__ */ jsx104("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
|
|
9049
|
+
checkValues.includes(item.value) && /* @__PURE__ */ jsx104("div", { children: /* @__PURE__ */ jsx104(
|
|
9145
9050
|
CheckIcon,
|
|
9146
9051
|
{
|
|
9147
9052
|
className: "h-6 w-6 text-primary",
|
|
@@ -9149,12 +9054,12 @@ function MobileFilterPopupOpened({
|
|
|
9149
9054
|
}
|
|
9150
9055
|
) })
|
|
9151
9056
|
] }),
|
|
9152
|
-
index !== list.length - 1 && /* @__PURE__ */
|
|
9057
|
+
index !== list.length - 1 && /* @__PURE__ */ jsx104("div", { className: "w-full border-0 border-b border-grey-light" })
|
|
9153
9058
|
]
|
|
9154
9059
|
},
|
|
9155
9060
|
v411()
|
|
9156
9061
|
)) }),
|
|
9157
|
-
/* @__PURE__ */
|
|
9062
|
+
/* @__PURE__ */ jsx104("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx104(DesignButton10, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
|
|
9158
9063
|
] })
|
|
9159
9064
|
}
|
|
9160
9065
|
) }) })
|
|
@@ -9166,7 +9071,7 @@ function MobileFilterPopupOpened({
|
|
|
9166
9071
|
// src/components/DesignElements/MobileFilterPopup.tsx
|
|
9167
9072
|
import { DesignButton as DesignButton11 } from "@geowiki/design-system";
|
|
9168
9073
|
import { useRouter as useRouter9 } from "@geowiki/core";
|
|
9169
|
-
import { jsx as
|
|
9074
|
+
import { jsx as jsx105, jsxs as jsxs88 } from "react/jsx-runtime";
|
|
9170
9075
|
function MobileFilterPopup({
|
|
9171
9076
|
open,
|
|
9172
9077
|
setOpen,
|
|
@@ -9199,74 +9104,74 @@ function MobileFilterPopup({
|
|
|
9199
9104
|
const queryValue = router.query[routerFiltername];
|
|
9200
9105
|
return typeof queryValue === "string" ? queryValue.split(",") : Array.isArray(queryValue) ? queryValue : [];
|
|
9201
9106
|
};
|
|
9202
|
-
return /* @__PURE__ */
|
|
9203
|
-
|
|
9107
|
+
return /* @__PURE__ */ jsx105(Transition6.Root, { show: open, as: Fragment25, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs88(
|
|
9108
|
+
Dialog19,
|
|
9204
9109
|
{
|
|
9205
9110
|
as: "div",
|
|
9206
9111
|
className: "relative z-10 w-full h-full",
|
|
9207
9112
|
onClose: setOpen,
|
|
9208
9113
|
children: [
|
|
9209
|
-
/* @__PURE__ */
|
|
9210
|
-
|
|
9114
|
+
/* @__PURE__ */ jsx105(
|
|
9115
|
+
Transition6.Child,
|
|
9211
9116
|
{
|
|
9212
|
-
as:
|
|
9117
|
+
as: Fragment25,
|
|
9213
9118
|
enter: "ease-out duration-300",
|
|
9214
9119
|
enterFrom: "opacity-0",
|
|
9215
9120
|
enterTo: "opacity-100",
|
|
9216
9121
|
leave: "ease-in duration-200",
|
|
9217
9122
|
leaveFrom: "opacity-100",
|
|
9218
9123
|
leaveTo: "opacity-0",
|
|
9219
|
-
children: /* @__PURE__ */
|
|
9124
|
+
children: /* @__PURE__ */ jsx105("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
9220
9125
|
}
|
|
9221
9126
|
),
|
|
9222
|
-
/* @__PURE__ */
|
|
9223
|
-
|
|
9127
|
+
/* @__PURE__ */ jsx105("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ jsx105("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ jsx105(
|
|
9128
|
+
Transition6.Child,
|
|
9224
9129
|
{
|
|
9225
|
-
as:
|
|
9130
|
+
as: Fragment25,
|
|
9226
9131
|
enter: "ease-out duration-300",
|
|
9227
9132
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9228
9133
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
9229
9134
|
leave: "ease-in duration-200",
|
|
9230
9135
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
9231
9136
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9232
|
-
children: /* @__PURE__ */
|
|
9233
|
-
/* @__PURE__ */
|
|
9234
|
-
/* @__PURE__ */
|
|
9137
|
+
children: /* @__PURE__ */ jsxs88(Dialog19.Panel, { className: " w-full h-full relative bg-grey-lightest space-y-3 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-4xl sm:w-full sm:p-10", children: [
|
|
9138
|
+
/* @__PURE__ */ jsxs88("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
|
|
9139
|
+
/* @__PURE__ */ jsxs88(
|
|
9235
9140
|
"button",
|
|
9236
9141
|
{
|
|
9237
9142
|
type: "button",
|
|
9238
9143
|
className: "w-[4.25rem] rounded-md focus:outline-none ",
|
|
9239
9144
|
onClick: () => setOpen(false),
|
|
9240
9145
|
children: [
|
|
9241
|
-
/* @__PURE__ */
|
|
9242
|
-
/* @__PURE__ */
|
|
9146
|
+
/* @__PURE__ */ jsx105("span", { className: "sr-only", children: "Close" }),
|
|
9147
|
+
/* @__PURE__ */ jsx105(XMarkIcon5, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
9243
9148
|
]
|
|
9244
9149
|
}
|
|
9245
9150
|
),
|
|
9246
|
-
/* @__PURE__ */
|
|
9247
|
-
/* @__PURE__ */
|
|
9151
|
+
/* @__PURE__ */ jsx105("div", { children: name }),
|
|
9152
|
+
/* @__PURE__ */ jsx105("div", { className: "w-[4.25rem]" })
|
|
9248
9153
|
] }),
|
|
9249
|
-
/* @__PURE__ */
|
|
9250
|
-
/* @__PURE__ */
|
|
9154
|
+
/* @__PURE__ */ jsx105("div", { className: "h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4 overflow-y-auto", children: filters.map((filter, index) => /* @__PURE__ */ jsxs88("div", { children: [
|
|
9155
|
+
/* @__PURE__ */ jsxs88(
|
|
9251
9156
|
"div",
|
|
9252
9157
|
{
|
|
9253
9158
|
className: "cursor-pointer",
|
|
9254
9159
|
onClick: () => handleToggle(filter.filterName),
|
|
9255
9160
|
children: [
|
|
9256
|
-
/* @__PURE__ */
|
|
9257
|
-
/* @__PURE__ */
|
|
9258
|
-
/* @__PURE__ */
|
|
9161
|
+
/* @__PURE__ */ jsxs88("div", { className: "pb-4 text-base text-black flex justify-between font-normal leading-snug", children: [
|
|
9162
|
+
/* @__PURE__ */ jsx105("div", { className: " ", children: filter.filterName }),
|
|
9163
|
+
/* @__PURE__ */ jsx105("div", { className: " max-w-[40%] overflow-hidden text-ellipsis whitespace-nowrap", children: getSelectedItems(filter.routerFiltername).map((value) => {
|
|
9259
9164
|
const item = filter.filterItems.find(
|
|
9260
9165
|
(i) => i.value === value
|
|
9261
9166
|
);
|
|
9262
9167
|
return item ? item.label : value;
|
|
9263
9168
|
}).join(", ") })
|
|
9264
9169
|
] }),
|
|
9265
|
-
index !== filters.length - 1 && /* @__PURE__ */
|
|
9170
|
+
index !== filters.length - 1 && /* @__PURE__ */ jsx105("div", { className: "w-full border-0 border-b border-grey-light" })
|
|
9266
9171
|
]
|
|
9267
9172
|
}
|
|
9268
9173
|
),
|
|
9269
|
-
/* @__PURE__ */
|
|
9174
|
+
/* @__PURE__ */ jsx105(
|
|
9270
9175
|
MobileFilterPopupOpened,
|
|
9271
9176
|
{
|
|
9272
9177
|
open: openStates[filter.filterName],
|
|
@@ -9281,7 +9186,7 @@ function MobileFilterPopup({
|
|
|
9281
9186
|
}
|
|
9282
9187
|
)
|
|
9283
9188
|
] }, filter.filterName)) }),
|
|
9284
|
-
/* @__PURE__ */
|
|
9189
|
+
/* @__PURE__ */ jsx105("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ jsx105(DesignButton11, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
|
|
9285
9190
|
] })
|
|
9286
9191
|
}
|
|
9287
9192
|
) }) })
|
|
@@ -9293,20 +9198,20 @@ function MobileFilterPopup({
|
|
|
9293
9198
|
// src/components/DesignElements/Link/Link.tsx
|
|
9294
9199
|
import { Link as Link16 } from "@geowiki/core";
|
|
9295
9200
|
import { Body18m as Body18m4 } from "@geowiki/design-system";
|
|
9296
|
-
import { jsx as
|
|
9201
|
+
import { jsx as jsx106, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
9297
9202
|
var DesignLink = ({ link, fillColor }) => {
|
|
9298
9203
|
fillColor = fillColor === void 0 ? "fill-black" : fillColor;
|
|
9299
|
-
return /* @__PURE__ */
|
|
9204
|
+
return /* @__PURE__ */ jsx106(
|
|
9300
9205
|
Link16,
|
|
9301
9206
|
{
|
|
9302
9207
|
href: link.href,
|
|
9303
9208
|
target: link.isNewTab ? "_blank" : "_self",
|
|
9304
9209
|
rel: link.isNewTab ? "noopener noreferrer" : "",
|
|
9305
9210
|
className: "w-full mt-4 lg:mt-6 flex-col justify-start items-start gap-6 inline-flex border-0 border-b border-zinc-300 ",
|
|
9306
|
-
children: /* @__PURE__ */
|
|
9307
|
-
/* @__PURE__ */
|
|
9308
|
-
/* @__PURE__ */
|
|
9309
|
-
link.type === "internal" && /* @__PURE__ */
|
|
9211
|
+
children: /* @__PURE__ */ jsxs89("div", { className: "w-full px-0 mb-4 lg:mb-6", children: [
|
|
9212
|
+
/* @__PURE__ */ jsxs89("div", { className: "w-full h-5 justify-between items-center inline-flex", children: [
|
|
9213
|
+
/* @__PURE__ */ jsx106(Body18m4, { children: link.title }),
|
|
9214
|
+
link.type === "internal" && /* @__PURE__ */ jsx106(
|
|
9310
9215
|
"svg",
|
|
9311
9216
|
{
|
|
9312
9217
|
width: "18",
|
|
@@ -9315,10 +9220,10 @@ var DesignLink = ({ link, fillColor }) => {
|
|
|
9315
9220
|
fill: "none",
|
|
9316
9221
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9317
9222
|
className: `${fillColor}`,
|
|
9318
|
-
children: /* @__PURE__ */
|
|
9223
|
+
children: /* @__PURE__ */ jsx106("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
|
|
9319
9224
|
}
|
|
9320
9225
|
),
|
|
9321
|
-
link.type === "external" && /* @__PURE__ */
|
|
9226
|
+
link.type === "external" && /* @__PURE__ */ jsx106(
|
|
9322
9227
|
"svg",
|
|
9323
9228
|
{
|
|
9324
9229
|
width: "18",
|
|
@@ -9327,26 +9232,26 @@ var DesignLink = ({ link, fillColor }) => {
|
|
|
9327
9232
|
fill: "none",
|
|
9328
9233
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9329
9234
|
className: `-rotate-45 ${fillColor}`,
|
|
9330
|
-
children: /* @__PURE__ */
|
|
9235
|
+
children: /* @__PURE__ */ jsx106("path", { d: "M9.90341 16L8.59091 14.7045L13.9943 9.30114H0V7.42614L13.9943 7.42614L8.59091 2.03977L9.90341 0.727273L17.5398 8.36364L9.90341 16Z" })
|
|
9331
9236
|
}
|
|
9332
9237
|
)
|
|
9333
9238
|
] }),
|
|
9334
|
-
link.description && /* @__PURE__ */
|
|
9335
|
-
link.subtitle && /* @__PURE__ */
|
|
9239
|
+
link.description && /* @__PURE__ */ jsx106("div", { className: "w-10/12 py-4 text-gray-900 text-base font-normal leading-tight", children: link.description }),
|
|
9240
|
+
link.subtitle && /* @__PURE__ */ jsx106("div", { className: "text-primary text-base font-semibold leading-tight", children: link.subtitle })
|
|
9336
9241
|
] })
|
|
9337
9242
|
}
|
|
9338
9243
|
);
|
|
9339
9244
|
};
|
|
9340
9245
|
|
|
9341
9246
|
// src/components/DesignElements/Link/ListLink.tsx
|
|
9342
|
-
import { jsx as
|
|
9247
|
+
import { jsx as jsx107 } from "react/jsx-runtime";
|
|
9343
9248
|
var DesignListLink = ({ links, fillColor }) => {
|
|
9344
|
-
return /* @__PURE__ */
|
|
9249
|
+
return /* @__PURE__ */ jsx107("div", { className: "grid grid-cols-1 ", children: links.map((link) => /* @__PURE__ */ jsx107(DesignLink, { link, fillColor }, link.title)) });
|
|
9345
9250
|
};
|
|
9346
9251
|
|
|
9347
9252
|
// src/components/DesignElements/Link/customLink.tsx
|
|
9348
9253
|
import { Body18sb } from "@geowiki/design-system";
|
|
9349
|
-
import { jsx as
|
|
9254
|
+
import { jsx as jsx108, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
9350
9255
|
var DesignCustomLink = ({
|
|
9351
9256
|
linkText,
|
|
9352
9257
|
href,
|
|
@@ -9355,16 +9260,16 @@ var DesignCustomLink = ({
|
|
|
9355
9260
|
className
|
|
9356
9261
|
}) => {
|
|
9357
9262
|
fillColor = fillColor === void 0 ? "fill-black" : fillColor;
|
|
9358
|
-
return /* @__PURE__ */
|
|
9263
|
+
return /* @__PURE__ */ jsx108(
|
|
9359
9264
|
"a",
|
|
9360
9265
|
{
|
|
9361
9266
|
href,
|
|
9362
9267
|
target: isNewTab ? "_blank" : "_self",
|
|
9363
9268
|
rel: "noopener noreferrer",
|
|
9364
9269
|
className,
|
|
9365
|
-
children: /* @__PURE__ */
|
|
9366
|
-
/* @__PURE__ */
|
|
9367
|
-
/* @__PURE__ */
|
|
9270
|
+
children: /* @__PURE__ */ jsxs90("div", { className: "flex justify-start items-center gap-2 ", children: [
|
|
9271
|
+
/* @__PURE__ */ jsx108(Body18sb, { children: linkText }),
|
|
9272
|
+
/* @__PURE__ */ jsx108(
|
|
9368
9273
|
"svg",
|
|
9369
9274
|
{
|
|
9370
9275
|
width: "16",
|
|
@@ -9373,7 +9278,7 @@ var DesignCustomLink = ({
|
|
|
9373
9278
|
fill: "none",
|
|
9374
9279
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9375
9280
|
className: `${fillColor}`,
|
|
9376
|
-
children: /* @__PURE__ */
|
|
9281
|
+
children: /* @__PURE__ */ jsx108("path", { d: "M15.092 1.72341V11.6215C15.092 11.8973 14.9802 12.1476 14.7992 12.3286C14.6182 12.5096 14.3679 12.6214 14.0921 12.6214C13.5391 12.6214 13.0922 12.1745 13.0922 11.6215V4.13613L2.07127 15.1571C1.68024 15.5481 1.04738 15.5474 0.657053 15.1571C0.26673 14.7667 0.266023 14.1339 0.657053 13.7428L11.678 2.72192L4.19259 2.72192C3.63963 2.72192 3.19269 2.27498 3.19269 1.72202C3.19269 1.16907 3.63963 0.722131 4.19259 0.722131L14.0907 0.722131C14.2222 0.722131 14.3516 0.748214 14.4746 0.799126C14.7186 0.900242 14.9139 1.09552 15.015 1.33947C15.0659 1.46251 15.092 1.59188 15.092 1.72341Z" })
|
|
9377
9282
|
}
|
|
9378
9283
|
)
|
|
9379
9284
|
] })
|
|
@@ -9381,60 +9286,37 @@ var DesignCustomLink = ({
|
|
|
9381
9286
|
);
|
|
9382
9287
|
};
|
|
9383
9288
|
|
|
9384
|
-
// src/components/DesignElements/Link/SimpleLink.tsx
|
|
9385
|
-
import { Link as Link17 } from "@geowiki/core";
|
|
9386
|
-
import { DesignButton as DesignButton12 } from "@geowiki/design-system";
|
|
9387
|
-
import { jsx as jsx110 } from "react/jsx-runtime";
|
|
9388
|
-
var SimpleLink = ({ link }) => {
|
|
9389
|
-
return /* @__PURE__ */ jsx110(
|
|
9390
|
-
Link17,
|
|
9391
|
-
{
|
|
9392
|
-
href: link.href,
|
|
9393
|
-
target: link.isNewTab ? "_blank" : "_self",
|
|
9394
|
-
rel: "noreferrer",
|
|
9395
|
-
children: /* @__PURE__ */ jsx110(
|
|
9396
|
-
DesignButton12,
|
|
9397
|
-
{
|
|
9398
|
-
variant: link.isNewTab ? "externalLink" : "internalLink",
|
|
9399
|
-
className: "h-auto p-0 flex self-start lg:p-0",
|
|
9400
|
-
children: link.title
|
|
9401
|
-
}
|
|
9402
|
-
)
|
|
9403
|
-
}
|
|
9404
|
-
);
|
|
9405
|
-
};
|
|
9406
|
-
|
|
9407
9289
|
// src/components/DesignElements/ClusterNews/ClusterNewsItem.tsx
|
|
9408
|
-
import { Link as
|
|
9290
|
+
import { Link as Link17 } from "@geowiki/core";
|
|
9409
9291
|
import { CountryItem } from "@geowiki/design-system";
|
|
9410
|
-
import { jsx as
|
|
9292
|
+
import { jsx as jsx109, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
9411
9293
|
var ClusterNewsItem = (props) => {
|
|
9412
9294
|
var link = `/news/farmer-cluster/${props.id}`;
|
|
9413
|
-
return /* @__PURE__ */
|
|
9414
|
-
props.path && /* @__PURE__ */
|
|
9295
|
+
return /* @__PURE__ */ jsx109(Link17, { href: link, children: /* @__PURE__ */ jsxs91("div", { className: "relative flex items-start justify-start", children: [
|
|
9296
|
+
props.path && /* @__PURE__ */ jsx109(
|
|
9415
9297
|
ApiImage,
|
|
9416
9298
|
{
|
|
9417
9299
|
imageId: props.path,
|
|
9418
9300
|
className: "flex overflow-hidden relative flex-col px-6 py-5 w-full min-h-[400px] max-md:pl-5 max-md:max-w-full lg:min-h-[500px] brightness-75"
|
|
9419
9301
|
}
|
|
9420
9302
|
),
|
|
9421
|
-
/* @__PURE__ */
|
|
9422
|
-
/* @__PURE__ */
|
|
9423
|
-
/* @__PURE__ */
|
|
9303
|
+
/* @__PURE__ */ jsx109("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl float-right absolute top-3 right-3", children: /* @__PURE__ */ jsx109(CountryItem, { country: props.clusterCountry || "Unknown" }) }),
|
|
9304
|
+
/* @__PURE__ */ jsxs91("div", { className: "absolute bottom-0 flex-col flex items-start justify-start space-y-3 pl-6 pr-4 pb-6 text-secondary lg:space-y-4", children: [
|
|
9305
|
+
/* @__PURE__ */ jsxs91("div", { className: "text-base font-normal flex items-center justify-center gap-3 leading-[120%]", children: [
|
|
9424
9306
|
formatDate(props.time.toString(), "short"),
|
|
9425
|
-
/* @__PURE__ */
|
|
9307
|
+
/* @__PURE__ */ jsx109("div", { className: " font-medium ", children: props.username })
|
|
9426
9308
|
] }),
|
|
9427
|
-
/* @__PURE__ */
|
|
9428
|
-
/* @__PURE__ */
|
|
9309
|
+
/* @__PURE__ */ jsx109("div", { className: "text-[1.375rem] font-semibold", children: /* @__PURE__ */ jsx109("div", { className: "line-clamp-3 leading-[120%]", children: props.title }) }),
|
|
9310
|
+
/* @__PURE__ */ jsx109("div", { className: "text-base font-medium leading-[120%]", children: props.clusterName })
|
|
9429
9311
|
] })
|
|
9430
9312
|
] }) });
|
|
9431
9313
|
};
|
|
9432
9314
|
|
|
9433
9315
|
// src/components/DesignElements/ClusterNews/ClusterNewsList.tsx
|
|
9434
9316
|
import { v4 as v412 } from "uuid";
|
|
9435
|
-
import { jsx as
|
|
9317
|
+
import { jsx as jsx110 } from "react/jsx-runtime";
|
|
9436
9318
|
var ClusterNewsList = ({ clusterNewsItems }) => {
|
|
9437
|
-
return /* @__PURE__ */
|
|
9319
|
+
return /* @__PURE__ */ jsx110("div", { className: "mx-auto", children: /* @__PURE__ */ jsx110("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ jsx110(
|
|
9438
9320
|
ClusterNewsItem,
|
|
9439
9321
|
{
|
|
9440
9322
|
id: clusterNewsItem.id,
|
|
@@ -9454,7 +9336,7 @@ import { H4Design } from "@geowiki/design-system";
|
|
|
9454
9336
|
import { useClusterNews } from "@geowiki/core";
|
|
9455
9337
|
import { v4 as v413 } from "uuid";
|
|
9456
9338
|
import { Body18 as Body185, Body18m as Body18m5 } from "@geowiki/design-system";
|
|
9457
|
-
import { jsx as
|
|
9339
|
+
import { jsx as jsx111, jsxs as jsxs92 } from "react/jsx-runtime";
|
|
9458
9340
|
var ClusterStoryItem = (props) => {
|
|
9459
9341
|
var _a, _b;
|
|
9460
9342
|
const { data: clusterNews, isLoading } = useClusterNews(props.clusterId);
|
|
@@ -9483,11 +9365,11 @@ var ClusterStoryItem = (props) => {
|
|
|
9483
9365
|
path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
|
|
9484
9366
|
};
|
|
9485
9367
|
});
|
|
9486
|
-
return /* @__PURE__ */
|
|
9487
|
-
/* @__PURE__ */
|
|
9488
|
-
/* @__PURE__ */
|
|
9489
|
-
/* @__PURE__ */
|
|
9490
|
-
/* @__PURE__ */
|
|
9368
|
+
return /* @__PURE__ */ jsxs92("div", { className: " w-full h-full relative bg-white", children: [
|
|
9369
|
+
/* @__PURE__ */ jsx111("div", { className: "flex justify-center lg:ml-[25%] lg:mr-[25%] mt-4 lg:mt-6", children: /* @__PURE__ */ jsxs92("div", { className: "flex-col justify-start items-start gap-4 inline-flex", children: [
|
|
9370
|
+
/* @__PURE__ */ jsxs92("div", { className: "flex justify-center items-center gap-4 text-[.9375rem] lg:text-lg leading-[130%]", children: [
|
|
9371
|
+
/* @__PURE__ */ jsxs92("div", { className: "flex justify-start items-center gap-1", children: [
|
|
9372
|
+
/* @__PURE__ */ jsx111(
|
|
9491
9373
|
"svg",
|
|
9492
9374
|
{
|
|
9493
9375
|
width: "24",
|
|
@@ -9496,27 +9378,27 @@ var ClusterStoryItem = (props) => {
|
|
|
9496
9378
|
fill: "rgb(89,173,49)",
|
|
9497
9379
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9498
9380
|
className: "w-5 h-5 ",
|
|
9499
|
-
children: /* @__PURE__ */
|
|
9381
|
+
children: /* @__PURE__ */ jsx111("path", { d: "M12 2.5C7.313 2.5 3.5 6.313 3.5 11C3.5 15.983 8.129 19.041 11.192 21.064L11.722 21.416C11.806 21.472 11.903 21.5 11.999 21.5C12.095 21.5 12.192 21.472 12.276 21.416L12.806 21.064C15.869 19.041 20.498 15.983 20.498 11C20.5 6.313 16.687 2.5 12 2.5ZM12 13.5C10.619 13.5 9.5 12.381 9.5 11C9.5 9.619 10.619 8.5 12 8.5C13.381 8.5 14.5 9.619 14.5 11C14.5 12.381 13.381 13.5 12 13.5Z" })
|
|
9500
9382
|
}
|
|
9501
9383
|
),
|
|
9502
|
-
/* @__PURE__ */
|
|
9384
|
+
/* @__PURE__ */ jsx111(Body185, { children: props.ClusterCountry })
|
|
9503
9385
|
] }),
|
|
9504
|
-
/* @__PURE__ */
|
|
9386
|
+
/* @__PURE__ */ jsx111(Body185, { className: "text-black ", children: formatDate(props.NewsCreationTime, "long") })
|
|
9505
9387
|
] }),
|
|
9506
|
-
/* @__PURE__ */
|
|
9507
|
-
/* @__PURE__ */
|
|
9508
|
-
/* @__PURE__ */
|
|
9509
|
-
/* @__PURE__ */
|
|
9388
|
+
/* @__PURE__ */ jsx111("h1", { className: "self-stretch text-2xl font-light leading-[130%] max-md:max-w-full lg:leading-10 lg:text-3xl", children: props == null ? void 0 : props.NewsTitle }),
|
|
9389
|
+
/* @__PURE__ */ jsxs92("div", { className: " flex flex-wrap justify-start items-start gap-2", children: [
|
|
9390
|
+
/* @__PURE__ */ jsx111(Body18m5, { className: "text-black", children: props.UserName }),
|
|
9391
|
+
/* @__PURE__ */ jsx111("div", { className: "text-primary", children: /* @__PURE__ */ jsx111("a", { href: `/cluster/view/${props.clusterId}`, children: /* @__PURE__ */ jsx111(Body18m5, { children: props.ClusterName }) }) })
|
|
9510
9392
|
] })
|
|
9511
9393
|
] }) }),
|
|
9512
|
-
/* @__PURE__ */
|
|
9394
|
+
/* @__PURE__ */ jsx111("div", { className: "w-full relative rounded-xl", style: { marginTop: "4.5%" }, children: /* @__PURE__ */ jsx111(
|
|
9513
9395
|
ApiImage,
|
|
9514
9396
|
{
|
|
9515
9397
|
imageId: props.NewsCoverImageId,
|
|
9516
9398
|
className: "object-cover w-full rounded-xl h-[560px]"
|
|
9517
9399
|
}
|
|
9518
9400
|
) }),
|
|
9519
|
-
/* @__PURE__ */
|
|
9401
|
+
/* @__PURE__ */ jsxs92(
|
|
9520
9402
|
"div",
|
|
9521
9403
|
{
|
|
9522
9404
|
className: "justify-center lg:ml-[25%] lg:mr-[25%]",
|
|
@@ -9525,15 +9407,15 @@ var ClusterStoryItem = (props) => {
|
|
|
9525
9407
|
marginTop: "4.5%"
|
|
9526
9408
|
},
|
|
9527
9409
|
children: [
|
|
9528
|
-
/* @__PURE__ */
|
|
9529
|
-
/* @__PURE__ */
|
|
9410
|
+
/* @__PURE__ */ jsx111("div", { className: "foreground-1 text-2xl font-normal font-family italic", children: props.NewsIntro }),
|
|
9411
|
+
/* @__PURE__ */ jsx111(
|
|
9530
9412
|
"div",
|
|
9531
9413
|
{
|
|
9532
9414
|
className: "justify-start items-start gap-6 foreground-1 font-format-0 font-family leading-normal",
|
|
9533
9415
|
style: {
|
|
9534
9416
|
marginTop: "4.5%"
|
|
9535
9417
|
},
|
|
9536
|
-
children: /* @__PURE__ */
|
|
9418
|
+
children: /* @__PURE__ */ jsx111(
|
|
9537
9419
|
HtmlView,
|
|
9538
9420
|
{
|
|
9539
9421
|
cssClass: ((_b = props.NewsContent) == null ? void 0 : _b.startsWith('<div className="ql-editor"')) ? "ql-editor" : "test",
|
|
@@ -9551,9 +9433,9 @@ var ClusterStoryItem = (props) => {
|
|
|
9551
9433
|
]
|
|
9552
9434
|
}
|
|
9553
9435
|
),
|
|
9554
|
-
!isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */
|
|
9555
|
-
/* @__PURE__ */
|
|
9556
|
-
/* @__PURE__ */
|
|
9436
|
+
!isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */ jsxs92("div", { className: "container mx-auto pt-8 space-y-6 lg:pt-24 lg:space-y-10", children: [
|
|
9437
|
+
/* @__PURE__ */ jsx111("div", { className: "lg:flex lg:justify-between lg:items-end", children: /* @__PURE__ */ jsx111(H4Design, { children: "Explore more cluster news" }) }),
|
|
9438
|
+
/* @__PURE__ */ jsx111(
|
|
9557
9439
|
ClusterNewsList,
|
|
9558
9440
|
{
|
|
9559
9441
|
clusterNewsItems
|
|
@@ -9566,11 +9448,11 @@ var ClusterStoryItem = (props) => {
|
|
|
9566
9448
|
// src/components/DesignElements/ClusterNews/ClusterNews.tsx
|
|
9567
9449
|
import { H4Design as H4Design2 } from "@geowiki/design-system";
|
|
9568
9450
|
import { useState as useState43 } from "react";
|
|
9569
|
-
import { DesignButton as
|
|
9451
|
+
import { DesignButton as DesignButton12 } from "@geowiki/design-system";
|
|
9570
9452
|
import { v4 as v414 } from "uuid";
|
|
9571
9453
|
import { useClusterNews as useClusterNews2 } from "@geowiki/core";
|
|
9572
9454
|
import { LocalLoader } from "@geowiki/design-system";
|
|
9573
|
-
import { Fragment as
|
|
9455
|
+
import { Fragment as Fragment26, jsx as jsx112, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
9574
9456
|
var ClusterNews = ({
|
|
9575
9457
|
clusterName,
|
|
9576
9458
|
clusterId,
|
|
@@ -9609,14 +9491,14 @@ var ClusterNews = ({
|
|
|
9609
9491
|
};
|
|
9610
9492
|
});
|
|
9611
9493
|
if (isLoading)
|
|
9612
|
-
return /* @__PURE__ */
|
|
9494
|
+
return /* @__PURE__ */ jsx112(LocalLoader, {});
|
|
9613
9495
|
if (publishedItems.length == 0)
|
|
9614
9496
|
return null;
|
|
9615
|
-
return /* @__PURE__ */
|
|
9616
|
-
/* @__PURE__ */
|
|
9617
|
-
/* @__PURE__ */
|
|
9618
|
-
publishedItems.length > 3 && /* @__PURE__ */
|
|
9619
|
-
|
|
9497
|
+
return /* @__PURE__ */ jsx112(Fragment26, { children: !isLoading && /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ jsx112("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ jsxs93("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
|
|
9498
|
+
/* @__PURE__ */ jsxs93("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
|
|
9499
|
+
/* @__PURE__ */ jsx112(H4Design2, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
|
|
9500
|
+
publishedItems.length > 3 && /* @__PURE__ */ jsx112(
|
|
9501
|
+
DesignButton12,
|
|
9620
9502
|
{
|
|
9621
9503
|
variant: "text",
|
|
9622
9504
|
className: "h-auto p-0 text-base lg:p-0",
|
|
@@ -9625,13 +9507,13 @@ var ClusterNews = ({
|
|
|
9625
9507
|
}
|
|
9626
9508
|
)
|
|
9627
9509
|
] }),
|
|
9628
|
-
/* @__PURE__ */
|
|
9510
|
+
/* @__PURE__ */ jsx112(
|
|
9629
9511
|
ClusterNewsList,
|
|
9630
9512
|
{
|
|
9631
9513
|
clusterNewsItems
|
|
9632
9514
|
}
|
|
9633
9515
|
),
|
|
9634
|
-
showAll && /* @__PURE__ */
|
|
9516
|
+
showAll && /* @__PURE__ */ jsx112(
|
|
9635
9517
|
DesignPagination,
|
|
9636
9518
|
{
|
|
9637
9519
|
totalCount: clusterNews == null ? void 0 : clusterNews.totalCount,
|
|
@@ -9647,7 +9529,7 @@ var ClusterNews = ({
|
|
|
9647
9529
|
// src/components/DesignElements/ClusterNews/SixClusterNews.tsx
|
|
9648
9530
|
import { useNewsFromAllClusters, useClusterNewsWithId } from "@geowiki/core";
|
|
9649
9531
|
import { v4 as v415 } from "uuid";
|
|
9650
|
-
import { jsx as
|
|
9532
|
+
import { jsx as jsx113 } from "react/jsx-runtime";
|
|
9651
9533
|
var SixClusterNews = () => {
|
|
9652
9534
|
var _a, _b, _c;
|
|
9653
9535
|
const { data: news, isLoading } = useNewsFromAllClusters(0, 6);
|
|
@@ -9711,16 +9593,16 @@ var SixClusterNews = () => {
|
|
|
9711
9593
|
})) != null ? _c : [];
|
|
9712
9594
|
const clusterNewsItems = clusterNews.length === indexArray.length ? clusterNews : firstClusterNews;
|
|
9713
9595
|
if (isLoading || isLoading0 || isLoading1 || isLoading2 || isLoading3 || isLoading4 || isLoading5) {
|
|
9714
|
-
return /* @__PURE__ */
|
|
9596
|
+
return /* @__PURE__ */ jsx113("div", { children: "Loading..." });
|
|
9715
9597
|
}
|
|
9716
|
-
return /* @__PURE__ */
|
|
9598
|
+
return /* @__PURE__ */ jsx113("div", { className: "lg:container mx-auto pt-10", children: /* @__PURE__ */ jsx113(ClusterNewsList, { clusterNewsItems }) });
|
|
9717
9599
|
};
|
|
9718
9600
|
|
|
9719
9601
|
// src/components/DesignElements/Cluster/Cluster.tsx
|
|
9720
|
-
import { Link as
|
|
9602
|
+
import { Link as Link18 } from "@geowiki/core";
|
|
9721
9603
|
import { CountryItem as CountryItem2 } from "@geowiki/design-system";
|
|
9722
9604
|
import { H9Design as H9Design2, Body16sb } from "@geowiki/design-system";
|
|
9723
|
-
import { jsx as
|
|
9605
|
+
import { jsx as jsx114, jsxs as jsxs94 } from "react/jsx-runtime";
|
|
9724
9606
|
var Cluster = ({
|
|
9725
9607
|
title,
|
|
9726
9608
|
path,
|
|
@@ -9728,8 +9610,8 @@ var Cluster = ({
|
|
|
9728
9610
|
status,
|
|
9729
9611
|
imageId
|
|
9730
9612
|
}) => {
|
|
9731
|
-
return /* @__PURE__ */
|
|
9732
|
-
/* @__PURE__ */
|
|
9613
|
+
return /* @__PURE__ */ jsx114(Link18, { href: path, children: /* @__PURE__ */ jsxs94("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
|
|
9614
|
+
/* @__PURE__ */ jsx114(
|
|
9733
9615
|
ApiImage,
|
|
9734
9616
|
{
|
|
9735
9617
|
imageId,
|
|
@@ -9738,18 +9620,18 @@ var Cluster = ({
|
|
|
9738
9620
|
className: "w-full h-64 rounded-xl object-cover"
|
|
9739
9621
|
}
|
|
9740
9622
|
),
|
|
9741
|
-
/* @__PURE__ */
|
|
9742
|
-
country && country !== null ? /* @__PURE__ */
|
|
9743
|
-
/* @__PURE__ */
|
|
9623
|
+
/* @__PURE__ */ jsxs94("div", { className: "pt-3 pb-2 justify-start items-center space-x-3 inline-flex text-base leading-tight lg:pt-4 lg:pb-3", children: [
|
|
9624
|
+
country && country !== null ? /* @__PURE__ */ jsx114(CountryItem2, { country }) : /* @__PURE__ */ jsx114(CountryItem2, { country: "Undefined" }),
|
|
9625
|
+
/* @__PURE__ */ jsx114(Body16sb, { className: "text-primary", children: status })
|
|
9744
9626
|
] }),
|
|
9745
|
-
/* @__PURE__ */
|
|
9627
|
+
/* @__PURE__ */ jsx114(H9Design2, { children: title })
|
|
9746
9628
|
] }) });
|
|
9747
9629
|
};
|
|
9748
9630
|
|
|
9749
9631
|
// src/components/DesignElements/Cluster/ClusterList.tsx
|
|
9750
|
-
import { jsx as
|
|
9632
|
+
import { jsx as jsx115 } from "react/jsx-runtime";
|
|
9751
9633
|
var ClusterList = ({ clusters }) => {
|
|
9752
|
-
return /* @__PURE__ */
|
|
9634
|
+
return /* @__PURE__ */ jsx115("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ jsx115("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: clusters.map((cluster) => /* @__PURE__ */ jsx115(
|
|
9753
9635
|
Cluster,
|
|
9754
9636
|
{
|
|
9755
9637
|
imageId: cluster.imageId,
|
|
@@ -9764,28 +9646,28 @@ var ClusterList = ({ clusters }) => {
|
|
|
9764
9646
|
|
|
9765
9647
|
// src/components/DesignElements/Cluster/H3Clusters.tsx
|
|
9766
9648
|
import { H4Design as H4Design3 } from "@geowiki/design-system";
|
|
9767
|
-
import { DesignButton as
|
|
9768
|
-
import { Link as
|
|
9649
|
+
import { DesignButton as DesignButton13 } from "@geowiki/design-system";
|
|
9650
|
+
import { Link as Link19 } from "@geowiki/core";
|
|
9769
9651
|
import { v4 as v416 } from "uuid";
|
|
9770
9652
|
import { useCountries } from "@geowiki/core";
|
|
9771
|
-
import { jsx as
|
|
9653
|
+
import { jsx as jsx116, jsxs as jsxs95 } from "react/jsx-runtime";
|
|
9772
9654
|
var H3Clusters = ({ clusters }) => {
|
|
9773
9655
|
const { data: countries, isLoading: isCountriesLoading } = useCountries();
|
|
9774
9656
|
if (isCountriesLoading)
|
|
9775
|
-
return /* @__PURE__ */
|
|
9776
|
-
return /* @__PURE__ */
|
|
9777
|
-
/* @__PURE__ */
|
|
9778
|
-
/* @__PURE__ */
|
|
9779
|
-
/* @__PURE__ */
|
|
9780
|
-
|
|
9657
|
+
return /* @__PURE__ */ jsx116("div", { children: "Loading..." });
|
|
9658
|
+
return /* @__PURE__ */ jsxs95("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
|
|
9659
|
+
/* @__PURE__ */ jsxs95("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
|
|
9660
|
+
/* @__PURE__ */ jsx116(H4Design3, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
|
|
9661
|
+
/* @__PURE__ */ jsx116(
|
|
9662
|
+
DesignButton13,
|
|
9781
9663
|
{
|
|
9782
9664
|
variant: "internalLink",
|
|
9783
9665
|
className: "h-auto p-0 text-base lg:p-0",
|
|
9784
|
-
children: /* @__PURE__ */
|
|
9666
|
+
children: /* @__PURE__ */ jsx116(Link19, { href: "/page/farmer-clusters/farmer-cluster-finder", children: "View all" })
|
|
9785
9667
|
}
|
|
9786
9668
|
)
|
|
9787
9669
|
] }),
|
|
9788
|
-
/* @__PURE__ */
|
|
9670
|
+
/* @__PURE__ */ jsx116(
|
|
9789
9671
|
ClusterList,
|
|
9790
9672
|
{
|
|
9791
9673
|
clusters: clusters == null ? void 0 : clusters.slice(0, 4).map((cluster) => {
|
|
@@ -9805,10 +9687,10 @@ var H3Clusters = ({ clusters }) => {
|
|
|
9805
9687
|
};
|
|
9806
9688
|
|
|
9807
9689
|
// src/components/DesignElements/Gallery/GalleryItem.tsx
|
|
9808
|
-
import { jsx as
|
|
9690
|
+
import { jsx as jsx117, jsxs as jsxs96 } from "react/jsx-runtime";
|
|
9809
9691
|
var GalleryItem = ({ text, id }) => {
|
|
9810
|
-
return /* @__PURE__ */
|
|
9811
|
-
/* @__PURE__ */
|
|
9692
|
+
return /* @__PURE__ */ jsxs96("div", { className: "h-[22.25rem] sm:w-auto bg-center relative flex group ", children: [
|
|
9693
|
+
/* @__PURE__ */ jsx117(
|
|
9812
9694
|
ApiImage,
|
|
9813
9695
|
{
|
|
9814
9696
|
imageId: id,
|
|
@@ -9817,7 +9699,7 @@ var GalleryItem = ({ text, id }) => {
|
|
|
9817
9699
|
className: "h-full bg-black group-hover:brightness-50 rounded-xl object-cover"
|
|
9818
9700
|
}
|
|
9819
9701
|
),
|
|
9820
|
-
/* @__PURE__ */
|
|
9702
|
+
/* @__PURE__ */ jsx117("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ jsx117("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
|
|
9821
9703
|
] });
|
|
9822
9704
|
};
|
|
9823
9705
|
|
|
@@ -9831,14 +9713,14 @@ import {
|
|
|
9831
9713
|
} from "@geowiki/design-system";
|
|
9832
9714
|
|
|
9833
9715
|
// src/components/DesignElements/Gallery/GalleryCarouselOpen.tsx
|
|
9834
|
-
import { Fragment as
|
|
9835
|
-
import { Dialog as
|
|
9836
|
-
import { XMarkIcon as
|
|
9716
|
+
import { Fragment as Fragment27 } from "react";
|
|
9717
|
+
import { Dialog as Dialog20, Transition as Transition7 } from "@headlessui/react";
|
|
9718
|
+
import { XMarkIcon as XMarkIcon6 } from "@heroicons/react/24/outline";
|
|
9837
9719
|
import { useState as useState44, useEffect as useEffect22 } from "react";
|
|
9838
9720
|
import { ChevronLeft, ChevronRight } from "lucide-react";
|
|
9839
9721
|
import { useApiImage as useApiImage2 } from "@geowiki/core";
|
|
9840
|
-
import { Body16 as
|
|
9841
|
-
import { jsx as
|
|
9722
|
+
import { Body16 as Body165 } from "@geowiki/design-system";
|
|
9723
|
+
import { jsx as jsx118, jsxs as jsxs97 } from "react/jsx-runtime";
|
|
9842
9724
|
var GalleryCarouselOpen = ({
|
|
9843
9725
|
list,
|
|
9844
9726
|
currentPhoto,
|
|
@@ -9875,31 +9757,31 @@ var GalleryCarouselOpen = ({
|
|
|
9875
9757
|
setDefaultText(foundPhoto.text);
|
|
9876
9758
|
}
|
|
9877
9759
|
}, [defaultPhoto, list]);
|
|
9878
|
-
return /* @__PURE__ */
|
|
9879
|
-
/* @__PURE__ */
|
|
9880
|
-
|
|
9760
|
+
return /* @__PURE__ */ jsx118(Transition7.Root, { show: open, as: Fragment27, "data-component": "ResourceView", children: /* @__PURE__ */ jsxs97(Dialog20, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
9761
|
+
/* @__PURE__ */ jsx118(
|
|
9762
|
+
Transition7.Child,
|
|
9881
9763
|
{
|
|
9882
|
-
as:
|
|
9764
|
+
as: Fragment27,
|
|
9883
9765
|
enter: "ease-out duration-300",
|
|
9884
9766
|
enterFrom: "opacity-0",
|
|
9885
9767
|
enterTo: "opacity-100",
|
|
9886
9768
|
leave: "ease-in duration-200",
|
|
9887
9769
|
leaveFrom: "opacity-100",
|
|
9888
9770
|
leaveTo: "opacity-0",
|
|
9889
|
-
children: /* @__PURE__ */
|
|
9771
|
+
children: /* @__PURE__ */ jsx118("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
|
|
9890
9772
|
}
|
|
9891
9773
|
),
|
|
9892
|
-
/* @__PURE__ */
|
|
9893
|
-
/* @__PURE__ */
|
|
9774
|
+
/* @__PURE__ */ jsx118(Dialog20.Panel, { className: "relative ", children: /* @__PURE__ */ jsxs97("div", { className: "fixed inset-0 flex items-center justify-between", children: [
|
|
9775
|
+
/* @__PURE__ */ jsx118("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ jsxs97(
|
|
9894
9776
|
"button",
|
|
9895
9777
|
{
|
|
9896
9778
|
type: "button",
|
|
9897
9779
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
9898
9780
|
onClick: () => setOpen(false),
|
|
9899
9781
|
children: [
|
|
9900
|
-
/* @__PURE__ */
|
|
9901
|
-
/* @__PURE__ */
|
|
9902
|
-
|
|
9782
|
+
/* @__PURE__ */ jsx118("span", { className: "sr-only", children: "Close" }),
|
|
9783
|
+
/* @__PURE__ */ jsx118(
|
|
9784
|
+
XMarkIcon6,
|
|
9903
9785
|
{
|
|
9904
9786
|
className: "h-4 w-4 lg:h-6 lg:w-6 text-white",
|
|
9905
9787
|
"aria-hidden": "true"
|
|
@@ -9908,18 +9790,18 @@ var GalleryCarouselOpen = ({
|
|
|
9908
9790
|
]
|
|
9909
9791
|
}
|
|
9910
9792
|
) }),
|
|
9911
|
-
/* @__PURE__ */
|
|
9912
|
-
/* @__PURE__ */
|
|
9793
|
+
/* @__PURE__ */ jsx118("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ jsxs97("div", { className: "flex justify-between w-full ", children: [
|
|
9794
|
+
/* @__PURE__ */ jsx118(
|
|
9913
9795
|
"button",
|
|
9914
9796
|
{
|
|
9915
9797
|
type: "button",
|
|
9916
9798
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
|
|
9917
9799
|
onClick: handlePrevious,
|
|
9918
|
-
children: /* @__PURE__ */
|
|
9800
|
+
children: /* @__PURE__ */ jsx118(ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
|
|
9919
9801
|
}
|
|
9920
9802
|
),
|
|
9921
|
-
/* @__PURE__ */
|
|
9922
|
-
/* @__PURE__ */
|
|
9803
|
+
/* @__PURE__ */ jsxs97("div", { className: "w-full flex-col flex items-center justify-center", children: [
|
|
9804
|
+
/* @__PURE__ */ jsx118(
|
|
9923
9805
|
"img",
|
|
9924
9806
|
{
|
|
9925
9807
|
src: data,
|
|
@@ -9928,15 +9810,15 @@ var GalleryCarouselOpen = ({
|
|
|
9928
9810
|
className: " h-4/6 w-auto py-4"
|
|
9929
9811
|
}
|
|
9930
9812
|
),
|
|
9931
|
-
/* @__PURE__ */
|
|
9813
|
+
/* @__PURE__ */ jsx118(Body165, { className: "z-40 text-white", children: text })
|
|
9932
9814
|
] }),
|
|
9933
|
-
/* @__PURE__ */
|
|
9815
|
+
/* @__PURE__ */ jsx118(
|
|
9934
9816
|
"button",
|
|
9935
9817
|
{
|
|
9936
9818
|
type: "button",
|
|
9937
9819
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
|
|
9938
9820
|
onClick: handleNext,
|
|
9939
|
-
children: /* @__PURE__ */
|
|
9821
|
+
children: /* @__PURE__ */ jsx118(ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
|
|
9940
9822
|
}
|
|
9941
9823
|
)
|
|
9942
9824
|
] }) })
|
|
@@ -9946,7 +9828,7 @@ var GalleryCarouselOpen = ({
|
|
|
9946
9828
|
|
|
9947
9829
|
// src/components/DesignElements/Gallery/GalleryItemList.tsx
|
|
9948
9830
|
import { useState as useState45 } from "react";
|
|
9949
|
-
import { jsx as
|
|
9831
|
+
import { jsx as jsx119, jsxs as jsxs98 } from "react/jsx-runtime";
|
|
9950
9832
|
var GalleryItemList = ({ galleryItems }) => {
|
|
9951
9833
|
const [open, setOpen] = useState45(false);
|
|
9952
9834
|
const [selectedItemId, setSelectedItemId] = useState45("");
|
|
@@ -9954,20 +9836,20 @@ var GalleryItemList = ({ galleryItems }) => {
|
|
|
9954
9836
|
setOpen(true);
|
|
9955
9837
|
setSelectedItemId(id);
|
|
9956
9838
|
};
|
|
9957
|
-
return /* @__PURE__ */
|
|
9958
|
-
/* @__PURE__ */
|
|
9959
|
-
/* @__PURE__ */
|
|
9839
|
+
return /* @__PURE__ */ jsxs98("div", { children: [
|
|
9840
|
+
/* @__PURE__ */ jsxs98(Carousel5, { className: "w-full px-8", children: [
|
|
9841
|
+
/* @__PURE__ */ jsx119(CarouselContent2, { className: "px-3", children: galleryItems.map((galleryItem, index) => /* @__PURE__ */ jsx119(CarouselItem2, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ jsx119("div", { className: "p-1", children: /* @__PURE__ */ jsx119(
|
|
9960
9842
|
"div",
|
|
9961
9843
|
{
|
|
9962
9844
|
className: "flex aspect-square items-center justify-center cursor-pointer",
|
|
9963
9845
|
onClick: () => handleOpenGallery(galleryItem.id),
|
|
9964
|
-
children: /* @__PURE__ */
|
|
9846
|
+
children: /* @__PURE__ */ jsx119(GalleryItem, { text: galleryItem.text, id: galleryItem.id })
|
|
9965
9847
|
}
|
|
9966
9848
|
) }) }, index)) }),
|
|
9967
|
-
/* @__PURE__ */
|
|
9968
|
-
/* @__PURE__ */
|
|
9849
|
+
/* @__PURE__ */ jsx119(CarouselPrevious2, {}),
|
|
9850
|
+
/* @__PURE__ */ jsx119(CarouselNext2, {})
|
|
9969
9851
|
] }),
|
|
9970
|
-
/* @__PURE__ */
|
|
9852
|
+
/* @__PURE__ */ jsx119(
|
|
9971
9853
|
GalleryCarouselOpen,
|
|
9972
9854
|
{
|
|
9973
9855
|
currentPhoto: { imageId: selectedItemId },
|
|
@@ -9983,9 +9865,9 @@ var GalleryItemList = ({ galleryItems }) => {
|
|
|
9983
9865
|
};
|
|
9984
9866
|
|
|
9985
9867
|
// src/components/DesignElements/NewsArticle/NewsArticleList.tsx
|
|
9986
|
-
import { jsx as
|
|
9868
|
+
import { jsx as jsx120 } from "react/jsx-runtime";
|
|
9987
9869
|
var NewsArticleList = ({ newsArticles }) => {
|
|
9988
|
-
return /* @__PURE__ */
|
|
9870
|
+
return /* @__PURE__ */ jsx120("div", { className: "px-0", children: /* @__PURE__ */ jsx120("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsArticles.map((newsArticle, index) => /* @__PURE__ */ jsx120(
|
|
9989
9871
|
NewsArticle,
|
|
9990
9872
|
{
|
|
9991
9873
|
title: newsArticle.title,
|
|
@@ -10002,11 +9884,11 @@ var NewsArticleList = ({ newsArticles }) => {
|
|
|
10002
9884
|
|
|
10003
9885
|
// src/components/DesignElements/OpenPins/bioBlitzObservation.tsx
|
|
10004
9886
|
import { Image as Image5 } from "@geowiki/core";
|
|
10005
|
-
import { jsx as
|
|
9887
|
+
import { jsx as jsx121, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
10006
9888
|
var BIO_BLITZ_LINK_COLOR = "#59AD31";
|
|
10007
9889
|
var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
10008
|
-
return /* @__PURE__ */
|
|
10009
|
-
bioBlitzObservation.path && /* @__PURE__ */
|
|
9890
|
+
return /* @__PURE__ */ jsxs99("div", { className: "w-[230px] relative bg-white overflow-hidden rounded-3xl", children: [
|
|
9891
|
+
bioBlitzObservation.path && /* @__PURE__ */ jsx121(
|
|
10010
9892
|
Image5,
|
|
10011
9893
|
{
|
|
10012
9894
|
alt: "",
|
|
@@ -10016,14 +9898,14 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
|
10016
9898
|
className: "w-[230px] h-[150px] rounded-tl-3xl rounded-tr-3xl object-cover"
|
|
10017
9899
|
}
|
|
10018
9900
|
),
|
|
10019
|
-
/* @__PURE__ */
|
|
10020
|
-
/* @__PURE__ */
|
|
10021
|
-
/* @__PURE__ */
|
|
10022
|
-
/* @__PURE__ */
|
|
9901
|
+
/* @__PURE__ */ jsxs99("div", { className: "p-4 space-y-1 whitespace-normal overflow-hidden break-words", children: [
|
|
9902
|
+
/* @__PURE__ */ jsx121("div", { className: "text-lg font-medium leading-[130%]", children: bioBlitzObservation.title }),
|
|
9903
|
+
/* @__PURE__ */ jsx121("div", { className: "text-base font-normal italic leading-[130%]", children: bioBlitzObservation.taxonomicName }),
|
|
9904
|
+
/* @__PURE__ */ jsxs99("div", { className: "text-base font-normal leading-[130%]", children: [
|
|
10023
9905
|
"Observed on ",
|
|
10024
9906
|
bioBlitzObservation.date
|
|
10025
9907
|
] }),
|
|
10026
|
-
/* @__PURE__ */
|
|
9908
|
+
/* @__PURE__ */ jsx121(
|
|
10027
9909
|
"a",
|
|
10028
9910
|
{
|
|
10029
9911
|
href: bioBlitzObservation.link,
|
|
@@ -10039,21 +9921,21 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
|
10039
9921
|
};
|
|
10040
9922
|
|
|
10041
9923
|
// src/components/DesignElements/OpenPins/farmerClusterPins.tsx
|
|
10042
|
-
import { DesignButton as
|
|
9924
|
+
import { DesignButton as DesignButton14 } from "@geowiki/design-system";
|
|
10043
9925
|
import { Body18m as Body18m6, Body14 as Body142 } from "@geowiki/design-system";
|
|
10044
9926
|
import { Image as Image6 } from "@geowiki/core";
|
|
10045
|
-
import { Link as
|
|
10046
|
-
import { jsx as
|
|
9927
|
+
import { Link as Link20 } from "@geowiki/core";
|
|
9928
|
+
import { jsx as jsx122, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
10047
9929
|
var DesignFarmerClusterPin = ({
|
|
10048
9930
|
farmerCluster,
|
|
10049
9931
|
buttonText
|
|
10050
9932
|
}) => {
|
|
10051
|
-
return /* @__PURE__ */
|
|
10052
|
-
/* @__PURE__ */
|
|
10053
|
-
/* @__PURE__ */
|
|
10054
|
-
/* @__PURE__ */
|
|
10055
|
-
/* @__PURE__ */
|
|
10056
|
-
|
|
9933
|
+
return /* @__PURE__ */ jsxs100("div", { className: "flex-col flex w-[230px] justify-between items-start bg-white rounded-3xl lg:flex-row lg:h-[12.5rem] lg:w-[36rem] lg:inline-flex lg:items-center", children: [
|
|
9934
|
+
/* @__PURE__ */ jsxs100("div", { className: "flex-col gap-3 py-4 px-3 flex justify-center items-start lg:w-[22rem] lg:py-0 lg:px-6", children: [
|
|
9935
|
+
/* @__PURE__ */ jsx122(Body18m6, { children: farmerCluster.title }),
|
|
9936
|
+
/* @__PURE__ */ jsx122(Body142, { className: "line-clamp-3", children: farmerCluster.description }),
|
|
9937
|
+
/* @__PURE__ */ jsx122(Link20, { href: farmerCluster.viewUrl, className: "internal-link ", children: /* @__PURE__ */ jsx122(
|
|
9938
|
+
DesignButton14,
|
|
10057
9939
|
{
|
|
10058
9940
|
variant: "internalLink",
|
|
10059
9941
|
className: "h-auto p-0 text-base lg:p-0",
|
|
@@ -10061,7 +9943,7 @@ var DesignFarmerClusterPin = ({
|
|
|
10061
9943
|
}
|
|
10062
9944
|
) })
|
|
10063
9945
|
] }),
|
|
10064
|
-
/* @__PURE__ */
|
|
9946
|
+
/* @__PURE__ */ jsx122("div", { className: "relative", children: /* @__PURE__ */ jsx122(
|
|
10065
9947
|
Image6,
|
|
10066
9948
|
{
|
|
10067
9949
|
alt: "",
|
|
@@ -10076,28 +9958,28 @@ var DesignFarmerClusterPin = ({
|
|
|
10076
9958
|
|
|
10077
9959
|
// src/components/DesignElements/HeadingTextBlocks/LandingTitleBodyButton.tsx
|
|
10078
9960
|
import { LandingTitle, Body18 as Body186 } from "@geowiki/design-system";
|
|
10079
|
-
import { DesignButton as
|
|
10080
|
-
import { Link as
|
|
10081
|
-
import { jsx as
|
|
9961
|
+
import { DesignButton as DesignButton15 } from "@geowiki/design-system";
|
|
9962
|
+
import { Link as Link21 } from "@geowiki/core";
|
|
9963
|
+
import { jsx as jsx123, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
10082
9964
|
var LandingTitleBodyButton = ({ title, textBody, button }) => {
|
|
10083
9965
|
const isNeedParse = /<em>(.*?)<\/em>/g.test(title);
|
|
10084
|
-
return /* @__PURE__ */
|
|
10085
|
-
isNeedParse && /* @__PURE__ */
|
|
9966
|
+
return /* @__PURE__ */ jsxs101("div", { className: "lg:container mx-auto max-w-3xl lg:max-w-5xl space-y-4 mt-3 lg:mt-12", children: [
|
|
9967
|
+
isNeedParse && /* @__PURE__ */ jsx123(
|
|
10086
9968
|
HtmlView,
|
|
10087
9969
|
{
|
|
10088
9970
|
cssClass: "m-0",
|
|
10089
9971
|
html: parseTitle(title, "LandingTitle")
|
|
10090
9972
|
}
|
|
10091
9973
|
),
|
|
10092
|
-
!isNeedParse && /* @__PURE__ */
|
|
10093
|
-
/* @__PURE__ */
|
|
10094
|
-
button.text && button.link && /* @__PURE__ */
|
|
10095
|
-
|
|
9974
|
+
!isNeedParse && /* @__PURE__ */ jsx123(LandingTitle, { children: title }),
|
|
9975
|
+
/* @__PURE__ */ jsx123(Body186, { children: textBody }),
|
|
9976
|
+
button.text && button.link && /* @__PURE__ */ jsx123("div", { children: /* @__PURE__ */ jsx123(
|
|
9977
|
+
Link21,
|
|
10096
9978
|
{
|
|
10097
9979
|
href: button.link,
|
|
10098
9980
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10099
9981
|
rel: "noreferrer",
|
|
10100
|
-
children: /* @__PURE__ */
|
|
9982
|
+
children: /* @__PURE__ */ jsx123(DesignButton15, { children: button.text })
|
|
10101
9983
|
}
|
|
10102
9984
|
) })
|
|
10103
9985
|
] });
|
|
@@ -10105,11 +9987,11 @@ var LandingTitleBodyButton = ({ title, textBody, button }) => {
|
|
|
10105
9987
|
|
|
10106
9988
|
// src/components/DesignElements/HeadingTextBlocks/H1BodyButton.tsx
|
|
10107
9989
|
import { H1Design } from "@geowiki/design-system";
|
|
10108
|
-
import { DesignButton as
|
|
10109
|
-
import { Link as
|
|
9990
|
+
import { DesignButton as DesignButton16 } from "@geowiki/design-system";
|
|
9991
|
+
import { Link as Link22 } from "@geowiki/core";
|
|
10110
9992
|
import { configStore as configStore2 } from "@geowiki/core";
|
|
10111
9993
|
import parse2 from "html-react-parser";
|
|
10112
|
-
import { jsx as
|
|
9994
|
+
import { jsx as jsx124, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
10113
9995
|
var HtmlView2 = (props) => {
|
|
10114
9996
|
const options = {
|
|
10115
9997
|
replace: (domNode) => {
|
|
@@ -10125,11 +10007,11 @@ var HtmlView2 = (props) => {
|
|
|
10125
10007
|
data = data.replace(match, imageHtml);
|
|
10126
10008
|
});
|
|
10127
10009
|
}
|
|
10128
|
-
return /* @__PURE__ */
|
|
10010
|
+
return /* @__PURE__ */ jsx124("span", { children: parse2(data) });
|
|
10129
10011
|
}
|
|
10130
10012
|
}
|
|
10131
10013
|
};
|
|
10132
|
-
return /* @__PURE__ */
|
|
10014
|
+
return /* @__PURE__ */ jsxs102(
|
|
10133
10015
|
"div",
|
|
10134
10016
|
{
|
|
10135
10017
|
className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
|
|
@@ -10152,40 +10034,40 @@ var H1BodyButton = ({
|
|
|
10152
10034
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10153
10035
|
return modifiedText;
|
|
10154
10036
|
};
|
|
10155
|
-
return /* @__PURE__ */
|
|
10037
|
+
return /* @__PURE__ */ jsxs102(
|
|
10156
10038
|
"div",
|
|
10157
10039
|
{
|
|
10158
10040
|
className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
|
|
10159
10041
|
"data-component-name": "H1BodyButton",
|
|
10160
10042
|
children: [
|
|
10161
|
-
/* @__PURE__ */
|
|
10162
|
-
/* @__PURE__ */
|
|
10163
|
-
isNeedParse && /* @__PURE__ */
|
|
10164
|
-
!isNeedParse && /* @__PURE__ */
|
|
10043
|
+
/* @__PURE__ */ jsx124("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
10044
|
+
/* @__PURE__ */ jsxs102("div", { className: "w-full max-w-3xl lg:px-5", children: [
|
|
10045
|
+
isNeedParse && /* @__PURE__ */ jsx124(HtmlView2, { cssClass: "m-0", html: parseTitle(title, "H1") }),
|
|
10046
|
+
!isNeedParse && /* @__PURE__ */ jsxs102(H1Design, { children: [
|
|
10165
10047
|
title,
|
|
10166
10048
|
" "
|
|
10167
10049
|
] }),
|
|
10168
|
-
textBody && /* @__PURE__ */
|
|
10050
|
+
textBody && /* @__PURE__ */ jsx124(
|
|
10169
10051
|
HtmlView2,
|
|
10170
10052
|
{
|
|
10171
10053
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
10172
10054
|
html: addLinksStyles(textBody)
|
|
10173
10055
|
}
|
|
10174
10056
|
),
|
|
10175
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10176
|
-
|
|
10057
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx124("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ jsx124(
|
|
10058
|
+
Link22,
|
|
10177
10059
|
{
|
|
10178
10060
|
href: button.link,
|
|
10179
10061
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10180
10062
|
rel: "noreferrer",
|
|
10181
|
-
children: button.isNewTab ? /* @__PURE__ */
|
|
10182
|
-
|
|
10063
|
+
children: button.isNewTab ? /* @__PURE__ */ jsx124(
|
|
10064
|
+
DesignButton16,
|
|
10183
10065
|
{
|
|
10184
10066
|
variant: "externalLink",
|
|
10185
10067
|
className: "h-auto p-0 lg:p-0",
|
|
10186
10068
|
children: button.text
|
|
10187
10069
|
}
|
|
10188
|
-
) : /* @__PURE__ */
|
|
10070
|
+
) : /* @__PURE__ */ jsx124(DesignButton16, { children: button.text })
|
|
10189
10071
|
}
|
|
10190
10072
|
) })
|
|
10191
10073
|
] })
|
|
@@ -10196,9 +10078,9 @@ var H1BodyButton = ({
|
|
|
10196
10078
|
|
|
10197
10079
|
// src/components/DesignElements/HeadingTextBlocks/H2BodyButton.tsx
|
|
10198
10080
|
import { H2Design as H2Design2, Body18 as Body187 } from "@geowiki/design-system";
|
|
10199
|
-
import { DesignButton as
|
|
10200
|
-
import { Link as
|
|
10201
|
-
import { jsx as
|
|
10081
|
+
import { DesignButton as DesignButton17 } from "@geowiki/design-system";
|
|
10082
|
+
import { Link as Link23 } from "@geowiki/core";
|
|
10083
|
+
import { jsx as jsx125, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
10202
10084
|
var H2BodyButton = ({
|
|
10203
10085
|
title,
|
|
10204
10086
|
textBody,
|
|
@@ -10213,42 +10095,42 @@ var H2BodyButton = ({
|
|
|
10213
10095
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
10214
10096
|
return modifiedText;
|
|
10215
10097
|
};
|
|
10216
|
-
return /* @__PURE__ */
|
|
10098
|
+
return /* @__PURE__ */ jsxs103(
|
|
10217
10099
|
"div",
|
|
10218
10100
|
{
|
|
10219
10101
|
className: `lg:container mx-auto flex flex-col lg:flex-row justify-between mt-6 lg:mt-20 ${bottomPadding && `lg:mb-${bottomPadding}`}`,
|
|
10220
10102
|
children: [
|
|
10221
|
-
/* @__PURE__ */
|
|
10222
|
-
/* @__PURE__ */
|
|
10223
|
-
isNeedParse && /* @__PURE__ */
|
|
10103
|
+
/* @__PURE__ */ jsx125("div", { className: "flex flex-col lg:w-[15%]", children: /* @__PURE__ */ jsx125(Body187, { children: tag }) }),
|
|
10104
|
+
/* @__PURE__ */ jsxs103("div", { className: "flex flex-col lg:w-[50%] space-y-4 lg:space-y-6 ", children: [
|
|
10105
|
+
isNeedParse && /* @__PURE__ */ jsx125(
|
|
10224
10106
|
HtmlView,
|
|
10225
10107
|
{
|
|
10226
10108
|
cssClass: "m-0 pt-2 lg:pt-0",
|
|
10227
10109
|
html: parseTitle(title, "H2")
|
|
10228
10110
|
}
|
|
10229
10111
|
),
|
|
10230
|
-
!isNeedParse && /* @__PURE__ */
|
|
10112
|
+
!isNeedParse && /* @__PURE__ */ jsxs103(H2Design2, { className: "pt-2 lg:pt-0", children: [
|
|
10231
10113
|
title,
|
|
10232
10114
|
" "
|
|
10233
10115
|
] }),
|
|
10234
|
-
/* @__PURE__ */
|
|
10116
|
+
/* @__PURE__ */ jsx125(
|
|
10235
10117
|
HtmlView,
|
|
10236
10118
|
{
|
|
10237
10119
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
|
|
10238
10120
|
html: addLinksStyles(textBody)
|
|
10239
10121
|
}
|
|
10240
10122
|
),
|
|
10241
|
-
button.text && button.link && /* @__PURE__ */
|
|
10242
|
-
|
|
10123
|
+
button.text && button.link && /* @__PURE__ */ jsx125("div", { children: /* @__PURE__ */ jsx125(
|
|
10124
|
+
Link23,
|
|
10243
10125
|
{
|
|
10244
10126
|
href: button.link,
|
|
10245
10127
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10246
10128
|
rel: "noreferrer",
|
|
10247
|
-
children: /* @__PURE__ */
|
|
10129
|
+
children: /* @__PURE__ */ jsx125(DesignButton17, { children: button.text })
|
|
10248
10130
|
}
|
|
10249
10131
|
) })
|
|
10250
10132
|
] }),
|
|
10251
|
-
/* @__PURE__ */
|
|
10133
|
+
/* @__PURE__ */ jsx125("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10252
10134
|
]
|
|
10253
10135
|
}
|
|
10254
10136
|
);
|
|
@@ -10256,7 +10138,7 @@ var H2BodyButton = ({
|
|
|
10256
10138
|
|
|
10257
10139
|
// src/components/DesignElements/HeadingTextBlocks/H1Body.tsx
|
|
10258
10140
|
import { H1Design as H1Design2 } from "@geowiki/design-system";
|
|
10259
|
-
import { jsx as
|
|
10141
|
+
import { jsx as jsx126, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
10260
10142
|
var H1Body = ({ title, textBody }) => {
|
|
10261
10143
|
const addLinksStyles = (text) => {
|
|
10262
10144
|
const textToAdd = " class='text-primary font-semibold'";
|
|
@@ -10264,12 +10146,12 @@ var H1Body = ({ title, textBody }) => {
|
|
|
10264
10146
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10265
10147
|
return modifiedText;
|
|
10266
10148
|
};
|
|
10267
|
-
return /* @__PURE__ */
|
|
10268
|
-
/* @__PURE__ */
|
|
10149
|
+
return /* @__PURE__ */ jsxs104("div", { className: "space-y-6 pt-6 lg:pt-10", "data-component-name": "H1Body", children: [
|
|
10150
|
+
/* @__PURE__ */ jsxs104(H1Design2, { children: [
|
|
10269
10151
|
title,
|
|
10270
10152
|
" "
|
|
10271
10153
|
] }),
|
|
10272
|
-
/* @__PURE__ */
|
|
10154
|
+
/* @__PURE__ */ jsx126(
|
|
10273
10155
|
HtmlView,
|
|
10274
10156
|
{
|
|
10275
10157
|
cssClass: "m-0 text-base lg:text-lg leading-[130%]",
|
|
@@ -10281,7 +10163,7 @@ var H1Body = ({ title, textBody }) => {
|
|
|
10281
10163
|
|
|
10282
10164
|
// src/components/DesignElements/HeadingTextBlocks/H7Body.tsx
|
|
10283
10165
|
import { H7Design as H7Design2 } from "@geowiki/design-system";
|
|
10284
|
-
import { jsx as
|
|
10166
|
+
import { jsx as jsx127, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
10285
10167
|
var H7Body = ({ title, textBody }) => {
|
|
10286
10168
|
const addLinksStyles = (text) => {
|
|
10287
10169
|
const textToAdd = " class='text-primary font-semibold'";
|
|
@@ -10289,12 +10171,12 @@ var H7Body = ({ title, textBody }) => {
|
|
|
10289
10171
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10290
10172
|
return modifiedText;
|
|
10291
10173
|
};
|
|
10292
|
-
return /* @__PURE__ */
|
|
10293
|
-
/* @__PURE__ */
|
|
10174
|
+
return /* @__PURE__ */ jsxs105("div", { className: "space-y-4 pt-6 lg:pt-12", "data-component-name": "H7Body", children: [
|
|
10175
|
+
/* @__PURE__ */ jsxs105(H7Design2, { children: [
|
|
10294
10176
|
title,
|
|
10295
10177
|
" "
|
|
10296
10178
|
] }),
|
|
10297
|
-
/* @__PURE__ */
|
|
10179
|
+
/* @__PURE__ */ jsx127(
|
|
10298
10180
|
HtmlView,
|
|
10299
10181
|
{
|
|
10300
10182
|
cssClass: "m-0 text-grey text-sm lg:text-base leading-[130%] prose max-w-full",
|
|
@@ -10305,21 +10187,21 @@ var H7Body = ({ title, textBody }) => {
|
|
|
10305
10187
|
};
|
|
10306
10188
|
|
|
10307
10189
|
// src/components/DesignElements/HeadingTextBlocks/NewsHeading.tsx
|
|
10308
|
-
import { jsx as
|
|
10190
|
+
import { jsx as jsx128, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
10309
10191
|
var NewsHeading = () => {
|
|
10310
10192
|
const title = "Global <em>Newsfeed</em>";
|
|
10311
10193
|
const textBody = "Stay up to date and follow the global discussion on the challenging interplay of biodiversity, agriculture, valuing nature and the essential services ecosystems provide us with, via reports, best practices and discussions in online media.";
|
|
10312
|
-
return /* @__PURE__ */
|
|
10194
|
+
return /* @__PURE__ */ jsxs106(
|
|
10313
10195
|
"div",
|
|
10314
10196
|
{
|
|
10315
10197
|
className: "container mx-auto px-0 lg:px-[2rem] max-w-3xl mt-6 lg:mt-10",
|
|
10316
10198
|
"data-component-name": "NewsHeading",
|
|
10317
10199
|
children: [
|
|
10318
|
-
/* @__PURE__ */
|
|
10319
|
-
/* @__PURE__ */
|
|
10320
|
-
/* @__PURE__ */
|
|
10321
|
-
/* @__PURE__ */
|
|
10322
|
-
/* @__PURE__ */
|
|
10200
|
+
/* @__PURE__ */ jsx128(HtmlView, { cssClass: "m-0", html: parseTitle(title, "H1") }),
|
|
10201
|
+
/* @__PURE__ */ jsx128("div", { className: "pt-4 pb-4 text-base lg:text-lg leading-[130%] lg:pt-6", children: textBody }),
|
|
10202
|
+
/* @__PURE__ */ jsxs106("label", { children: [
|
|
10203
|
+
/* @__PURE__ */ jsx128("span", { className: " text-base italic lg:text-lg leading-[130%]", children: "Please consider the content disclaimer in our " }),
|
|
10204
|
+
/* @__PURE__ */ jsx128(
|
|
10323
10205
|
"a",
|
|
10324
10206
|
{
|
|
10325
10207
|
href: "/page/terms-of-use",
|
|
@@ -10327,7 +10209,7 @@ var NewsHeading = () => {
|
|
|
10327
10209
|
children: "Terms of Use"
|
|
10328
10210
|
}
|
|
10329
10211
|
),
|
|
10330
|
-
/* @__PURE__ */
|
|
10212
|
+
/* @__PURE__ */ jsx128("span", { className: " text-base italic lg:text-lg leading-[130%]", children: " regarding third party apps and websites" })
|
|
10331
10213
|
] })
|
|
10332
10214
|
]
|
|
10333
10215
|
}
|
|
@@ -10336,9 +10218,9 @@ var NewsHeading = () => {
|
|
|
10336
10218
|
|
|
10337
10219
|
// src/components/DesignElements/TextBlocks/subtitle-h3-body.tsx
|
|
10338
10220
|
import { H3Design as H3Design2, Body18 as Body188 } from "@geowiki/design-system";
|
|
10339
|
-
import { DesignButton as
|
|
10340
|
-
import { Link as
|
|
10341
|
-
import { jsx as
|
|
10221
|
+
import { DesignButton as DesignButton18 } from "@geowiki/design-system";
|
|
10222
|
+
import { Link as Link24 } from "@geowiki/core";
|
|
10223
|
+
import { jsx as jsx129, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
10342
10224
|
var SubtitleH3Body = ({
|
|
10343
10225
|
title,
|
|
10344
10226
|
subtitle,
|
|
@@ -10353,19 +10235,19 @@ var SubtitleH3Body = ({
|
|
|
10353
10235
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10354
10236
|
return modifiedText;
|
|
10355
10237
|
};
|
|
10356
|
-
return /* @__PURE__ */
|
|
10238
|
+
return /* @__PURE__ */ jsxs107(
|
|
10357
10239
|
"div",
|
|
10358
10240
|
{
|
|
10359
10241
|
className: `${backgroundColor ? backgroundColor : "bg-grey-lightest"} mt-6 rounded-xl lg:mt-10 `,
|
|
10360
10242
|
"data-component": "SubtitleH3Body",
|
|
10361
10243
|
id: "FRAMEwork",
|
|
10362
10244
|
children: [
|
|
10363
|
-
/* @__PURE__ */
|
|
10364
|
-
/* @__PURE__ */
|
|
10365
|
-
/* @__PURE__ */
|
|
10366
|
-
/* @__PURE__ */
|
|
10367
|
-
/* @__PURE__ */
|
|
10368
|
-
/* @__PURE__ */
|
|
10245
|
+
/* @__PURE__ */ jsx129("a", { href: "#FRAMEwork" }),
|
|
10246
|
+
/* @__PURE__ */ jsxs107("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between px-5 py-6 text-lg rounded-xl max-md:px-5 lg:px-12 lg:py-20", children: [
|
|
10247
|
+
/* @__PURE__ */ jsx129("div", { className: "flex flex-col lg:w-[15%] ", children: /* @__PURE__ */ jsx129(Body188, { children: subtitle }) }),
|
|
10248
|
+
/* @__PURE__ */ jsx129("div", { className: "flex flex-col lg:w-[50%] ", children: /* @__PURE__ */ jsxs107("div", { className: "flex flex-col leading-6 text-gray-900 max-md:max-w-full", children: [
|
|
10249
|
+
/* @__PURE__ */ jsx129(H3Design2, { className: "pt-2 lg:pt-0", children: title }),
|
|
10250
|
+
/* @__PURE__ */ jsx129(
|
|
10369
10251
|
HtmlView,
|
|
10370
10252
|
{
|
|
10371
10253
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
@@ -10373,14 +10255,14 @@ var SubtitleH3Body = ({
|
|
|
10373
10255
|
html: addLinksStyles(content)
|
|
10374
10256
|
}
|
|
10375
10257
|
),
|
|
10376
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10377
|
-
|
|
10258
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx129(
|
|
10259
|
+
Link24,
|
|
10378
10260
|
{
|
|
10379
10261
|
href: button.link,
|
|
10380
10262
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10381
10263
|
rel: "noreferrer",
|
|
10382
|
-
children: /* @__PURE__ */
|
|
10383
|
-
|
|
10264
|
+
children: /* @__PURE__ */ jsx129(
|
|
10265
|
+
DesignButton18,
|
|
10384
10266
|
{
|
|
10385
10267
|
variant: "externalLink",
|
|
10386
10268
|
className: "h-auto p-0 flex self-start mt-6 lg:mt-10 font-medium lg:p-0",
|
|
@@ -10390,7 +10272,7 @@ var SubtitleH3Body = ({
|
|
|
10390
10272
|
}
|
|
10391
10273
|
)
|
|
10392
10274
|
] }) }),
|
|
10393
|
-
/* @__PURE__ */
|
|
10275
|
+
/* @__PURE__ */ jsx129("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10394
10276
|
] })
|
|
10395
10277
|
]
|
|
10396
10278
|
}
|
|
@@ -10399,7 +10281,7 @@ var SubtitleH3Body = ({
|
|
|
10399
10281
|
|
|
10400
10282
|
// src/components/DesignElements/TextBlocks/subtitle-h3-body-internal-link-list.tsx
|
|
10401
10283
|
import { H3Design as H3Design3, Body18 as Body189 } from "@geowiki/design-system";
|
|
10402
|
-
import { jsx as
|
|
10284
|
+
import { jsx as jsx130, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
10403
10285
|
var SubtitleH3BodyInternalLinkList = ({
|
|
10404
10286
|
title,
|
|
10405
10287
|
subtitle,
|
|
@@ -10416,28 +10298,28 @@ var SubtitleH3BodyInternalLinkList = ({
|
|
|
10416
10298
|
const modifiedText = decodedContent == null ? void 0 : decodedContent.replace(regex, `$1${textToAdd}`);
|
|
10417
10299
|
return modifiedText;
|
|
10418
10300
|
};
|
|
10419
|
-
return /* @__PURE__ */
|
|
10301
|
+
return /* @__PURE__ */ jsxs108(
|
|
10420
10302
|
"div",
|
|
10421
10303
|
{
|
|
10422
10304
|
"data-component": "SubtitleH3BodyInternalLinkList",
|
|
10423
10305
|
className: "mt-6 lg:mt-10 bg-primary rounded-xl",
|
|
10424
10306
|
id: "our-resources",
|
|
10425
10307
|
children: [
|
|
10426
|
-
/* @__PURE__ */
|
|
10427
|
-
/* @__PURE__ */
|
|
10428
|
-
/* @__PURE__ */
|
|
10429
|
-
/* @__PURE__ */
|
|
10430
|
-
/* @__PURE__ */
|
|
10431
|
-
/* @__PURE__ */
|
|
10308
|
+
/* @__PURE__ */ jsx130("a", { href: "#our-resources" }),
|
|
10309
|
+
/* @__PURE__ */ jsxs108("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:px-12 lg:py-20 px-5 py-6", children: [
|
|
10310
|
+
/* @__PURE__ */ jsx130("div", { className: "flex flex-col lg:w-[15%] max-md:ml-0 max-md:w-full text-white", children: /* @__PURE__ */ jsx130(Body189, { children: subtitle }) }),
|
|
10311
|
+
/* @__PURE__ */ jsx130("div", { className: "flex flex-col lg:w-[50%]", children: /* @__PURE__ */ jsxs108("div", { className: "flex flex-col grow text-white max-md:mt-2 max-md:max-w-full", children: [
|
|
10312
|
+
/* @__PURE__ */ jsx130(H3Design3, { children: title }),
|
|
10313
|
+
/* @__PURE__ */ jsx130(
|
|
10432
10314
|
HtmlView,
|
|
10433
10315
|
{
|
|
10434
10316
|
cssClass: "pt-4 pb-2 lg:pt-6 lg:pb-4 text-[.9375rem] text-white lg:text-lg leading-[130%] prose",
|
|
10435
10317
|
html: addLinksStyles(textBody)
|
|
10436
10318
|
}
|
|
10437
10319
|
),
|
|
10438
|
-
/* @__PURE__ */
|
|
10320
|
+
/* @__PURE__ */ jsx130(DesignListLink, { links, fillColor: "fill-white" })
|
|
10439
10321
|
] }) }),
|
|
10440
|
-
/* @__PURE__ */
|
|
10322
|
+
/* @__PURE__ */ jsx130("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10441
10323
|
] })
|
|
10442
10324
|
]
|
|
10443
10325
|
}
|
|
@@ -10446,7 +10328,7 @@ var SubtitleH3BodyInternalLinkList = ({
|
|
|
10446
10328
|
|
|
10447
10329
|
// src/components/DesignElements/TextBlocks/subtitle-h3-faq.tsx
|
|
10448
10330
|
import { H3Design as H3Design4, Body18 as Body1810 } from "@geowiki/design-system";
|
|
10449
|
-
import { jsx as
|
|
10331
|
+
import { jsx as jsx131, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
10450
10332
|
var SubtitleH3Faq = ({
|
|
10451
10333
|
title,
|
|
10452
10334
|
subtitle,
|
|
@@ -10454,25 +10336,25 @@ var SubtitleH3Faq = ({
|
|
|
10454
10336
|
faqs,
|
|
10455
10337
|
backgroundColor
|
|
10456
10338
|
}) => {
|
|
10457
|
-
return /* @__PURE__ */
|
|
10458
|
-
/* @__PURE__ */
|
|
10459
|
-
/* @__PURE__ */
|
|
10339
|
+
return /* @__PURE__ */ jsxs109("div", { id: "faq", children: [
|
|
10340
|
+
/* @__PURE__ */ jsx131("a", { href: "#faq" }),
|
|
10341
|
+
/* @__PURE__ */ jsx131(
|
|
10460
10342
|
"div",
|
|
10461
10343
|
{
|
|
10462
10344
|
className: `${backgroundColor} rounded-xl `,
|
|
10463
10345
|
"data-component": "SubtitleH3Faq",
|
|
10464
|
-
children: /* @__PURE__ */
|
|
10346
|
+
children: /* @__PURE__ */ jsxs109(
|
|
10465
10347
|
"div",
|
|
10466
10348
|
{
|
|
10467
10349
|
className: `container mx-auto flex flex-col lg:flex-row justify-between py-6 lg:px-12 lg:pt-20 lg:pb-14 lg:mt-10 ${backgroundColor === "" ? "px-0 mt-2" : " px-5 mt-6 "}`,
|
|
10468
10350
|
children: [
|
|
10469
|
-
/* @__PURE__ */
|
|
10470
|
-
/* @__PURE__ */
|
|
10471
|
-
/* @__PURE__ */
|
|
10472
|
-
/* @__PURE__ */
|
|
10473
|
-
faqs && /* @__PURE__ */
|
|
10351
|
+
/* @__PURE__ */ jsx131(Body1810, { className: "w-[15%] pb-2 lg:pb-0", children: subtitle }),
|
|
10352
|
+
/* @__PURE__ */ jsxs109("div", { className: "lg:w-[50%]", children: [
|
|
10353
|
+
/* @__PURE__ */ jsx131(H3Design4, { className: "pb-4", children: title }),
|
|
10354
|
+
/* @__PURE__ */ jsx131(Body1810, { children: description }),
|
|
10355
|
+
faqs && /* @__PURE__ */ jsx131(FAQ, { faqs, backgroundColor })
|
|
10474
10356
|
] }),
|
|
10475
|
-
/* @__PURE__ */
|
|
10357
|
+
/* @__PURE__ */ jsx131("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10476
10358
|
]
|
|
10477
10359
|
}
|
|
10478
10360
|
)
|
|
@@ -10485,9 +10367,9 @@ var SubtitleH3Faq = ({
|
|
|
10485
10367
|
import { H3Design as H3Design5, Body18 as Body1811 } from "@geowiki/design-system";
|
|
10486
10368
|
import { useClusters, useCountries as useCountries2 } from "@geowiki/core";
|
|
10487
10369
|
import { v4 as v417 } from "uuid";
|
|
10488
|
-
import { DesignButton as
|
|
10489
|
-
import { Link as
|
|
10490
|
-
import { jsx as
|
|
10370
|
+
import { DesignButton as DesignButton19 } from "@geowiki/design-system";
|
|
10371
|
+
import { Link as Link25 } from "@geowiki/core";
|
|
10372
|
+
import { jsx as jsx132, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
10491
10373
|
var SubtitleH3Cluster4Column = ({
|
|
10492
10374
|
title,
|
|
10493
10375
|
subtitle,
|
|
@@ -10502,23 +10384,23 @@ var SubtitleH3Cluster4Column = ({
|
|
|
10502
10384
|
);
|
|
10503
10385
|
const { data: countries, isLoading: isCountriesLoading } = useCountries2();
|
|
10504
10386
|
if (isClusterLoading || isCountriesLoading)
|
|
10505
|
-
return /* @__PURE__ */
|
|
10506
|
-
return /* @__PURE__ */
|
|
10387
|
+
return /* @__PURE__ */ jsx132("div", { children: "Loading..." });
|
|
10388
|
+
return /* @__PURE__ */ jsxs110(
|
|
10507
10389
|
"div",
|
|
10508
10390
|
{
|
|
10509
10391
|
className: "lg:container mx-auto space-y-6 rounded-xl mt-6 lg:mt-20 lg:space-y-12",
|
|
10510
10392
|
"data-component": "SubtitleH3Cluster4Column",
|
|
10511
10393
|
children: [
|
|
10512
|
-
/* @__PURE__ */
|
|
10513
|
-
/* @__PURE__ */
|
|
10514
|
-
/* @__PURE__ */
|
|
10515
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10516
|
-
|
|
10394
|
+
/* @__PURE__ */ jsxs110("div", { className: "lg:flex lg:justify-between items-start", children: [
|
|
10395
|
+
/* @__PURE__ */ jsx132(Body1811, { children: subtitle }),
|
|
10396
|
+
/* @__PURE__ */ jsx132(H3Design5, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
|
|
10397
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx132(
|
|
10398
|
+
DesignButton19,
|
|
10517
10399
|
{
|
|
10518
10400
|
variant: "internalLink",
|
|
10519
10401
|
className: "h-auto p-0 text-base lg:p-0",
|
|
10520
|
-
children: /* @__PURE__ */
|
|
10521
|
-
|
|
10402
|
+
children: /* @__PURE__ */ jsx132(
|
|
10403
|
+
Link25,
|
|
10522
10404
|
{
|
|
10523
10405
|
href: button.link,
|
|
10524
10406
|
target: button.isNewTab ? "_blank" : "_self",
|
|
@@ -10529,7 +10411,7 @@ var SubtitleH3Cluster4Column = ({
|
|
|
10529
10411
|
}
|
|
10530
10412
|
)
|
|
10531
10413
|
] }),
|
|
10532
|
-
(clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */
|
|
10414
|
+
(clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */ jsx132(
|
|
10533
10415
|
ClusterList,
|
|
10534
10416
|
{
|
|
10535
10417
|
clusters: (_a = clusters == null ? void 0 : clusters.items) == null ? void 0 : _a.map((cluster) => {
|
|
@@ -10554,9 +10436,9 @@ var SubtitleH3Cluster4Column = ({
|
|
|
10554
10436
|
import { H3Design as H3Design6, Body18 as Body1812 } from "@geowiki/design-system";
|
|
10555
10437
|
import { useNewsFromAllClusters as useNewsFromAllClusters2 } from "@geowiki/core";
|
|
10556
10438
|
import { v4 as v418 } from "uuid";
|
|
10557
|
-
import { DesignButton as
|
|
10558
|
-
import { Link as
|
|
10559
|
-
import { jsx as
|
|
10439
|
+
import { DesignButton as DesignButton20 } from "@geowiki/design-system";
|
|
10440
|
+
import { Link as Link26 } from "@geowiki/core";
|
|
10441
|
+
import { jsx as jsx133, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
10560
10442
|
var SubtitleH3ClusterNews3Column = ({
|
|
10561
10443
|
title,
|
|
10562
10444
|
subtitle,
|
|
@@ -10577,24 +10459,24 @@ var SubtitleH3ClusterNews3Column = ({
|
|
|
10577
10459
|
};
|
|
10578
10460
|
});
|
|
10579
10461
|
if (isLoading) {
|
|
10580
|
-
return /* @__PURE__ */
|
|
10462
|
+
return /* @__PURE__ */ jsx133("div", { children: "Loading..." });
|
|
10581
10463
|
}
|
|
10582
|
-
return /* @__PURE__ */
|
|
10464
|
+
return /* @__PURE__ */ jsxs111(
|
|
10583
10465
|
"div",
|
|
10584
10466
|
{
|
|
10585
10467
|
className: "lg:container mx-auto space-y-4 rounded-xl mt-6 lg:mt-20 lg:space-y-14",
|
|
10586
10468
|
"data-component": "SubtitleH3Cluster4Column",
|
|
10587
10469
|
children: [
|
|
10588
|
-
/* @__PURE__ */
|
|
10589
|
-
/* @__PURE__ */
|
|
10590
|
-
/* @__PURE__ */
|
|
10591
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10592
|
-
|
|
10470
|
+
/* @__PURE__ */ jsxs111("div", { className: "lg:flex lg:justify-between items-start", children: [
|
|
10471
|
+
/* @__PURE__ */ jsx133(Body1812, { children: subtitle }),
|
|
10472
|
+
/* @__PURE__ */ jsx133(H3Design6, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
|
|
10473
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx133(
|
|
10474
|
+
DesignButton20,
|
|
10593
10475
|
{
|
|
10594
10476
|
variant: "internalLink",
|
|
10595
10477
|
className: "h-auto p-0 text-base lg:p-0",
|
|
10596
|
-
children: /* @__PURE__ */
|
|
10597
|
-
|
|
10478
|
+
children: /* @__PURE__ */ jsx133(
|
|
10479
|
+
Link26,
|
|
10598
10480
|
{
|
|
10599
10481
|
href: button.link,
|
|
10600
10482
|
target: button.isNewTab ? "_blank" : "_self",
|
|
@@ -10605,7 +10487,7 @@ var SubtitleH3ClusterNews3Column = ({
|
|
|
10605
10487
|
}
|
|
10606
10488
|
)
|
|
10607
10489
|
] }),
|
|
10608
|
-
/* @__PURE__ */
|
|
10490
|
+
/* @__PURE__ */ jsx133(ClusterNewsList, { clusterNewsItems })
|
|
10609
10491
|
]
|
|
10610
10492
|
}
|
|
10611
10493
|
);
|
|
@@ -10613,10 +10495,10 @@ var SubtitleH3ClusterNews3Column = ({
|
|
|
10613
10495
|
|
|
10614
10496
|
// src/components/DesignElements/TextBlocks/subtitle-h2-body-video.tsx
|
|
10615
10497
|
import { H2Design as H2Design3 } from "@geowiki/design-system";
|
|
10616
|
-
import { DesignButton as
|
|
10617
|
-
import { Link as
|
|
10498
|
+
import { DesignButton as DesignButton21 } from "@geowiki/design-system";
|
|
10499
|
+
import { Link as Link27 } from "@geowiki/core";
|
|
10618
10500
|
import { dynamic as dynamic3 } from "@geowiki/core";
|
|
10619
|
-
import { jsx as
|
|
10501
|
+
import { jsx as jsx134, jsxs as jsxs112 } from "react/jsx-runtime";
|
|
10620
10502
|
var ReactPlayer = dynamic3(() => import("react-player"), { ssr: false });
|
|
10621
10503
|
var SubtitleH2BodyVideo = ({
|
|
10622
10504
|
title,
|
|
@@ -10630,29 +10512,29 @@ var SubtitleH2BodyVideo = ({
|
|
|
10630
10512
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10631
10513
|
return modifiedText;
|
|
10632
10514
|
};
|
|
10633
|
-
return /* @__PURE__ */
|
|
10515
|
+
return /* @__PURE__ */ jsx134(
|
|
10634
10516
|
"div",
|
|
10635
10517
|
{
|
|
10636
10518
|
className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10",
|
|
10637
10519
|
"data-component": "SubtitleH2BodyVideo",
|
|
10638
|
-
children: /* @__PURE__ */
|
|
10639
|
-
/* @__PURE__ */
|
|
10640
|
-
/* @__PURE__ */
|
|
10641
|
-
/* @__PURE__ */
|
|
10520
|
+
children: /* @__PURE__ */ jsxs112("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:items-center px-5 py-6 text-lg rounded-xl lg:px-12 lg:py-20 lg:space-x-10", children: [
|
|
10521
|
+
/* @__PURE__ */ jsxs112("div", { className: "flex flex-col leading-6 lg:w-[40%] ", children: [
|
|
10522
|
+
/* @__PURE__ */ jsx134(H2Design3, { className: "pt-2 lg:pt-0", children: title }),
|
|
10523
|
+
/* @__PURE__ */ jsx134(
|
|
10642
10524
|
HtmlView,
|
|
10643
10525
|
{
|
|
10644
10526
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
10645
10527
|
html: addLinksStyles(content)
|
|
10646
10528
|
}
|
|
10647
10529
|
),
|
|
10648
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10649
|
-
|
|
10530
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx134(
|
|
10531
|
+
Link27,
|
|
10650
10532
|
{
|
|
10651
10533
|
href: button.link,
|
|
10652
10534
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10653
10535
|
rel: "noreferrer",
|
|
10654
|
-
children: /* @__PURE__ */
|
|
10655
|
-
|
|
10536
|
+
children: /* @__PURE__ */ jsx134(
|
|
10537
|
+
DesignButton21,
|
|
10656
10538
|
{
|
|
10657
10539
|
variant: "externalLink",
|
|
10658
10540
|
className: "h-auto p-0 flex self-start mt-3 lg:mt-6 font-medium lg:p-0",
|
|
@@ -10662,7 +10544,7 @@ var SubtitleH2BodyVideo = ({
|
|
|
10662
10544
|
}
|
|
10663
10545
|
)
|
|
10664
10546
|
] }),
|
|
10665
|
-
/* @__PURE__ */
|
|
10547
|
+
/* @__PURE__ */ jsx134("div", { className: "pt-5 lg:pt-0 lg:w-[50%]", children: /* @__PURE__ */ jsx134(
|
|
10666
10548
|
ReactPlayer,
|
|
10667
10549
|
{
|
|
10668
10550
|
url: videoLink,
|
|
@@ -10678,9 +10560,9 @@ var SubtitleH2BodyVideo = ({
|
|
|
10678
10560
|
|
|
10679
10561
|
// src/components/DesignElements/TextBlocks/image-left-h3-body.tsx
|
|
10680
10562
|
import { H3Design as H3Design7 } from "@geowiki/design-system";
|
|
10681
|
-
import { DesignButton as
|
|
10682
|
-
import { Link as
|
|
10683
|
-
import { jsx as
|
|
10563
|
+
import { DesignButton as DesignButton22 } from "@geowiki/design-system";
|
|
10564
|
+
import { Link as Link28 } from "@geowiki/core";
|
|
10565
|
+
import { jsx as jsx135, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
10684
10566
|
var ImageLeftH3BodyLink = ({
|
|
10685
10567
|
title,
|
|
10686
10568
|
content,
|
|
@@ -10693,8 +10575,8 @@ var ImageLeftH3BodyLink = ({
|
|
|
10693
10575
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10694
10576
|
return modifiedText;
|
|
10695
10577
|
};
|
|
10696
|
-
return /* @__PURE__ */
|
|
10697
|
-
/* @__PURE__ */
|
|
10578
|
+
return /* @__PURE__ */ jsx135("div", { className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10 ", children: /* @__PURE__ */ jsxs113("div", { className: "container mx-auto flex flex-col lg:flex-row px-5 py-6 lg:h-[525px] lg:py-12 lg:px-9 ", children: [
|
|
10579
|
+
/* @__PURE__ */ jsx135("div", { className: " hidden lg:block lg:w-1/2 ", children: /* @__PURE__ */ jsx135(
|
|
10698
10580
|
CmsImage,
|
|
10699
10581
|
{
|
|
10700
10582
|
src: path,
|
|
@@ -10704,23 +10586,23 @@ var ImageLeftH3BodyLink = ({
|
|
|
10704
10586
|
className: "rounded-xl object-cover w-[498px] h-[429px]"
|
|
10705
10587
|
}
|
|
10706
10588
|
) }),
|
|
10707
|
-
/* @__PURE__ */
|
|
10708
|
-
/* @__PURE__ */
|
|
10709
|
-
/* @__PURE__ */
|
|
10589
|
+
/* @__PURE__ */ jsxs113("div", { className: "w-full lg:w-1/2 lg: max-w-[546px] h-full flex flex-col justify-center", children: [
|
|
10590
|
+
/* @__PURE__ */ jsx135(H3Design7, { className: "pt-2 lg:pt-0", children: title }),
|
|
10591
|
+
/* @__PURE__ */ jsx135(
|
|
10710
10592
|
HtmlView,
|
|
10711
10593
|
{
|
|
10712
10594
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] ",
|
|
10713
10595
|
html: addLinksStyles(content)
|
|
10714
10596
|
}
|
|
10715
10597
|
),
|
|
10716
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */
|
|
10717
|
-
|
|
10598
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ jsx135(
|
|
10599
|
+
Link28,
|
|
10718
10600
|
{
|
|
10719
10601
|
href: button.link,
|
|
10720
10602
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10721
10603
|
rel: "noreferrer",
|
|
10722
|
-
children: /* @__PURE__ */
|
|
10723
|
-
|
|
10604
|
+
children: /* @__PURE__ */ jsx135(
|
|
10605
|
+
DesignButton22,
|
|
10724
10606
|
{
|
|
10725
10607
|
variant: "externalLink",
|
|
10726
10608
|
className: "h-auto p-0 flex self-start mt-4 lg:mt-10 font-medium lg:p-0 ",
|
|
@@ -10730,7 +10612,7 @@ var ImageLeftH3BodyLink = ({
|
|
|
10730
10612
|
}
|
|
10731
10613
|
)
|
|
10732
10614
|
] }),
|
|
10733
|
-
/* @__PURE__ */
|
|
10615
|
+
/* @__PURE__ */ jsx135("div", { className: "w-full pt-6 lg:hidden ", children: /* @__PURE__ */ jsx135(
|
|
10734
10616
|
CmsImage,
|
|
10735
10617
|
{
|
|
10736
10618
|
src: path,
|
|
@@ -10745,23 +10627,23 @@ var ImageLeftH3BodyLink = ({
|
|
|
10745
10627
|
|
|
10746
10628
|
// src/components/DesignElements/LandingPage/NewsfeedPreview.tsx
|
|
10747
10629
|
import { H3Design as H3Design8 } from "@geowiki/design-system";
|
|
10748
|
-
import { DesignButton as
|
|
10749
|
-
import { Link as
|
|
10750
|
-
import { jsx as
|
|
10630
|
+
import { DesignButton as DesignButton23 } from "@geowiki/design-system";
|
|
10631
|
+
import { Link as Link29 } from "@geowiki/core";
|
|
10632
|
+
import { jsx as jsx136, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
10751
10633
|
var NewsfeedPreview = ({ newsArticleData }) => {
|
|
10752
|
-
return /* @__PURE__ */
|
|
10753
|
-
/* @__PURE__ */
|
|
10754
|
-
/* @__PURE__ */
|
|
10755
|
-
/* @__PURE__ */
|
|
10756
|
-
|
|
10634
|
+
return /* @__PURE__ */ jsxs114("div", { className: "lg:container mx-auto space-y-6 mt-8 lg:space-y-10 lg:mt-12", children: [
|
|
10635
|
+
/* @__PURE__ */ jsxs114("div", { className: "flex justify-between items-start", children: [
|
|
10636
|
+
/* @__PURE__ */ jsx136(H3Design8, { children: "Global Newsfeed" }),
|
|
10637
|
+
/* @__PURE__ */ jsx136(
|
|
10638
|
+
DesignButton23,
|
|
10757
10639
|
{
|
|
10758
10640
|
variant: "internalLink",
|
|
10759
10641
|
className: "h-auto pb-0 px-0 lg:pb-0 lg:px-0",
|
|
10760
|
-
children: /* @__PURE__ */
|
|
10642
|
+
children: /* @__PURE__ */ jsx136(Link29, { href: "/news", children: "View all" })
|
|
10761
10643
|
}
|
|
10762
10644
|
)
|
|
10763
10645
|
] }),
|
|
10764
|
-
/* @__PURE__ */
|
|
10646
|
+
/* @__PURE__ */ jsx136(
|
|
10765
10647
|
NewsArticleList,
|
|
10766
10648
|
{
|
|
10767
10649
|
pageSize: 4,
|
|
@@ -10773,13 +10655,13 @@ var NewsfeedPreview = ({ newsArticleData }) => {
|
|
|
10773
10655
|
|
|
10774
10656
|
// src/components/DesignElements/Hero/HeroImageLeft.tsx
|
|
10775
10657
|
import { Body18 as Body1813 } from "@geowiki/design-system";
|
|
10776
|
-
import { jsx as
|
|
10658
|
+
import { jsx as jsx137, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
10777
10659
|
var HeroImageLeft = (props) => {
|
|
10778
|
-
return /* @__PURE__ */
|
|
10779
|
-
/* @__PURE__ */
|
|
10780
|
-
/* @__PURE__ */
|
|
10781
|
-
/* @__PURE__ */
|
|
10782
|
-
/* @__PURE__ */
|
|
10660
|
+
return /* @__PURE__ */ jsxs115("div", { id: "recodo", children: [
|
|
10661
|
+
/* @__PURE__ */ jsx137("a", { href: "#recodo" }),
|
|
10662
|
+
/* @__PURE__ */ jsx137("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs115("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10663
|
+
/* @__PURE__ */ jsxs115("div", { className: "flex flex-col self-stretch lg:hidden", children: [
|
|
10664
|
+
/* @__PURE__ */ jsx137(
|
|
10783
10665
|
CmsImage,
|
|
10784
10666
|
{
|
|
10785
10667
|
src: props.logoPath,
|
|
@@ -10789,9 +10671,9 @@ var HeroImageLeft = (props) => {
|
|
|
10789
10671
|
className: ""
|
|
10790
10672
|
}
|
|
10791
10673
|
),
|
|
10792
|
-
/* @__PURE__ */
|
|
10674
|
+
/* @__PURE__ */ jsx137(Body1813, { className: "py-6 max-md:max-w-full", children: props.text })
|
|
10793
10675
|
] }),
|
|
10794
|
-
/* @__PURE__ */
|
|
10676
|
+
/* @__PURE__ */ jsx137("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx137(
|
|
10795
10677
|
CmsImage,
|
|
10796
10678
|
{
|
|
10797
10679
|
src: props.path,
|
|
@@ -10799,8 +10681,8 @@ var HeroImageLeft = (props) => {
|
|
|
10799
10681
|
className: "inset-0 w-full h-full object-cover rounded-xl "
|
|
10800
10682
|
}
|
|
10801
10683
|
) }),
|
|
10802
|
-
/* @__PURE__ */
|
|
10803
|
-
/* @__PURE__ */
|
|
10684
|
+
/* @__PURE__ */ jsx137("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:ml-5 lg:w-[50%] lg:min-h-[784px] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs115("div", { className: "flex flex-col self-stretch px-5 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
|
|
10685
|
+
/* @__PURE__ */ jsx137(
|
|
10804
10686
|
CmsImage,
|
|
10805
10687
|
{
|
|
10806
10688
|
src: props.logoPath,
|
|
@@ -10810,24 +10692,24 @@ var HeroImageLeft = (props) => {
|
|
|
10810
10692
|
className: ""
|
|
10811
10693
|
}
|
|
10812
10694
|
),
|
|
10813
|
-
/* @__PURE__ */
|
|
10695
|
+
/* @__PURE__ */ jsx137(Body1813, { className: "mt-7 max-md:max-w-full", children: props.text })
|
|
10814
10696
|
] }) })
|
|
10815
10697
|
] }) })
|
|
10816
10698
|
] });
|
|
10817
10699
|
};
|
|
10818
10700
|
|
|
10819
10701
|
// src/components/DesignElements/Hero/HeroImageRight.tsx
|
|
10820
|
-
import { jsx as
|
|
10702
|
+
import { jsx as jsx138, jsxs as jsxs116 } from "react/jsx-runtime";
|
|
10821
10703
|
var HeroImageRight = (props) => {
|
|
10822
|
-
return /* @__PURE__ */
|
|
10823
|
-
/* @__PURE__ */
|
|
10704
|
+
return /* @__PURE__ */ jsx138("div", { className: " lg:mt-10", children: /* @__PURE__ */ jsx138("div", { className: "justify-end", children: /* @__PURE__ */ jsxs116("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10705
|
+
/* @__PURE__ */ jsx138("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx138("div", { className: "flex flex-col self-stretch lg:px-5 my-auto max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ jsx138(
|
|
10824
10706
|
H1BodyButton,
|
|
10825
10707
|
{
|
|
10826
10708
|
title: props.title,
|
|
10827
10709
|
textBody: props.description
|
|
10828
10710
|
}
|
|
10829
10711
|
) }) }),
|
|
10830
|
-
/* @__PURE__ */
|
|
10712
|
+
/* @__PURE__ */ jsx138("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsx138("div", { className: "flex overflow-hidden relative min-h-[430px] flex-col grow justify-center lg:min-h-[784px] max-md:mt-6 max-md:max-w-full", children: /* @__PURE__ */ jsx138(
|
|
10831
10713
|
CmsImage,
|
|
10832
10714
|
{
|
|
10833
10715
|
src: props.path,
|
|
@@ -10839,9 +10721,9 @@ var HeroImageRight = (props) => {
|
|
|
10839
10721
|
|
|
10840
10722
|
// src/components/DesignElements/Hero/ImageLeftH3Body.tsx
|
|
10841
10723
|
import { H3Design as H3Design9 } from "@geowiki/design-system";
|
|
10842
|
-
import { DesignButton as
|
|
10843
|
-
import { Link as
|
|
10844
|
-
import { jsx as
|
|
10724
|
+
import { DesignButton as DesignButton24 } from "@geowiki/design-system";
|
|
10725
|
+
import { Link as Link30 } from "@geowiki/core";
|
|
10726
|
+
import { jsx as jsx139, jsxs as jsxs117 } from "react/jsx-runtime";
|
|
10845
10727
|
var ImageLefttH3Body = (props) => {
|
|
10846
10728
|
var _a, _b, _c, _d;
|
|
10847
10729
|
const addLinksStyles = (content) => {
|
|
@@ -10850,24 +10732,24 @@ var ImageLefttH3Body = (props) => {
|
|
|
10850
10732
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
10851
10733
|
return modifiedText;
|
|
10852
10734
|
};
|
|
10853
|
-
return /* @__PURE__ */
|
|
10854
|
-
/* @__PURE__ */
|
|
10855
|
-
/* @__PURE__ */
|
|
10856
|
-
props.text && /* @__PURE__ */
|
|
10735
|
+
return /* @__PURE__ */ jsx139("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ jsxs117("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10736
|
+
/* @__PURE__ */ jsxs117("div", { className: "flex flex-col self-stretch lg:hidden", children: [
|
|
10737
|
+
/* @__PURE__ */ jsx139(H3Design9, { children: props.title }),
|
|
10738
|
+
props.text && /* @__PURE__ */ jsx139(
|
|
10857
10739
|
HtmlView,
|
|
10858
10740
|
{
|
|
10859
10741
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
10860
10742
|
html: addLinksStyles(props.text)
|
|
10861
10743
|
}
|
|
10862
10744
|
),
|
|
10863
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */
|
|
10864
|
-
|
|
10745
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ jsx139(
|
|
10746
|
+
Link30,
|
|
10865
10747
|
{
|
|
10866
10748
|
href: props.button.link,
|
|
10867
10749
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
10868
10750
|
rel: "noreferrer",
|
|
10869
|
-
children: /* @__PURE__ */
|
|
10870
|
-
|
|
10751
|
+
children: /* @__PURE__ */ jsx139(
|
|
10752
|
+
DesignButton24,
|
|
10871
10753
|
{
|
|
10872
10754
|
variant: props.button.isNewTab ? "externalLink" : "internalLink",
|
|
10873
10755
|
className: "h-auto p-0 flex self-start my-4 lg:mt-6 font-medium lg:p-0",
|
|
@@ -10877,7 +10759,7 @@ var ImageLefttH3Body = (props) => {
|
|
|
10877
10759
|
}
|
|
10878
10760
|
)
|
|
10879
10761
|
] }),
|
|
10880
|
-
/* @__PURE__ */
|
|
10762
|
+
/* @__PURE__ */ jsx139("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ jsx139(
|
|
10881
10763
|
CmsImage,
|
|
10882
10764
|
{
|
|
10883
10765
|
src: props.imagePath,
|
|
@@ -10885,23 +10767,23 @@ var ImageLefttH3Body = (props) => {
|
|
|
10885
10767
|
className: "inset-0 w-full h-full object-cover rounded-xl "
|
|
10886
10768
|
}
|
|
10887
10769
|
) }),
|
|
10888
|
-
/* @__PURE__ */
|
|
10889
|
-
/* @__PURE__ */
|
|
10890
|
-
props.text && /* @__PURE__ */
|
|
10770
|
+
/* @__PURE__ */ jsx139("div", { className: "hidden lg:flex lg:flex-col lg:items-center lg:justify-center lg:ml-10 lg:w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ jsxs117("div", { className: "flex flex-col self-stretch px-28 my-auto min-h-[430px] text-lg leading-6 text-gray-900 max-md:mt-10 max-md:max-w-full", children: [
|
|
10771
|
+
/* @__PURE__ */ jsx139(H3Design9, { children: props.title }),
|
|
10772
|
+
props.text && /* @__PURE__ */ jsx139(
|
|
10891
10773
|
HtmlView,
|
|
10892
10774
|
{
|
|
10893
10775
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
10894
10776
|
html: addLinksStyles(props.text)
|
|
10895
10777
|
}
|
|
10896
10778
|
),
|
|
10897
|
-
((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */
|
|
10898
|
-
|
|
10779
|
+
((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */ jsx139(
|
|
10780
|
+
Link30,
|
|
10899
10781
|
{
|
|
10900
10782
|
href: props.button.link,
|
|
10901
10783
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
10902
10784
|
rel: "noreferrer",
|
|
10903
|
-
children: /* @__PURE__ */
|
|
10904
|
-
|
|
10785
|
+
children: /* @__PURE__ */ jsx139(
|
|
10786
|
+
DesignButton24,
|
|
10905
10787
|
{
|
|
10906
10788
|
variant: props.button.isNewTab ? "externalLink" : "internalLink",
|
|
10907
10789
|
className: "h-auto p-0 flex self-start mt-4 lg:mt-6 font-medium lg:p-0",
|
|
@@ -10920,10 +10802,10 @@ import { useState as useState46 } from "react";
|
|
|
10920
10802
|
// src/components/DesignElements/KeyValuePair.tsx
|
|
10921
10803
|
import { DesignInput as DesignInput3 } from "@geowiki/design-system";
|
|
10922
10804
|
import { useForm as useForm17 } from "react-hook-form";
|
|
10923
|
-
import { jsx as
|
|
10805
|
+
import { jsx as jsx140, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
10924
10806
|
var KeyValuePair = (props) => {
|
|
10925
10807
|
const { register } = useForm17();
|
|
10926
|
-
return /* @__PURE__ */
|
|
10808
|
+
return /* @__PURE__ */ jsx140(
|
|
10927
10809
|
"div",
|
|
10928
10810
|
{
|
|
10929
10811
|
style: {
|
|
@@ -10936,7 +10818,7 @@ var KeyValuePair = (props) => {
|
|
|
10936
10818
|
gap: 16,
|
|
10937
10819
|
display: "inline-flex"
|
|
10938
10820
|
},
|
|
10939
|
-
children: /* @__PURE__ */
|
|
10821
|
+
children: /* @__PURE__ */ jsxs118(
|
|
10940
10822
|
"div",
|
|
10941
10823
|
{
|
|
10942
10824
|
style: {
|
|
@@ -10946,7 +10828,7 @@ var KeyValuePair = (props) => {
|
|
|
10946
10828
|
display: "inline-flex"
|
|
10947
10829
|
},
|
|
10948
10830
|
children: [
|
|
10949
|
-
/* @__PURE__ */
|
|
10831
|
+
/* @__PURE__ */ jsx140(
|
|
10950
10832
|
"div",
|
|
10951
10833
|
{
|
|
10952
10834
|
style: {
|
|
@@ -10958,7 +10840,7 @@ var KeyValuePair = (props) => {
|
|
|
10958
10840
|
gap: 8,
|
|
10959
10841
|
display: "inline-flex"
|
|
10960
10842
|
},
|
|
10961
|
-
children: /* @__PURE__ */
|
|
10843
|
+
children: /* @__PURE__ */ jsx140(
|
|
10962
10844
|
"div",
|
|
10963
10845
|
{
|
|
10964
10846
|
style: {
|
|
@@ -10971,7 +10853,7 @@ var KeyValuePair = (props) => {
|
|
|
10971
10853
|
alignItems: "center",
|
|
10972
10854
|
display: "inline-flex"
|
|
10973
10855
|
},
|
|
10974
|
-
children: /* @__PURE__ */
|
|
10856
|
+
children: /* @__PURE__ */ jsx140(
|
|
10975
10857
|
DesignInput3,
|
|
10976
10858
|
__spreadProps(__spreadValues({
|
|
10977
10859
|
placeholder: props.keyName,
|
|
@@ -10990,7 +10872,7 @@ var KeyValuePair = (props) => {
|
|
|
10990
10872
|
)
|
|
10991
10873
|
}
|
|
10992
10874
|
),
|
|
10993
|
-
/* @__PURE__ */
|
|
10875
|
+
/* @__PURE__ */ jsx140(
|
|
10994
10876
|
"div",
|
|
10995
10877
|
{
|
|
10996
10878
|
style: {
|
|
@@ -11002,7 +10884,7 @@ var KeyValuePair = (props) => {
|
|
|
11002
10884
|
gap: 8,
|
|
11003
10885
|
display: "inline-flex"
|
|
11004
10886
|
},
|
|
11005
|
-
children: /* @__PURE__ */
|
|
10887
|
+
children: /* @__PURE__ */ jsx140(
|
|
11006
10888
|
"div",
|
|
11007
10889
|
{
|
|
11008
10890
|
style: {
|
|
@@ -11014,7 +10896,7 @@ var KeyValuePair = (props) => {
|
|
|
11014
10896
|
gap: 8,
|
|
11015
10897
|
display: "flex"
|
|
11016
10898
|
},
|
|
11017
|
-
children: /* @__PURE__ */
|
|
10899
|
+
children: /* @__PURE__ */ jsx140(
|
|
11018
10900
|
"div",
|
|
11019
10901
|
{
|
|
11020
10902
|
style: {
|
|
@@ -11027,7 +10909,7 @@ var KeyValuePair = (props) => {
|
|
|
11027
10909
|
alignItems: "center",
|
|
11028
10910
|
display: "inline-flex"
|
|
11029
10911
|
},
|
|
11030
|
-
children: /* @__PURE__ */
|
|
10912
|
+
children: /* @__PURE__ */ jsx140(
|
|
11031
10913
|
DesignInput3,
|
|
11032
10914
|
__spreadProps(__spreadValues({
|
|
11033
10915
|
placeholder: props.valueName,
|
|
@@ -11056,7 +10938,7 @@ var KeyValuePair = (props) => {
|
|
|
11056
10938
|
};
|
|
11057
10939
|
|
|
11058
10940
|
// src/components/DesignElements/KeyValuePairList.tsx
|
|
11059
|
-
import { jsx as
|
|
10941
|
+
import { jsx as jsx141, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
11060
10942
|
var KeyValuePairList = (props) => {
|
|
11061
10943
|
const [counter, setCounter] = useState46(0);
|
|
11062
10944
|
const [keyValueData, setKeyValueData] = useState46([]);
|
|
@@ -11065,7 +10947,7 @@ var KeyValuePairList = (props) => {
|
|
|
11065
10947
|
};
|
|
11066
10948
|
props.getValues(keyValueData);
|
|
11067
10949
|
const [keyValueList, setKeyValueList] = useState46([
|
|
11068
|
-
/* @__PURE__ */
|
|
10950
|
+
/* @__PURE__ */ jsx141(
|
|
11069
10951
|
KeyValuePair,
|
|
11070
10952
|
{
|
|
11071
10953
|
index: counter,
|
|
@@ -11077,7 +10959,7 @@ var KeyValuePairList = (props) => {
|
|
|
11077
10959
|
counter
|
|
11078
10960
|
)
|
|
11079
10961
|
]);
|
|
11080
|
-
return /* @__PURE__ */
|
|
10962
|
+
return /* @__PURE__ */ jsx141(
|
|
11081
10963
|
"div",
|
|
11082
10964
|
{
|
|
11083
10965
|
style: {
|
|
@@ -11086,7 +10968,7 @@ var KeyValuePairList = (props) => {
|
|
|
11086
10968
|
position: "relative",
|
|
11087
10969
|
background: "#F3F3F4"
|
|
11088
10970
|
},
|
|
11089
|
-
children: /* @__PURE__ */
|
|
10971
|
+
children: /* @__PURE__ */ jsxs119(
|
|
11090
10972
|
"div",
|
|
11091
10973
|
{
|
|
11092
10974
|
style: {
|
|
@@ -11100,7 +10982,7 @@ var KeyValuePairList = (props) => {
|
|
|
11100
10982
|
overflow: "hidden"
|
|
11101
10983
|
},
|
|
11102
10984
|
children: [
|
|
11103
|
-
/* @__PURE__ */
|
|
10985
|
+
/* @__PURE__ */ jsxs119(
|
|
11104
10986
|
"div",
|
|
11105
10987
|
{
|
|
11106
10988
|
style: {
|
|
@@ -11114,7 +10996,7 @@ var KeyValuePairList = (props) => {
|
|
|
11114
10996
|
display: "inline-flex"
|
|
11115
10997
|
},
|
|
11116
10998
|
children: [
|
|
11117
|
-
/* @__PURE__ */
|
|
10999
|
+
/* @__PURE__ */ jsxs119(
|
|
11118
11000
|
"div",
|
|
11119
11001
|
{
|
|
11120
11002
|
style: {
|
|
@@ -11124,7 +11006,7 @@ var KeyValuePairList = (props) => {
|
|
|
11124
11006
|
display: "inline-flex"
|
|
11125
11007
|
},
|
|
11126
11008
|
children: [
|
|
11127
|
-
/* @__PURE__ */
|
|
11009
|
+
/* @__PURE__ */ jsx141(
|
|
11128
11010
|
"div",
|
|
11129
11011
|
{
|
|
11130
11012
|
style: {
|
|
@@ -11138,8 +11020,8 @@ var KeyValuePairList = (props) => {
|
|
|
11138
11020
|
children: props.title
|
|
11139
11021
|
}
|
|
11140
11022
|
),
|
|
11141
|
-
/* @__PURE__ */
|
|
11142
|
-
/* @__PURE__ */
|
|
11023
|
+
/* @__PURE__ */ jsxs119("div", { style: { width: 16, height: 16, position: "relative" }, children: [
|
|
11024
|
+
/* @__PURE__ */ jsx141(
|
|
11143
11025
|
"div",
|
|
11144
11026
|
{
|
|
11145
11027
|
style: {
|
|
@@ -11153,7 +11035,7 @@ var KeyValuePairList = (props) => {
|
|
|
11153
11035
|
}
|
|
11154
11036
|
}
|
|
11155
11037
|
),
|
|
11156
|
-
/* @__PURE__ */
|
|
11038
|
+
/* @__PURE__ */ jsx141(
|
|
11157
11039
|
"div",
|
|
11158
11040
|
{
|
|
11159
11041
|
style: {
|
|
@@ -11177,7 +11059,7 @@ var KeyValuePairList = (props) => {
|
|
|
11177
11059
|
]
|
|
11178
11060
|
}
|
|
11179
11061
|
),
|
|
11180
|
-
/* @__PURE__ */
|
|
11062
|
+
/* @__PURE__ */ jsx141(
|
|
11181
11063
|
"div",
|
|
11182
11064
|
{
|
|
11183
11065
|
style: {
|
|
@@ -11194,7 +11076,7 @@ var KeyValuePairList = (props) => {
|
|
|
11194
11076
|
]
|
|
11195
11077
|
}
|
|
11196
11078
|
),
|
|
11197
|
-
props.showAddAnother && /* @__PURE__ */
|
|
11079
|
+
props.showAddAnother && /* @__PURE__ */ jsx141(
|
|
11198
11080
|
"div",
|
|
11199
11081
|
{
|
|
11200
11082
|
style: {
|
|
@@ -11209,7 +11091,7 @@ var KeyValuePairList = (props) => {
|
|
|
11209
11091
|
gap: 10,
|
|
11210
11092
|
display: "inline-flex"
|
|
11211
11093
|
},
|
|
11212
|
-
children: /* @__PURE__ */
|
|
11094
|
+
children: /* @__PURE__ */ jsx141(
|
|
11213
11095
|
"div",
|
|
11214
11096
|
{
|
|
11215
11097
|
style: {
|
|
@@ -11224,7 +11106,7 @@ var KeyValuePairList = (props) => {
|
|
|
11224
11106
|
setKeyValueData([]);
|
|
11225
11107
|
setKeyValueList([
|
|
11226
11108
|
...keyValueList,
|
|
11227
|
-
/* @__PURE__ */
|
|
11109
|
+
/* @__PURE__ */ jsx141(
|
|
11228
11110
|
KeyValuePair,
|
|
11229
11111
|
{
|
|
11230
11112
|
index: counter + 1,
|
|
@@ -11242,7 +11124,7 @@ var KeyValuePairList = (props) => {
|
|
|
11242
11124
|
)
|
|
11243
11125
|
}
|
|
11244
11126
|
),
|
|
11245
|
-
/* @__PURE__ */
|
|
11127
|
+
/* @__PURE__ */ jsx141("div", { children: keyValueList })
|
|
11246
11128
|
]
|
|
11247
11129
|
}
|
|
11248
11130
|
)
|
|
@@ -11253,7 +11135,7 @@ var KeyValuePairList = (props) => {
|
|
|
11253
11135
|
// src/components/Chart/PieChart.tsx
|
|
11254
11136
|
import { useEffect as useEffect23 } from "react";
|
|
11255
11137
|
import * as d3 from "d3";
|
|
11256
|
-
import { jsx as
|
|
11138
|
+
import { jsx as jsx142, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
11257
11139
|
var PieChart = ({ data, outerRadius, innerRadius }) => {
|
|
11258
11140
|
const margin = {
|
|
11259
11141
|
top: 50,
|
|
@@ -11299,9 +11181,9 @@ var PieChart = ({ data, outerRadius, innerRadius }) => {
|
|
|
11299
11181
|
});
|
|
11300
11182
|
legend.enter().append("text").attr("x", xOffset + legendItemSize + 5).attr("y", (_, i) => yOffset + (legendItemSize + legendSpacing) * i + 12).text((d) => d == null ? void 0 : d.label);
|
|
11301
11183
|
}
|
|
11302
|
-
return /* @__PURE__ */
|
|
11303
|
-
/* @__PURE__ */
|
|
11304
|
-
/* @__PURE__ */
|
|
11184
|
+
return /* @__PURE__ */ jsxs120("div", { className: "flex-col", children: [
|
|
11185
|
+
/* @__PURE__ */ jsx142("div", { id: "pie-container", className: "relative" }),
|
|
11186
|
+
/* @__PURE__ */ jsx142("div", { id: "legend" })
|
|
11305
11187
|
] });
|
|
11306
11188
|
};
|
|
11307
11189
|
|
|
@@ -11326,7 +11208,7 @@ import {
|
|
|
11326
11208
|
Checkbox as Checkbox10
|
|
11327
11209
|
} from "@geowiki/design-system";
|
|
11328
11210
|
import { useDefaultSettings } from "@geowiki/core";
|
|
11329
|
-
import { jsx as
|
|
11211
|
+
import { jsx as jsx143, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
11330
11212
|
var formSchema = z3.object({
|
|
11331
11213
|
userName: z3.string().min(2, "Username must be at least 2 characters"),
|
|
11332
11214
|
emailAddress: z3.string().email("Invalid email address"),
|
|
@@ -11451,22 +11333,22 @@ function RegisterForm({
|
|
|
11451
11333
|
}
|
|
11452
11334
|
});
|
|
11453
11335
|
}
|
|
11454
|
-
return /* @__PURE__ */
|
|
11455
|
-
/* @__PURE__ */
|
|
11456
|
-
/* @__PURE__ */
|
|
11457
|
-
/* @__PURE__ */
|
|
11336
|
+
return /* @__PURE__ */ jsx143("div", { className, children: /* @__PURE__ */ jsxs121("div", { className: "space-y-6", children: [
|
|
11337
|
+
/* @__PURE__ */ jsxs121("div", { className: "space-y-2 text-center", children: [
|
|
11338
|
+
/* @__PURE__ */ jsx143("h1", { className: "text-3xl font-bold", children: "Create an Account" }),
|
|
11339
|
+
/* @__PURE__ */ jsx143("p", { className: "text-gray-500", children: "Enter your details to register" })
|
|
11458
11340
|
] }),
|
|
11459
|
-
error && /* @__PURE__ */
|
|
11460
|
-
success && /* @__PURE__ */
|
|
11461
|
-
/* @__PURE__ */
|
|
11462
|
-
/* @__PURE__ */
|
|
11341
|
+
error && /* @__PURE__ */ jsx143(Alert, { variant: "destructive", children: /* @__PURE__ */ jsx143(AlertDescription, { children: error }) }),
|
|
11342
|
+
success && /* @__PURE__ */ jsx143(Alert, { className: "bg-green-50 text-green-800 border-green-200", children: /* @__PURE__ */ jsx143(AlertDescription, { children: "Registration successful! Redirecting to login..." }) }),
|
|
11343
|
+
/* @__PURE__ */ jsx143(Form, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ jsxs121("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
|
|
11344
|
+
/* @__PURE__ */ jsx143(
|
|
11463
11345
|
FormField3,
|
|
11464
11346
|
{
|
|
11465
11347
|
control: form.control,
|
|
11466
11348
|
name: "userName",
|
|
11467
|
-
render: ({ field }) => /* @__PURE__ */
|
|
11468
|
-
/* @__PURE__ */
|
|
11469
|
-
/* @__PURE__ */
|
|
11349
|
+
render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
|
|
11350
|
+
/* @__PURE__ */ jsx143(FormLabel, { children: "Username" }),
|
|
11351
|
+
/* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
|
|
11470
11352
|
Input2,
|
|
11471
11353
|
__spreadProps(__spreadValues({
|
|
11472
11354
|
placeholder: "Enter your username"
|
|
@@ -11478,18 +11360,18 @@ function RegisterForm({
|
|
|
11478
11360
|
}
|
|
11479
11361
|
})
|
|
11480
11362
|
) }),
|
|
11481
|
-
/* @__PURE__ */
|
|
11363
|
+
/* @__PURE__ */ jsx143(FormMessage, {})
|
|
11482
11364
|
] })
|
|
11483
11365
|
}
|
|
11484
11366
|
),
|
|
11485
|
-
/* @__PURE__ */
|
|
11367
|
+
/* @__PURE__ */ jsx143(
|
|
11486
11368
|
FormField3,
|
|
11487
11369
|
{
|
|
11488
11370
|
control: form.control,
|
|
11489
11371
|
name: "emailAddress",
|
|
11490
|
-
render: ({ field }) => /* @__PURE__ */
|
|
11491
|
-
/* @__PURE__ */
|
|
11492
|
-
/* @__PURE__ */
|
|
11372
|
+
render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
|
|
11373
|
+
/* @__PURE__ */ jsx143(FormLabel, { children: "Email" }),
|
|
11374
|
+
/* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
|
|
11493
11375
|
Input2,
|
|
11494
11376
|
__spreadProps(__spreadValues({
|
|
11495
11377
|
type: "email",
|
|
@@ -11502,18 +11384,18 @@ function RegisterForm({
|
|
|
11502
11384
|
}
|
|
11503
11385
|
})
|
|
11504
11386
|
) }),
|
|
11505
|
-
/* @__PURE__ */
|
|
11387
|
+
/* @__PURE__ */ jsx143(FormMessage, {})
|
|
11506
11388
|
] })
|
|
11507
11389
|
}
|
|
11508
11390
|
),
|
|
11509
|
-
/* @__PURE__ */
|
|
11391
|
+
/* @__PURE__ */ jsx143(
|
|
11510
11392
|
FormField3,
|
|
11511
11393
|
{
|
|
11512
11394
|
control: form.control,
|
|
11513
11395
|
name: "password",
|
|
11514
|
-
render: ({ field }) => /* @__PURE__ */
|
|
11515
|
-
/* @__PURE__ */
|
|
11516
|
-
/* @__PURE__ */
|
|
11396
|
+
render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
|
|
11397
|
+
/* @__PURE__ */ jsx143(FormLabel, { children: "Password" }),
|
|
11398
|
+
/* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
|
|
11517
11399
|
Input2,
|
|
11518
11400
|
__spreadProps(__spreadValues({
|
|
11519
11401
|
type: "password",
|
|
@@ -11526,18 +11408,18 @@ function RegisterForm({
|
|
|
11526
11408
|
}
|
|
11527
11409
|
})
|
|
11528
11410
|
) }),
|
|
11529
|
-
/* @__PURE__ */
|
|
11411
|
+
/* @__PURE__ */ jsx143(FormMessage, {})
|
|
11530
11412
|
] })
|
|
11531
11413
|
}
|
|
11532
11414
|
),
|
|
11533
|
-
/* @__PURE__ */
|
|
11415
|
+
/* @__PURE__ */ jsx143(
|
|
11534
11416
|
FormField3,
|
|
11535
11417
|
{
|
|
11536
11418
|
control: form.control,
|
|
11537
11419
|
name: "confirmPassword",
|
|
11538
|
-
render: ({ field }) => /* @__PURE__ */
|
|
11539
|
-
/* @__PURE__ */
|
|
11540
|
-
/* @__PURE__ */
|
|
11420
|
+
render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { children: [
|
|
11421
|
+
/* @__PURE__ */ jsx143(FormLabel, { children: "Confirm Password" }),
|
|
11422
|
+
/* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
|
|
11541
11423
|
Input2,
|
|
11542
11424
|
__spreadProps(__spreadValues({
|
|
11543
11425
|
type: "password",
|
|
@@ -11550,17 +11432,17 @@ function RegisterForm({
|
|
|
11550
11432
|
}
|
|
11551
11433
|
})
|
|
11552
11434
|
) }),
|
|
11553
|
-
/* @__PURE__ */
|
|
11435
|
+
/* @__PURE__ */ jsx143(FormMessage, {})
|
|
11554
11436
|
] })
|
|
11555
11437
|
}
|
|
11556
11438
|
),
|
|
11557
|
-
/* @__PURE__ */
|
|
11439
|
+
/* @__PURE__ */ jsx143(
|
|
11558
11440
|
FormField3,
|
|
11559
11441
|
{
|
|
11560
11442
|
control: form.control,
|
|
11561
11443
|
name: "acceptTerms",
|
|
11562
|
-
render: ({ field }) => /* @__PURE__ */
|
|
11563
|
-
/* @__PURE__ */
|
|
11444
|
+
render: ({ field }) => /* @__PURE__ */ jsxs121(FormItem3, { className: "flex flex-row items-start space-x-3 space-y-0", children: [
|
|
11445
|
+
/* @__PURE__ */ jsx143(FormControl, { children: /* @__PURE__ */ jsx143(
|
|
11564
11446
|
Checkbox10,
|
|
11565
11447
|
{
|
|
11566
11448
|
checked: field.value,
|
|
@@ -11568,11 +11450,11 @@ function RegisterForm({
|
|
|
11568
11450
|
disabled: isLoading
|
|
11569
11451
|
}
|
|
11570
11452
|
) }),
|
|
11571
|
-
/* @__PURE__ */
|
|
11572
|
-
/* @__PURE__ */
|
|
11453
|
+
/* @__PURE__ */ jsxs121("div", { className: "space-y-1 leading-none", children: [
|
|
11454
|
+
/* @__PURE__ */ jsxs121(FormLabel, { className: "text-sm font-normal", children: [
|
|
11573
11455
|
"I accept the",
|
|
11574
11456
|
" ",
|
|
11575
|
-
termsUrl && /* @__PURE__ */
|
|
11457
|
+
termsUrl && /* @__PURE__ */ jsx143(
|
|
11576
11458
|
"a",
|
|
11577
11459
|
{
|
|
11578
11460
|
href: termsUrl,
|
|
@@ -11583,7 +11465,7 @@ function RegisterForm({
|
|
|
11583
11465
|
}
|
|
11584
11466
|
),
|
|
11585
11467
|
termsUrl && privacyUrl && " and ",
|
|
11586
|
-
privacyUrl && /* @__PURE__ */
|
|
11468
|
+
privacyUrl && /* @__PURE__ */ jsx143(
|
|
11587
11469
|
"a",
|
|
11588
11470
|
{
|
|
11589
11471
|
href: privacyUrl,
|
|
@@ -11595,12 +11477,12 @@ function RegisterForm({
|
|
|
11595
11477
|
),
|
|
11596
11478
|
!termsUrl && !privacyUrl && "Terms of Service and Privacy Policy"
|
|
11597
11479
|
] }),
|
|
11598
|
-
/* @__PURE__ */
|
|
11480
|
+
/* @__PURE__ */ jsx143(FormMessage, {})
|
|
11599
11481
|
] })
|
|
11600
11482
|
] })
|
|
11601
11483
|
}
|
|
11602
11484
|
),
|
|
11603
|
-
/* @__PURE__ */
|
|
11485
|
+
/* @__PURE__ */ jsx143(Button26, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Registering..." : "Register" })
|
|
11604
11486
|
] }) }))
|
|
11605
11487
|
] }) });
|
|
11606
11488
|
}
|
|
@@ -11689,7 +11571,6 @@ export {
|
|
|
11689
11571
|
NewsItemList,
|
|
11690
11572
|
NewsfeedPreview,
|
|
11691
11573
|
NextImage,
|
|
11692
|
-
Notification,
|
|
11693
11574
|
PageNotFound,
|
|
11694
11575
|
Pagination,
|
|
11695
11576
|
PanelMain,
|
|
@@ -11711,7 +11592,6 @@ export {
|
|
|
11711
11592
|
Sidebar,
|
|
11712
11593
|
SidebarIcon,
|
|
11713
11594
|
SignUpBanner,
|
|
11714
|
-
SimpleLink,
|
|
11715
11595
|
SixClusterNews,
|
|
11716
11596
|
SubtitleH2BodyVideo,
|
|
11717
11597
|
SubtitleH3Body,
|