@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.js
CHANGED
|
@@ -381,7 +381,6 @@ __export(src_exports, {
|
|
|
381
381
|
NewsItemList: () => NewsItemList,
|
|
382
382
|
NewsfeedPreview: () => NewsfeedPreview,
|
|
383
383
|
NextImage: () => NextImage,
|
|
384
|
-
Notification: () => Notification,
|
|
385
384
|
PageNotFound: () => PageNotFound,
|
|
386
385
|
Pagination: () => Pagination,
|
|
387
386
|
PanelMain: () => PanelMain,
|
|
@@ -403,7 +402,6 @@ __export(src_exports, {
|
|
|
403
402
|
Sidebar: () => Sidebar,
|
|
404
403
|
SidebarIcon: () => SidebarIcon,
|
|
405
404
|
SignUpBanner: () => SignUpBanner,
|
|
406
|
-
SimpleLink: () => SimpleLink,
|
|
407
405
|
SixClusterNews: () => SixClusterNews,
|
|
408
406
|
SubtitleH2BodyVideo: () => SubtitleH2BodyVideo,
|
|
409
407
|
SubtitleH3Body: () => SubtitleH3Body,
|
|
@@ -7994,110 +7992,15 @@ var DesignFooter = (props) => {
|
|
|
7994
7992
|
};
|
|
7995
7993
|
|
|
7996
7994
|
// src/components/DesignElements/header.tsx
|
|
7997
|
-
var
|
|
7998
|
-
var
|
|
7999
|
-
var
|
|
7995
|
+
var import_react56 = require("react");
|
|
7996
|
+
var import_react57 = require("@headlessui/react");
|
|
7997
|
+
var import_design_system69 = require("@geowiki/design-system");
|
|
8000
7998
|
var import_core83 = require("@geowiki/core");
|
|
8001
|
-
var
|
|
7999
|
+
var import_outline6 = require("@heroicons/react/24/outline");
|
|
8002
8000
|
var import_solid6 = require("@heroicons/react/20/solid");
|
|
8003
8001
|
var import_core84 = require("@geowiki/core");
|
|
8004
|
-
|
|
8005
|
-
// src/components/DesignElements/Notification.tsx
|
|
8006
|
-
var import_react56 = require("@headlessui/react");
|
|
8007
|
-
var import_react57 = require("react");
|
|
8008
|
-
var import_outline6 = require("@heroicons/react/24/outline");
|
|
8009
|
-
var import_design_system69 = require("@geowiki/design-system");
|
|
8010
|
-
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
8011
|
-
var Notification = ({
|
|
8012
|
-
title,
|
|
8013
|
-
description,
|
|
8014
|
-
open,
|
|
8015
|
-
setOpen,
|
|
8016
|
-
icon: icon2
|
|
8017
|
-
}) => {
|
|
8018
|
-
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react56.Transition.Root, { show: open, as: import_react57.Fragment, "data-component": "Notification", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react56.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
8019
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8020
|
-
import_react56.Transition.Child,
|
|
8021
|
-
{
|
|
8022
|
-
as: import_react57.Fragment,
|
|
8023
|
-
enter: "ease-out duration-300",
|
|
8024
|
-
enterFrom: "opacity-0",
|
|
8025
|
-
enterTo: "opacity-100",
|
|
8026
|
-
leave: "ease-in duration-200",
|
|
8027
|
-
leaveFrom: "opacity-100",
|
|
8028
|
-
leaveTo: "opacity-0",
|
|
8029
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
8030
|
-
}
|
|
8031
|
-
),
|
|
8032
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex items-center justify-center min-h-full p-4 text-center ", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8033
|
-
import_react56.Transition.Child,
|
|
8034
|
-
{
|
|
8035
|
-
as: import_react57.Fragment,
|
|
8036
|
-
enter: "ease-out duration-300",
|
|
8037
|
-
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
8038
|
-
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
8039
|
-
leave: "ease-in duration-200",
|
|
8040
|
-
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
8041
|
-
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
8042
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react56.Dialog.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: [
|
|
8043
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "absolute top-0 right-0 pt-10 pr-10", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8044
|
-
"button",
|
|
8045
|
-
{
|
|
8046
|
-
type: "button",
|
|
8047
|
-
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
8048
|
-
onClick: () => setOpen(false),
|
|
8049
|
-
children: [
|
|
8050
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
8051
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_outline6.XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
8052
|
-
]
|
|
8053
|
-
}
|
|
8054
|
-
) }),
|
|
8055
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col items-center text-center max-w-[90rem]", children: [
|
|
8056
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex justify-center items-center px-14 w-40 h-40 bg-accent-light-purple rounded-full max-md:px-5", children: icon2 === "computer" ? /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8057
|
-
"svg",
|
|
8058
|
-
{
|
|
8059
|
-
width: "40",
|
|
8060
|
-
height: "40",
|
|
8061
|
-
viewBox: "0 0 40 40",
|
|
8062
|
-
fill: "none",
|
|
8063
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8064
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8065
|
-
"path",
|
|
8066
|
-
{
|
|
8067
|
-
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",
|
|
8068
|
-
fill: "#000000"
|
|
8069
|
-
}
|
|
8070
|
-
)
|
|
8071
|
-
}
|
|
8072
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8073
|
-
"svg",
|
|
8074
|
-
{
|
|
8075
|
-
width: "49",
|
|
8076
|
-
height: "48",
|
|
8077
|
-
viewBox: "0 0 49 48",
|
|
8078
|
-
fill: "none",
|
|
8079
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
8080
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8081
|
-
"path",
|
|
8082
|
-
{
|
|
8083
|
-
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",
|
|
8084
|
-
fill: "#000000"
|
|
8085
|
-
}
|
|
8086
|
-
)
|
|
8087
|
-
}
|
|
8088
|
-
) }),
|
|
8089
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_design_system69.H5Design, { className: "pt-8 pb-6", children: title }),
|
|
8090
|
-
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_design_system69.Body16, { children: description })
|
|
8091
|
-
] })
|
|
8092
|
-
] })
|
|
8093
|
-
}
|
|
8094
|
-
) }) })
|
|
8095
|
-
] }) });
|
|
8096
|
-
};
|
|
8097
|
-
|
|
8098
|
-
// src/components/DesignElements/header.tsx
|
|
8099
8002
|
var import_core85 = require("@geowiki/core");
|
|
8100
|
-
var
|
|
8003
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
8101
8004
|
var DesignHeader = ({
|
|
8102
8005
|
branding,
|
|
8103
8006
|
mainMenu,
|
|
@@ -8108,29 +8011,29 @@ var DesignHeader = ({
|
|
|
8108
8011
|
hasStickyNavBar
|
|
8109
8012
|
}) => {
|
|
8110
8013
|
var _a, _b, _c;
|
|
8111
|
-
const [mobileMenuOpen, setMobileMenuOpen] = (0,
|
|
8112
|
-
const [openNotification, setOpenNotification] = (0,
|
|
8014
|
+
const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react56.useState)(false);
|
|
8015
|
+
const [openNotification, setOpenNotification] = (0, import_react56.useState)(false);
|
|
8113
8016
|
const isFeatureEnabled = (0, import_core85.useFeature)(import_core85.Features.FarmerCluster);
|
|
8114
8017
|
let rootPath = "/";
|
|
8115
8018
|
const { data: settings } = (0, import_core85.useGeoWikiSettings)();
|
|
8116
8019
|
if (settings) {
|
|
8117
8020
|
rootPath = (_c = (_b = (_a = settings.GeoWikiSettings) == null ? void 0 : _a.RootUrl) == null ? void 0 : _b.Text) != null ? _c : "/";
|
|
8118
8021
|
}
|
|
8119
|
-
return /* @__PURE__ */ (0,
|
|
8022
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8120
8023
|
"header",
|
|
8121
8024
|
{
|
|
8122
8025
|
"data-component": "DesignHeader",
|
|
8123
8026
|
className: hasStickyNavBar ? "fixed w-full bg-white" : "lg:container mx-auto",
|
|
8124
8027
|
children: [
|
|
8125
|
-
/* @__PURE__ */ (0,
|
|
8028
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "lg:container lg:mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8126
8029
|
"nav",
|
|
8127
8030
|
{
|
|
8128
8031
|
className: "flex items-center justify-between p-4 lg:px-12 min-h-12",
|
|
8129
8032
|
"aria-label": "Global",
|
|
8130
8033
|
children: [
|
|
8131
|
-
/* @__PURE__ */ (0,
|
|
8132
|
-
/* @__PURE__ */ (0,
|
|
8133
|
-
/* @__PURE__ */ (0,
|
|
8034
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "lg:flex lg:flex-1 hidden", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_core84.Link, { href: rootPath, className: "-m-1.5 p-1.5 min-h-16", children: [
|
|
8035
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: branding.title }),
|
|
8036
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8134
8037
|
CmsImage,
|
|
8135
8038
|
{
|
|
8136
8039
|
src: branding.logo,
|
|
@@ -8143,10 +8046,10 @@ var DesignHeader = ({
|
|
|
8143
8046
|
}
|
|
8144
8047
|
)
|
|
8145
8048
|
] }) }),
|
|
8146
|
-
/* @__PURE__ */ (0,
|
|
8147
|
-
/* @__PURE__ */ (0,
|
|
8148
|
-
/* @__PURE__ */ (0,
|
|
8149
|
-
/* @__PURE__ */ (0,
|
|
8049
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex lg:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
|
|
8050
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_core84.Link, { href: rootPath, className: "flex-shrink-0", children: [
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: branding.title }),
|
|
8052
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8150
8053
|
CmsImage,
|
|
8151
8054
|
{
|
|
8152
8055
|
src: branding.logo,
|
|
@@ -8157,16 +8060,16 @@ var DesignHeader = ({
|
|
|
8157
8060
|
}
|
|
8158
8061
|
)
|
|
8159
8062
|
] }),
|
|
8160
|
-
/* @__PURE__ */ (0,
|
|
8063
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8161
8064
|
"button",
|
|
8162
8065
|
{
|
|
8163
8066
|
type: "button",
|
|
8164
8067
|
className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
|
|
8165
8068
|
onClick: () => setMobileMenuOpen(true),
|
|
8166
8069
|
children: [
|
|
8167
|
-
/* @__PURE__ */ (0,
|
|
8168
|
-
/* @__PURE__ */ (0,
|
|
8169
|
-
|
|
8070
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: "Open main menu" }),
|
|
8071
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8072
|
+
import_outline6.Bars3Icon,
|
|
8170
8073
|
{
|
|
8171
8074
|
className: "h-8 w-8 text-gray-700",
|
|
8172
8075
|
"aria-hidden": "true"
|
|
@@ -8176,11 +8079,11 @@ var DesignHeader = ({
|
|
|
8176
8079
|
}
|
|
8177
8080
|
)
|
|
8178
8081
|
] }) }),
|
|
8179
|
-
/* @__PURE__ */ (0,
|
|
8180
|
-
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ (0,
|
|
8181
|
-
/* @__PURE__ */ (0,
|
|
8082
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react57.Popover.Group, { className: "hidden lg:flex lg:items-center lg:gap-x-6 grid-cols-1", children: mainMenu.map(
|
|
8083
|
+
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react57.Popover, { children: [
|
|
8084
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react57.Popover.Button, { className: "flex items-center gap-x-1 text-base font-medium outline-none border-none", children: [
|
|
8182
8085
|
menuItem.text,
|
|
8183
|
-
/* @__PURE__ */ (0,
|
|
8086
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8184
8087
|
import_solid6.ChevronDownIcon,
|
|
8185
8088
|
{
|
|
8186
8089
|
className: "h-6 w-6 flex-none text-black",
|
|
@@ -8188,11 +8091,11 @@ var DesignHeader = ({
|
|
|
8188
8091
|
}
|
|
8189
8092
|
)
|
|
8190
8093
|
] }),
|
|
8191
|
-
/* @__PURE__ */ (0,
|
|
8094
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react57.Popover.Panel, { className: "absolute mt-3 bg-white overflow-hidden bg-neutral-content rounded-lg ring-1 ring-gray-900/5 z-[401]", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "p-4 space-y-4 ", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8192
8095
|
"div",
|
|
8193
8096
|
{
|
|
8194
8097
|
className: "group relative flex rounded-lg text-sm leading-tight",
|
|
8195
|
-
children: /* @__PURE__ */ (0,
|
|
8098
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8196
8099
|
import_core84.Link,
|
|
8197
8100
|
{
|
|
8198
8101
|
href: subItem.link,
|
|
@@ -8204,7 +8107,7 @@ var DesignHeader = ({
|
|
|
8204
8107
|
},
|
|
8205
8108
|
subItem.text
|
|
8206
8109
|
)) }) })
|
|
8207
|
-
] }, menuItem.text) : /* @__PURE__ */ (0,
|
|
8110
|
+
] }, menuItem.text) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8208
8111
|
import_core84.Link,
|
|
8209
8112
|
{
|
|
8210
8113
|
href: menuItem.link,
|
|
@@ -8214,10 +8117,10 @@ var DesignHeader = ({
|
|
|
8214
8117
|
}
|
|
8215
8118
|
) }, menuItem.text)
|
|
8216
8119
|
) }),
|
|
8217
|
-
/* @__PURE__ */ (0,
|
|
8218
|
-
sessionStatus === "unauthenticated" && /* @__PURE__ */ (0,
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8220
|
-
|
|
8120
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "hidden lg:flex lg:flex-1 lg:justify-end gap-8", children: canLogin && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
8121
|
+
sessionStatus === "unauthenticated" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
8122
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8123
|
+
import_design_system69.DesignButton,
|
|
8221
8124
|
{
|
|
8222
8125
|
variant: "secondary",
|
|
8223
8126
|
size: "sm",
|
|
@@ -8225,7 +8128,7 @@ var DesignHeader = ({
|
|
|
8225
8128
|
children: "Login"
|
|
8226
8129
|
}
|
|
8227
8130
|
),
|
|
8228
|
-
canSignup && /* @__PURE__ */ (0,
|
|
8131
|
+
canSignup && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_design_system69.DesignButton, { variant: "secondary", size: "sm", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8229
8132
|
import_core84.Link,
|
|
8230
8133
|
{
|
|
8231
8134
|
href: `${isFeatureEnabled ? "/signup" : "/register"}`,
|
|
@@ -8233,8 +8136,8 @@ var DesignHeader = ({
|
|
|
8233
8136
|
}
|
|
8234
8137
|
) })
|
|
8235
8138
|
] }),
|
|
8236
|
-
sessionStatus === "authenticated" && /* @__PURE__ */ (0,
|
|
8237
|
-
isAdmin2 && /* @__PURE__ */ (0,
|
|
8139
|
+
sessionStatus === "authenticated" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_jsx_runtime95.Fragment, { children: [
|
|
8140
|
+
isAdmin2 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8238
8141
|
import_core84.Link,
|
|
8239
8142
|
{
|
|
8240
8143
|
href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"} `,
|
|
@@ -8242,8 +8145,8 @@ var DesignHeader = ({
|
|
|
8242
8145
|
children: "Admin"
|
|
8243
8146
|
}
|
|
8244
8147
|
),
|
|
8245
|
-
/* @__PURE__ */ (0,
|
|
8246
|
-
|
|
8148
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8149
|
+
import_design_system69.DesignButton,
|
|
8247
8150
|
{
|
|
8248
8151
|
variant: "secondary",
|
|
8249
8152
|
size: "sm",
|
|
@@ -8256,20 +8159,20 @@ var DesignHeader = ({
|
|
|
8256
8159
|
]
|
|
8257
8160
|
}
|
|
8258
8161
|
) }),
|
|
8259
|
-
/* @__PURE__ */ (0,
|
|
8260
|
-
|
|
8162
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8163
|
+
import_react57.Dialog,
|
|
8261
8164
|
{
|
|
8262
8165
|
as: "div",
|
|
8263
8166
|
className: "lg:hidden",
|
|
8264
8167
|
open: mobileMenuOpen,
|
|
8265
8168
|
onClose: setMobileMenuOpen,
|
|
8266
8169
|
children: [
|
|
8267
|
-
/* @__PURE__ */ (0,
|
|
8268
|
-
/* @__PURE__ */ (0,
|
|
8269
|
-
/* @__PURE__ */ (0,
|
|
8270
|
-
/* @__PURE__ */ (0,
|
|
8271
|
-
/* @__PURE__ */ (0,
|
|
8272
|
-
/* @__PURE__ */ (0,
|
|
8170
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fixed inset-0 z-10" }),
|
|
8171
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react57.Dialog.Panel, { className: "fixed inset-y-0 right-0 z-10 flex w-full flex-col bg-white shadow-xl sm:max-w-sm", children: [
|
|
8172
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center justify-between p-4", children: [
|
|
8173
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_core84.Link, { href: rootPath, className: "flex-shrink-0", children: [
|
|
8174
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: branding.title }),
|
|
8175
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8273
8176
|
CmsImage,
|
|
8274
8177
|
{
|
|
8275
8178
|
src: branding.logo,
|
|
@@ -8282,21 +8185,21 @@ var DesignHeader = ({
|
|
|
8282
8185
|
}
|
|
8283
8186
|
)
|
|
8284
8187
|
] }),
|
|
8285
|
-
/* @__PURE__ */ (0,
|
|
8188
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
8286
8189
|
"button",
|
|
8287
8190
|
{
|
|
8288
8191
|
type: "button",
|
|
8289
8192
|
className: "flex items-center justify-center h-12 w-12 rounded-lg bg-gray-100 hover:bg-gray-200 transition-colors duration-200",
|
|
8290
8193
|
onClick: () => setMobileMenuOpen(false),
|
|
8291
8194
|
children: [
|
|
8292
|
-
/* @__PURE__ */ (0,
|
|
8293
|
-
/* @__PURE__ */ (0,
|
|
8195
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "sr-only", children: "Close menu" }),
|
|
8196
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_outline6.XMarkIcon, { className: "h-8 w-8 text-gray-700", "aria-hidden": "true" })
|
|
8294
8197
|
]
|
|
8295
8198
|
}
|
|
8296
8199
|
)
|
|
8297
8200
|
] }),
|
|
8298
|
-
/* @__PURE__ */ (0,
|
|
8299
|
-
!mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ (0,
|
|
8201
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex-1 flex flex-col justify-between p-6", children: [
|
|
8202
|
+
!mainMenu.some((menuItem) => menuItem.text === "Home") && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "py-2", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8300
8203
|
import_core84.Link,
|
|
8301
8204
|
{
|
|
8302
8205
|
href: rootPath,
|
|
@@ -8306,10 +8209,10 @@ var DesignHeader = ({
|
|
|
8306
8209
|
}
|
|
8307
8210
|
) }),
|
|
8308
8211
|
mainMenu.map(
|
|
8309
|
-
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ (0,
|
|
8310
|
-
/* @__PURE__ */ (0,
|
|
8212
|
+
(menuItem) => menuItem.subMenu ? /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react57.Popover, { className: "relative", children: [
|
|
8213
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react57.Popover.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: [
|
|
8311
8214
|
menuItem.text,
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8215
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8313
8216
|
import_solid6.ChevronDownIcon,
|
|
8314
8217
|
{
|
|
8315
8218
|
className: "h-5 w-5 flex-none text-gray-500",
|
|
@@ -8317,7 +8220,7 @@ var DesignHeader = ({
|
|
|
8317
8220
|
}
|
|
8318
8221
|
)
|
|
8319
8222
|
] }),
|
|
8320
|
-
/* @__PURE__ */ (0,
|
|
8223
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react57.Popover.Panel, { className: "relative mt-2 ml-4", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "space-y-3", children: menuItem.subMenu.map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8321
8224
|
import_core84.Link,
|
|
8322
8225
|
{
|
|
8323
8226
|
href: subItem.link,
|
|
@@ -8327,7 +8230,7 @@ var DesignHeader = ({
|
|
|
8327
8230
|
children: subItem.text
|
|
8328
8231
|
}
|
|
8329
8232
|
) }, subItem.text)) }) })
|
|
8330
|
-
] }, menuItem.text) : /* @__PURE__ */ (0,
|
|
8233
|
+
] }, menuItem.text) : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8331
8234
|
import_core84.Link,
|
|
8332
8235
|
{
|
|
8333
8236
|
href: menuItem.link,
|
|
@@ -8338,9 +8241,9 @@ var DesignHeader = ({
|
|
|
8338
8241
|
}
|
|
8339
8242
|
) }, menuItem.text)
|
|
8340
8243
|
),
|
|
8341
|
-
canLogin && /* @__PURE__ */ (0,
|
|
8342
|
-
sessionStatus === "unauthenticated" && /* @__PURE__ */ (0,
|
|
8343
|
-
/* @__PURE__ */ (0,
|
|
8244
|
+
canLogin && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "pt-6 mt-auto", children: [
|
|
8245
|
+
sessionStatus === "unauthenticated" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex gap-4 mb-4", children: [
|
|
8246
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8344
8247
|
"button",
|
|
8345
8248
|
{
|
|
8346
8249
|
type: "button",
|
|
@@ -8352,7 +8255,7 @@ var DesignHeader = ({
|
|
|
8352
8255
|
children: "Login"
|
|
8353
8256
|
}
|
|
8354
8257
|
),
|
|
8355
|
-
canSignup && /* @__PURE__ */ (0,
|
|
8258
|
+
canSignup && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8356
8259
|
import_core84.Link,
|
|
8357
8260
|
{
|
|
8358
8261
|
href: `${isFeatureEnabled ? "/signup" : "/register"}`,
|
|
@@ -8362,8 +8265,8 @@ var DesignHeader = ({
|
|
|
8362
8265
|
}
|
|
8363
8266
|
)
|
|
8364
8267
|
] }),
|
|
8365
|
-
sessionStatus === "authenticated" && /* @__PURE__ */ (0,
|
|
8366
|
-
isAdmin2 && /* @__PURE__ */ (0,
|
|
8268
|
+
sessionStatus === "authenticated" && /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "space-y-3 mb-4", children: [
|
|
8269
|
+
isAdmin2 && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8367
8270
|
import_core84.Link,
|
|
8368
8271
|
{
|
|
8369
8272
|
href: `${isFeatureEnabled ? "/admin/cluster" : "/admin"}`,
|
|
@@ -8372,7 +8275,7 @@ var DesignHeader = ({
|
|
|
8372
8275
|
children: "Admin"
|
|
8373
8276
|
}
|
|
8374
8277
|
),
|
|
8375
|
-
/* @__PURE__ */ (0,
|
|
8278
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8376
8279
|
"button",
|
|
8377
8280
|
{
|
|
8378
8281
|
type: "button",
|
|
@@ -8385,8 +8288,8 @@ var DesignHeader = ({
|
|
|
8385
8288
|
}
|
|
8386
8289
|
)
|
|
8387
8290
|
] }),
|
|
8388
|
-
/* @__PURE__ */ (0,
|
|
8389
|
-
/* @__PURE__ */ (0,
|
|
8291
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-wrap gap-4 text-sm text-gray-600", children: [
|
|
8292
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8390
8293
|
import_core84.Link,
|
|
8391
8294
|
{
|
|
8392
8295
|
href: "/page/terms-of-use",
|
|
@@ -8395,7 +8298,7 @@ var DesignHeader = ({
|
|
|
8395
8298
|
children: "Terms of Use"
|
|
8396
8299
|
}
|
|
8397
8300
|
),
|
|
8398
|
-
/* @__PURE__ */ (0,
|
|
8301
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8399
8302
|
import_core84.Link,
|
|
8400
8303
|
{
|
|
8401
8304
|
href: "/page/privacy-policy",
|
|
@@ -8404,7 +8307,7 @@ var DesignHeader = ({
|
|
|
8404
8307
|
children: "Privacy Policy"
|
|
8405
8308
|
}
|
|
8406
8309
|
),
|
|
8407
|
-
/* @__PURE__ */ (0,
|
|
8310
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8408
8311
|
import_core84.Link,
|
|
8409
8312
|
{
|
|
8410
8313
|
href: "/page/language",
|
|
@@ -8416,8 +8319,8 @@ var DesignHeader = ({
|
|
|
8416
8319
|
] }) })
|
|
8417
8320
|
] })
|
|
8418
8321
|
] }),
|
|
8419
|
-
/* @__PURE__ */ (0,
|
|
8420
|
-
Notification,
|
|
8322
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
8323
|
+
import_design_system69.Notification,
|
|
8421
8324
|
{
|
|
8422
8325
|
title: "Please login to your Recodo account on your desktop",
|
|
8423
8326
|
description: "The Recodo dashboard is only available via dashboard",
|
|
@@ -8436,20 +8339,20 @@ var DesignHeader = ({
|
|
|
8436
8339
|
};
|
|
8437
8340
|
|
|
8438
8341
|
// src/components/DesignElements/searchInput.tsx
|
|
8439
|
-
var
|
|
8342
|
+
var import_react58 = require("react");
|
|
8343
|
+
var import_design_system70 = require("@geowiki/design-system");
|
|
8440
8344
|
var import_design_system71 = require("@geowiki/design-system");
|
|
8441
|
-
var
|
|
8442
|
-
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
8345
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
8443
8346
|
var SearchInput = ({
|
|
8444
8347
|
textButton,
|
|
8445
8348
|
placeholder,
|
|
8446
8349
|
onUpdate,
|
|
8447
8350
|
value
|
|
8448
8351
|
}) => {
|
|
8449
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
8450
|
-
const ref = (0,
|
|
8451
|
-
const searchStr = (0,
|
|
8452
|
-
const onSearchEvent = (0,
|
|
8352
|
+
const [searchTerm, setSearchTerm] = (0, import_react58.useState)(value);
|
|
8353
|
+
const ref = (0, import_react58.useRef)(null);
|
|
8354
|
+
const searchStr = (0, import_design_system70.useDebounce)(searchTerm);
|
|
8355
|
+
const onSearchEvent = (0, import_react58.useCallback)(
|
|
8453
8356
|
(e) => {
|
|
8454
8357
|
const target = e.target;
|
|
8455
8358
|
const { value: value2 } = target;
|
|
@@ -8460,23 +8363,23 @@ var SearchInput = ({
|
|
|
8460
8363
|
},
|
|
8461
8364
|
[onUpdate]
|
|
8462
8365
|
);
|
|
8463
|
-
(0,
|
|
8366
|
+
(0, import_react58.useEffect)(() => {
|
|
8464
8367
|
onUpdate(searchStr);
|
|
8465
8368
|
}, [searchStr]);
|
|
8466
|
-
(0,
|
|
8369
|
+
(0, import_react58.useEffect)(() => {
|
|
8467
8370
|
var _a;
|
|
8468
8371
|
if (value) {
|
|
8469
8372
|
(_a = ref.current) == null ? void 0 : _a.focus();
|
|
8470
8373
|
}
|
|
8471
8374
|
}, [value]);
|
|
8472
|
-
return /* @__PURE__ */ (0,
|
|
8375
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
8473
8376
|
"div",
|
|
8474
8377
|
{
|
|
8475
8378
|
className: "w-auto border border-zinc-300 rounded-full lg:p-1",
|
|
8476
8379
|
"data-component": "DesignSearchInput",
|
|
8477
|
-
children: /* @__PURE__ */ (0,
|
|
8478
|
-
/* @__PURE__ */ (0,
|
|
8479
|
-
/* @__PURE__ */ (0,
|
|
8380
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex flex-row", children: [
|
|
8381
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-start pl-6 basis-3/4", children: [
|
|
8382
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
8480
8383
|
"svg",
|
|
8481
8384
|
{
|
|
8482
8385
|
width: "16",
|
|
@@ -8485,8 +8388,8 @@ var SearchInput = ({
|
|
|
8485
8388
|
fill: "none",
|
|
8486
8389
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8487
8390
|
children: [
|
|
8488
|
-
/* @__PURE__ */ (0,
|
|
8489
|
-
/* @__PURE__ */ (0,
|
|
8391
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M10 10L15 15", stroke: "black" }),
|
|
8392
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
8490
8393
|
"path",
|
|
8491
8394
|
{
|
|
8492
8395
|
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",
|
|
@@ -8496,7 +8399,7 @@ var SearchInput = ({
|
|
|
8496
8399
|
]
|
|
8497
8400
|
}
|
|
8498
8401
|
),
|
|
8499
|
-
/* @__PURE__ */ (0,
|
|
8402
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
8500
8403
|
"input",
|
|
8501
8404
|
{
|
|
8502
8405
|
ref,
|
|
@@ -8508,19 +8411,19 @@ var SearchInput = ({
|
|
|
8508
8411
|
}
|
|
8509
8412
|
)
|
|
8510
8413
|
] }),
|
|
8511
|
-
/* @__PURE__ */ (0,
|
|
8414
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "hidden lg:block lg:basis-1/4", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex float-right", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_design_system71.DesignButton, { onSubmit: () => onUpdate(searchStr), children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_design_system71.Body18m, { children: textButton }) }) }) })
|
|
8512
8415
|
] })
|
|
8513
8416
|
}
|
|
8514
8417
|
);
|
|
8515
8418
|
};
|
|
8516
|
-
var DesignSearchInput = (0,
|
|
8419
|
+
var DesignSearchInput = (0, import_react58.memo)(SearchInput);
|
|
8517
8420
|
|
|
8518
8421
|
// src/components/DesignElements/paginationDashboard.tsx
|
|
8519
8422
|
var import_core86 = require("@geowiki/core");
|
|
8520
8423
|
var import_classnames13 = __toESM(require("classnames"));
|
|
8424
|
+
var import_design_system72 = require("@geowiki/design-system");
|
|
8521
8425
|
var import_design_system73 = require("@geowiki/design-system");
|
|
8522
|
-
var
|
|
8523
|
-
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
8426
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
8524
8427
|
var DesignDashboardPagination = ({
|
|
8525
8428
|
totalCount,
|
|
8526
8429
|
currentPage,
|
|
@@ -8550,13 +8453,13 @@ var DesignDashboardPagination = ({
|
|
|
8550
8453
|
const onPrevious = () => {
|
|
8551
8454
|
onPageChange(currentPage - 1);
|
|
8552
8455
|
};
|
|
8553
|
-
return /* @__PURE__ */ (0,
|
|
8554
|
-
currentPage === 1 ? null : /* @__PURE__ */ (0,
|
|
8456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { "data-component": "DesignDashboardPagination", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "flex justify-start items-center", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-auto h-8 isolate inline-flex text-zinc-500", children: [
|
|
8457
|
+
currentPage === 1 ? null : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8555
8458
|
"button",
|
|
8556
8459
|
{
|
|
8557
8460
|
onClick: onPrevious,
|
|
8558
8461
|
className: "relative flex flex-start items-center justify-start",
|
|
8559
|
-
children: /* @__PURE__ */ (0,
|
|
8462
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8560
8463
|
"svg",
|
|
8561
8464
|
{
|
|
8562
8465
|
width: "24",
|
|
@@ -8564,7 +8467,7 @@ var DesignDashboardPagination = ({
|
|
|
8564
8467
|
viewBox: "0 0 24 24",
|
|
8565
8468
|
fill: "none",
|
|
8566
8469
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8567
|
-
children: /* @__PURE__ */ (0,
|
|
8470
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8568
8471
|
"path",
|
|
8569
8472
|
{
|
|
8570
8473
|
d: "M15 6L9 12L15 18",
|
|
@@ -8579,7 +8482,7 @@ var DesignDashboardPagination = ({
|
|
|
8579
8482
|
}
|
|
8580
8483
|
),
|
|
8581
8484
|
paginationRange == null ? void 0 : paginationRange.map((pageNumber) => {
|
|
8582
|
-
return /* @__PURE__ */ (0,
|
|
8485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8583
8486
|
"button",
|
|
8584
8487
|
{
|
|
8585
8488
|
className: (0, import_classnames13.default)(
|
|
@@ -8601,12 +8504,12 @@ var DesignDashboardPagination = ({
|
|
|
8601
8504
|
pageNumber
|
|
8602
8505
|
);
|
|
8603
8506
|
}),
|
|
8604
|
-
currentPage === lastPage ? null : /* @__PURE__ */ (0,
|
|
8507
|
+
currentPage === lastPage ? null : /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8605
8508
|
"button",
|
|
8606
8509
|
{
|
|
8607
8510
|
onClick: onNext,
|
|
8608
8511
|
className: "relative inline-flex items-center",
|
|
8609
|
-
children: /* @__PURE__ */ (0,
|
|
8512
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8610
8513
|
"svg",
|
|
8611
8514
|
{
|
|
8612
8515
|
width: "24",
|
|
@@ -8614,7 +8517,7 @@ var DesignDashboardPagination = ({
|
|
|
8614
8517
|
viewBox: "0 0 24 24",
|
|
8615
8518
|
fill: "none",
|
|
8616
8519
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8617
|
-
children: /* @__PURE__ */ (0,
|
|
8520
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8618
8521
|
"path",
|
|
8619
8522
|
{
|
|
8620
8523
|
d: "M9 18L15 12L9 6",
|
|
@@ -8628,11 +8531,11 @@ var DesignDashboardPagination = ({
|
|
|
8628
8531
|
)
|
|
8629
8532
|
}
|
|
8630
8533
|
),
|
|
8631
|
-
/* @__PURE__ */ (0,
|
|
8632
|
-
/* @__PURE__ */ (0,
|
|
8633
|
-
/* @__PURE__ */ (0,
|
|
8634
|
-
/* @__PURE__ */ (0,
|
|
8635
|
-
|
|
8534
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system73.Body15m, { className: "opacity-70 pr-2 pl-2 text-zinc-500 inline-flex items-center", children: "Showing" }),
|
|
8535
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system72.DesignSelect, { children: [
|
|
8536
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system72.DesignSelectTrigger, { className: "border-0 w-auto h-auto gap-1 px-3 py-2 text-black font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system72.DesignSelectValue, { placeholder: currentPage }) }),
|
|
8537
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system72.DesignSelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_design_system72.DesignSelectGroup, { children: pageSegments.map((segment) => /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
8538
|
+
import_design_system72.DesignSelectItem,
|
|
8636
8539
|
{
|
|
8637
8540
|
value: `${segment}`,
|
|
8638
8541
|
children: segment
|
|
@@ -8640,7 +8543,7 @@ var DesignDashboardPagination = ({
|
|
|
8640
8543
|
segment.toString()
|
|
8641
8544
|
)) }) })
|
|
8642
8545
|
] }),
|
|
8643
|
-
/* @__PURE__ */ (0,
|
|
8546
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_design_system73.Body15m, { className: "opacity-70 pl-2 text-zinc-500 inline-flex items-center", children: [
|
|
8644
8547
|
"of ",
|
|
8645
8548
|
totalCount,
|
|
8646
8549
|
" results"
|
|
@@ -8649,15 +8552,15 @@ var DesignDashboardPagination = ({
|
|
|
8649
8552
|
};
|
|
8650
8553
|
|
|
8651
8554
|
// src/components/DesignElements/sort.tsx
|
|
8652
|
-
var
|
|
8555
|
+
var import_design_system74 = require("@geowiki/design-system");
|
|
8653
8556
|
var import_core87 = require("@geowiki/core");
|
|
8654
|
-
var
|
|
8655
|
-
var
|
|
8557
|
+
var import_react59 = require("react");
|
|
8558
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
8656
8559
|
var DesignSort = ({ totalCount, name }) => {
|
|
8657
8560
|
const router = (0, import_core87.useRouter)();
|
|
8658
8561
|
const sortingTypes = ["Most recent", "Old to new"];
|
|
8659
|
-
const [value, setValue] = (0,
|
|
8660
|
-
(0,
|
|
8562
|
+
const [value, setValue] = (0, import_react59.useState)("Most recent");
|
|
8563
|
+
(0, import_react59.useEffect)(() => {
|
|
8661
8564
|
const sortValue = router.query.sort;
|
|
8662
8565
|
if (sortValue == "CreationTime ASC") {
|
|
8663
8566
|
setValue("Old to new");
|
|
@@ -8674,21 +8577,21 @@ var DesignSort = ({ totalCount, name }) => {
|
|
|
8674
8577
|
})
|
|
8675
8578
|
});
|
|
8676
8579
|
};
|
|
8677
|
-
return /* @__PURE__ */ (0,
|
|
8580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
|
|
8678
8581
|
"div",
|
|
8679
8582
|
{
|
|
8680
8583
|
className: "flex justify-center items-center gap-2 text-base font-normal leading-tight",
|
|
8681
8584
|
"data-component": "DesignSort",
|
|
8682
8585
|
children: [
|
|
8683
|
-
/* @__PURE__ */ (0,
|
|
8684
|
-
/* @__PURE__ */ (0,
|
|
8685
|
-
/* @__PURE__ */ (0,
|
|
8586
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex justify-center items-center space-x-2 text-zinc-500 ", children: [
|
|
8587
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: totalCount }),
|
|
8588
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: name })
|
|
8686
8589
|
] }),
|
|
8687
|
-
/* @__PURE__ */ (0,
|
|
8688
|
-
/* @__PURE__ */ (0,
|
|
8689
|
-
/* @__PURE__ */ (0,
|
|
8690
|
-
/* @__PURE__ */ (0,
|
|
8691
|
-
/* @__PURE__ */ (0,
|
|
8590
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "w-1 h-1 rounded-full bg-zinc-500" }),
|
|
8591
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: "Sort by" }),
|
|
8592
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_design_system74.DesignSelect, { onValueChange: handleChangeValue, value, children: [
|
|
8593
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system74.DesignSelectTrigger, { className: "border-0 w-auto h-auto data-[placeholder]:text-primary p-0 text-primary font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system74.DesignSelectValue, { placeholder: value }) }),
|
|
8594
|
+
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system74.DesignSelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system74.DesignSelectGroup, { children: sortingTypes == null ? void 0 : sortingTypes.map((sortingType) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_design_system74.DesignSelectItem, { value: sortingType, children: sortingType }, sortingType)) }) })
|
|
8692
8595
|
] }, value)
|
|
8693
8596
|
]
|
|
8694
8597
|
}
|
|
@@ -8696,11 +8599,11 @@ var DesignSort = ({ totalCount, name }) => {
|
|
|
8696
8599
|
};
|
|
8697
8600
|
|
|
8698
8601
|
// src/components/DesignElements/filterDropdown.tsx
|
|
8699
|
-
var
|
|
8602
|
+
var import_react60 = require("@headlessui/react");
|
|
8700
8603
|
var import_lucide_react6 = require("lucide-react");
|
|
8701
8604
|
var import_core88 = require("@geowiki/core");
|
|
8702
|
-
var
|
|
8703
|
-
var
|
|
8605
|
+
var import_design_system75 = require("@geowiki/design-system");
|
|
8606
|
+
var import_jsx_runtime99 = require("react/jsx-runtime");
|
|
8704
8607
|
var FilterDropdown = ({
|
|
8705
8608
|
name,
|
|
8706
8609
|
filterKey,
|
|
@@ -8733,35 +8636,35 @@ var FilterDropdown = ({
|
|
|
8733
8636
|
});
|
|
8734
8637
|
}
|
|
8735
8638
|
};
|
|
8736
|
-
return /* @__PURE__ */ (0,
|
|
8737
|
-
|
|
8639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
8640
|
+
import_react60.Disclosure,
|
|
8738
8641
|
{
|
|
8739
8642
|
"data-component": "FilterDropdown",
|
|
8740
8643
|
defaultOpen: filterValues.length > 0,
|
|
8741
|
-
children: ({ open }) => /* @__PURE__ */ (0,
|
|
8742
|
-
/* @__PURE__ */ (0,
|
|
8743
|
-
/* @__PURE__ */ (0,
|
|
8644
|
+
children: ({ open }) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_jsx_runtime99.Fragment, { children: [
|
|
8645
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react60.Disclosure.Button, { className: "w-80 flex-row flex justify-start items-center gap-2 border-zinc-300 ", children: [
|
|
8646
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
8744
8647
|
import_lucide_react6.ChevronDown,
|
|
8745
8648
|
{
|
|
8746
8649
|
className: `${open ? "rotate-180 transform" : ""} h-7 w-7 `
|
|
8747
8650
|
}
|
|
8748
8651
|
),
|
|
8749
|
-
/* @__PURE__ */ (0,
|
|
8652
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-lg font-semibold leading-relaxed ", children: name })
|
|
8750
8653
|
] }),
|
|
8751
|
-
/* @__PURE__ */ (0,
|
|
8654
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react60.Disclosure.Panel, { className: "space-y-2", children: sortItems.map((sortItem) => /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
|
|
8752
8655
|
"div",
|
|
8753
8656
|
{
|
|
8754
8657
|
className: "flex justify-start items-center space-x-3",
|
|
8755
8658
|
children: [
|
|
8756
|
-
/* @__PURE__ */ (0,
|
|
8757
|
-
|
|
8659
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
8660
|
+
import_design_system75.DesignCheckbox,
|
|
8758
8661
|
{
|
|
8759
8662
|
id: sortItem.key,
|
|
8760
8663
|
onCheckedChange: (e) => handleCheckboxChange(e, sortItem),
|
|
8761
8664
|
checked: filterValues.includes(sortItem.key)
|
|
8762
8665
|
}
|
|
8763
8666
|
),
|
|
8764
|
-
/* @__PURE__ */ (0,
|
|
8667
|
+
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "text-[15px] font-normal leading-tight", children: sortItem.value })
|
|
8765
8668
|
]
|
|
8766
8669
|
},
|
|
8767
8670
|
sortItem.key
|
|
@@ -8772,20 +8675,20 @@ var FilterDropdown = ({
|
|
|
8772
8675
|
};
|
|
8773
8676
|
|
|
8774
8677
|
// src/components/DesignElements/testimonials.tsx
|
|
8678
|
+
var import_design_system76 = require("@geowiki/design-system");
|
|
8775
8679
|
var import_design_system77 = require("@geowiki/design-system");
|
|
8776
|
-
var
|
|
8777
|
-
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
8680
|
+
var import_jsx_runtime100 = require("react/jsx-runtime");
|
|
8778
8681
|
var DesignTestimonials = ({ testimonials }) => {
|
|
8779
|
-
return /* @__PURE__ */ (0,
|
|
8682
|
+
return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8780
8683
|
"div",
|
|
8781
8684
|
{
|
|
8782
8685
|
className: "bg-accent-secondary py-8 lg:py-16 px-8 rounded-xl mt-8 lg:mt-24",
|
|
8783
8686
|
"data-component": "DesignTestimonials",
|
|
8784
|
-
children: /* @__PURE__ */ (0,
|
|
8785
|
-
/* @__PURE__ */ (0,
|
|
8786
|
-
/* @__PURE__ */ (0,
|
|
8787
|
-
/* @__PURE__ */ (0,
|
|
8788
|
-
/* @__PURE__ */ (0,
|
|
8687
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_design_system77.Carousel, { className: "container mx-auto w-full", loop: true, children: [
|
|
8688
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.CarouselContent, { children: testimonials.map((testimonial, index) => /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "p-3 h-full flex-col flex justify-center space-y-2", children: [
|
|
8689
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.H7Design, { className: "text-center mx-auto max-w-7xl", children: testimonial.info }),
|
|
8690
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col justify-between items-center space-y-6 pt-6", children: [
|
|
8691
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system76.Avatar, { className: "w-[76px] h-[76px]", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
8789
8692
|
CmsImage,
|
|
8790
8693
|
{
|
|
8791
8694
|
src: testimonial.imagePath,
|
|
@@ -8794,34 +8697,34 @@ var DesignTestimonials = ({ testimonials }) => {
|
|
|
8794
8697
|
className: "object-cover"
|
|
8795
8698
|
}
|
|
8796
8699
|
) }),
|
|
8797
|
-
/* @__PURE__ */ (0,
|
|
8798
|
-
/* @__PURE__ */ (0,
|
|
8799
|
-
/* @__PURE__ */ (0,
|
|
8700
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: " text-center lg:flex items-center lg:space-x-4", children: [
|
|
8701
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.Body18m, { children: testimonial.name }),
|
|
8702
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.Body18, { className: "pt-1 lg:pt-0", children: testimonial.position })
|
|
8800
8703
|
] })
|
|
8801
8704
|
] })
|
|
8802
8705
|
] }) }, index)) }),
|
|
8803
|
-
/* @__PURE__ */ (0,
|
|
8804
|
-
/* @__PURE__ */ (0,
|
|
8706
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.CarouselPrevious, { className: "-left-4" }),
|
|
8707
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_design_system77.CarouselNext, { className: "-right-4" })
|
|
8805
8708
|
] })
|
|
8806
8709
|
}
|
|
8807
8710
|
);
|
|
8808
8711
|
};
|
|
8809
8712
|
|
|
8810
8713
|
// src/components/DesignElements/BannerFollowLinks.tsx
|
|
8811
|
-
var
|
|
8714
|
+
var import_design_system78 = require("@geowiki/design-system");
|
|
8812
8715
|
var import_core89 = require("@geowiki/core");
|
|
8813
8716
|
var import_uuid9 = require("uuid");
|
|
8814
|
-
var
|
|
8717
|
+
var import_jsx_runtime101 = require("react/jsx-runtime");
|
|
8815
8718
|
var BannerFollowLinks = ({ title, links }) => {
|
|
8816
|
-
return /* @__PURE__ */ (0,
|
|
8817
|
-
/* @__PURE__ */ (0,
|
|
8818
|
-
/* @__PURE__ */ (0,
|
|
8719
|
+
return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: " py-8 mt-6 flex-col flex items-center justify-center bg-primary text-white rounded-2xl lg:pt-[100px] lg:mt-10 lg:pb-[88px] space-y-8", children: [
|
|
8720
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system78.H2Design, { className: "mx-auto max-w-5xl text-center", children: title }),
|
|
8721
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex space-x-8", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
8819
8722
|
import_core89.Link,
|
|
8820
8723
|
{
|
|
8821
8724
|
href: link.href,
|
|
8822
8725
|
target: link.isNewTab ? "_blank" : "_self",
|
|
8823
8726
|
rel: "noreferrer",
|
|
8824
|
-
children: /* @__PURE__ */ (0,
|
|
8727
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_design_system78.H9Design, { children: link.text })
|
|
8825
8728
|
},
|
|
8826
8729
|
(0, import_uuid9.v4)()
|
|
8827
8730
|
)) })
|
|
@@ -8829,18 +8732,18 @@ var BannerFollowLinks = ({ title, links }) => {
|
|
|
8829
8732
|
};
|
|
8830
8733
|
|
|
8831
8734
|
// src/components/DesignElements/ListTagsGroup.tsx
|
|
8832
|
-
var
|
|
8735
|
+
var import_design_system79 = require("@geowiki/design-system");
|
|
8833
8736
|
var import_core90 = require("@geowiki/core");
|
|
8834
|
-
var
|
|
8835
|
-
var
|
|
8737
|
+
var import_design_system80 = require("@geowiki/design-system");
|
|
8738
|
+
var import_jsx_runtime102 = require("react/jsx-runtime");
|
|
8836
8739
|
var ListTagsGroup = ({ cluster }) => {
|
|
8837
8740
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
|
|
8838
8741
|
var { data: ConfigSettings, isLoading: IsConfigSettingsLoaded } = (0, import_core90.useConfigSettings)();
|
|
8839
8742
|
if (IsConfigSettingsLoaded)
|
|
8840
|
-
return /* @__PURE__ */ (0,
|
|
8841
|
-
return /* @__PURE__ */ (0,
|
|
8842
|
-
/* @__PURE__ */ (0,
|
|
8843
|
-
|
|
8743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_design_system80.LoaderFull, {});
|
|
8744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "space-y-6 lg:space-y-10", children: [
|
|
8745
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8746
|
+
import_design_system79.TagsGroup,
|
|
8844
8747
|
{
|
|
8845
8748
|
label: "Farming Systems",
|
|
8846
8749
|
variant: "darkGreen",
|
|
@@ -8859,8 +8762,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8859
8762
|
)
|
|
8860
8763
|
}
|
|
8861
8764
|
),
|
|
8862
|
-
/* @__PURE__ */ (0,
|
|
8863
|
-
|
|
8765
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8766
|
+
import_design_system79.TagsGroup,
|
|
8864
8767
|
{
|
|
8865
8768
|
label: "Main agricultural areas",
|
|
8866
8769
|
variant: "turquoise",
|
|
@@ -8879,8 +8782,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8879
8782
|
)
|
|
8880
8783
|
}
|
|
8881
8784
|
),
|
|
8882
|
-
/* @__PURE__ */ (0,
|
|
8883
|
-
|
|
8785
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8786
|
+
import_design_system79.TagsGroup,
|
|
8884
8787
|
{
|
|
8885
8788
|
label: "Main crops",
|
|
8886
8789
|
variant: "yellow",
|
|
@@ -8897,8 +8800,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8897
8800
|
)
|
|
8898
8801
|
}
|
|
8899
8802
|
),
|
|
8900
|
-
/* @__PURE__ */ (0,
|
|
8901
|
-
|
|
8803
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8804
|
+
import_design_system79.TagsGroup,
|
|
8902
8805
|
{
|
|
8903
8806
|
label: "Livestock",
|
|
8904
8807
|
variant: "darkBlue",
|
|
@@ -8915,8 +8818,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8915
8818
|
)
|
|
8916
8819
|
}
|
|
8917
8820
|
),
|
|
8918
|
-
/* @__PURE__ */ (0,
|
|
8919
|
-
|
|
8821
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8822
|
+
import_design_system79.TagsGroup,
|
|
8920
8823
|
{
|
|
8921
8824
|
label: "Other landscape elements",
|
|
8922
8825
|
variant: "purple",
|
|
@@ -8942,8 +8845,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8942
8845
|
)
|
|
8943
8846
|
}
|
|
8944
8847
|
),
|
|
8945
|
-
/* @__PURE__ */ (0,
|
|
8946
|
-
|
|
8848
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8849
|
+
import_design_system79.TagsGroup,
|
|
8947
8850
|
{
|
|
8948
8851
|
label: "Hunting management",
|
|
8949
8852
|
variant: "blue",
|
|
@@ -8967,8 +8870,8 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8967
8870
|
)
|
|
8968
8871
|
}
|
|
8969
8872
|
),
|
|
8970
|
-
/* @__PURE__ */ (0,
|
|
8971
|
-
|
|
8873
|
+
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
8874
|
+
import_design_system79.TagsGroup,
|
|
8972
8875
|
{
|
|
8973
8876
|
label: "Cluster funding",
|
|
8974
8877
|
variant: "orange",
|
|
@@ -8996,7 +8899,7 @@ var ListTagsGroup = ({ cluster }) => {
|
|
|
8996
8899
|
// src/components/DesignElements/ApiImage.tsx
|
|
8997
8900
|
var import_core91 = require("@geowiki/core");
|
|
8998
8901
|
var import_core92 = require("@geowiki/core");
|
|
8999
|
-
var
|
|
8902
|
+
var import_jsx_runtime103 = require("react/jsx-runtime");
|
|
9000
8903
|
var ApiImage = ({
|
|
9001
8904
|
imageId,
|
|
9002
8905
|
className = "relative h-96",
|
|
@@ -9008,7 +8911,7 @@ var ApiImage = ({
|
|
|
9008
8911
|
if (isLoading)
|
|
9009
8912
|
return null;
|
|
9010
8913
|
if (width > 0 && height > 0) {
|
|
9011
|
-
return /* @__PURE__ */ (0,
|
|
8914
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
9012
8915
|
import_core92.Image,
|
|
9013
8916
|
{
|
|
9014
8917
|
className,
|
|
@@ -9022,7 +8925,7 @@ var ApiImage = ({
|
|
|
9022
8925
|
}
|
|
9023
8926
|
);
|
|
9024
8927
|
}
|
|
9025
|
-
return /* @__PURE__ */ (0,
|
|
8928
|
+
return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
9026
8929
|
import_core92.Image,
|
|
9027
8930
|
{
|
|
9028
8931
|
className: "object-cover rounded-xl",
|
|
@@ -9037,40 +8940,40 @@ var ApiImage = ({
|
|
|
9037
8940
|
};
|
|
9038
8941
|
|
|
9039
8942
|
// src/components/DesignElements/SignUpBanner.tsx
|
|
9040
|
-
var
|
|
8943
|
+
var import_design_system81 = require("@geowiki/design-system");
|
|
9041
8944
|
var import_core93 = require("@geowiki/core");
|
|
9042
8945
|
var import_uuid10 = require("uuid");
|
|
9043
|
-
var
|
|
8946
|
+
var import_jsx_runtime104 = require("react/jsx-runtime");
|
|
9044
8947
|
var SignUpBanner = ({
|
|
9045
8948
|
title,
|
|
9046
8949
|
text,
|
|
9047
8950
|
button,
|
|
9048
8951
|
imagePaths
|
|
9049
8952
|
}) => {
|
|
9050
|
-
return /* @__PURE__ */ (0,
|
|
8953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
9051
8954
|
"div",
|
|
9052
8955
|
{
|
|
9053
8956
|
className: "h-98 bg-accent-secondary rounded-xl ",
|
|
9054
8957
|
"data-component": "SignUpBanner",
|
|
9055
|
-
children: /* @__PURE__ */ (0,
|
|
9056
|
-
/* @__PURE__ */ (0,
|
|
9057
|
-
/* @__PURE__ */ (0,
|
|
9058
|
-
/* @__PURE__ */ (0,
|
|
9059
|
-
/* @__PURE__ */ (0,
|
|
9060
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
8958
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("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: [
|
|
8959
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "lg:h-[368px] lg:flex lg:flex-col lg:justify-between lg:px-4 lg:items-start", children: [
|
|
8960
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system81.H3Design, { className: "pb-4 g:pb-0", children: title }) }),
|
|
8961
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("div", { className: "space-y-8", children: [
|
|
8962
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system81.Body18, { className: " max-w-sm", children: text }),
|
|
8963
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
9061
8964
|
import_core93.Link,
|
|
9062
8965
|
{
|
|
9063
8966
|
href: button.link,
|
|
9064
8967
|
target: button.isNewTab ? "_blank" : "_self",
|
|
9065
8968
|
rel: "noreferrer",
|
|
9066
|
-
children: /* @__PURE__ */ (0,
|
|
8969
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system81.DesignButton, { children: button.text })
|
|
9067
8970
|
}
|
|
9068
8971
|
) })
|
|
9069
8972
|
] })
|
|
9070
8973
|
] }),
|
|
9071
|
-
/* @__PURE__ */ (0,
|
|
9072
|
-
/* @__PURE__ */ (0,
|
|
9073
|
-
imagePaths.map((path) => /* @__PURE__ */ (0,
|
|
8974
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("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: [
|
|
8975
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "hidden lg:inline" }),
|
|
8976
|
+
imagePaths.map((path) => /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
9074
8977
|
CmsImage,
|
|
9075
8978
|
{
|
|
9076
8979
|
src: path,
|
|
@@ -9081,13 +8984,13 @@ var SignUpBanner = ({
|
|
|
9081
8984
|
(0, import_uuid10.v4)()
|
|
9082
8985
|
))
|
|
9083
8986
|
] }),
|
|
9084
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
8987
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime104.jsx)("div", { className: "lg:hidden w-full", children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
9085
8988
|
import_core93.Link,
|
|
9086
8989
|
{
|
|
9087
8990
|
href: button.link,
|
|
9088
8991
|
target: button.isNewTab ? "_blank" : "_self",
|
|
9089
8992
|
rel: "noreferrer",
|
|
9090
|
-
children: /* @__PURE__ */ (0,
|
|
8993
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_design_system81.DesignButton, { className: "w-full", children: button.text })
|
|
9091
8994
|
}
|
|
9092
8995
|
) })
|
|
9093
8996
|
] })
|
|
@@ -9097,7 +9000,7 @@ var SignUpBanner = ({
|
|
|
9097
9000
|
|
|
9098
9001
|
// src/components/DesignElements/RoutePagination.tsx
|
|
9099
9002
|
var import_core94 = require("@geowiki/core");
|
|
9100
|
-
var
|
|
9003
|
+
var import_jsx_runtime105 = require("react/jsx-runtime");
|
|
9101
9004
|
var RoutePagination = ({
|
|
9102
9005
|
pageSize,
|
|
9103
9006
|
total
|
|
@@ -9105,7 +9008,7 @@ var RoutePagination = ({
|
|
|
9105
9008
|
const router = (0, import_core94.useRouter)();
|
|
9106
9009
|
const { page } = router.query;
|
|
9107
9010
|
const currentPage = parseInt(page) || 1;
|
|
9108
|
-
return /* @__PURE__ */ (0,
|
|
9011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime105.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
9109
9012
|
DesignPagination,
|
|
9110
9013
|
{
|
|
9111
9014
|
currentPage,
|
|
@@ -9123,16 +9026,16 @@ var RoutePagination = ({
|
|
|
9123
9026
|
};
|
|
9124
9027
|
|
|
9125
9028
|
// src/components/DesignElements/LanguagePopup.tsx
|
|
9126
|
-
var
|
|
9127
|
-
var
|
|
9029
|
+
var import_react61 = require("react");
|
|
9030
|
+
var import_design_system82 = require("@geowiki/design-system");
|
|
9128
9031
|
var import_lucide_react7 = require("lucide-react");
|
|
9129
9032
|
var import_core95 = require("@geowiki/core");
|
|
9130
9033
|
var import_cookies_next3 = require("cookies-next");
|
|
9131
|
-
var
|
|
9034
|
+
var import_jsx_runtime106 = require("react/jsx-runtime");
|
|
9132
9035
|
var cookieName2 = "recodo_language_popup";
|
|
9133
9036
|
var LanguagePopup = () => {
|
|
9134
|
-
const [isOpen, setIsOpen] = (0,
|
|
9135
|
-
(0,
|
|
9037
|
+
const [isOpen, setIsOpen] = (0, import_react61.useState)(false);
|
|
9038
|
+
(0, import_react61.useEffect)(() => {
|
|
9136
9039
|
const consent = (0, import_cookies_next3.getCookie)(cookieName2);
|
|
9137
9040
|
if (!consent) {
|
|
9138
9041
|
setIsOpen(true);
|
|
@@ -9142,14 +9045,14 @@ var LanguagePopup = () => {
|
|
|
9142
9045
|
setIsOpen(false);
|
|
9143
9046
|
(0, import_cookies_next3.setCookie)(cookieName2, "closed", { maxAge: 60 * 60 * 24 * 365 });
|
|
9144
9047
|
};
|
|
9145
|
-
return isOpen ? /* @__PURE__ */ (0,
|
|
9048
|
+
return isOpen ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9146
9049
|
"div",
|
|
9147
9050
|
{
|
|
9148
9051
|
className: "fixed bottom-0 right-0 z-50 mb-5",
|
|
9149
9052
|
"data-component": "LanguagePopup",
|
|
9150
|
-
children: /* @__PURE__ */ (0,
|
|
9151
|
-
/* @__PURE__ */ (0,
|
|
9152
|
-
/* @__PURE__ */ (0,
|
|
9053
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "w-full max-w-[27rem] h-auto relative bg-accent-secondary rounded-xl p-6", children: [
|
|
9054
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex justify-between items-start", children: [
|
|
9055
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: " w-14 h-14 bg-white rounded-2xl flex justify-center items-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
|
|
9153
9056
|
"svg",
|
|
9154
9057
|
{
|
|
9155
9058
|
width: "33",
|
|
@@ -9158,14 +9061,14 @@ var LanguagePopup = () => {
|
|
|
9158
9061
|
fill: "none",
|
|
9159
9062
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9160
9063
|
children: [
|
|
9161
|
-
/* @__PURE__ */ (0,
|
|
9064
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9162
9065
|
"path",
|
|
9163
9066
|
{
|
|
9164
9067
|
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",
|
|
9165
9068
|
fill: "#101010"
|
|
9166
9069
|
}
|
|
9167
9070
|
),
|
|
9168
|
-
/* @__PURE__ */ (0,
|
|
9071
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9169
9072
|
"path",
|
|
9170
9073
|
{
|
|
9171
9074
|
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",
|
|
@@ -9173,14 +9076,14 @@ var LanguagePopup = () => {
|
|
|
9173
9076
|
stroke: "white"
|
|
9174
9077
|
}
|
|
9175
9078
|
),
|
|
9176
|
-
/* @__PURE__ */ (0,
|
|
9079
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9177
9080
|
"path",
|
|
9178
9081
|
{
|
|
9179
9082
|
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",
|
|
9180
9083
|
fill: "white"
|
|
9181
9084
|
}
|
|
9182
9085
|
),
|
|
9183
|
-
/* @__PURE__ */ (0,
|
|
9086
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
9184
9087
|
"path",
|
|
9185
9088
|
{
|
|
9186
9089
|
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",
|
|
@@ -9190,33 +9093,33 @@ var LanguagePopup = () => {
|
|
|
9190
9093
|
]
|
|
9191
9094
|
}
|
|
9192
9095
|
) }),
|
|
9193
|
-
/* @__PURE__ */ (0,
|
|
9096
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("button", { type: "button", onClick: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react7.XIcon, { className: "h-4 w-4 lg:h-6 lg:w-6", "aria-hidden": "true" }) })
|
|
9194
9097
|
] }),
|
|
9195
|
-
/* @__PURE__ */ (0,
|
|
9196
|
-
/* @__PURE__ */ (0,
|
|
9197
|
-
/* @__PURE__ */ (0,
|
|
9198
|
-
/* @__PURE__ */ (0,
|
|
9098
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "pt-4 space-y-2", children: [
|
|
9099
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system82.Body20m, { children: "Can't see your language?" }),
|
|
9100
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system82.Body16, { 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." }),
|
|
9101
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system82.Body16, { className: " text-grey", children: "Our Languages page offers resources to help you learn more about translation options" })
|
|
9199
9102
|
] }),
|
|
9200
|
-
/* @__PURE__ */ (0,
|
|
9103
|
+
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_core95.Link, { href: "/page/language", target: "_self", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_design_system82.DesignButton, { size: "sm", variant: "secondary", onClick: handleClose, children: "Learn more" }) }) })
|
|
9201
9104
|
] })
|
|
9202
9105
|
}
|
|
9203
9106
|
) : null;
|
|
9204
9107
|
};
|
|
9205
9108
|
|
|
9206
9109
|
// src/components/DesignElements/MobileFilterPopup.tsx
|
|
9207
|
-
var import_react66 = require("react");
|
|
9208
|
-
var import_react67 = require("@headlessui/react");
|
|
9209
|
-
var import_outline9 = require("@heroicons/react/24/outline");
|
|
9210
|
-
var import_react68 = require("react");
|
|
9211
|
-
|
|
9212
|
-
// src/components/DesignElements/MobileFilterPopupOpened.tsx
|
|
9213
9110
|
var import_react64 = require("react");
|
|
9214
9111
|
var import_react65 = require("@headlessui/react");
|
|
9215
9112
|
var import_outline8 = require("@heroicons/react/24/outline");
|
|
9113
|
+
var import_react66 = require("react");
|
|
9114
|
+
|
|
9115
|
+
// src/components/DesignElements/MobileFilterPopupOpened.tsx
|
|
9116
|
+
var import_react62 = require("react");
|
|
9117
|
+
var import_react63 = require("@headlessui/react");
|
|
9118
|
+
var import_outline7 = require("@heroicons/react/24/outline");
|
|
9216
9119
|
var import_core96 = require("@geowiki/core");
|
|
9217
9120
|
var import_uuid11 = require("uuid");
|
|
9218
|
-
var
|
|
9219
|
-
var
|
|
9121
|
+
var import_design_system83 = require("@geowiki/design-system");
|
|
9122
|
+
var import_jsx_runtime107 = require("react/jsx-runtime");
|
|
9220
9123
|
function MobileFilterPopupOpened({
|
|
9221
9124
|
open,
|
|
9222
9125
|
setOpen,
|
|
@@ -9265,82 +9168,82 @@ function MobileFilterPopupOpened({
|
|
|
9265
9168
|
{ shallow: true }
|
|
9266
9169
|
);
|
|
9267
9170
|
};
|
|
9268
|
-
return /* @__PURE__ */ (0,
|
|
9269
|
-
|
|
9171
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_react63.Transition.Root, { show: open, as: import_react62.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
9172
|
+
import_react63.Dialog,
|
|
9270
9173
|
{
|
|
9271
9174
|
as: "div",
|
|
9272
9175
|
className: "relative z-20 w-full h-full",
|
|
9273
9176
|
onClose: setOpen,
|
|
9274
9177
|
children: [
|
|
9275
|
-
/* @__PURE__ */ (0,
|
|
9276
|
-
|
|
9178
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9179
|
+
import_react63.Transition.Child,
|
|
9277
9180
|
{
|
|
9278
|
-
as:
|
|
9181
|
+
as: import_react62.Fragment,
|
|
9279
9182
|
enter: "ease-out duration-300",
|
|
9280
9183
|
enterFrom: "opacity-0",
|
|
9281
9184
|
enterTo: "opacity-100",
|
|
9282
9185
|
leave: "ease-in duration-200",
|
|
9283
9186
|
leaveFrom: "opacity-100",
|
|
9284
9187
|
leaveTo: "opacity-0",
|
|
9285
|
-
children: /* @__PURE__ */ (0,
|
|
9188
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
9286
9189
|
}
|
|
9287
9190
|
),
|
|
9288
|
-
/* @__PURE__ */ (0,
|
|
9289
|
-
|
|
9191
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9192
|
+
import_react63.Transition.Child,
|
|
9290
9193
|
{
|
|
9291
|
-
as:
|
|
9194
|
+
as: import_react62.Fragment,
|
|
9292
9195
|
enter: "ease-out duration-300",
|
|
9293
9196
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9294
9197
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
9295
9198
|
leave: "ease-in duration-200",
|
|
9296
9199
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
9297
9200
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9298
|
-
children: /* @__PURE__ */ (0,
|
|
9299
|
-
/* @__PURE__ */ (0,
|
|
9300
|
-
/* @__PURE__ */ (0,
|
|
9201
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(import_react63.Dialog.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: [
|
|
9202
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
|
|
9203
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
9301
9204
|
"button",
|
|
9302
9205
|
{
|
|
9303
9206
|
type: "button",
|
|
9304
9207
|
className: "w-[4.25rem] rounded-md focus:outline-none",
|
|
9305
9208
|
onClick: () => setOpen(false),
|
|
9306
9209
|
children: [
|
|
9307
|
-
/* @__PURE__ */ (0,
|
|
9308
|
-
/* @__PURE__ */ (0,
|
|
9210
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
9211
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_outline7.ArrowLeftIcon, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
9309
9212
|
]
|
|
9310
9213
|
}
|
|
9311
9214
|
),
|
|
9312
|
-
/* @__PURE__ */ (0,
|
|
9313
|
-
/* @__PURE__ */ (0,
|
|
9215
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: name }),
|
|
9216
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9314
9217
|
"button",
|
|
9315
9218
|
{
|
|
9316
9219
|
onClick: handleClear,
|
|
9317
9220
|
className: " w-[4.25rem] px-2 py-2 rounded-xl bg-grey-lightest",
|
|
9318
|
-
children: /* @__PURE__ */ (0,
|
|
9221
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "text-xs font-medium leading-none", children: "Remove" })
|
|
9319
9222
|
}
|
|
9320
9223
|
) })
|
|
9321
9224
|
] }),
|
|
9322
|
-
/* @__PURE__ */ (0,
|
|
9225
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: " h-auto max-h-[calc(100vh-150px)] pt-3 px-5 bg-white space-y-4 overflow-y-auto ", children: list == null ? void 0 : list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
|
|
9323
9226
|
"div",
|
|
9324
9227
|
{
|
|
9325
9228
|
className: " cursor-pointer ",
|
|
9326
9229
|
onClick: () => handleClick(item.value),
|
|
9327
9230
|
children: [
|
|
9328
|
-
/* @__PURE__ */ (0,
|
|
9329
|
-
/* @__PURE__ */ (0,
|
|
9330
|
-
checkValues.includes(item.value) && /* @__PURE__ */ (0,
|
|
9331
|
-
|
|
9231
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-between", children: [
|
|
9232
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "pb-4 text-black text-base font-normal leading-snug", children: item.label }),
|
|
9233
|
+
checkValues.includes(item.value) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
9234
|
+
import_outline7.CheckIcon,
|
|
9332
9235
|
{
|
|
9333
9236
|
className: "h-6 w-6 text-primary",
|
|
9334
9237
|
"aria-hidden": "true"
|
|
9335
9238
|
}
|
|
9336
9239
|
) })
|
|
9337
9240
|
] }),
|
|
9338
|
-
index !== list.length - 1 && /* @__PURE__ */ (0,
|
|
9241
|
+
index !== list.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full border-0 border-b border-grey-light" })
|
|
9339
9242
|
]
|
|
9340
9243
|
},
|
|
9341
9244
|
(0, import_uuid11.v4)()
|
|
9342
9245
|
)) }),
|
|
9343
|
-
/* @__PURE__ */ (0,
|
|
9246
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_design_system83.DesignButton, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
|
|
9344
9247
|
] })
|
|
9345
9248
|
}
|
|
9346
9249
|
) }) })
|
|
@@ -9350,9 +9253,9 @@ function MobileFilterPopupOpened({
|
|
|
9350
9253
|
}
|
|
9351
9254
|
|
|
9352
9255
|
// src/components/DesignElements/MobileFilterPopup.tsx
|
|
9353
|
-
var
|
|
9256
|
+
var import_design_system84 = require("@geowiki/design-system");
|
|
9354
9257
|
var import_core97 = require("@geowiki/core");
|
|
9355
|
-
var
|
|
9258
|
+
var import_jsx_runtime108 = require("react/jsx-runtime");
|
|
9356
9259
|
function MobileFilterPopup({
|
|
9357
9260
|
open,
|
|
9358
9261
|
setOpen,
|
|
@@ -9361,7 +9264,7 @@ function MobileFilterPopup({
|
|
|
9361
9264
|
isMultiSelect
|
|
9362
9265
|
}) {
|
|
9363
9266
|
const router = (0, import_core97.useRouter)();
|
|
9364
|
-
const [openStates, setOpenStates] = (0,
|
|
9267
|
+
const [openStates, setOpenStates] = (0, import_react66.useState)(
|
|
9365
9268
|
filters.reduce((acc, filter) => {
|
|
9366
9269
|
acc[filter.filterName] = false;
|
|
9367
9270
|
return acc;
|
|
@@ -9385,74 +9288,74 @@ function MobileFilterPopup({
|
|
|
9385
9288
|
const queryValue = router.query[routerFiltername];
|
|
9386
9289
|
return typeof queryValue === "string" ? queryValue.split(",") : Array.isArray(queryValue) ? queryValue : [];
|
|
9387
9290
|
};
|
|
9388
|
-
return /* @__PURE__ */ (0,
|
|
9389
|
-
|
|
9291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_react65.Transition.Root, { show: open, as: import_react64.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
9292
|
+
import_react65.Dialog,
|
|
9390
9293
|
{
|
|
9391
9294
|
as: "div",
|
|
9392
9295
|
className: "relative z-10 w-full h-full",
|
|
9393
9296
|
onClose: setOpen,
|
|
9394
9297
|
children: [
|
|
9395
|
-
/* @__PURE__ */ (0,
|
|
9396
|
-
|
|
9298
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
9299
|
+
import_react65.Transition.Child,
|
|
9397
9300
|
{
|
|
9398
|
-
as:
|
|
9301
|
+
as: import_react64.Fragment,
|
|
9399
9302
|
enter: "ease-out duration-300",
|
|
9400
9303
|
enterFrom: "opacity-0",
|
|
9401
9304
|
enterTo: "opacity-100",
|
|
9402
9305
|
leave: "ease-in duration-200",
|
|
9403
9306
|
leaveFrom: "opacity-100",
|
|
9404
9307
|
leaveTo: "opacity-0",
|
|
9405
|
-
children: /* @__PURE__ */ (0,
|
|
9308
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })
|
|
9406
9309
|
}
|
|
9407
9310
|
),
|
|
9408
|
-
/* @__PURE__ */ (0,
|
|
9409
|
-
|
|
9311
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "w-full h-full fixed z-10 inset-0 overflow-y-auto text-black", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: " w-full h-full flex items-end sm:items-center justify-center min-h-full text-center sm:p-0", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
9312
|
+
import_react65.Transition.Child,
|
|
9410
9313
|
{
|
|
9411
|
-
as:
|
|
9314
|
+
as: import_react64.Fragment,
|
|
9412
9315
|
enter: "ease-out duration-300",
|
|
9413
9316
|
enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9414
9317
|
enterTo: "opacity-100 translate-y-0 sm:scale-100",
|
|
9415
9318
|
leave: "ease-in duration-200",
|
|
9416
9319
|
leaveFrom: "opacity-100 translate-y-0 sm:scale-100",
|
|
9417
9320
|
leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
|
|
9418
|
-
children: /* @__PURE__ */ (0,
|
|
9419
|
-
/* @__PURE__ */ (0,
|
|
9420
|
-
/* @__PURE__ */ (0,
|
|
9321
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(import_react65.Dialog.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: [
|
|
9322
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-between items-center h-auto py-2 bg-white px-5 ", children: [
|
|
9323
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
9421
9324
|
"button",
|
|
9422
9325
|
{
|
|
9423
9326
|
type: "button",
|
|
9424
9327
|
className: "w-[4.25rem] rounded-md focus:outline-none ",
|
|
9425
9328
|
onClick: () => setOpen(false),
|
|
9426
9329
|
children: [
|
|
9427
|
-
/* @__PURE__ */ (0,
|
|
9428
|
-
/* @__PURE__ */ (0,
|
|
9330
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
9331
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_outline8.XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })
|
|
9429
9332
|
]
|
|
9430
9333
|
}
|
|
9431
9334
|
),
|
|
9432
|
-
/* @__PURE__ */ (0,
|
|
9433
|
-
/* @__PURE__ */ (0,
|
|
9335
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { children: name }),
|
|
9336
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "w-[4.25rem]" })
|
|
9434
9337
|
] }),
|
|
9435
|
-
/* @__PURE__ */ (0,
|
|
9436
|
-
/* @__PURE__ */ (0,
|
|
9338
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("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__ */ (0, import_jsx_runtime108.jsxs)("div", { children: [
|
|
9339
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
|
|
9437
9340
|
"div",
|
|
9438
9341
|
{
|
|
9439
9342
|
className: "cursor-pointer",
|
|
9440
9343
|
onClick: () => handleToggle(filter.filterName),
|
|
9441
9344
|
children: [
|
|
9442
|
-
/* @__PURE__ */ (0,
|
|
9443
|
-
/* @__PURE__ */ (0,
|
|
9444
|
-
/* @__PURE__ */ (0,
|
|
9345
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "pb-4 text-base text-black flex justify-between font-normal leading-snug", children: [
|
|
9346
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: " ", children: filter.filterName }),
|
|
9347
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: " max-w-[40%] overflow-hidden text-ellipsis whitespace-nowrap", children: getSelectedItems(filter.routerFiltername).map((value) => {
|
|
9445
9348
|
const item = filter.filterItems.find(
|
|
9446
9349
|
(i) => i.value === value
|
|
9447
9350
|
);
|
|
9448
9351
|
return item ? item.label : value;
|
|
9449
9352
|
}).join(", ") })
|
|
9450
9353
|
] }),
|
|
9451
|
-
index !== filters.length - 1 && /* @__PURE__ */ (0,
|
|
9354
|
+
index !== filters.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "w-full border-0 border-b border-grey-light" })
|
|
9452
9355
|
]
|
|
9453
9356
|
}
|
|
9454
9357
|
),
|
|
9455
|
-
/* @__PURE__ */ (0,
|
|
9358
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
9456
9359
|
MobileFilterPopupOpened,
|
|
9457
9360
|
{
|
|
9458
9361
|
open: openStates[filter.filterName],
|
|
@@ -9467,7 +9370,7 @@ function MobileFilterPopup({
|
|
|
9467
9370
|
}
|
|
9468
9371
|
)
|
|
9469
9372
|
] }, filter.filterName)) }),
|
|
9470
|
-
/* @__PURE__ */ (0,
|
|
9373
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "absolute bottom-0 right-0 px-5 w-full pb-6 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_design_system84.DesignButton, { className: "w-full ", onClick: handleShowResults, children: "View results" }) })
|
|
9471
9374
|
] })
|
|
9472
9375
|
}
|
|
9473
9376
|
) }) })
|
|
@@ -9478,21 +9381,21 @@ function MobileFilterPopup({
|
|
|
9478
9381
|
|
|
9479
9382
|
// src/components/DesignElements/Link/Link.tsx
|
|
9480
9383
|
var import_core98 = require("@geowiki/core");
|
|
9481
|
-
var
|
|
9482
|
-
var
|
|
9384
|
+
var import_design_system85 = require("@geowiki/design-system");
|
|
9385
|
+
var import_jsx_runtime109 = require("react/jsx-runtime");
|
|
9483
9386
|
var DesignLink = ({ link, fillColor }) => {
|
|
9484
9387
|
fillColor = fillColor === void 0 ? "fill-black" : fillColor;
|
|
9485
|
-
return /* @__PURE__ */ (0,
|
|
9388
|
+
return /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9486
9389
|
import_core98.Link,
|
|
9487
9390
|
{
|
|
9488
9391
|
href: link.href,
|
|
9489
9392
|
target: link.isNewTab ? "_blank" : "_self",
|
|
9490
9393
|
rel: link.isNewTab ? "noopener noreferrer" : "",
|
|
9491
9394
|
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 ",
|
|
9492
|
-
children: /* @__PURE__ */ (0,
|
|
9493
|
-
/* @__PURE__ */ (0,
|
|
9494
|
-
/* @__PURE__ */ (0,
|
|
9495
|
-
link.type === "internal" && /* @__PURE__ */ (0,
|
|
9395
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "w-full px-0 mb-4 lg:mb-6", children: [
|
|
9396
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "w-full h-5 justify-between items-center inline-flex", children: [
|
|
9397
|
+
/* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_design_system85.Body18m, { children: link.title }),
|
|
9398
|
+
link.type === "internal" && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9496
9399
|
"svg",
|
|
9497
9400
|
{
|
|
9498
9401
|
width: "18",
|
|
@@ -9501,10 +9404,10 @@ var DesignLink = ({ link, fillColor }) => {
|
|
|
9501
9404
|
fill: "none",
|
|
9502
9405
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9503
9406
|
className: `${fillColor}`,
|
|
9504
|
-
children: /* @__PURE__ */ (0,
|
|
9407
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("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" })
|
|
9505
9408
|
}
|
|
9506
9409
|
),
|
|
9507
|
-
link.type === "external" && /* @__PURE__ */ (0,
|
|
9410
|
+
link.type === "external" && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
9508
9411
|
"svg",
|
|
9509
9412
|
{
|
|
9510
9413
|
width: "18",
|
|
@@ -9513,26 +9416,26 @@ var DesignLink = ({ link, fillColor }) => {
|
|
|
9513
9416
|
fill: "none",
|
|
9514
9417
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9515
9418
|
className: `-rotate-45 ${fillColor}`,
|
|
9516
|
-
children: /* @__PURE__ */ (0,
|
|
9419
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("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" })
|
|
9517
9420
|
}
|
|
9518
9421
|
)
|
|
9519
9422
|
] }),
|
|
9520
|
-
link.description && /* @__PURE__ */ (0,
|
|
9521
|
-
link.subtitle && /* @__PURE__ */ (0,
|
|
9423
|
+
link.description && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "w-10/12 py-4 text-gray-900 text-base font-normal leading-tight", children: link.description }),
|
|
9424
|
+
link.subtitle && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "text-primary text-base font-semibold leading-tight", children: link.subtitle })
|
|
9522
9425
|
] })
|
|
9523
9426
|
}
|
|
9524
9427
|
);
|
|
9525
9428
|
};
|
|
9526
9429
|
|
|
9527
9430
|
// src/components/DesignElements/Link/ListLink.tsx
|
|
9528
|
-
var
|
|
9431
|
+
var import_jsx_runtime110 = require("react/jsx-runtime");
|
|
9529
9432
|
var DesignListLink = ({ links, fillColor }) => {
|
|
9530
|
-
return /* @__PURE__ */ (0,
|
|
9433
|
+
return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)("div", { className: "grid grid-cols-1 ", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(DesignLink, { link, fillColor }, link.title)) });
|
|
9531
9434
|
};
|
|
9532
9435
|
|
|
9533
9436
|
// src/components/DesignElements/Link/customLink.tsx
|
|
9534
|
-
var
|
|
9535
|
-
var
|
|
9437
|
+
var import_design_system86 = require("@geowiki/design-system");
|
|
9438
|
+
var import_jsx_runtime111 = require("react/jsx-runtime");
|
|
9536
9439
|
var DesignCustomLink = ({
|
|
9537
9440
|
linkText,
|
|
9538
9441
|
href,
|
|
@@ -9541,16 +9444,16 @@ var DesignCustomLink = ({
|
|
|
9541
9444
|
className
|
|
9542
9445
|
}) => {
|
|
9543
9446
|
fillColor = fillColor === void 0 ? "fill-black" : fillColor;
|
|
9544
|
-
return /* @__PURE__ */ (0,
|
|
9447
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
9545
9448
|
"a",
|
|
9546
9449
|
{
|
|
9547
9450
|
href,
|
|
9548
9451
|
target: isNewTab ? "_blank" : "_self",
|
|
9549
9452
|
rel: "noopener noreferrer",
|
|
9550
9453
|
className,
|
|
9551
|
-
children: /* @__PURE__ */ (0,
|
|
9552
|
-
/* @__PURE__ */ (0,
|
|
9553
|
-
/* @__PURE__ */ (0,
|
|
9454
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex justify-start items-center gap-2 ", children: [
|
|
9455
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_design_system86.Body18sb, { children: linkText }),
|
|
9456
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
9554
9457
|
"svg",
|
|
9555
9458
|
{
|
|
9556
9459
|
width: "16",
|
|
@@ -9559,7 +9462,7 @@ var DesignCustomLink = ({
|
|
|
9559
9462
|
fill: "none",
|
|
9560
9463
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9561
9464
|
className: `${fillColor}`,
|
|
9562
|
-
children: /* @__PURE__ */ (0,
|
|
9465
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("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" })
|
|
9563
9466
|
}
|
|
9564
9467
|
)
|
|
9565
9468
|
] })
|
|
@@ -9567,60 +9470,37 @@ var DesignCustomLink = ({
|
|
|
9567
9470
|
);
|
|
9568
9471
|
};
|
|
9569
9472
|
|
|
9570
|
-
// src/components/DesignElements/Link/SimpleLink.tsx
|
|
9571
|
-
var import_core99 = require("@geowiki/core");
|
|
9572
|
-
var import_design_system88 = require("@geowiki/design-system");
|
|
9573
|
-
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
9574
|
-
var SimpleLink = ({ link }) => {
|
|
9575
|
-
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
9576
|
-
import_core99.Link,
|
|
9577
|
-
{
|
|
9578
|
-
href: link.href,
|
|
9579
|
-
target: link.isNewTab ? "_blank" : "_self",
|
|
9580
|
-
rel: "noreferrer",
|
|
9581
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
9582
|
-
import_design_system88.DesignButton,
|
|
9583
|
-
{
|
|
9584
|
-
variant: link.isNewTab ? "externalLink" : "internalLink",
|
|
9585
|
-
className: "h-auto p-0 flex self-start lg:p-0",
|
|
9586
|
-
children: link.title
|
|
9587
|
-
}
|
|
9588
|
-
)
|
|
9589
|
-
}
|
|
9590
|
-
);
|
|
9591
|
-
};
|
|
9592
|
-
|
|
9593
9473
|
// src/components/DesignElements/ClusterNews/ClusterNewsItem.tsx
|
|
9594
|
-
var
|
|
9595
|
-
var
|
|
9596
|
-
var
|
|
9474
|
+
var import_core99 = require("@geowiki/core");
|
|
9475
|
+
var import_design_system87 = require("@geowiki/design-system");
|
|
9476
|
+
var import_jsx_runtime112 = require("react/jsx-runtime");
|
|
9597
9477
|
var ClusterNewsItem = (props) => {
|
|
9598
9478
|
var link = `/news/farmer-cluster/${props.id}`;
|
|
9599
|
-
return /* @__PURE__ */ (0,
|
|
9600
|
-
props.path && /* @__PURE__ */ (0,
|
|
9479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_core99.Link, { href: link, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "relative flex items-start justify-start", children: [
|
|
9480
|
+
props.path && /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
9601
9481
|
ApiImage,
|
|
9602
9482
|
{
|
|
9603
9483
|
imageId: props.path,
|
|
9604
9484
|
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"
|
|
9605
9485
|
}
|
|
9606
9486
|
),
|
|
9607
|
-
/* @__PURE__ */ (0,
|
|
9608
|
-
/* @__PURE__ */ (0,
|
|
9609
|
-
/* @__PURE__ */ (0,
|
|
9487
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "py-[5px] px-2.5 bg-white rounded-2xl float-right absolute top-3 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_design_system87.CountryItem, { country: props.clusterCountry || "Unknown" }) }),
|
|
9488
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("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: [
|
|
9489
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsxs)("div", { className: "text-base font-normal flex items-center justify-center gap-3 leading-[120%]", children: [
|
|
9610
9490
|
formatDate(props.time.toString(), "short"),
|
|
9611
|
-
/* @__PURE__ */ (0,
|
|
9491
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: " font-medium ", children: props.username })
|
|
9612
9492
|
] }),
|
|
9613
|
-
/* @__PURE__ */ (0,
|
|
9614
|
-
/* @__PURE__ */ (0,
|
|
9493
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "text-[1.375rem] font-semibold", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "line-clamp-3 leading-[120%]", children: props.title }) }),
|
|
9494
|
+
/* @__PURE__ */ (0, import_jsx_runtime112.jsx)("div", { className: "text-base font-medium leading-[120%]", children: props.clusterName })
|
|
9615
9495
|
] })
|
|
9616
9496
|
] }) });
|
|
9617
9497
|
};
|
|
9618
9498
|
|
|
9619
9499
|
// src/components/DesignElements/ClusterNews/ClusterNewsList.tsx
|
|
9620
9500
|
var import_uuid12 = require("uuid");
|
|
9621
|
-
var
|
|
9501
|
+
var import_jsx_runtime113 = require("react/jsx-runtime");
|
|
9622
9502
|
var ClusterNewsList = ({ clusterNewsItems }) => {
|
|
9623
|
-
return /* @__PURE__ */ (0,
|
|
9503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime113.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-6", children: clusterNewsItems == null ? void 0 : clusterNewsItems.map((clusterNewsItem) => /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
9624
9504
|
ClusterNewsItem,
|
|
9625
9505
|
{
|
|
9626
9506
|
id: clusterNewsItem.id,
|
|
@@ -9636,14 +9516,14 @@ var ClusterNewsList = ({ clusterNewsItems }) => {
|
|
|
9636
9516
|
};
|
|
9637
9517
|
|
|
9638
9518
|
// src/components/DesignElements/ClusterNews/ClusterStoryItem.tsx
|
|
9639
|
-
var
|
|
9640
|
-
var
|
|
9519
|
+
var import_design_system88 = require("@geowiki/design-system");
|
|
9520
|
+
var import_core100 = require("@geowiki/core");
|
|
9641
9521
|
var import_uuid13 = require("uuid");
|
|
9642
|
-
var
|
|
9643
|
-
var
|
|
9522
|
+
var import_design_system89 = require("@geowiki/design-system");
|
|
9523
|
+
var import_jsx_runtime114 = require("react/jsx-runtime");
|
|
9644
9524
|
var ClusterStoryItem = (props) => {
|
|
9645
9525
|
var _a, _b;
|
|
9646
|
-
const { data: clusterNews, isLoading } = (0,
|
|
9526
|
+
const { data: clusterNews, isLoading } = (0, import_core100.useClusterNews)(props.clusterId);
|
|
9647
9527
|
const index = (_a = clusterNews == null ? void 0 : clusterNews.items) == null ? void 0 : _a.findIndex(
|
|
9648
9528
|
(element) => element.id === props.newsId
|
|
9649
9529
|
);
|
|
@@ -9669,11 +9549,11 @@ var ClusterStoryItem = (props) => {
|
|
|
9669
9549
|
path: clusterNewsItem.imageId === "00000000-0000-0000-0000-000000000000" ? "/assets/img/noImage.png" : clusterNewsItem.imageId
|
|
9670
9550
|
};
|
|
9671
9551
|
});
|
|
9672
|
-
return /* @__PURE__ */ (0,
|
|
9673
|
-
/* @__PURE__ */ (0,
|
|
9674
|
-
/* @__PURE__ */ (0,
|
|
9675
|
-
/* @__PURE__ */ (0,
|
|
9676
|
-
/* @__PURE__ */ (0,
|
|
9552
|
+
return /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: " w-full h-full relative bg-white", children: [
|
|
9553
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "flex justify-center lg:ml-[25%] lg:mr-[25%] mt-4 lg:mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex-col justify-start items-start gap-4 inline-flex", children: [
|
|
9554
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex justify-center items-center gap-4 text-[.9375rem] lg:text-lg leading-[130%]", children: [
|
|
9555
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "flex justify-start items-center gap-1", children: [
|
|
9556
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9677
9557
|
"svg",
|
|
9678
9558
|
{
|
|
9679
9559
|
width: "24",
|
|
@@ -9682,27 +9562,27 @@ var ClusterStoryItem = (props) => {
|
|
|
9682
9562
|
fill: "rgb(89,173,49)",
|
|
9683
9563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
9684
9564
|
className: "w-5 h-5 ",
|
|
9685
|
-
children: /* @__PURE__ */ (0,
|
|
9565
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("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" })
|
|
9686
9566
|
}
|
|
9687
9567
|
),
|
|
9688
|
-
/* @__PURE__ */ (0,
|
|
9568
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_design_system89.Body18, { children: props.ClusterCountry })
|
|
9689
9569
|
] }),
|
|
9690
|
-
/* @__PURE__ */ (0,
|
|
9570
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_design_system89.Body18, { className: "text-black ", children: formatDate(props.NewsCreationTime, "long") })
|
|
9691
9571
|
] }),
|
|
9692
|
-
/* @__PURE__ */ (0,
|
|
9693
|
-
/* @__PURE__ */ (0,
|
|
9694
|
-
/* @__PURE__ */ (0,
|
|
9695
|
-
/* @__PURE__ */ (0,
|
|
9572
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("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 }),
|
|
9573
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: " flex flex-wrap justify-start items-start gap-2", children: [
|
|
9574
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_design_system89.Body18m, { className: "text-black", children: props.UserName }),
|
|
9575
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "text-primary", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)("a", { href: `/cluster/view/${props.clusterId}`, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_design_system89.Body18m, { children: props.ClusterName }) }) })
|
|
9696
9576
|
] })
|
|
9697
9577
|
] }) }),
|
|
9698
|
-
/* @__PURE__ */ (0,
|
|
9578
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "w-full relative rounded-xl", style: { marginTop: "4.5%" }, children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9699
9579
|
ApiImage,
|
|
9700
9580
|
{
|
|
9701
9581
|
imageId: props.NewsCoverImageId,
|
|
9702
9582
|
className: "object-cover w-full rounded-xl h-[560px]"
|
|
9703
9583
|
}
|
|
9704
9584
|
) }),
|
|
9705
|
-
/* @__PURE__ */ (0,
|
|
9585
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsxs)(
|
|
9706
9586
|
"div",
|
|
9707
9587
|
{
|
|
9708
9588
|
className: "justify-center lg:ml-[25%] lg:mr-[25%]",
|
|
@@ -9711,15 +9591,15 @@ var ClusterStoryItem = (props) => {
|
|
|
9711
9591
|
marginTop: "4.5%"
|
|
9712
9592
|
},
|
|
9713
9593
|
children: [
|
|
9714
|
-
/* @__PURE__ */ (0,
|
|
9715
|
-
/* @__PURE__ */ (0,
|
|
9594
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "foreground-1 text-2xl font-normal font-family italic", children: props.NewsIntro }),
|
|
9595
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9716
9596
|
"div",
|
|
9717
9597
|
{
|
|
9718
9598
|
className: "justify-start items-start gap-6 foreground-1 font-format-0 font-family leading-normal",
|
|
9719
9599
|
style: {
|
|
9720
9600
|
marginTop: "4.5%"
|
|
9721
9601
|
},
|
|
9722
|
-
children: /* @__PURE__ */ (0,
|
|
9602
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9723
9603
|
HtmlView,
|
|
9724
9604
|
{
|
|
9725
9605
|
cssClass: ((_b = props.NewsContent) == null ? void 0 : _b.startsWith('<div className="ql-editor"')) ? "ql-editor" : "test",
|
|
@@ -9737,9 +9617,9 @@ var ClusterStoryItem = (props) => {
|
|
|
9737
9617
|
]
|
|
9738
9618
|
}
|
|
9739
9619
|
),
|
|
9740
|
-
!isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */ (0,
|
|
9741
|
-
/* @__PURE__ */ (0,
|
|
9742
|
-
/* @__PURE__ */ (0,
|
|
9620
|
+
!isLoading && (clusterNews == null ? void 0 : clusterNews.totalCount) > 1 && /* @__PURE__ */ (0, import_jsx_runtime114.jsxs)("div", { className: "container mx-auto pt-8 space-y-6 lg:pt-24 lg:space-y-10", children: [
|
|
9621
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)("div", { className: "lg:flex lg:justify-between lg:items-end", children: /* @__PURE__ */ (0, import_jsx_runtime114.jsx)(import_design_system88.H4Design, { children: "Explore more cluster news" }) }),
|
|
9622
|
+
/* @__PURE__ */ (0, import_jsx_runtime114.jsx)(
|
|
9743
9623
|
ClusterNewsList,
|
|
9744
9624
|
{
|
|
9745
9625
|
clusterNewsItems
|
|
@@ -9750,27 +9630,27 @@ var ClusterStoryItem = (props) => {
|
|
|
9750
9630
|
};
|
|
9751
9631
|
|
|
9752
9632
|
// src/components/DesignElements/ClusterNews/ClusterNews.tsx
|
|
9753
|
-
var
|
|
9754
|
-
var
|
|
9755
|
-
var
|
|
9633
|
+
var import_design_system90 = require("@geowiki/design-system");
|
|
9634
|
+
var import_react67 = require("react");
|
|
9635
|
+
var import_design_system91 = require("@geowiki/design-system");
|
|
9756
9636
|
var import_uuid14 = require("uuid");
|
|
9757
|
-
var
|
|
9758
|
-
var
|
|
9759
|
-
var
|
|
9637
|
+
var import_core101 = require("@geowiki/core");
|
|
9638
|
+
var import_design_system92 = require("@geowiki/design-system");
|
|
9639
|
+
var import_jsx_runtime115 = require("react/jsx-runtime");
|
|
9760
9640
|
var ClusterNews = ({
|
|
9761
9641
|
clusterName,
|
|
9762
9642
|
clusterId,
|
|
9763
9643
|
clusterCountry
|
|
9764
9644
|
}) => {
|
|
9765
9645
|
var _a;
|
|
9766
|
-
const { data: clusterNews, isLoading } = (0,
|
|
9646
|
+
const { data: clusterNews, isLoading } = (0, import_core101.useClusterNews)(
|
|
9767
9647
|
clusterId,
|
|
9768
9648
|
"CreationTime desc",
|
|
9769
9649
|
0,
|
|
9770
9650
|
100
|
|
9771
9651
|
);
|
|
9772
|
-
const [showAll, setShowAll] = (0,
|
|
9773
|
-
const [currentPage, setCurrentPage] = (0,
|
|
9652
|
+
const [showAll, setShowAll] = (0, import_react67.useState)(false);
|
|
9653
|
+
const [currentPage, setCurrentPage] = (0, import_react67.useState)(1);
|
|
9774
9654
|
const handleToggle = () => {
|
|
9775
9655
|
setShowAll(!showAll);
|
|
9776
9656
|
};
|
|
@@ -9795,14 +9675,14 @@ var ClusterNews = ({
|
|
|
9795
9675
|
};
|
|
9796
9676
|
});
|
|
9797
9677
|
if (isLoading)
|
|
9798
|
-
return /* @__PURE__ */ (0,
|
|
9678
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system92.LocalLoader, {});
|
|
9799
9679
|
if (publishedItems.length == 0)
|
|
9800
9680
|
return null;
|
|
9801
|
-
return /* @__PURE__ */ (0,
|
|
9802
|
-
/* @__PURE__ */ (0,
|
|
9803
|
-
/* @__PURE__ */ (0,
|
|
9804
|
-
publishedItems.length > 3 && /* @__PURE__ */ (0,
|
|
9805
|
-
|
|
9681
|
+
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_jsx_runtime115.Fragment, { children: !isLoading && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "bg-grey-lightest lg:mt-[100px]", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "bg-grey-lightest mx-5 lg:mx-12", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "container mx-auto space-y-6 py-6 lg:space-y-10 lg:py-16 px-0 lg:px-10 ", children: [
|
|
9682
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
|
|
9683
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_design_system90.H4Design, { className: "pb-4 lg:pb-0", children: "Cluster News" }),
|
|
9684
|
+
publishedItems.length > 3 && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9685
|
+
import_design_system91.DesignButton,
|
|
9806
9686
|
{
|
|
9807
9687
|
variant: "text",
|
|
9808
9688
|
className: "h-auto p-0 text-base lg:p-0",
|
|
@@ -9811,13 +9691,13 @@ var ClusterNews = ({
|
|
|
9811
9691
|
}
|
|
9812
9692
|
)
|
|
9813
9693
|
] }),
|
|
9814
|
-
/* @__PURE__ */ (0,
|
|
9694
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9815
9695
|
ClusterNewsList,
|
|
9816
9696
|
{
|
|
9817
9697
|
clusterNewsItems
|
|
9818
9698
|
}
|
|
9819
9699
|
),
|
|
9820
|
-
showAll && /* @__PURE__ */ (0,
|
|
9700
|
+
showAll && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
9821
9701
|
DesignPagination,
|
|
9822
9702
|
{
|
|
9823
9703
|
totalCount: clusterNews == null ? void 0 : clusterNews.totalCount,
|
|
@@ -9831,12 +9711,12 @@ var ClusterNews = ({
|
|
|
9831
9711
|
};
|
|
9832
9712
|
|
|
9833
9713
|
// src/components/DesignElements/ClusterNews/SixClusterNews.tsx
|
|
9834
|
-
var
|
|
9714
|
+
var import_core102 = require("@geowiki/core");
|
|
9835
9715
|
var import_uuid15 = require("uuid");
|
|
9836
|
-
var
|
|
9716
|
+
var import_jsx_runtime116 = require("react/jsx-runtime");
|
|
9837
9717
|
var SixClusterNews = () => {
|
|
9838
9718
|
var _a, _b, _c;
|
|
9839
|
-
const { data: news, isLoading } = (0,
|
|
9719
|
+
const { data: news, isLoading } = (0, import_core102.useNewsFromAllClusters)(0, 6);
|
|
9840
9720
|
const indexArray = [
|
|
9841
9721
|
"3a17e7a4-0f3f-a5c5-0afc-fe4c198e97da",
|
|
9842
9722
|
"3a12cccc-927d-0fbe-0b31-2d4ca0114c92",
|
|
@@ -9845,22 +9725,22 @@ var SixClusterNews = () => {
|
|
|
9845
9725
|
"3a0f55b7-aa70-c62b-2f09-9bca2288a93e",
|
|
9846
9726
|
"3a10bf57-d49f-ccc9-1d4f-5606b3f08318"
|
|
9847
9727
|
];
|
|
9848
|
-
const { data: clusterNews0, isLoading: isLoading0 } = (0,
|
|
9728
|
+
const { data: clusterNews0, isLoading: isLoading0 } = (0, import_core102.useClusterNewsWithId)(
|
|
9849
9729
|
indexArray[0]
|
|
9850
9730
|
);
|
|
9851
|
-
const { data: clusterNews1, isLoading: isLoading1 } = (0,
|
|
9731
|
+
const { data: clusterNews1, isLoading: isLoading1 } = (0, import_core102.useClusterNewsWithId)(
|
|
9852
9732
|
indexArray[1]
|
|
9853
9733
|
);
|
|
9854
|
-
const { data: clusterNews2, isLoading: isLoading2 } = (0,
|
|
9734
|
+
const { data: clusterNews2, isLoading: isLoading2 } = (0, import_core102.useClusterNewsWithId)(
|
|
9855
9735
|
indexArray[2]
|
|
9856
9736
|
);
|
|
9857
|
-
const { data: clusterNews3, isLoading: isLoading3 } = (0,
|
|
9737
|
+
const { data: clusterNews3, isLoading: isLoading3 } = (0, import_core102.useClusterNewsWithId)(
|
|
9858
9738
|
indexArray[3]
|
|
9859
9739
|
);
|
|
9860
|
-
const { data: clusterNews4, isLoading: isLoading4 } = (0,
|
|
9740
|
+
const { data: clusterNews4, isLoading: isLoading4 } = (0, import_core102.useClusterNewsWithId)(
|
|
9861
9741
|
indexArray[4]
|
|
9862
9742
|
);
|
|
9863
|
-
const { data: clusterNews5, isLoading: isLoading5 } = (0,
|
|
9743
|
+
const { data: clusterNews5, isLoading: isLoading5 } = (0, import_core102.useClusterNewsWithId)(
|
|
9864
9744
|
indexArray[5]
|
|
9865
9745
|
);
|
|
9866
9746
|
const clusterNewsArray = [
|
|
@@ -9897,16 +9777,16 @@ var SixClusterNews = () => {
|
|
|
9897
9777
|
})) != null ? _c : [];
|
|
9898
9778
|
const clusterNewsItems = clusterNews.length === indexArray.length ? clusterNews : firstClusterNews;
|
|
9899
9779
|
if (isLoading || isLoading0 || isLoading1 || isLoading2 || isLoading3 || isLoading4 || isLoading5) {
|
|
9900
|
-
return /* @__PURE__ */ (0,
|
|
9780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { children: "Loading..." });
|
|
9901
9781
|
}
|
|
9902
|
-
return /* @__PURE__ */ (0,
|
|
9782
|
+
return /* @__PURE__ */ (0, import_jsx_runtime116.jsx)("div", { className: "lg:container mx-auto pt-10", children: /* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ClusterNewsList, { clusterNewsItems }) });
|
|
9903
9783
|
};
|
|
9904
9784
|
|
|
9905
9785
|
// src/components/DesignElements/Cluster/Cluster.tsx
|
|
9906
|
-
var
|
|
9907
|
-
var
|
|
9908
|
-
var
|
|
9909
|
-
var
|
|
9786
|
+
var import_core103 = require("@geowiki/core");
|
|
9787
|
+
var import_design_system93 = require("@geowiki/design-system");
|
|
9788
|
+
var import_design_system94 = require("@geowiki/design-system");
|
|
9789
|
+
var import_jsx_runtime117 = require("react/jsx-runtime");
|
|
9910
9790
|
var Cluster = ({
|
|
9911
9791
|
title,
|
|
9912
9792
|
path,
|
|
@@ -9914,8 +9794,8 @@ var Cluster = ({
|
|
|
9914
9794
|
status,
|
|
9915
9795
|
imageId
|
|
9916
9796
|
}) => {
|
|
9917
|
-
return /* @__PURE__ */ (0,
|
|
9918
|
-
/* @__PURE__ */ (0,
|
|
9797
|
+
return /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_core103.Link, { href: path, children: /* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("div", { className: "w-full flex-col justify-start items-start inline-flex", children: [
|
|
9798
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(
|
|
9919
9799
|
ApiImage,
|
|
9920
9800
|
{
|
|
9921
9801
|
imageId,
|
|
@@ -9924,18 +9804,18 @@ var Cluster = ({
|
|
|
9924
9804
|
className: "w-full h-64 rounded-xl object-cover"
|
|
9925
9805
|
}
|
|
9926
9806
|
),
|
|
9927
|
-
/* @__PURE__ */ (0,
|
|
9928
|
-
country && country !== null ? /* @__PURE__ */ (0,
|
|
9929
|
-
/* @__PURE__ */ (0,
|
|
9807
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsxs)("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: [
|
|
9808
|
+
country && country !== null ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system93.CountryItem, { country }) : /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system93.CountryItem, { country: "Undefined" }),
|
|
9809
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system94.Body16sb, { className: "text-primary", children: status })
|
|
9930
9810
|
] }),
|
|
9931
|
-
/* @__PURE__ */ (0,
|
|
9811
|
+
/* @__PURE__ */ (0, import_jsx_runtime117.jsx)(import_design_system94.H9Design, { children: title })
|
|
9932
9812
|
] }) });
|
|
9933
9813
|
};
|
|
9934
9814
|
|
|
9935
9815
|
// src/components/DesignElements/Cluster/ClusterList.tsx
|
|
9936
|
-
var
|
|
9816
|
+
var import_jsx_runtime118 = require("react/jsx-runtime");
|
|
9937
9817
|
var ClusterList = ({ clusters }) => {
|
|
9938
|
-
return /* @__PURE__ */ (0,
|
|
9818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "container mx-auto px-0", children: /* @__PURE__ */ (0, import_jsx_runtime118.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: clusters.map((cluster) => /* @__PURE__ */ (0, import_jsx_runtime118.jsx)(
|
|
9939
9819
|
Cluster,
|
|
9940
9820
|
{
|
|
9941
9821
|
imageId: cluster.imageId,
|
|
@@ -9949,29 +9829,29 @@ var ClusterList = ({ clusters }) => {
|
|
|
9949
9829
|
};
|
|
9950
9830
|
|
|
9951
9831
|
// src/components/DesignElements/Cluster/H3Clusters.tsx
|
|
9952
|
-
var
|
|
9953
|
-
var
|
|
9954
|
-
var
|
|
9832
|
+
var import_design_system95 = require("@geowiki/design-system");
|
|
9833
|
+
var import_design_system96 = require("@geowiki/design-system");
|
|
9834
|
+
var import_core104 = require("@geowiki/core");
|
|
9955
9835
|
var import_uuid16 = require("uuid");
|
|
9956
|
-
var
|
|
9957
|
-
var
|
|
9836
|
+
var import_core105 = require("@geowiki/core");
|
|
9837
|
+
var import_jsx_runtime119 = require("react/jsx-runtime");
|
|
9958
9838
|
var H3Clusters = ({ clusters }) => {
|
|
9959
|
-
const { data: countries, isLoading: isCountriesLoading } = (0,
|
|
9839
|
+
const { data: countries, isLoading: isCountriesLoading } = (0, import_core105.useCountries)();
|
|
9960
9840
|
if (isCountriesLoading)
|
|
9961
|
-
return /* @__PURE__ */ (0,
|
|
9962
|
-
return /* @__PURE__ */ (0,
|
|
9963
|
-
/* @__PURE__ */ (0,
|
|
9964
|
-
/* @__PURE__ */ (0,
|
|
9965
|
-
/* @__PURE__ */ (0,
|
|
9966
|
-
|
|
9841
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { children: "Loading..." });
|
|
9842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "lg:container mx-auto space-y-6 lg:space-y-10 ", children: [
|
|
9843
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "lg:flex lg:justify-between lg:items-end", children: [
|
|
9844
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_design_system95.H4Design, { className: "pb-4 lg:pb-0", children: "Explore other Farmer Clusters" }),
|
|
9845
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
9846
|
+
import_design_system96.DesignButton,
|
|
9967
9847
|
{
|
|
9968
9848
|
variant: "internalLink",
|
|
9969
9849
|
className: "h-auto p-0 text-base lg:p-0",
|
|
9970
|
-
children: /* @__PURE__ */ (0,
|
|
9850
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_core104.Link, { href: "/page/farmer-clusters/farmer-cluster-finder", children: "View all" })
|
|
9971
9851
|
}
|
|
9972
9852
|
)
|
|
9973
9853
|
] }),
|
|
9974
|
-
/* @__PURE__ */ (0,
|
|
9854
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
9975
9855
|
ClusterList,
|
|
9976
9856
|
{
|
|
9977
9857
|
clusters: clusters == null ? void 0 : clusters.slice(0, 4).map((cluster) => {
|
|
@@ -9991,10 +9871,10 @@ var H3Clusters = ({ clusters }) => {
|
|
|
9991
9871
|
};
|
|
9992
9872
|
|
|
9993
9873
|
// src/components/DesignElements/Gallery/GalleryItem.tsx
|
|
9994
|
-
var
|
|
9874
|
+
var import_jsx_runtime120 = require("react/jsx-runtime");
|
|
9995
9875
|
var GalleryItem = ({ text, id }) => {
|
|
9996
|
-
return /* @__PURE__ */ (0,
|
|
9997
|
-
/* @__PURE__ */ (0,
|
|
9876
|
+
return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "h-[22.25rem] sm:w-auto bg-center relative flex group ", children: [
|
|
9877
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
9998
9878
|
ApiImage,
|
|
9999
9879
|
{
|
|
10000
9880
|
imageId: id,
|
|
@@ -10003,32 +9883,32 @@ var GalleryItem = ({ text, id }) => {
|
|
|
10003
9883
|
className: "h-full bg-black group-hover:brightness-50 rounded-xl object-cover"
|
|
10004
9884
|
}
|
|
10005
9885
|
),
|
|
10006
|
-
/* @__PURE__ */ (0,
|
|
9886
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: " absolute bottom-6 opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: " mx-6 text-white text-base leading-[120%] line-clamp-4", children: text }) })
|
|
10007
9887
|
] });
|
|
10008
9888
|
};
|
|
10009
9889
|
|
|
10010
9890
|
// src/components/DesignElements/Gallery/GalleryItemList.tsx
|
|
10011
|
-
var
|
|
9891
|
+
var import_design_system98 = require("@geowiki/design-system");
|
|
10012
9892
|
|
|
10013
9893
|
// src/components/DesignElements/Gallery/GalleryCarouselOpen.tsx
|
|
9894
|
+
var import_react68 = require("react");
|
|
9895
|
+
var import_react69 = require("@headlessui/react");
|
|
9896
|
+
var import_outline9 = require("@heroicons/react/24/outline");
|
|
10014
9897
|
var import_react70 = require("react");
|
|
10015
|
-
var import_react71 = require("@headlessui/react");
|
|
10016
|
-
var import_outline10 = require("@heroicons/react/24/outline");
|
|
10017
|
-
var import_react72 = require("react");
|
|
10018
9898
|
var import_lucide_react8 = require("lucide-react");
|
|
10019
|
-
var
|
|
10020
|
-
var
|
|
10021
|
-
var
|
|
9899
|
+
var import_core106 = require("@geowiki/core");
|
|
9900
|
+
var import_design_system97 = require("@geowiki/design-system");
|
|
9901
|
+
var import_jsx_runtime121 = require("react/jsx-runtime");
|
|
10022
9902
|
var GalleryCarouselOpen = ({
|
|
10023
9903
|
list,
|
|
10024
9904
|
currentPhoto,
|
|
10025
9905
|
open,
|
|
10026
9906
|
setOpen
|
|
10027
9907
|
}) => {
|
|
10028
|
-
const [defaultPhoto, setDefaultPhoto] = (0,
|
|
10029
|
-
const [text, setDefaultText] = (0,
|
|
10030
|
-
var { data } = (0,
|
|
10031
|
-
(0,
|
|
9908
|
+
const [defaultPhoto, setDefaultPhoto] = (0, import_react70.useState)(currentPhoto);
|
|
9909
|
+
const [text, setDefaultText] = (0, import_react70.useState)("");
|
|
9910
|
+
var { data } = (0, import_core106.useApiImage)(defaultPhoto.imageId);
|
|
9911
|
+
(0, import_react70.useEffect)(() => {
|
|
10032
9912
|
setDefaultPhoto(currentPhoto);
|
|
10033
9913
|
}, [currentPhoto]);
|
|
10034
9914
|
const handlePrevious = () => {
|
|
@@ -10049,37 +9929,37 @@ var GalleryCarouselOpen = ({
|
|
|
10049
9929
|
setDefaultPhoto({ imageId: list[nextIndex].id });
|
|
10050
9930
|
}
|
|
10051
9931
|
};
|
|
10052
|
-
(0,
|
|
9932
|
+
(0, import_react70.useEffect)(() => {
|
|
10053
9933
|
const foundPhoto = list.find((list2) => list2.id === defaultPhoto.imageId);
|
|
10054
9934
|
if (foundPhoto) {
|
|
10055
9935
|
setDefaultText(foundPhoto.text);
|
|
10056
9936
|
}
|
|
10057
9937
|
}, [defaultPhoto, list]);
|
|
10058
|
-
return /* @__PURE__ */ (0,
|
|
10059
|
-
/* @__PURE__ */ (0,
|
|
10060
|
-
|
|
9938
|
+
return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react69.Transition.Root, { show: open, as: import_react68.Fragment, "data-component": "ResourceView", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_react69.Dialog, { as: "div", className: "relative z-10", onClose: setOpen, children: [
|
|
9939
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
9940
|
+
import_react69.Transition.Child,
|
|
10061
9941
|
{
|
|
10062
|
-
as:
|
|
9942
|
+
as: import_react68.Fragment,
|
|
10063
9943
|
enter: "ease-out duration-300",
|
|
10064
9944
|
enterFrom: "opacity-0",
|
|
10065
9945
|
enterTo: "opacity-100",
|
|
10066
9946
|
leave: "ease-in duration-200",
|
|
10067
9947
|
leaveFrom: "opacity-100",
|
|
10068
9948
|
leaveTo: "opacity-0",
|
|
10069
|
-
children: /* @__PURE__ */ (0,
|
|
9949
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-90 transition-opacity" })
|
|
10070
9950
|
}
|
|
10071
9951
|
),
|
|
10072
|
-
/* @__PURE__ */ (0,
|
|
10073
|
-
/* @__PURE__ */ (0,
|
|
9952
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_react69.Dialog.Panel, { className: "relative ", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "fixed inset-0 flex items-center justify-between", children: [
|
|
9953
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "absolute top-0 right-0 pt-4 pr-4 z-40", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(
|
|
10074
9954
|
"button",
|
|
10075
9955
|
{
|
|
10076
9956
|
type: "button",
|
|
10077
9957
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 ",
|
|
10078
9958
|
onClick: () => setOpen(false),
|
|
10079
9959
|
children: [
|
|
10080
|
-
/* @__PURE__ */ (0,
|
|
10081
|
-
/* @__PURE__ */ (0,
|
|
10082
|
-
|
|
9960
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)("span", { className: "sr-only", children: "Close" }),
|
|
9961
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
9962
|
+
import_outline9.XMarkIcon,
|
|
10083
9963
|
{
|
|
10084
9964
|
className: "h-4 w-4 lg:h-6 lg:w-6 text-white",
|
|
10085
9965
|
"aria-hidden": "true"
|
|
@@ -10088,18 +9968,18 @@ var GalleryCarouselOpen = ({
|
|
|
10088
9968
|
]
|
|
10089
9969
|
}
|
|
10090
9970
|
) }),
|
|
10091
|
-
/* @__PURE__ */ (0,
|
|
10092
|
-
/* @__PURE__ */ (0,
|
|
9971
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { className: "mx-20 w-full items-center z-30 cursor-default ", children: /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "flex justify-between w-full ", children: [
|
|
9972
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
10093
9973
|
"button",
|
|
10094
9974
|
{
|
|
10095
9975
|
type: "button",
|
|
10096
9976
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40 ",
|
|
10097
9977
|
onClick: handlePrevious,
|
|
10098
|
-
children: /* @__PURE__ */ (0,
|
|
9978
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react8.ChevronLeft, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
|
|
10099
9979
|
}
|
|
10100
9980
|
),
|
|
10101
|
-
/* @__PURE__ */ (0,
|
|
10102
|
-
/* @__PURE__ */ (0,
|
|
9981
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "w-full flex-col flex items-center justify-center", children: [
|
|
9982
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
10103
9983
|
"img",
|
|
10104
9984
|
{
|
|
10105
9985
|
src: data,
|
|
@@ -10108,15 +9988,15 @@ var GalleryCarouselOpen = ({
|
|
|
10108
9988
|
className: " h-4/6 w-auto py-4"
|
|
10109
9989
|
}
|
|
10110
9990
|
),
|
|
10111
|
-
/* @__PURE__ */ (0,
|
|
9991
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_design_system97.Body16, { className: "z-40 text-white", children: text })
|
|
10112
9992
|
] }),
|
|
10113
|
-
/* @__PURE__ */ (0,
|
|
9993
|
+
/* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
|
|
10114
9994
|
"button",
|
|
10115
9995
|
{
|
|
10116
9996
|
type: "button",
|
|
10117
9997
|
className: " rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 z-40",
|
|
10118
9998
|
onClick: handleNext,
|
|
10119
|
-
children: /* @__PURE__ */ (0,
|
|
9999
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react8.ChevronRight, { className: "h-8 w-8 disabled:pointer-events-none disabled:opacity-60 text-white" })
|
|
10120
10000
|
}
|
|
10121
10001
|
)
|
|
10122
10002
|
] }) })
|
|
@@ -10125,29 +10005,29 @@ var GalleryCarouselOpen = ({
|
|
|
10125
10005
|
};
|
|
10126
10006
|
|
|
10127
10007
|
// src/components/DesignElements/Gallery/GalleryItemList.tsx
|
|
10128
|
-
var
|
|
10129
|
-
var
|
|
10008
|
+
var import_react71 = require("react");
|
|
10009
|
+
var import_jsx_runtime122 = require("react/jsx-runtime");
|
|
10130
10010
|
var GalleryItemList = ({ galleryItems }) => {
|
|
10131
|
-
const [open, setOpen] = (0,
|
|
10132
|
-
const [selectedItemId, setSelectedItemId] = (0,
|
|
10011
|
+
const [open, setOpen] = (0, import_react71.useState)(false);
|
|
10012
|
+
const [selectedItemId, setSelectedItemId] = (0, import_react71.useState)("");
|
|
10133
10013
|
const handleOpenGallery = (id) => {
|
|
10134
10014
|
setOpen(true);
|
|
10135
10015
|
setSelectedItemId(id);
|
|
10136
10016
|
};
|
|
10137
|
-
return /* @__PURE__ */ (0,
|
|
10138
|
-
/* @__PURE__ */ (0,
|
|
10139
|
-
/* @__PURE__ */ (0,
|
|
10017
|
+
return /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { children: [
|
|
10018
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(import_design_system98.Carousel, { className: "w-full px-8", children: [
|
|
10019
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_design_system98.CarouselContent, { className: "px-3", children: galleryItems.map((galleryItem, index) => /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_design_system98.CarouselItem, { className: " md:basis-1/2 lg:basis-1/3", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "p-1", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
10140
10020
|
"div",
|
|
10141
10021
|
{
|
|
10142
10022
|
className: "flex aspect-square items-center justify-center cursor-pointer",
|
|
10143
10023
|
onClick: () => handleOpenGallery(galleryItem.id),
|
|
10144
|
-
children: /* @__PURE__ */ (0,
|
|
10024
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(GalleryItem, { text: galleryItem.text, id: galleryItem.id })
|
|
10145
10025
|
}
|
|
10146
10026
|
) }) }, index)) }),
|
|
10147
|
-
/* @__PURE__ */ (0,
|
|
10148
|
-
/* @__PURE__ */ (0,
|
|
10027
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_design_system98.CarouselPrevious, {}),
|
|
10028
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_design_system98.CarouselNext, {})
|
|
10149
10029
|
] }),
|
|
10150
|
-
/* @__PURE__ */ (0,
|
|
10030
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
10151
10031
|
GalleryCarouselOpen,
|
|
10152
10032
|
{
|
|
10153
10033
|
currentPhoto: { imageId: selectedItemId },
|
|
@@ -10163,9 +10043,9 @@ var GalleryItemList = ({ galleryItems }) => {
|
|
|
10163
10043
|
};
|
|
10164
10044
|
|
|
10165
10045
|
// src/components/DesignElements/NewsArticle/NewsArticleList.tsx
|
|
10166
|
-
var
|
|
10046
|
+
var import_jsx_runtime123 = require("react/jsx-runtime");
|
|
10167
10047
|
var NewsArticleList = ({ newsArticles }) => {
|
|
10168
|
-
return /* @__PURE__ */ (0,
|
|
10048
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "px-0", children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6", children: newsArticles.map((newsArticle, index) => /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
10169
10049
|
NewsArticle,
|
|
10170
10050
|
{
|
|
10171
10051
|
title: newsArticle.title,
|
|
@@ -10181,13 +10061,13 @@ var NewsArticleList = ({ newsArticles }) => {
|
|
|
10181
10061
|
};
|
|
10182
10062
|
|
|
10183
10063
|
// src/components/DesignElements/OpenPins/bioBlitzObservation.tsx
|
|
10184
|
-
var
|
|
10185
|
-
var
|
|
10064
|
+
var import_core107 = require("@geowiki/core");
|
|
10065
|
+
var import_jsx_runtime124 = require("react/jsx-runtime");
|
|
10186
10066
|
var BIO_BLITZ_LINK_COLOR = "#59AD31";
|
|
10187
10067
|
var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
10188
|
-
return /* @__PURE__ */ (0,
|
|
10189
|
-
bioBlitzObservation.path && /* @__PURE__ */ (0,
|
|
10190
|
-
|
|
10068
|
+
return /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "w-[230px] relative bg-white overflow-hidden rounded-3xl", children: [
|
|
10069
|
+
bioBlitzObservation.path && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
10070
|
+
import_core107.Image,
|
|
10191
10071
|
{
|
|
10192
10072
|
alt: "",
|
|
10193
10073
|
width: 230,
|
|
@@ -10196,14 +10076,14 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
|
10196
10076
|
className: "w-[230px] h-[150px] rounded-tl-3xl rounded-tr-3xl object-cover"
|
|
10197
10077
|
}
|
|
10198
10078
|
),
|
|
10199
|
-
/* @__PURE__ */ (0,
|
|
10200
|
-
/* @__PURE__ */ (0,
|
|
10201
|
-
/* @__PURE__ */ (0,
|
|
10202
|
-
/* @__PURE__ */ (0,
|
|
10079
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "p-4 space-y-1 whitespace-normal overflow-hidden break-words", children: [
|
|
10080
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "text-lg font-medium leading-[130%]", children: bioBlitzObservation.title }),
|
|
10081
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "text-base font-normal italic leading-[130%]", children: bioBlitzObservation.taxonomicName }),
|
|
10082
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "text-base font-normal leading-[130%]", children: [
|
|
10203
10083
|
"Observed on ",
|
|
10204
10084
|
bioBlitzObservation.date
|
|
10205
10085
|
] }),
|
|
10206
|
-
/* @__PURE__ */ (0,
|
|
10086
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
10207
10087
|
"a",
|
|
10208
10088
|
{
|
|
10209
10089
|
href: bioBlitzObservation.link,
|
|
@@ -10219,21 +10099,21 @@ var BioBlitzObservationPin = ({ bioBlitzObservation }) => {
|
|
|
10219
10099
|
};
|
|
10220
10100
|
|
|
10221
10101
|
// src/components/DesignElements/OpenPins/farmerClusterPins.tsx
|
|
10222
|
-
var
|
|
10223
|
-
var
|
|
10102
|
+
var import_design_system99 = require("@geowiki/design-system");
|
|
10103
|
+
var import_design_system100 = require("@geowiki/design-system");
|
|
10104
|
+
var import_core108 = require("@geowiki/core");
|
|
10224
10105
|
var import_core109 = require("@geowiki/core");
|
|
10225
|
-
var
|
|
10226
|
-
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
10106
|
+
var import_jsx_runtime125 = require("react/jsx-runtime");
|
|
10227
10107
|
var DesignFarmerClusterPin = ({
|
|
10228
10108
|
farmerCluster,
|
|
10229
10109
|
buttonText
|
|
10230
10110
|
}) => {
|
|
10231
|
-
return /* @__PURE__ */ (0,
|
|
10232
|
-
/* @__PURE__ */ (0,
|
|
10233
|
-
/* @__PURE__ */ (0,
|
|
10234
|
-
/* @__PURE__ */ (0,
|
|
10235
|
-
/* @__PURE__ */ (0,
|
|
10236
|
-
|
|
10111
|
+
return /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("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: [
|
|
10112
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("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: [
|
|
10113
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_design_system100.Body18m, { children: farmerCluster.title }),
|
|
10114
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_design_system100.Body14, { className: "line-clamp-3", children: farmerCluster.description }),
|
|
10115
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_core109.Link, { href: farmerCluster.viewUrl, className: "internal-link ", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
10116
|
+
import_design_system99.DesignButton,
|
|
10237
10117
|
{
|
|
10238
10118
|
variant: "internalLink",
|
|
10239
10119
|
className: "h-auto p-0 text-base lg:p-0",
|
|
@@ -10241,8 +10121,8 @@ var DesignFarmerClusterPin = ({
|
|
|
10241
10121
|
}
|
|
10242
10122
|
) })
|
|
10243
10123
|
] }),
|
|
10244
|
-
/* @__PURE__ */ (0,
|
|
10245
|
-
|
|
10124
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
10125
|
+
import_core108.Image,
|
|
10246
10126
|
{
|
|
10247
10127
|
alt: "",
|
|
10248
10128
|
src: farmerCluster.path,
|
|
@@ -10255,45 +10135,45 @@ var DesignFarmerClusterPin = ({
|
|
|
10255
10135
|
};
|
|
10256
10136
|
|
|
10257
10137
|
// src/components/DesignElements/HeadingTextBlocks/LandingTitleBodyButton.tsx
|
|
10258
|
-
var
|
|
10259
|
-
var
|
|
10260
|
-
var
|
|
10261
|
-
var
|
|
10138
|
+
var import_design_system101 = require("@geowiki/design-system");
|
|
10139
|
+
var import_design_system102 = require("@geowiki/design-system");
|
|
10140
|
+
var import_core110 = require("@geowiki/core");
|
|
10141
|
+
var import_jsx_runtime126 = require("react/jsx-runtime");
|
|
10262
10142
|
var LandingTitleBodyButton = ({ title, textBody, button }) => {
|
|
10263
10143
|
const isNeedParse = /<em>(.*?)<\/em>/g.test(title);
|
|
10264
|
-
return /* @__PURE__ */ (0,
|
|
10265
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
10144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)("div", { className: "lg:container mx-auto max-w-3xl lg:max-w-5xl space-y-4 mt-3 lg:mt-12", children: [
|
|
10145
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
10266
10146
|
HtmlView,
|
|
10267
10147
|
{
|
|
10268
10148
|
cssClass: "m-0",
|
|
10269
10149
|
html: parseTitle(title, "LandingTitle")
|
|
10270
10150
|
}
|
|
10271
10151
|
),
|
|
10272
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
10273
|
-
/* @__PURE__ */ (0,
|
|
10274
|
-
button.text && button.link && /* @__PURE__ */ (0,
|
|
10275
|
-
|
|
10152
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_design_system101.LandingTitle, { children: title }),
|
|
10153
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_design_system101.Body18, { children: textBody }),
|
|
10154
|
+
button.text && button.link && /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
10155
|
+
import_core110.Link,
|
|
10276
10156
|
{
|
|
10277
10157
|
href: button.link,
|
|
10278
10158
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10279
10159
|
rel: "noreferrer",
|
|
10280
|
-
children: /* @__PURE__ */ (0,
|
|
10160
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_design_system102.DesignButton, { children: button.text })
|
|
10281
10161
|
}
|
|
10282
10162
|
) })
|
|
10283
10163
|
] });
|
|
10284
10164
|
};
|
|
10285
10165
|
|
|
10286
10166
|
// src/components/DesignElements/HeadingTextBlocks/H1BodyButton.tsx
|
|
10287
|
-
var
|
|
10288
|
-
var
|
|
10167
|
+
var import_design_system103 = require("@geowiki/design-system");
|
|
10168
|
+
var import_design_system104 = require("@geowiki/design-system");
|
|
10169
|
+
var import_core111 = require("@geowiki/core");
|
|
10289
10170
|
var import_core112 = require("@geowiki/core");
|
|
10290
|
-
var import_core113 = require("@geowiki/core");
|
|
10291
10171
|
var import_html_react_parser2 = __toESM(require("html-react-parser"));
|
|
10292
|
-
var
|
|
10172
|
+
var import_jsx_runtime127 = require("react/jsx-runtime");
|
|
10293
10173
|
var HtmlView2 = (props) => {
|
|
10294
10174
|
const options = {
|
|
10295
10175
|
replace: (domNode) => {
|
|
10296
|
-
const cmsUrl =
|
|
10176
|
+
const cmsUrl = import_core112.configStore.getState().cmsUrl;
|
|
10297
10177
|
if (domNode.type === "text") {
|
|
10298
10178
|
var node = domNode;
|
|
10299
10179
|
var data = node.data;
|
|
@@ -10305,11 +10185,11 @@ var HtmlView2 = (props) => {
|
|
|
10305
10185
|
data = data.replace(match, imageHtml);
|
|
10306
10186
|
});
|
|
10307
10187
|
}
|
|
10308
|
-
return /* @__PURE__ */ (0,
|
|
10188
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { children: (0, import_html_react_parser2.default)(data) });
|
|
10309
10189
|
}
|
|
10310
10190
|
}
|
|
10311
10191
|
};
|
|
10312
|
-
return /* @__PURE__ */ (0,
|
|
10192
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
10313
10193
|
"div",
|
|
10314
10194
|
{
|
|
10315
10195
|
className: props.cssClass !== void 0 && props.cssClass !== null ? props.cssClass : "m-5 ",
|
|
@@ -10332,40 +10212,40 @@ var H1BodyButton = ({
|
|
|
10332
10212
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10333
10213
|
return modifiedText;
|
|
10334
10214
|
};
|
|
10335
|
-
return /* @__PURE__ */ (0,
|
|
10215
|
+
return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(
|
|
10336
10216
|
"div",
|
|
10337
10217
|
{
|
|
10338
10218
|
className: "px-0 container mx-auto mt-6 lg:mt-10 flex justify-start",
|
|
10339
10219
|
"data-component-name": "H1BodyButton",
|
|
10340
10220
|
children: [
|
|
10341
|
-
/* @__PURE__ */ (0,
|
|
10342
|
-
/* @__PURE__ */ (0,
|
|
10343
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
10344
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
10221
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "hidden lg:block lg:w-1/4" }),
|
|
10222
|
+
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "w-full max-w-3xl lg:px-5", children: [
|
|
10223
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(HtmlView2, { cssClass: "m-0", html: parseTitle(title, "H1") }),
|
|
10224
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_design_system103.H1Design, { children: [
|
|
10345
10225
|
title,
|
|
10346
10226
|
" "
|
|
10347
10227
|
] }),
|
|
10348
|
-
textBody && /* @__PURE__ */ (0,
|
|
10228
|
+
textBody && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10349
10229
|
HtmlView2,
|
|
10350
10230
|
{
|
|
10351
10231
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] pt-4 lg:pt-6",
|
|
10352
10232
|
html: addLinksStyles(textBody)
|
|
10353
10233
|
}
|
|
10354
10234
|
),
|
|
10355
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10356
|
-
|
|
10235
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime127.jsx)("div", { className: "pt-4 lg:pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10236
|
+
import_core111.Link,
|
|
10357
10237
|
{
|
|
10358
10238
|
href: button.link,
|
|
10359
10239
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10360
10240
|
rel: "noreferrer",
|
|
10361
|
-
children: button.isNewTab ? /* @__PURE__ */ (0,
|
|
10362
|
-
|
|
10241
|
+
children: button.isNewTab ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
10242
|
+
import_design_system104.DesignButton,
|
|
10363
10243
|
{
|
|
10364
10244
|
variant: "externalLink",
|
|
10365
10245
|
className: "h-auto p-0 lg:p-0",
|
|
10366
10246
|
children: button.text
|
|
10367
10247
|
}
|
|
10368
|
-
) : /* @__PURE__ */ (0,
|
|
10248
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_design_system104.DesignButton, { children: button.text })
|
|
10369
10249
|
}
|
|
10370
10250
|
) })
|
|
10371
10251
|
] })
|
|
@@ -10375,10 +10255,10 @@ var H1BodyButton = ({
|
|
|
10375
10255
|
};
|
|
10376
10256
|
|
|
10377
10257
|
// src/components/DesignElements/HeadingTextBlocks/H2BodyButton.tsx
|
|
10378
|
-
var
|
|
10379
|
-
var
|
|
10380
|
-
var
|
|
10381
|
-
var
|
|
10258
|
+
var import_design_system105 = require("@geowiki/design-system");
|
|
10259
|
+
var import_design_system106 = require("@geowiki/design-system");
|
|
10260
|
+
var import_core113 = require("@geowiki/core");
|
|
10261
|
+
var import_jsx_runtime128 = require("react/jsx-runtime");
|
|
10382
10262
|
var H2BodyButton = ({
|
|
10383
10263
|
title,
|
|
10384
10264
|
textBody,
|
|
@@ -10393,50 +10273,50 @@ var H2BodyButton = ({
|
|
|
10393
10273
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
10394
10274
|
return modifiedText;
|
|
10395
10275
|
};
|
|
10396
|
-
return /* @__PURE__ */ (0,
|
|
10276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(
|
|
10397
10277
|
"div",
|
|
10398
10278
|
{
|
|
10399
10279
|
className: `lg:container mx-auto flex flex-col lg:flex-row justify-between mt-6 lg:mt-20 ${bottomPadding && `lg:mb-${bottomPadding}`}`,
|
|
10400
10280
|
children: [
|
|
10401
|
-
/* @__PURE__ */ (0,
|
|
10402
|
-
/* @__PURE__ */ (0,
|
|
10403
|
-
isNeedParse && /* @__PURE__ */ (0,
|
|
10281
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex flex-col lg:w-[15%]", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_design_system105.Body18, { children: tag }) }),
|
|
10282
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex flex-col lg:w-[50%] space-y-4 lg:space-y-6 ", children: [
|
|
10283
|
+
isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
10404
10284
|
HtmlView,
|
|
10405
10285
|
{
|
|
10406
10286
|
cssClass: "m-0 pt-2 lg:pt-0",
|
|
10407
10287
|
html: parseTitle(title, "H2")
|
|
10408
10288
|
}
|
|
10409
10289
|
),
|
|
10410
|
-
!isNeedParse && /* @__PURE__ */ (0,
|
|
10290
|
+
!isNeedParse && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(import_design_system105.H2Design, { className: "pt-2 lg:pt-0", children: [
|
|
10411
10291
|
title,
|
|
10412
10292
|
" "
|
|
10413
10293
|
] }),
|
|
10414
|
-
/* @__PURE__ */ (0,
|
|
10294
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
10415
10295
|
HtmlView,
|
|
10416
10296
|
{
|
|
10417
10297
|
cssClass: "m-0 text-base lg:text-lg leading-[130%] lg:mt-4",
|
|
10418
10298
|
html: addLinksStyles(textBody)
|
|
10419
10299
|
}
|
|
10420
10300
|
),
|
|
10421
|
-
button.text && button.link && /* @__PURE__ */ (0,
|
|
10422
|
-
|
|
10301
|
+
button.text && button.link && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
10302
|
+
import_core113.Link,
|
|
10423
10303
|
{
|
|
10424
10304
|
href: button.link,
|
|
10425
10305
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10426
10306
|
rel: "noreferrer",
|
|
10427
|
-
children: /* @__PURE__ */ (0,
|
|
10307
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_design_system106.DesignButton, { children: button.text })
|
|
10428
10308
|
}
|
|
10429
10309
|
) })
|
|
10430
10310
|
] }),
|
|
10431
|
-
/* @__PURE__ */ (0,
|
|
10311
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10432
10312
|
]
|
|
10433
10313
|
}
|
|
10434
10314
|
);
|
|
10435
10315
|
};
|
|
10436
10316
|
|
|
10437
10317
|
// src/components/DesignElements/HeadingTextBlocks/H1Body.tsx
|
|
10438
|
-
var
|
|
10439
|
-
var
|
|
10318
|
+
var import_design_system107 = require("@geowiki/design-system");
|
|
10319
|
+
var import_jsx_runtime129 = require("react/jsx-runtime");
|
|
10440
10320
|
var H1Body = ({ title, textBody }) => {
|
|
10441
10321
|
const addLinksStyles = (text) => {
|
|
10442
10322
|
const textToAdd = " class='text-primary font-semibold'";
|
|
@@ -10444,12 +10324,12 @@ var H1Body = ({ title, textBody }) => {
|
|
|
10444
10324
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10445
10325
|
return modifiedText;
|
|
10446
10326
|
};
|
|
10447
|
-
return /* @__PURE__ */ (0,
|
|
10448
|
-
/* @__PURE__ */ (0,
|
|
10327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "space-y-6 pt-6 lg:pt-10", "data-component-name": "H1Body", children: [
|
|
10328
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(import_design_system107.H1Design, { children: [
|
|
10449
10329
|
title,
|
|
10450
10330
|
" "
|
|
10451
10331
|
] }),
|
|
10452
|
-
/* @__PURE__ */ (0,
|
|
10332
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
10453
10333
|
HtmlView,
|
|
10454
10334
|
{
|
|
10455
10335
|
cssClass: "m-0 text-base lg:text-lg leading-[130%]",
|
|
@@ -10460,8 +10340,8 @@ var H1Body = ({ title, textBody }) => {
|
|
|
10460
10340
|
};
|
|
10461
10341
|
|
|
10462
10342
|
// src/components/DesignElements/HeadingTextBlocks/H7Body.tsx
|
|
10463
|
-
var
|
|
10464
|
-
var
|
|
10343
|
+
var import_design_system108 = require("@geowiki/design-system");
|
|
10344
|
+
var import_jsx_runtime130 = require("react/jsx-runtime");
|
|
10465
10345
|
var H7Body = ({ title, textBody }) => {
|
|
10466
10346
|
const addLinksStyles = (text) => {
|
|
10467
10347
|
const textToAdd = " class='text-primary font-semibold'";
|
|
@@ -10469,12 +10349,12 @@ var H7Body = ({ title, textBody }) => {
|
|
|
10469
10349
|
const modifiedText = text.replace(regex, `$1${textToAdd}`);
|
|
10470
10350
|
return modifiedText;
|
|
10471
10351
|
};
|
|
10472
|
-
return /* @__PURE__ */ (0,
|
|
10473
|
-
/* @__PURE__ */ (0,
|
|
10352
|
+
return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("div", { className: "space-y-4 pt-6 lg:pt-12", "data-component-name": "H7Body", children: [
|
|
10353
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_design_system108.H7Design, { children: [
|
|
10474
10354
|
title,
|
|
10475
10355
|
" "
|
|
10476
10356
|
] }),
|
|
10477
|
-
/* @__PURE__ */ (0,
|
|
10357
|
+
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
10478
10358
|
HtmlView,
|
|
10479
10359
|
{
|
|
10480
10360
|
cssClass: "m-0 text-grey text-sm lg:text-base leading-[130%] prose max-w-full",
|
|
@@ -10485,21 +10365,21 @@ var H7Body = ({ title, textBody }) => {
|
|
|
10485
10365
|
};
|
|
10486
10366
|
|
|
10487
10367
|
// src/components/DesignElements/HeadingTextBlocks/NewsHeading.tsx
|
|
10488
|
-
var
|
|
10368
|
+
var import_jsx_runtime131 = require("react/jsx-runtime");
|
|
10489
10369
|
var NewsHeading = () => {
|
|
10490
10370
|
const title = "Global <em>Newsfeed</em>";
|
|
10491
10371
|
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.";
|
|
10492
|
-
return /* @__PURE__ */ (0,
|
|
10372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
|
|
10493
10373
|
"div",
|
|
10494
10374
|
{
|
|
10495
10375
|
className: "container mx-auto px-0 lg:px-[2rem] max-w-3xl mt-6 lg:mt-10",
|
|
10496
10376
|
"data-component-name": "NewsHeading",
|
|
10497
10377
|
children: [
|
|
10498
|
-
/* @__PURE__ */ (0,
|
|
10499
|
-
/* @__PURE__ */ (0,
|
|
10500
|
-
/* @__PURE__ */ (0,
|
|
10501
|
-
/* @__PURE__ */ (0,
|
|
10502
|
-
/* @__PURE__ */ (0,
|
|
10378
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(HtmlView, { cssClass: "m-0", html: parseTitle(title, "H1") }),
|
|
10379
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("div", { className: "pt-4 pb-4 text-base lg:text-lg leading-[130%] lg:pt-6", children: textBody }),
|
|
10380
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { children: [
|
|
10381
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: " text-base italic lg:text-lg leading-[130%]", children: "Please consider the content disclaimer in our " }),
|
|
10382
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)(
|
|
10503
10383
|
"a",
|
|
10504
10384
|
{
|
|
10505
10385
|
href: "/page/terms-of-use",
|
|
@@ -10507,7 +10387,7 @@ var NewsHeading = () => {
|
|
|
10507
10387
|
children: "Terms of Use"
|
|
10508
10388
|
}
|
|
10509
10389
|
),
|
|
10510
|
-
/* @__PURE__ */ (0,
|
|
10390
|
+
/* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { className: " text-base italic lg:text-lg leading-[130%]", children: " regarding third party apps and websites" })
|
|
10511
10391
|
] })
|
|
10512
10392
|
]
|
|
10513
10393
|
}
|
|
@@ -10515,10 +10395,10 @@ var NewsHeading = () => {
|
|
|
10515
10395
|
};
|
|
10516
10396
|
|
|
10517
10397
|
// src/components/DesignElements/TextBlocks/subtitle-h3-body.tsx
|
|
10518
|
-
var
|
|
10519
|
-
var
|
|
10520
|
-
var
|
|
10521
|
-
var
|
|
10398
|
+
var import_design_system109 = require("@geowiki/design-system");
|
|
10399
|
+
var import_design_system110 = require("@geowiki/design-system");
|
|
10400
|
+
var import_core114 = require("@geowiki/core");
|
|
10401
|
+
var import_jsx_runtime132 = require("react/jsx-runtime");
|
|
10522
10402
|
var SubtitleH3Body = ({
|
|
10523
10403
|
title,
|
|
10524
10404
|
subtitle,
|
|
@@ -10533,19 +10413,19 @@ var SubtitleH3Body = ({
|
|
|
10533
10413
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10534
10414
|
return modifiedText;
|
|
10535
10415
|
};
|
|
10536
|
-
return /* @__PURE__ */ (0,
|
|
10416
|
+
return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)(
|
|
10537
10417
|
"div",
|
|
10538
10418
|
{
|
|
10539
10419
|
className: `${backgroundColor ? backgroundColor : "bg-grey-lightest"} mt-6 rounded-xl lg:mt-10 `,
|
|
10540
10420
|
"data-component": "SubtitleH3Body",
|
|
10541
10421
|
id: "FRAMEwork",
|
|
10542
10422
|
children: [
|
|
10543
|
-
/* @__PURE__ */ (0,
|
|
10544
|
-
/* @__PURE__ */ (0,
|
|
10545
|
-
/* @__PURE__ */ (0,
|
|
10546
|
-
/* @__PURE__ */ (0,
|
|
10547
|
-
/* @__PURE__ */ (0,
|
|
10548
|
-
/* @__PURE__ */ (0,
|
|
10423
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("a", { href: "#FRAMEwork" }),
|
|
10424
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("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: [
|
|
10425
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col lg:w-[15%] ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system109.Body18, { children: subtitle }) }),
|
|
10426
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "flex flex-col lg:w-[50%] ", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "flex flex-col leading-6 text-gray-900 max-md:max-w-full", children: [
|
|
10427
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_design_system109.H3Design, { className: "pt-2 lg:pt-0", children: title }),
|
|
10428
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
10549
10429
|
HtmlView,
|
|
10550
10430
|
{
|
|
10551
10431
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
@@ -10553,14 +10433,14 @@ var SubtitleH3Body = ({
|
|
|
10553
10433
|
html: addLinksStyles(content)
|
|
10554
10434
|
}
|
|
10555
10435
|
),
|
|
10556
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10557
|
-
|
|
10436
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
10437
|
+
import_core114.Link,
|
|
10558
10438
|
{
|
|
10559
10439
|
href: button.link,
|
|
10560
10440
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10561
10441
|
rel: "noreferrer",
|
|
10562
|
-
children: /* @__PURE__ */ (0,
|
|
10563
|
-
|
|
10442
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
10443
|
+
import_design_system110.DesignButton,
|
|
10564
10444
|
{
|
|
10565
10445
|
variant: "externalLink",
|
|
10566
10446
|
className: "h-auto p-0 flex self-start mt-6 lg:mt-10 font-medium lg:p-0",
|
|
@@ -10570,7 +10450,7 @@ var SubtitleH3Body = ({
|
|
|
10570
10450
|
}
|
|
10571
10451
|
)
|
|
10572
10452
|
] }) }),
|
|
10573
|
-
/* @__PURE__ */ (0,
|
|
10453
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10574
10454
|
] })
|
|
10575
10455
|
]
|
|
10576
10456
|
}
|
|
@@ -10578,8 +10458,8 @@ var SubtitleH3Body = ({
|
|
|
10578
10458
|
};
|
|
10579
10459
|
|
|
10580
10460
|
// src/components/DesignElements/TextBlocks/subtitle-h3-body-internal-link-list.tsx
|
|
10581
|
-
var
|
|
10582
|
-
var
|
|
10461
|
+
var import_design_system111 = require("@geowiki/design-system");
|
|
10462
|
+
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
10583
10463
|
var SubtitleH3BodyInternalLinkList = ({
|
|
10584
10464
|
title,
|
|
10585
10465
|
subtitle,
|
|
@@ -10596,28 +10476,28 @@ var SubtitleH3BodyInternalLinkList = ({
|
|
|
10596
10476
|
const modifiedText = decodedContent == null ? void 0 : decodedContent.replace(regex, `$1${textToAdd}`);
|
|
10597
10477
|
return modifiedText;
|
|
10598
10478
|
};
|
|
10599
|
-
return /* @__PURE__ */ (0,
|
|
10479
|
+
return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
|
|
10600
10480
|
"div",
|
|
10601
10481
|
{
|
|
10602
10482
|
"data-component": "SubtitleH3BodyInternalLinkList",
|
|
10603
10483
|
className: "mt-6 lg:mt-10 bg-primary rounded-xl",
|
|
10604
10484
|
id: "our-resources",
|
|
10605
10485
|
children: [
|
|
10606
|
-
/* @__PURE__ */ (0,
|
|
10607
|
-
/* @__PURE__ */ (0,
|
|
10608
|
-
/* @__PURE__ */ (0,
|
|
10609
|
-
/* @__PURE__ */ (0,
|
|
10610
|
-
/* @__PURE__ */ (0,
|
|
10611
|
-
/* @__PURE__ */ (0,
|
|
10486
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("a", { href: "#our-resources" }),
|
|
10487
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "container mx-auto flex flex-col lg:flex-row justify-between lg:px-12 lg:py-20 px-5 py-6", children: [
|
|
10488
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col lg:w-[15%] max-md:ml-0 max-md:w-full text-white", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system111.Body18, { children: subtitle }) }),
|
|
10489
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-col lg:w-[50%]", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-col grow text-white max-md:mt-2 max-md:max-w-full", children: [
|
|
10490
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system111.H3Design, { children: title }),
|
|
10491
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
10612
10492
|
HtmlView,
|
|
10613
10493
|
{
|
|
10614
10494
|
cssClass: "pt-4 pb-2 lg:pt-6 lg:pb-4 text-[.9375rem] text-white lg:text-lg leading-[130%] prose",
|
|
10615
10495
|
html: addLinksStyles(textBody)
|
|
10616
10496
|
}
|
|
10617
10497
|
),
|
|
10618
|
-
/* @__PURE__ */ (0,
|
|
10498
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(DesignListLink, { links, fillColor: "fill-white" })
|
|
10619
10499
|
] }) }),
|
|
10620
|
-
/* @__PURE__ */ (0,
|
|
10500
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10621
10501
|
] })
|
|
10622
10502
|
]
|
|
10623
10503
|
}
|
|
@@ -10625,8 +10505,8 @@ var SubtitleH3BodyInternalLinkList = ({
|
|
|
10625
10505
|
};
|
|
10626
10506
|
|
|
10627
10507
|
// src/components/DesignElements/TextBlocks/subtitle-h3-faq.tsx
|
|
10628
|
-
var
|
|
10629
|
-
var
|
|
10508
|
+
var import_design_system112 = require("@geowiki/design-system");
|
|
10509
|
+
var import_jsx_runtime134 = require("react/jsx-runtime");
|
|
10630
10510
|
var SubtitleH3Faq = ({
|
|
10631
10511
|
title,
|
|
10632
10512
|
subtitle,
|
|
@@ -10634,25 +10514,25 @@ var SubtitleH3Faq = ({
|
|
|
10634
10514
|
faqs,
|
|
10635
10515
|
backgroundColor
|
|
10636
10516
|
}) => {
|
|
10637
|
-
return /* @__PURE__ */ (0,
|
|
10638
|
-
/* @__PURE__ */ (0,
|
|
10639
|
-
/* @__PURE__ */ (0,
|
|
10517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { id: "faq", children: [
|
|
10518
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("a", { href: "#faq" }),
|
|
10519
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
10640
10520
|
"div",
|
|
10641
10521
|
{
|
|
10642
10522
|
className: `${backgroundColor} rounded-xl `,
|
|
10643
10523
|
"data-component": "SubtitleH3Faq",
|
|
10644
|
-
children: /* @__PURE__ */ (0,
|
|
10524
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
10645
10525
|
"div",
|
|
10646
10526
|
{
|
|
10647
10527
|
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 "}`,
|
|
10648
10528
|
children: [
|
|
10649
|
-
/* @__PURE__ */ (0,
|
|
10650
|
-
/* @__PURE__ */ (0,
|
|
10651
|
-
/* @__PURE__ */ (0,
|
|
10652
|
-
/* @__PURE__ */ (0,
|
|
10653
|
-
faqs && /* @__PURE__ */ (0,
|
|
10529
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system112.Body18, { className: "w-[15%] pb-2 lg:pb-0", children: subtitle }),
|
|
10530
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: "lg:w-[50%]", children: [
|
|
10531
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system112.H3Design, { className: "pb-4", children: title }),
|
|
10532
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_design_system112.Body18, { children: description }),
|
|
10533
|
+
faqs && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(FAQ, { faqs, backgroundColor })
|
|
10654
10534
|
] }),
|
|
10655
|
-
/* @__PURE__ */ (0,
|
|
10535
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "hidden lg:w-[15%] lg:inline" })
|
|
10656
10536
|
]
|
|
10657
10537
|
}
|
|
10658
10538
|
)
|
|
@@ -10662,43 +10542,43 @@ var SubtitleH3Faq = ({
|
|
|
10662
10542
|
};
|
|
10663
10543
|
|
|
10664
10544
|
// src/components/DesignElements/TextBlocks/subtitle-h3-cluster-4-column.tsx
|
|
10665
|
-
var
|
|
10666
|
-
var
|
|
10545
|
+
var import_design_system113 = require("@geowiki/design-system");
|
|
10546
|
+
var import_core115 = require("@geowiki/core");
|
|
10667
10547
|
var import_uuid17 = require("uuid");
|
|
10668
|
-
var
|
|
10669
|
-
var
|
|
10670
|
-
var
|
|
10548
|
+
var import_design_system114 = require("@geowiki/design-system");
|
|
10549
|
+
var import_core116 = require("@geowiki/core");
|
|
10550
|
+
var import_jsx_runtime135 = require("react/jsx-runtime");
|
|
10671
10551
|
var SubtitleH3Cluster4Column = ({
|
|
10672
10552
|
title,
|
|
10673
10553
|
subtitle,
|
|
10674
10554
|
button
|
|
10675
10555
|
}) => {
|
|
10676
10556
|
var _a;
|
|
10677
|
-
const { data: clusters, isLoading: isClusterLoading } = (0,
|
|
10557
|
+
const { data: clusters, isLoading: isClusterLoading } = (0, import_core115.useClusters)(
|
|
10678
10558
|
true,
|
|
10679
10559
|
"",
|
|
10680
10560
|
0,
|
|
10681
10561
|
4
|
|
10682
10562
|
);
|
|
10683
|
-
const { data: countries, isLoading: isCountriesLoading } = (0,
|
|
10563
|
+
const { data: countries, isLoading: isCountriesLoading } = (0, import_core115.useCountries)();
|
|
10684
10564
|
if (isClusterLoading || isCountriesLoading)
|
|
10685
|
-
return /* @__PURE__ */ (0,
|
|
10686
|
-
return /* @__PURE__ */ (0,
|
|
10565
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { children: "Loading..." });
|
|
10566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
10687
10567
|
"div",
|
|
10688
10568
|
{
|
|
10689
10569
|
className: "lg:container mx-auto space-y-6 rounded-xl mt-6 lg:mt-20 lg:space-y-12",
|
|
10690
10570
|
"data-component": "SubtitleH3Cluster4Column",
|
|
10691
10571
|
children: [
|
|
10692
|
-
/* @__PURE__ */ (0,
|
|
10693
|
-
/* @__PURE__ */ (0,
|
|
10694
|
-
/* @__PURE__ */ (0,
|
|
10695
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10696
|
-
|
|
10572
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "lg:flex lg:justify-between items-start", children: [
|
|
10573
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system113.Body18, { children: subtitle }),
|
|
10574
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_design_system113.H3Design, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
|
|
10575
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
10576
|
+
import_design_system114.DesignButton,
|
|
10697
10577
|
{
|
|
10698
10578
|
variant: "internalLink",
|
|
10699
10579
|
className: "h-auto p-0 text-base lg:p-0",
|
|
10700
|
-
children: /* @__PURE__ */ (0,
|
|
10701
|
-
|
|
10580
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
10581
|
+
import_core116.Link,
|
|
10702
10582
|
{
|
|
10703
10583
|
href: button.link,
|
|
10704
10584
|
target: button.isNewTab ? "_blank" : "_self",
|
|
@@ -10709,7 +10589,7 @@ var SubtitleH3Cluster4Column = ({
|
|
|
10709
10589
|
}
|
|
10710
10590
|
)
|
|
10711
10591
|
] }),
|
|
10712
|
-
(clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */ (0,
|
|
10592
|
+
(clusters == null ? void 0 : clusters.items) !== null && (clusters == null ? void 0 : clusters.items) !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
10713
10593
|
ClusterList,
|
|
10714
10594
|
{
|
|
10715
10595
|
clusters: (_a = clusters == null ? void 0 : clusters.items) == null ? void 0 : _a.map((cluster) => {
|
|
@@ -10731,19 +10611,19 @@ var SubtitleH3Cluster4Column = ({
|
|
|
10731
10611
|
};
|
|
10732
10612
|
|
|
10733
10613
|
// src/components/DesignElements/TextBlocks/subtitle-h3-cluster-news-3-column.tsx
|
|
10734
|
-
var
|
|
10735
|
-
var
|
|
10614
|
+
var import_design_system115 = require("@geowiki/design-system");
|
|
10615
|
+
var import_core117 = require("@geowiki/core");
|
|
10736
10616
|
var import_uuid18 = require("uuid");
|
|
10737
|
-
var
|
|
10738
|
-
var
|
|
10739
|
-
var
|
|
10617
|
+
var import_design_system116 = require("@geowiki/design-system");
|
|
10618
|
+
var import_core118 = require("@geowiki/core");
|
|
10619
|
+
var import_jsx_runtime136 = require("react/jsx-runtime");
|
|
10740
10620
|
var SubtitleH3ClusterNews3Column = ({
|
|
10741
10621
|
title,
|
|
10742
10622
|
subtitle,
|
|
10743
10623
|
button
|
|
10744
10624
|
}) => {
|
|
10745
10625
|
var _a;
|
|
10746
|
-
const { data: news, isLoading } = (0,
|
|
10626
|
+
const { data: news, isLoading } = (0, import_core117.useNewsFromAllClusters)(0, 3);
|
|
10747
10627
|
const clusterNewsItems = (_a = news == null ? void 0 : news.items) == null ? void 0 : _a.map((clusterNewsItem) => {
|
|
10748
10628
|
return {
|
|
10749
10629
|
key: (0, import_uuid18.v4)(),
|
|
@@ -10757,24 +10637,24 @@ var SubtitleH3ClusterNews3Column = ({
|
|
|
10757
10637
|
};
|
|
10758
10638
|
});
|
|
10759
10639
|
if (isLoading) {
|
|
10760
|
-
return /* @__PURE__ */ (0,
|
|
10640
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { children: "Loading..." });
|
|
10761
10641
|
}
|
|
10762
|
-
return /* @__PURE__ */ (0,
|
|
10642
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
10763
10643
|
"div",
|
|
10764
10644
|
{
|
|
10765
10645
|
className: "lg:container mx-auto space-y-4 rounded-xl mt-6 lg:mt-20 lg:space-y-14",
|
|
10766
10646
|
"data-component": "SubtitleH3Cluster4Column",
|
|
10767
10647
|
children: [
|
|
10768
|
-
/* @__PURE__ */ (0,
|
|
10769
|
-
/* @__PURE__ */ (0,
|
|
10770
|
-
/* @__PURE__ */ (0,
|
|
10771
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10772
|
-
|
|
10648
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsxs)("div", { className: "lg:flex lg:justify-between items-start", children: [
|
|
10649
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system115.Body18, { children: subtitle }),
|
|
10650
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_design_system115.H3Design, { className: "pt-2 pb-4 lg:py-0 max-w-2xl", children: title }),
|
|
10651
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
10652
|
+
import_design_system116.DesignButton,
|
|
10773
10653
|
{
|
|
10774
10654
|
variant: "internalLink",
|
|
10775
10655
|
className: "h-auto p-0 text-base lg:p-0",
|
|
10776
|
-
children: /* @__PURE__ */ (0,
|
|
10777
|
-
|
|
10656
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
10657
|
+
import_core118.Link,
|
|
10778
10658
|
{
|
|
10779
10659
|
href: button.link,
|
|
10780
10660
|
target: button.isNewTab ? "_blank" : "_self",
|
|
@@ -10785,19 +10665,19 @@ var SubtitleH3ClusterNews3Column = ({
|
|
|
10785
10665
|
}
|
|
10786
10666
|
)
|
|
10787
10667
|
] }),
|
|
10788
|
-
/* @__PURE__ */ (0,
|
|
10668
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(ClusterNewsList, { clusterNewsItems })
|
|
10789
10669
|
]
|
|
10790
10670
|
}
|
|
10791
10671
|
);
|
|
10792
10672
|
};
|
|
10793
10673
|
|
|
10794
10674
|
// src/components/DesignElements/TextBlocks/subtitle-h2-body-video.tsx
|
|
10795
|
-
var
|
|
10796
|
-
var
|
|
10675
|
+
var import_design_system117 = require("@geowiki/design-system");
|
|
10676
|
+
var import_design_system118 = require("@geowiki/design-system");
|
|
10677
|
+
var import_core119 = require("@geowiki/core");
|
|
10797
10678
|
var import_core120 = require("@geowiki/core");
|
|
10798
|
-
var
|
|
10799
|
-
var
|
|
10800
|
-
var ReactPlayer = (0, import_core121.dynamic)(() => import("react-player"), { ssr: false });
|
|
10679
|
+
var import_jsx_runtime137 = require("react/jsx-runtime");
|
|
10680
|
+
var ReactPlayer = (0, import_core120.dynamic)(() => import("react-player"), { ssr: false });
|
|
10801
10681
|
var SubtitleH2BodyVideo = ({
|
|
10802
10682
|
title,
|
|
10803
10683
|
content,
|
|
@@ -10810,29 +10690,29 @@ var SubtitleH2BodyVideo = ({
|
|
|
10810
10690
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10811
10691
|
return modifiedText;
|
|
10812
10692
|
};
|
|
10813
|
-
return /* @__PURE__ */ (0,
|
|
10693
|
+
return /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
10814
10694
|
"div",
|
|
10815
10695
|
{
|
|
10816
10696
|
className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10",
|
|
10817
10697
|
"data-component": "SubtitleH2BodyVideo",
|
|
10818
|
-
children: /* @__PURE__ */ (0,
|
|
10819
|
-
/* @__PURE__ */ (0,
|
|
10820
|
-
/* @__PURE__ */ (0,
|
|
10821
|
-
/* @__PURE__ */ (0,
|
|
10698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("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: [
|
|
10699
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsxs)("div", { className: "flex flex-col leading-6 lg:w-[40%] ", children: [
|
|
10700
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)(import_design_system117.H2Design, { className: "pt-2 lg:pt-0", children: title }),
|
|
10701
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
10822
10702
|
HtmlView,
|
|
10823
10703
|
{
|
|
10824
10704
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
10825
10705
|
html: addLinksStyles(content)
|
|
10826
10706
|
}
|
|
10827
10707
|
),
|
|
10828
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10829
|
-
|
|
10708
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
10709
|
+
import_core119.Link,
|
|
10830
10710
|
{
|
|
10831
10711
|
href: button.link,
|
|
10832
10712
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10833
10713
|
rel: "noreferrer",
|
|
10834
|
-
children: /* @__PURE__ */ (0,
|
|
10835
|
-
|
|
10714
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
10715
|
+
import_design_system118.DesignButton,
|
|
10836
10716
|
{
|
|
10837
10717
|
variant: "externalLink",
|
|
10838
10718
|
className: "h-auto p-0 flex self-start mt-3 lg:mt-6 font-medium lg:p-0",
|
|
@@ -10842,7 +10722,7 @@ var SubtitleH2BodyVideo = ({
|
|
|
10842
10722
|
}
|
|
10843
10723
|
)
|
|
10844
10724
|
] }),
|
|
10845
|
-
/* @__PURE__ */ (0,
|
|
10725
|
+
/* @__PURE__ */ (0, import_jsx_runtime137.jsx)("div", { className: "pt-5 lg:pt-0 lg:w-[50%]", children: /* @__PURE__ */ (0, import_jsx_runtime137.jsx)(
|
|
10846
10726
|
ReactPlayer,
|
|
10847
10727
|
{
|
|
10848
10728
|
url: videoLink,
|
|
@@ -10857,10 +10737,10 @@ var SubtitleH2BodyVideo = ({
|
|
|
10857
10737
|
};
|
|
10858
10738
|
|
|
10859
10739
|
// src/components/DesignElements/TextBlocks/image-left-h3-body.tsx
|
|
10860
|
-
var
|
|
10861
|
-
var
|
|
10862
|
-
var
|
|
10863
|
-
var
|
|
10740
|
+
var import_design_system119 = require("@geowiki/design-system");
|
|
10741
|
+
var import_design_system120 = require("@geowiki/design-system");
|
|
10742
|
+
var import_core121 = require("@geowiki/core");
|
|
10743
|
+
var import_jsx_runtime138 = require("react/jsx-runtime");
|
|
10864
10744
|
var ImageLeftH3BodyLink = ({
|
|
10865
10745
|
title,
|
|
10866
10746
|
content,
|
|
@@ -10873,8 +10753,8 @@ var ImageLeftH3BodyLink = ({
|
|
|
10873
10753
|
const modifiedText = content2.replace(regex, `$1${textToAdd}`);
|
|
10874
10754
|
return modifiedText;
|
|
10875
10755
|
};
|
|
10876
|
-
return /* @__PURE__ */ (0,
|
|
10877
|
-
/* @__PURE__ */ (0,
|
|
10756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "bg-grey-lightest mt-6 rounded-xl lg:mt-10 ", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("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: [
|
|
10757
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: " hidden lg:block lg:w-1/2 ", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
10878
10758
|
CmsImage,
|
|
10879
10759
|
{
|
|
10880
10760
|
src: path,
|
|
@@ -10884,23 +10764,23 @@ var ImageLeftH3BodyLink = ({
|
|
|
10884
10764
|
className: "rounded-xl object-cover w-[498px] h-[429px]"
|
|
10885
10765
|
}
|
|
10886
10766
|
) }),
|
|
10887
|
-
/* @__PURE__ */ (0,
|
|
10888
|
-
/* @__PURE__ */ (0,
|
|
10889
|
-
/* @__PURE__ */ (0,
|
|
10767
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsxs)("div", { className: "w-full lg:w-1/2 lg: max-w-[546px] h-full flex flex-col justify-center", children: [
|
|
10768
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_design_system119.H3Design, { className: "pt-2 lg:pt-0", children: title }),
|
|
10769
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
10890
10770
|
HtmlView,
|
|
10891
10771
|
{
|
|
10892
10772
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] ",
|
|
10893
10773
|
html: addLinksStyles(content)
|
|
10894
10774
|
}
|
|
10895
10775
|
),
|
|
10896
|
-
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0,
|
|
10897
|
-
|
|
10776
|
+
(button == null ? void 0 : button.text) && (button == null ? void 0 : button.link) && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
10777
|
+
import_core121.Link,
|
|
10898
10778
|
{
|
|
10899
10779
|
href: button.link,
|
|
10900
10780
|
target: button.isNewTab ? "_blank" : "_self",
|
|
10901
10781
|
rel: "noreferrer",
|
|
10902
|
-
children: /* @__PURE__ */ (0,
|
|
10903
|
-
|
|
10782
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
10783
|
+
import_design_system120.DesignButton,
|
|
10904
10784
|
{
|
|
10905
10785
|
variant: "externalLink",
|
|
10906
10786
|
className: "h-auto p-0 flex self-start mt-4 lg:mt-10 font-medium lg:p-0 ",
|
|
@@ -10910,7 +10790,7 @@ var ImageLeftH3BodyLink = ({
|
|
|
10910
10790
|
}
|
|
10911
10791
|
)
|
|
10912
10792
|
] }),
|
|
10913
|
-
/* @__PURE__ */ (0,
|
|
10793
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)("div", { className: "w-full pt-6 lg:hidden ", children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
10914
10794
|
CmsImage,
|
|
10915
10795
|
{
|
|
10916
10796
|
src: path,
|
|
@@ -10924,24 +10804,24 @@ var ImageLeftH3BodyLink = ({
|
|
|
10924
10804
|
};
|
|
10925
10805
|
|
|
10926
10806
|
// src/components/DesignElements/LandingPage/NewsfeedPreview.tsx
|
|
10927
|
-
var
|
|
10928
|
-
var
|
|
10929
|
-
var
|
|
10930
|
-
var
|
|
10807
|
+
var import_design_system121 = require("@geowiki/design-system");
|
|
10808
|
+
var import_design_system122 = require("@geowiki/design-system");
|
|
10809
|
+
var import_core122 = require("@geowiki/core");
|
|
10810
|
+
var import_jsx_runtime139 = require("react/jsx-runtime");
|
|
10931
10811
|
var NewsfeedPreview = ({ newsArticleData }) => {
|
|
10932
|
-
return /* @__PURE__ */ (0,
|
|
10933
|
-
/* @__PURE__ */ (0,
|
|
10934
|
-
/* @__PURE__ */ (0,
|
|
10935
|
-
/* @__PURE__ */ (0,
|
|
10936
|
-
|
|
10812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "lg:container mx-auto space-y-6 mt-8 lg:space-y-10 lg:mt-12", children: [
|
|
10813
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex justify-between items-start", children: [
|
|
10814
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_design_system121.H3Design, { children: "Global Newsfeed" }),
|
|
10815
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
10816
|
+
import_design_system122.DesignButton,
|
|
10937
10817
|
{
|
|
10938
10818
|
variant: "internalLink",
|
|
10939
10819
|
className: "h-auto pb-0 px-0 lg:pb-0 lg:px-0",
|
|
10940
|
-
children: /* @__PURE__ */ (0,
|
|
10820
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_core122.Link, { href: "/news", children: "View all" })
|
|
10941
10821
|
}
|
|
10942
10822
|
)
|
|
10943
10823
|
] }),
|
|
10944
|
-
/* @__PURE__ */ (0,
|
|
10824
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
10945
10825
|
NewsArticleList,
|
|
10946
10826
|
{
|
|
10947
10827
|
pageSize: 4,
|
|
@@ -10952,14 +10832,14 @@ var NewsfeedPreview = ({ newsArticleData }) => {
|
|
|
10952
10832
|
};
|
|
10953
10833
|
|
|
10954
10834
|
// src/components/DesignElements/Hero/HeroImageLeft.tsx
|
|
10955
|
-
var
|
|
10956
|
-
var
|
|
10835
|
+
var import_design_system123 = require("@geowiki/design-system");
|
|
10836
|
+
var import_jsx_runtime140 = require("react/jsx-runtime");
|
|
10957
10837
|
var HeroImageLeft = (props) => {
|
|
10958
|
-
return /* @__PURE__ */ (0,
|
|
10959
|
-
/* @__PURE__ */ (0,
|
|
10960
|
-
/* @__PURE__ */ (0,
|
|
10961
|
-
/* @__PURE__ */ (0,
|
|
10962
|
-
/* @__PURE__ */ (0,
|
|
10838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { id: "recodo", children: [
|
|
10839
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("a", { href: "#recodo" }),
|
|
10840
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10841
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsxs)("div", { className: "flex flex-col self-stretch lg:hidden", children: [
|
|
10842
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
10963
10843
|
CmsImage,
|
|
10964
10844
|
{
|
|
10965
10845
|
src: props.logoPath,
|
|
@@ -10969,9 +10849,9 @@ var HeroImageLeft = (props) => {
|
|
|
10969
10849
|
className: ""
|
|
10970
10850
|
}
|
|
10971
10851
|
),
|
|
10972
|
-
/* @__PURE__ */ (0,
|
|
10852
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_design_system123.Body18, { className: "py-6 max-md:max-w-full", children: props.text })
|
|
10973
10853
|
] }),
|
|
10974
|
-
/* @__PURE__ */ (0,
|
|
10854
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
10975
10855
|
CmsImage,
|
|
10976
10856
|
{
|
|
10977
10857
|
src: props.path,
|
|
@@ -10979,8 +10859,8 @@ var HeroImageLeft = (props) => {
|
|
|
10979
10859
|
className: "inset-0 w-full h-full object-cover rounded-xl "
|
|
10980
10860
|
}
|
|
10981
10861
|
) }),
|
|
10982
|
-
/* @__PURE__ */ (0,
|
|
10983
|
-
/* @__PURE__ */ (0,
|
|
10862
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)("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__ */ (0, import_jsx_runtime140.jsxs)("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: [
|
|
10863
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
10984
10864
|
CmsImage,
|
|
10985
10865
|
{
|
|
10986
10866
|
src: props.logoPath,
|
|
@@ -10990,24 +10870,24 @@ var HeroImageLeft = (props) => {
|
|
|
10990
10870
|
className: ""
|
|
10991
10871
|
}
|
|
10992
10872
|
),
|
|
10993
|
-
/* @__PURE__ */ (0,
|
|
10873
|
+
/* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_design_system123.Body18, { className: "mt-7 max-md:max-w-full", children: props.text })
|
|
10994
10874
|
] }) })
|
|
10995
10875
|
] }) })
|
|
10996
10876
|
] });
|
|
10997
10877
|
};
|
|
10998
10878
|
|
|
10999
10879
|
// src/components/DesignElements/Hero/HeroImageRight.tsx
|
|
11000
|
-
var
|
|
10880
|
+
var import_jsx_runtime141 = require("react/jsx-runtime");
|
|
11001
10881
|
var HeroImageRight = (props) => {
|
|
11002
|
-
return /* @__PURE__ */ (0,
|
|
11003
|
-
/* @__PURE__ */ (0,
|
|
10882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: " lg:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10883
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "flex flex-col w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "flex flex-col self-stretch lg:px-5 my-auto max-md:max-w-full", children: props.title && props.description && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
11004
10884
|
H1BodyButton,
|
|
11005
10885
|
{
|
|
11006
10886
|
title: props.title,
|
|
11007
10887
|
textBody: props.description
|
|
11008
10888
|
}
|
|
11009
10889
|
) }) }),
|
|
11010
|
-
/* @__PURE__ */ (0,
|
|
10890
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { className: "flex flex-col ml-5 w-[50%] max-md:ml-0 max-md:w-full", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("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__ */ (0, import_jsx_runtime141.jsx)(
|
|
11011
10891
|
CmsImage,
|
|
11012
10892
|
{
|
|
11013
10893
|
src: props.path,
|
|
@@ -11018,10 +10898,10 @@ var HeroImageRight = (props) => {
|
|
|
11018
10898
|
};
|
|
11019
10899
|
|
|
11020
10900
|
// src/components/DesignElements/Hero/ImageLeftH3Body.tsx
|
|
11021
|
-
var
|
|
11022
|
-
var
|
|
11023
|
-
var
|
|
11024
|
-
var
|
|
10901
|
+
var import_design_system124 = require("@geowiki/design-system");
|
|
10902
|
+
var import_design_system125 = require("@geowiki/design-system");
|
|
10903
|
+
var import_core123 = require("@geowiki/core");
|
|
10904
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
11025
10905
|
var ImageLefttH3Body = (props) => {
|
|
11026
10906
|
var _a, _b, _c, _d;
|
|
11027
10907
|
const addLinksStyles = (content) => {
|
|
@@ -11030,24 +10910,24 @@ var ImageLefttH3Body = (props) => {
|
|
|
11030
10910
|
const modifiedText = content.replace(regex, `$1${textToAdd}`);
|
|
11031
10911
|
return modifiedText;
|
|
11032
10912
|
};
|
|
11033
|
-
return /* @__PURE__ */ (0,
|
|
11034
|
-
/* @__PURE__ */ (0,
|
|
11035
|
-
/* @__PURE__ */ (0,
|
|
11036
|
-
props.text && /* @__PURE__ */ (0,
|
|
10913
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "mt-6 lg:mt-10", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex gap-5 max-md:flex-col max-md:gap-0", children: [
|
|
10914
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsxs)("div", { className: "flex flex-col self-stretch lg:hidden", children: [
|
|
10915
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_design_system124.H3Design, { children: props.title }),
|
|
10916
|
+
props.text && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
11037
10917
|
HtmlView,
|
|
11038
10918
|
{
|
|
11039
10919
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
11040
10920
|
html: addLinksStyles(props.text)
|
|
11041
10921
|
}
|
|
11042
10922
|
),
|
|
11043
|
-
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0,
|
|
11044
|
-
|
|
10923
|
+
((_a = props.button) == null ? void 0 : _a.text) && ((_b = props.button) == null ? void 0 : _b.link) && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
10924
|
+
import_core123.Link,
|
|
11045
10925
|
{
|
|
11046
10926
|
href: props.button.link,
|
|
11047
10927
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
11048
10928
|
rel: "noreferrer",
|
|
11049
|
-
children: /* @__PURE__ */ (0,
|
|
11050
|
-
|
|
10929
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
10930
|
+
import_design_system125.DesignButton,
|
|
11051
10931
|
{
|
|
11052
10932
|
variant: props.button.isNewTab ? "externalLink" : "internalLink",
|
|
11053
10933
|
className: "h-auto p-0 flex self-start my-4 lg:mt-6 font-medium lg:p-0",
|
|
@@ -11057,7 +10937,7 @@ var ImageLefttH3Body = (props) => {
|
|
|
11057
10937
|
}
|
|
11058
10938
|
)
|
|
11059
10939
|
] }),
|
|
11060
|
-
/* @__PURE__ */ (0,
|
|
10940
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("div", { className: "relative w-[50%] min-h-[430px] max-md:ml-0 max-md:w-full lg:min-h-[784px]", children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
11061
10941
|
CmsImage,
|
|
11062
10942
|
{
|
|
11063
10943
|
src: props.imagePath,
|
|
@@ -11065,23 +10945,23 @@ var ImageLefttH3Body = (props) => {
|
|
|
11065
10945
|
className: "inset-0 w-full h-full object-cover rounded-xl "
|
|
11066
10946
|
}
|
|
11067
10947
|
) }),
|
|
11068
|
-
/* @__PURE__ */ (0,
|
|
11069
|
-
/* @__PURE__ */ (0,
|
|
11070
|
-
props.text && /* @__PURE__ */ (0,
|
|
10948
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)("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__ */ (0, import_jsx_runtime142.jsxs)("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: [
|
|
10949
|
+
/* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_design_system124.H3Design, { children: props.title }),
|
|
10950
|
+
props.text && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
11071
10951
|
HtmlView,
|
|
11072
10952
|
{
|
|
11073
10953
|
cssClass: "pt-4 lg:pt-6 text-[.9375rem] lg:text-lg leading-[130%] prose",
|
|
11074
10954
|
html: addLinksStyles(props.text)
|
|
11075
10955
|
}
|
|
11076
10956
|
),
|
|
11077
|
-
((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */ (0,
|
|
11078
|
-
|
|
10957
|
+
((_c = props.button) == null ? void 0 : _c.text) && ((_d = props.button) == null ? void 0 : _d.link) && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
10958
|
+
import_core123.Link,
|
|
11079
10959
|
{
|
|
11080
10960
|
href: props.button.link,
|
|
11081
10961
|
target: props.button.isNewTab ? "_blank" : "_self",
|
|
11082
10962
|
rel: "noreferrer",
|
|
11083
|
-
children: /* @__PURE__ */ (0,
|
|
11084
|
-
|
|
10963
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
10964
|
+
import_design_system125.DesignButton,
|
|
11085
10965
|
{
|
|
11086
10966
|
variant: props.button.isNewTab ? "externalLink" : "internalLink",
|
|
11087
10967
|
className: "h-auto p-0 flex self-start mt-4 lg:mt-6 font-medium lg:p-0",
|
|
@@ -11095,15 +10975,15 @@ var ImageLefttH3Body = (props) => {
|
|
|
11095
10975
|
};
|
|
11096
10976
|
|
|
11097
10977
|
// src/components/DesignElements/KeyValuePairList.tsx
|
|
11098
|
-
var
|
|
10978
|
+
var import_react72 = require("react");
|
|
11099
10979
|
|
|
11100
10980
|
// src/components/DesignElements/KeyValuePair.tsx
|
|
11101
|
-
var
|
|
10981
|
+
var import_design_system126 = require("@geowiki/design-system");
|
|
11102
10982
|
var import_react_hook_form18 = require("react-hook-form");
|
|
11103
|
-
var
|
|
10983
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
11104
10984
|
var KeyValuePair = (props) => {
|
|
11105
10985
|
const { register } = (0, import_react_hook_form18.useForm)();
|
|
11106
|
-
return /* @__PURE__ */ (0,
|
|
10986
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11107
10987
|
"div",
|
|
11108
10988
|
{
|
|
11109
10989
|
style: {
|
|
@@ -11116,7 +10996,7 @@ var KeyValuePair = (props) => {
|
|
|
11116
10996
|
gap: 16,
|
|
11117
10997
|
display: "inline-flex"
|
|
11118
10998
|
},
|
|
11119
|
-
children: /* @__PURE__ */ (0,
|
|
10999
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(
|
|
11120
11000
|
"div",
|
|
11121
11001
|
{
|
|
11122
11002
|
style: {
|
|
@@ -11126,7 +11006,7 @@ var KeyValuePair = (props) => {
|
|
|
11126
11006
|
display: "inline-flex"
|
|
11127
11007
|
},
|
|
11128
11008
|
children: [
|
|
11129
|
-
/* @__PURE__ */ (0,
|
|
11009
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11130
11010
|
"div",
|
|
11131
11011
|
{
|
|
11132
11012
|
style: {
|
|
@@ -11138,7 +11018,7 @@ var KeyValuePair = (props) => {
|
|
|
11138
11018
|
gap: 8,
|
|
11139
11019
|
display: "inline-flex"
|
|
11140
11020
|
},
|
|
11141
|
-
children: /* @__PURE__ */ (0,
|
|
11021
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11142
11022
|
"div",
|
|
11143
11023
|
{
|
|
11144
11024
|
style: {
|
|
@@ -11151,8 +11031,8 @@ var KeyValuePair = (props) => {
|
|
|
11151
11031
|
alignItems: "center",
|
|
11152
11032
|
display: "inline-flex"
|
|
11153
11033
|
},
|
|
11154
|
-
children: /* @__PURE__ */ (0,
|
|
11155
|
-
|
|
11034
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11035
|
+
import_design_system126.DesignInput,
|
|
11156
11036
|
__spreadProps(__spreadValues({
|
|
11157
11037
|
placeholder: props.keyName,
|
|
11158
11038
|
type: "text",
|
|
@@ -11170,7 +11050,7 @@ var KeyValuePair = (props) => {
|
|
|
11170
11050
|
)
|
|
11171
11051
|
}
|
|
11172
11052
|
),
|
|
11173
|
-
/* @__PURE__ */ (0,
|
|
11053
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11174
11054
|
"div",
|
|
11175
11055
|
{
|
|
11176
11056
|
style: {
|
|
@@ -11182,7 +11062,7 @@ var KeyValuePair = (props) => {
|
|
|
11182
11062
|
gap: 8,
|
|
11183
11063
|
display: "inline-flex"
|
|
11184
11064
|
},
|
|
11185
|
-
children: /* @__PURE__ */ (0,
|
|
11065
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11186
11066
|
"div",
|
|
11187
11067
|
{
|
|
11188
11068
|
style: {
|
|
@@ -11194,7 +11074,7 @@ var KeyValuePair = (props) => {
|
|
|
11194
11074
|
gap: 8,
|
|
11195
11075
|
display: "flex"
|
|
11196
11076
|
},
|
|
11197
|
-
children: /* @__PURE__ */ (0,
|
|
11077
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11198
11078
|
"div",
|
|
11199
11079
|
{
|
|
11200
11080
|
style: {
|
|
@@ -11207,8 +11087,8 @@ var KeyValuePair = (props) => {
|
|
|
11207
11087
|
alignItems: "center",
|
|
11208
11088
|
display: "inline-flex"
|
|
11209
11089
|
},
|
|
11210
|
-
children: /* @__PURE__ */ (0,
|
|
11211
|
-
|
|
11090
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
11091
|
+
import_design_system126.DesignInput,
|
|
11212
11092
|
__spreadProps(__spreadValues({
|
|
11213
11093
|
placeholder: props.valueName,
|
|
11214
11094
|
type: "text",
|
|
@@ -11236,16 +11116,16 @@ var KeyValuePair = (props) => {
|
|
|
11236
11116
|
};
|
|
11237
11117
|
|
|
11238
11118
|
// src/components/DesignElements/KeyValuePairList.tsx
|
|
11239
|
-
var
|
|
11119
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
11240
11120
|
var KeyValuePairList = (props) => {
|
|
11241
|
-
const [counter, setCounter] = (0,
|
|
11242
|
-
const [keyValueData, setKeyValueData] = (0,
|
|
11121
|
+
const [counter, setCounter] = (0, import_react72.useState)(0);
|
|
11122
|
+
const [keyValueData, setKeyValueData] = (0, import_react72.useState)([]);
|
|
11243
11123
|
const getKeyValueData = (data) => {
|
|
11244
11124
|
setKeyValueData([...data]);
|
|
11245
11125
|
};
|
|
11246
11126
|
props.getValues(keyValueData);
|
|
11247
|
-
const [keyValueList, setKeyValueList] = (0,
|
|
11248
|
-
/* @__PURE__ */ (0,
|
|
11127
|
+
const [keyValueList, setKeyValueList] = (0, import_react72.useState)([
|
|
11128
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11249
11129
|
KeyValuePair,
|
|
11250
11130
|
{
|
|
11251
11131
|
index: counter,
|
|
@@ -11257,7 +11137,7 @@ var KeyValuePairList = (props) => {
|
|
|
11257
11137
|
counter
|
|
11258
11138
|
)
|
|
11259
11139
|
]);
|
|
11260
|
-
return /* @__PURE__ */ (0,
|
|
11140
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11261
11141
|
"div",
|
|
11262
11142
|
{
|
|
11263
11143
|
style: {
|
|
@@ -11266,7 +11146,7 @@ var KeyValuePairList = (props) => {
|
|
|
11266
11146
|
position: "relative",
|
|
11267
11147
|
background: "#F3F3F4"
|
|
11268
11148
|
},
|
|
11269
|
-
children: /* @__PURE__ */ (0,
|
|
11149
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
|
|
11270
11150
|
"div",
|
|
11271
11151
|
{
|
|
11272
11152
|
style: {
|
|
@@ -11280,7 +11160,7 @@ var KeyValuePairList = (props) => {
|
|
|
11280
11160
|
overflow: "hidden"
|
|
11281
11161
|
},
|
|
11282
11162
|
children: [
|
|
11283
|
-
/* @__PURE__ */ (0,
|
|
11163
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
|
|
11284
11164
|
"div",
|
|
11285
11165
|
{
|
|
11286
11166
|
style: {
|
|
@@ -11294,7 +11174,7 @@ var KeyValuePairList = (props) => {
|
|
|
11294
11174
|
display: "inline-flex"
|
|
11295
11175
|
},
|
|
11296
11176
|
children: [
|
|
11297
|
-
/* @__PURE__ */ (0,
|
|
11177
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsxs)(
|
|
11298
11178
|
"div",
|
|
11299
11179
|
{
|
|
11300
11180
|
style: {
|
|
@@ -11304,7 +11184,7 @@ var KeyValuePairList = (props) => {
|
|
|
11304
11184
|
display: "inline-flex"
|
|
11305
11185
|
},
|
|
11306
11186
|
children: [
|
|
11307
|
-
/* @__PURE__ */ (0,
|
|
11187
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11308
11188
|
"div",
|
|
11309
11189
|
{
|
|
11310
11190
|
style: {
|
|
@@ -11318,8 +11198,8 @@ var KeyValuePairList = (props) => {
|
|
|
11318
11198
|
children: props.title
|
|
11319
11199
|
}
|
|
11320
11200
|
),
|
|
11321
|
-
/* @__PURE__ */ (0,
|
|
11322
|
-
/* @__PURE__ */ (0,
|
|
11201
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { style: { width: 16, height: 16, position: "relative" }, children: [
|
|
11202
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11323
11203
|
"div",
|
|
11324
11204
|
{
|
|
11325
11205
|
style: {
|
|
@@ -11333,7 +11213,7 @@ var KeyValuePairList = (props) => {
|
|
|
11333
11213
|
}
|
|
11334
11214
|
}
|
|
11335
11215
|
),
|
|
11336
|
-
/* @__PURE__ */ (0,
|
|
11216
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11337
11217
|
"div",
|
|
11338
11218
|
{
|
|
11339
11219
|
style: {
|
|
@@ -11357,7 +11237,7 @@ var KeyValuePairList = (props) => {
|
|
|
11357
11237
|
]
|
|
11358
11238
|
}
|
|
11359
11239
|
),
|
|
11360
|
-
/* @__PURE__ */ (0,
|
|
11240
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11361
11241
|
"div",
|
|
11362
11242
|
{
|
|
11363
11243
|
style: {
|
|
@@ -11374,7 +11254,7 @@ var KeyValuePairList = (props) => {
|
|
|
11374
11254
|
]
|
|
11375
11255
|
}
|
|
11376
11256
|
),
|
|
11377
|
-
props.showAddAnother && /* @__PURE__ */ (0,
|
|
11257
|
+
props.showAddAnother && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11378
11258
|
"div",
|
|
11379
11259
|
{
|
|
11380
11260
|
style: {
|
|
@@ -11389,7 +11269,7 @@ var KeyValuePairList = (props) => {
|
|
|
11389
11269
|
gap: 10,
|
|
11390
11270
|
display: "inline-flex"
|
|
11391
11271
|
},
|
|
11392
|
-
children: /* @__PURE__ */ (0,
|
|
11272
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11393
11273
|
"div",
|
|
11394
11274
|
{
|
|
11395
11275
|
style: {
|
|
@@ -11404,7 +11284,7 @@ var KeyValuePairList = (props) => {
|
|
|
11404
11284
|
setKeyValueData([]);
|
|
11405
11285
|
setKeyValueList([
|
|
11406
11286
|
...keyValueList,
|
|
11407
|
-
/* @__PURE__ */ (0,
|
|
11287
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
11408
11288
|
KeyValuePair,
|
|
11409
11289
|
{
|
|
11410
11290
|
index: counter + 1,
|
|
@@ -11422,7 +11302,7 @@ var KeyValuePairList = (props) => {
|
|
|
11422
11302
|
)
|
|
11423
11303
|
}
|
|
11424
11304
|
),
|
|
11425
|
-
/* @__PURE__ */ (0,
|
|
11305
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("div", { children: keyValueList })
|
|
11426
11306
|
]
|
|
11427
11307
|
}
|
|
11428
11308
|
)
|
|
@@ -11431,9 +11311,9 @@ var KeyValuePairList = (props) => {
|
|
|
11431
11311
|
};
|
|
11432
11312
|
|
|
11433
11313
|
// src/components/Chart/PieChart.tsx
|
|
11434
|
-
var
|
|
11314
|
+
var import_react73 = require("react");
|
|
11435
11315
|
var d3 = __toESM(require("d3"));
|
|
11436
|
-
var
|
|
11316
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
11437
11317
|
var PieChart = ({ data, outerRadius, innerRadius }) => {
|
|
11438
11318
|
const margin = {
|
|
11439
11319
|
top: 50,
|
|
@@ -11444,7 +11324,7 @@ var PieChart = ({ data, outerRadius, innerRadius }) => {
|
|
|
11444
11324
|
const width = 2 * outerRadius + margin.left + margin.right;
|
|
11445
11325
|
const height = 2 * outerRadius + margin.top + margin.bottom;
|
|
11446
11326
|
const colorScale = d3.scaleSequential().interpolator(d3.interpolateCool).domain([0, data == null ? void 0 : data.length]);
|
|
11447
|
-
(0,
|
|
11327
|
+
(0, import_react73.useEffect)(() => {
|
|
11448
11328
|
drawChart();
|
|
11449
11329
|
}, [data]);
|
|
11450
11330
|
function drawChart() {
|
|
@@ -11479,22 +11359,22 @@ var PieChart = ({ data, outerRadius, innerRadius }) => {
|
|
|
11479
11359
|
});
|
|
11480
11360
|
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);
|
|
11481
11361
|
}
|
|
11482
|
-
return /* @__PURE__ */ (0,
|
|
11483
|
-
/* @__PURE__ */ (0,
|
|
11484
|
-
/* @__PURE__ */ (0,
|
|
11362
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex-col", children: [
|
|
11363
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { id: "pie-container", className: "relative" }),
|
|
11364
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { id: "legend" })
|
|
11485
11365
|
] });
|
|
11486
11366
|
};
|
|
11487
11367
|
|
|
11488
11368
|
// src/components/Auth/RegisterForm.tsx
|
|
11489
|
-
var
|
|
11369
|
+
var import_react74 = require("react");
|
|
11490
11370
|
var import_react_hook_form19 = require("react-hook-form");
|
|
11491
11371
|
var import_zod5 = require("@hookform/resolvers/zod");
|
|
11492
11372
|
var z3 = __toESM(require("zod"));
|
|
11493
|
-
var
|
|
11373
|
+
var import_core124 = require("@geowiki/core");
|
|
11494
11374
|
var import_api_proxy22 = require("@geowiki/api-proxy");
|
|
11495
|
-
var
|
|
11496
|
-
var
|
|
11497
|
-
var
|
|
11375
|
+
var import_design_system127 = require("@geowiki/design-system");
|
|
11376
|
+
var import_core125 = require("@geowiki/core");
|
|
11377
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
11498
11378
|
var formSchema = z3.object({
|
|
11499
11379
|
userName: z3.string().min(2, "Username must be at least 2 characters"),
|
|
11500
11380
|
emailAddress: z3.string().email("Invalid email address"),
|
|
@@ -11515,11 +11395,11 @@ function RegisterForm({
|
|
|
11515
11395
|
className
|
|
11516
11396
|
}) {
|
|
11517
11397
|
var _a, _b, _c, _d, _e, _f;
|
|
11518
|
-
const router = (0,
|
|
11519
|
-
const [error, setError] = (0,
|
|
11520
|
-
const [isLoading, setIsLoading] = (0,
|
|
11521
|
-
const [success, setSuccess] = (0,
|
|
11522
|
-
const { data: settings } = (0,
|
|
11398
|
+
const router = (0, import_core124.useRouter)();
|
|
11399
|
+
const [error, setError] = (0, import_react74.useState)(null);
|
|
11400
|
+
const [isLoading, setIsLoading] = (0, import_react74.useState)(false);
|
|
11401
|
+
const [success, setSuccess] = (0, import_react74.useState)(false);
|
|
11402
|
+
const { data: settings } = (0, import_core125.useDefaultSettings)();
|
|
11523
11403
|
const termsUrl = (_c = (_b = (_a = settings == null ? void 0 : settings.footerSettings) == null ? void 0 : _a.Terms) == null ? void 0 : _b.Url) == null ? void 0 : _c.Text;
|
|
11524
11404
|
const privacyUrl = (_f = (_e = (_d = settings == null ? void 0 : settings.footerSettings) == null ? void 0 : _d.Privacy) == null ? void 0 : _e.Url) == null ? void 0 : _f.Text;
|
|
11525
11405
|
const form = (0, import_react_hook_form19.useForm)({
|
|
@@ -11619,23 +11499,23 @@ function RegisterForm({
|
|
|
11619
11499
|
}
|
|
11620
11500
|
});
|
|
11621
11501
|
}
|
|
11622
|
-
return /* @__PURE__ */ (0,
|
|
11623
|
-
/* @__PURE__ */ (0,
|
|
11624
|
-
/* @__PURE__ */ (0,
|
|
11625
|
-
/* @__PURE__ */ (0,
|
|
11502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "space-y-6", children: [
|
|
11503
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "space-y-2 text-center", children: [
|
|
11504
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("h1", { className: "text-3xl font-bold", children: "Create an Account" }),
|
|
11505
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("p", { className: "text-gray-500", children: "Enter your details to register" })
|
|
11626
11506
|
] }),
|
|
11627
|
-
error && /* @__PURE__ */ (0,
|
|
11628
|
-
success && /* @__PURE__ */ (0,
|
|
11629
|
-
/* @__PURE__ */ (0,
|
|
11630
|
-
/* @__PURE__ */ (0,
|
|
11631
|
-
|
|
11507
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Alert, { variant: "destructive", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.AlertDescription, { children: error }) }),
|
|
11508
|
+
success && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Alert, { className: "bg-green-50 text-green-800 border-green-200", children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.AlertDescription, { children: "Registration successful! Redirecting to login..." }) }),
|
|
11509
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Form, __spreadProps(__spreadValues({}, form), { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
|
|
11510
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11511
|
+
import_design_system127.FormField,
|
|
11632
11512
|
{
|
|
11633
11513
|
control: form.control,
|
|
11634
11514
|
name: "userName",
|
|
11635
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
11636
|
-
/* @__PURE__ */ (0,
|
|
11637
|
-
/* @__PURE__ */ (0,
|
|
11638
|
-
|
|
11515
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormItem, { children: [
|
|
11516
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormLabel, { children: "Username" }),
|
|
11517
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11518
|
+
import_design_system127.Input,
|
|
11639
11519
|
__spreadProps(__spreadValues({
|
|
11640
11520
|
placeholder: "Enter your username"
|
|
11641
11521
|
}, field), {
|
|
@@ -11646,19 +11526,19 @@ function RegisterForm({
|
|
|
11646
11526
|
}
|
|
11647
11527
|
})
|
|
11648
11528
|
) }),
|
|
11649
|
-
/* @__PURE__ */ (0,
|
|
11529
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormMessage, {})
|
|
11650
11530
|
] })
|
|
11651
11531
|
}
|
|
11652
11532
|
),
|
|
11653
|
-
/* @__PURE__ */ (0,
|
|
11654
|
-
|
|
11533
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11534
|
+
import_design_system127.FormField,
|
|
11655
11535
|
{
|
|
11656
11536
|
control: form.control,
|
|
11657
11537
|
name: "emailAddress",
|
|
11658
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
11659
|
-
/* @__PURE__ */ (0,
|
|
11660
|
-
/* @__PURE__ */ (0,
|
|
11661
|
-
|
|
11538
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormItem, { children: [
|
|
11539
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormLabel, { children: "Email" }),
|
|
11540
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11541
|
+
import_design_system127.Input,
|
|
11662
11542
|
__spreadProps(__spreadValues({
|
|
11663
11543
|
type: "email",
|
|
11664
11544
|
placeholder: "Enter your email"
|
|
@@ -11670,19 +11550,19 @@ function RegisterForm({
|
|
|
11670
11550
|
}
|
|
11671
11551
|
})
|
|
11672
11552
|
) }),
|
|
11673
|
-
/* @__PURE__ */ (0,
|
|
11553
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormMessage, {})
|
|
11674
11554
|
] })
|
|
11675
11555
|
}
|
|
11676
11556
|
),
|
|
11677
|
-
/* @__PURE__ */ (0,
|
|
11678
|
-
|
|
11557
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11558
|
+
import_design_system127.FormField,
|
|
11679
11559
|
{
|
|
11680
11560
|
control: form.control,
|
|
11681
11561
|
name: "password",
|
|
11682
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
11683
|
-
/* @__PURE__ */ (0,
|
|
11684
|
-
/* @__PURE__ */ (0,
|
|
11685
|
-
|
|
11562
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormItem, { children: [
|
|
11563
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormLabel, { children: "Password" }),
|
|
11564
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11565
|
+
import_design_system127.Input,
|
|
11686
11566
|
__spreadProps(__spreadValues({
|
|
11687
11567
|
type: "password",
|
|
11688
11568
|
placeholder: "Enter your password"
|
|
@@ -11694,19 +11574,19 @@ function RegisterForm({
|
|
|
11694
11574
|
}
|
|
11695
11575
|
})
|
|
11696
11576
|
) }),
|
|
11697
|
-
/* @__PURE__ */ (0,
|
|
11577
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormMessage, {})
|
|
11698
11578
|
] })
|
|
11699
11579
|
}
|
|
11700
11580
|
),
|
|
11701
|
-
/* @__PURE__ */ (0,
|
|
11702
|
-
|
|
11581
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11582
|
+
import_design_system127.FormField,
|
|
11703
11583
|
{
|
|
11704
11584
|
control: form.control,
|
|
11705
11585
|
name: "confirmPassword",
|
|
11706
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
11707
|
-
/* @__PURE__ */ (0,
|
|
11708
|
-
/* @__PURE__ */ (0,
|
|
11709
|
-
|
|
11586
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormItem, { children: [
|
|
11587
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormLabel, { children: "Confirm Password" }),
|
|
11588
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11589
|
+
import_design_system127.Input,
|
|
11710
11590
|
__spreadProps(__spreadValues({
|
|
11711
11591
|
type: "password",
|
|
11712
11592
|
placeholder: "Confirm your password"
|
|
@@ -11718,29 +11598,29 @@ function RegisterForm({
|
|
|
11718
11598
|
}
|
|
11719
11599
|
})
|
|
11720
11600
|
) }),
|
|
11721
|
-
/* @__PURE__ */ (0,
|
|
11601
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormMessage, {})
|
|
11722
11602
|
] })
|
|
11723
11603
|
}
|
|
11724
11604
|
),
|
|
11725
|
-
/* @__PURE__ */ (0,
|
|
11726
|
-
|
|
11605
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11606
|
+
import_design_system127.FormField,
|
|
11727
11607
|
{
|
|
11728
11608
|
control: form.control,
|
|
11729
11609
|
name: "acceptTerms",
|
|
11730
|
-
render: ({ field }) => /* @__PURE__ */ (0,
|
|
11731
|
-
/* @__PURE__ */ (0,
|
|
11732
|
-
|
|
11610
|
+
render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormItem, { className: "flex flex-row items-start space-x-3 space-y-0", children: [
|
|
11611
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11612
|
+
import_design_system127.Checkbox,
|
|
11733
11613
|
{
|
|
11734
11614
|
checked: field.value,
|
|
11735
11615
|
onCheckedChange: field.onChange,
|
|
11736
11616
|
disabled: isLoading
|
|
11737
11617
|
}
|
|
11738
11618
|
) }),
|
|
11739
|
-
/* @__PURE__ */ (0,
|
|
11740
|
-
/* @__PURE__ */ (0,
|
|
11619
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: "space-y-1 leading-none", children: [
|
|
11620
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsxs)(import_design_system127.FormLabel, { className: "text-sm font-normal", children: [
|
|
11741
11621
|
"I accept the",
|
|
11742
11622
|
" ",
|
|
11743
|
-
termsUrl && /* @__PURE__ */ (0,
|
|
11623
|
+
termsUrl && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11744
11624
|
"a",
|
|
11745
11625
|
{
|
|
11746
11626
|
href: termsUrl,
|
|
@@ -11751,7 +11631,7 @@ function RegisterForm({
|
|
|
11751
11631
|
}
|
|
11752
11632
|
),
|
|
11753
11633
|
termsUrl && privacyUrl && " and ",
|
|
11754
|
-
privacyUrl && /* @__PURE__ */ (0,
|
|
11634
|
+
privacyUrl && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
11755
11635
|
"a",
|
|
11756
11636
|
{
|
|
11757
11637
|
href: privacyUrl,
|
|
@@ -11763,12 +11643,12 @@ function RegisterForm({
|
|
|
11763
11643
|
),
|
|
11764
11644
|
!termsUrl && !privacyUrl && "Terms of Service and Privacy Policy"
|
|
11765
11645
|
] }),
|
|
11766
|
-
/* @__PURE__ */ (0,
|
|
11646
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.FormMessage, {})
|
|
11767
11647
|
] })
|
|
11768
11648
|
] })
|
|
11769
11649
|
}
|
|
11770
11650
|
),
|
|
11771
|
-
/* @__PURE__ */ (0,
|
|
11651
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_design_system127.Button, { type: "submit", className: "w-full", disabled: isLoading, children: isLoading ? "Registering..." : "Register" })
|
|
11772
11652
|
] }) }))
|
|
11773
11653
|
] }) });
|
|
11774
11654
|
}
|
|
@@ -11858,7 +11738,6 @@ function RegisterForm({
|
|
|
11858
11738
|
NewsItemList,
|
|
11859
11739
|
NewsfeedPreview,
|
|
11860
11740
|
NextImage,
|
|
11861
|
-
Notification,
|
|
11862
11741
|
PageNotFound,
|
|
11863
11742
|
Pagination,
|
|
11864
11743
|
PanelMain,
|
|
@@ -11880,7 +11759,6 @@ function RegisterForm({
|
|
|
11880
11759
|
Sidebar,
|
|
11881
11760
|
SidebarIcon,
|
|
11882
11761
|
SignUpBanner,
|
|
11883
|
-
SimpleLink,
|
|
11884
11762
|
SixClusterNews,
|
|
11885
11763
|
SubtitleH2BodyVideo,
|
|
11886
11764
|
SubtitleH3Body,
|