@burdenoff/microfe-ecoimpacthub 2026.509.101

package/dist/ecoimpacthub/pages/CitizenSciencePage.js

@@ -0,0 +1,443 @@
+import { useEcoImpactHubStore as e } from "../store/ecoimpacthubStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useState as n } from "react";
+import { AlertCircle as r, Award as i, Bird as a, Calendar as o, Camera as s, CheckCircle as c, Cloud as l, Eye as u, Fish as d, Leaf as f, MapPin as p, Microscope as m, Plus as h, Search as g, Star as _, TreePine as v, Upload as y, Users as b } from "lucide-react";
+import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as S, Button as C, Card as w, CardContent as T, Input as E } from "@burdenoff/fe-libs/ui";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/ecoimpacthub/pages/CitizenSciencePage.tsx
+function k() {
+	let { t: k } = x(), { scienceProjects: A, observations: j } = e(), [M, N] = n("projects"), [P, F] = n("all"), I = (e, n, r) => t(k, e, n, r), L = [
+		{
+			value: "all",
+			label: I("ecoimpacthub.citizenScience.categories.all", "All Categories"),
+			icon: m
+		},
+		{
+			value: "biodiversity",
+			label: I("ecoimpacthub.citizenScience.categories.biodiversity", "Biodiversity"),
+			icon: f
+		},
+		{
+			value: "pollution",
+			label: I("ecoimpacthub.citizenScience.categories.pollution", "Pollution"),
+			icon: r
+		},
+		{
+			value: "climate",
+			label: I("ecoimpacthub.citizenScience.categories.climate", "Climate"),
+			icon: l
+		},
+		{
+			value: "conservation",
+			label: I("ecoimpacthub.citizenScience.categories.conservation", "Conservation"),
+			icon: v
+		},
+		{
+			value: "water-quality",
+			label: I("ecoimpacthub.citizenScience.categories.waterQuality", "Water Quality"),
+			icon: d
+		}
+	], R = A.filter((e) => P === "all" || e.category === P), z = (e) => {
+		switch (e) {
+			case "beginner": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300";
+			case "intermediate": return "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300";
+			case "advanced": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300";
+			default: return "bg-muted text-muted-foreground";
+		}
+	}, B = (e) => {
+		switch (e) {
+			case "verified": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300";
+			case "pending": return "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300";
+			case "needs-review": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300";
+			default: return "bg-muted text-muted-foreground";
+		}
+	}, V = (e) => {
+		switch (e) {
+			case "plant": return /* @__PURE__ */ D(f, { className: "h-4 w-4" });
+			case "animal": return /* @__PURE__ */ D(a, { className: "h-4 w-4" });
+			case "pollution": return /* @__PURE__ */ D(r, { className: "h-4 w-4" });
+			case "weather": return /* @__PURE__ */ D(l, { className: "h-4 w-4" });
+			case "water": return /* @__PURE__ */ D(d, { className: "h-4 w-4" });
+			default: return /* @__PURE__ */ D(u, { className: "h-4 w-4" });
+		}
+	}, H = (e) => {
+		switch (e) {
+			case "projects": return I("ecoimpacthub.citizenScience.tabs.projects", "Projects");
+			case "observations": return I("ecoimpacthub.citizenScience.tabs.observations", "Observations");
+			case "contribute": return I("ecoimpacthub.citizenScience.tabs.contribute", "Contribute");
+			default: return e;
+		}
+	}, U = [
+		{
+			label: I("ecoimpacthub.citizenScience.stats.observations.label", "Observations"),
+			value: "47",
+			sub: I("ecoimpacthub.citizenScience.stats.observations.sub", "contributed"),
+			icon: m,
+			color: "text-primary"
+		},
+		{
+			label: I("ecoimpacthub.citizenScience.stats.verified.label", "Verified"),
+			value: "32",
+			sub: I("ecoimpacthub.citizenScience.stats.verified.sub", "by experts"),
+			icon: c,
+			color: "text-green-600"
+		},
+		{
+			label: I("ecoimpacthub.citizenScience.stats.projects.label", "Projects"),
+			value: "8",
+			sub: I("ecoimpacthub.citizenScience.stats.projects.sub", "participated in"),
+			icon: i,
+			color: "text-blue-600"
+		},
+		{
+			label: I("ecoimpacthub.citizenScience.stats.accuracyRate.label", "Accuracy Rate"),
+			value: "94%",
+			sub: I("ecoimpacthub.citizenScience.stats.accuracyRate.sub", "identification accuracy"),
+			icon: _,
+			color: "text-purple-600"
+		}
+	];
+	return /* @__PURE__ */ D("div", {
+		className: "min-h-screen p-4",
+		children: /* @__PURE__ */ O("div", {
+			className: "mx-auto max-w-7xl space-y-8",
+			children: [
+				/* @__PURE__ */ O("div", {
+					className: "space-y-4 text-center",
+					children: [/* @__PURE__ */ D("h1", {
+						className: "text-4xl font-bold",
+						children: I("ecoimpacthub.citizenScience.title", "Citizen Science Hub")
+					}), /* @__PURE__ */ D("p", {
+						className: "mx-auto max-w-3xl text-xl text-muted-foreground",
+						children: I("ecoimpacthub.citizenScience.subtitle", "Contribute to real scientific research by collecting environmental data, identifying species, and monitoring ecosystem health in your community.")
+					})]
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "grid grid-cols-1 gap-6 md:grid-cols-4",
+					children: U.map((e) => {
+						let t = e.icon;
+						return /* @__PURE__ */ D(w, { children: /* @__PURE__ */ O(T, {
+							className: "space-y-2 p-6",
+							children: [
+								/* @__PURE__ */ O("div", {
+									className: `flex items-center gap-2 ${e.color}`,
+									children: [/* @__PURE__ */ D(t, { className: "h-5 w-5" }), /* @__PURE__ */ D("span", {
+										className: "font-semibold",
+										children: e.label
+									})]
+								}),
+								/* @__PURE__ */ D("div", {
+									className: "text-3xl font-bold",
+									children: e.value
+								}),
+								/* @__PURE__ */ D("div", {
+									className: "text-sm text-muted-foreground",
+									children: e.sub
+								})
+							]
+						}) }, e.label);
+					})
+				}),
+				/* @__PURE__ */ D("div", {
+					className: "flex gap-2 border-b",
+					children: [
+						"projects",
+						"observations",
+						"contribute"
+					].map((e) => /* @__PURE__ */ O(C, {
+						variant: M === e ? "default" : "ghost",
+						onClick: () => N(e),
+						children: [
+							e === "projects" && /* @__PURE__ */ D(g, { className: "mr-2 h-4 w-4" }),
+							e === "observations" && /* @__PURE__ */ D(u, { className: "mr-2 h-4 w-4" }),
+							e === "contribute" && /* @__PURE__ */ D(h, { className: "mr-2 h-4 w-4" }),
+							H(e)
+						]
+					}, e))
+				}),
+				M === "projects" && /* @__PURE__ */ O("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ D("div", {
+						className: "flex flex-wrap gap-2",
+						children: L.map(({ value: e, label: t, icon: n }) => /* @__PURE__ */ O(C, {
+							variant: P === e ? "default" : "outline",
+							size: "sm",
+							onClick: () => F(e),
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ D(n, { className: "h-4 w-4" }), t]
+						}, e))
+					}), /* @__PURE__ */ D("div", {
+						className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3",
+						children: R.map((e) => /* @__PURE__ */ D(w, {
+							className: "overflow-hidden transition-shadow hover:shadow-lg",
+							children: /* @__PURE__ */ O(T, {
+								className: "space-y-4 p-6",
+								children: [
+									/* @__PURE__ */ O("div", {
+										className: "flex items-start justify-between",
+										children: [/* @__PURE__ */ O("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ D("div", {
+												className: "text-2xl",
+												children: e.icon
+											}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+												className: "line-clamp-2 text-lg font-semibold",
+												children: e.title
+											}), /* @__PURE__ */ O("div", {
+												className: "flex items-center gap-2 text-sm text-muted-foreground",
+												children: [/* @__PURE__ */ D(p, { className: "h-3 w-3" }), /* @__PURE__ */ D("span", { children: e.location })]
+											})] })]
+										}), /* @__PURE__ */ D(S, {
+											className: z(e.difficulty),
+											children: e.difficulty
+										})]
+									}),
+									/* @__PURE__ */ D("p", {
+										className: "line-clamp-3 text-sm text-muted-foreground",
+										children: e.description
+									}),
+									/* @__PURE__ */ O("div", {
+										className: "space-y-2",
+										children: [/* @__PURE__ */ D("p", {
+											className: "text-sm font-medium",
+											children: I("ecoimpacthub.citizenScience.projects.requiredSkills", "Required Skills:")
+										}), /* @__PURE__ */ D("div", {
+											className: "flex flex-wrap gap-1",
+											children: e.requiredSkills.map((e) => /* @__PURE__ */ D("span", {
+												className: "rounded bg-muted px-2 py-1 text-xs text-muted-foreground",
+												children: e
+											}, e))
+										})]
+									}),
+									/* @__PURE__ */ O("div", {
+										className: "flex items-center justify-between text-sm text-muted-foreground",
+										children: [/* @__PURE__ */ O("div", {
+											className: "flex items-center gap-4",
+											children: [/* @__PURE__ */ O("div", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ D(b, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: e.contributors.toLocaleString() })]
+											}), /* @__PURE__ */ O("div", {
+												className: "flex items-center gap-1",
+												children: [/* @__PURE__ */ D(u, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: e.observations.toLocaleString() })]
+											})]
+										}), /* @__PURE__ */ O("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ D(o, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: new Date(e.endDate).toLocaleDateString() })]
+										})]
+									}),
+									/* @__PURE__ */ D(C, {
+										className: "w-full",
+										children: I("ecoimpacthub.citizenScience.actions.joinProject", "Join Project")
+									})
+								]
+							})
+						}, e.id))
+					})]
+				}),
+				M === "observations" && /* @__PURE__ */ O("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ O("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ D("h2", {
+							className: "text-2xl font-bold",
+							children: I("ecoimpacthub.citizenScience.observations.title", "Your Observations")
+						}), /* @__PURE__ */ O(C, { children: [/* @__PURE__ */ D(h, { className: "mr-2 h-4 w-4" }), I("ecoimpacthub.citizenScience.actions.newObservation", "New Observation")] })]
+					}), /* @__PURE__ */ D("div", {
+						className: "grid gap-4",
+						children: j.map((e) => /* @__PURE__ */ D(w, { children: /* @__PURE__ */ D(T, {
+							className: "p-6",
+							children: /* @__PURE__ */ O("div", {
+								className: "flex items-start gap-4",
+								children: [/* @__PURE__ */ D("div", {
+									className: "text-4xl",
+									children: e.image
+								}), /* @__PURE__ */ O("div", {
+									className: "flex-1 space-y-3",
+									children: [/* @__PURE__ */ O("div", {
+										className: "flex items-start justify-between",
+										children: [/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("h3", {
+											className: "text-lg font-semibold",
+											children: e.title
+										}), /* @__PURE__ */ O("div", {
+											className: "flex items-center gap-4 text-sm text-muted-foreground",
+											children: [
+												/* @__PURE__ */ O("div", {
+													className: "flex items-center gap-1",
+													children: [V(e.category), /* @__PURE__ */ D("span", { children: e.category })]
+												}),
+												/* @__PURE__ */ O("div", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ D(p, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: e.location })]
+												}),
+												/* @__PURE__ */ O("div", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ D(o, { className: "h-4 w-4" }), /* @__PURE__ */ D("span", { children: new Date(e.date).toLocaleDateString() })]
+												})
+											]
+										})] }), /* @__PURE__ */ O("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ D(S, {
+												className: B(e.status),
+												children: e.status.replace("-", " ")
+											}), /* @__PURE__ */ D("div", {
+												className: "text-sm text-muted-foreground",
+												children: I("ecoimpacthub.citizenScience.observations.confidence", "{{value}}% confidence", { value: e.confidence })
+											})]
+										})]
+									}), /* @__PURE__ */ D("p", {
+										className: "text-sm text-muted-foreground",
+										children: e.description
+									})]
+								})]
+							})
+						}) }, e.id))
+					})]
+				}),
+				M === "contribute" && /* @__PURE__ */ O("div", {
+					className: "space-y-8",
+					children: [
+						/* @__PURE__ */ O("div", {
+							className: "space-y-4 text-center",
+							children: [/* @__PURE__ */ D("h2", {
+								className: "text-3xl font-bold",
+								children: I("ecoimpacthub.citizenScience.contribute.title", "Make a Contribution")
+							}), /* @__PURE__ */ D("p", {
+								className: "mx-auto max-w-2xl text-muted-foreground",
+								children: I("ecoimpacthub.citizenScience.contribute.subtitle", "Choose how you'd like to contribute to environmental science and conservation efforts.")
+							})]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "grid grid-cols-1 gap-6 md:grid-cols-3",
+							children: [
+								/* @__PURE__ */ D(w, {
+									className: "text-center transition-shadow hover:shadow-lg",
+									children: /* @__PURE__ */ O(T, {
+										className: "space-y-4 p-8",
+										children: [
+											/* @__PURE__ */ D("div", {
+												className: "mb-4 text-4xl",
+												children: "🔍"
+											}),
+											/* @__PURE__ */ D("h3", {
+												className: "text-xl font-semibold",
+												children: I("ecoimpacthub.citizenScience.cards.identifySpecies.title", "Identify Species")
+											}),
+											/* @__PURE__ */ D("p", {
+												className: "text-sm text-muted-foreground",
+												children: I("ecoimpacthub.citizenScience.cards.identifySpecies.description", "Use AI-powered tools to identify plants and animals you encounter in nature.")
+											}),
+											/* @__PURE__ */ O(C, {
+												className: "w-full",
+												children: [/* @__PURE__ */ D(s, { className: "mr-2 h-4 w-4" }), I("ecoimpacthub.citizenScience.actions.takePhoto", "Take Photo")]
+											})
+										]
+									})
+								}),
+								/* @__PURE__ */ D(w, {
+									className: "text-center transition-shadow hover:shadow-lg",
+									children: /* @__PURE__ */ O(T, {
+										className: "space-y-4 p-8",
+										children: [
+											/* @__PURE__ */ D("div", {
+												className: "mb-4 text-4xl",
+												children: "📊"
+											}),
+											/* @__PURE__ */ D("h3", {
+												className: "text-xl font-semibold",
+												children: I("ecoimpacthub.citizenScience.cards.collectData.title", "Collect Data")
+											}),
+											/* @__PURE__ */ D("p", {
+												className: "text-sm text-muted-foreground",
+												children: I("ecoimpacthub.citizenScience.cards.collectData.description", "Record environmental measurements and observations for ongoing research projects.")
+											}),
+											/* @__PURE__ */ O(C, {
+												className: "w-full",
+												children: [/* @__PURE__ */ D(y, { className: "mr-2 h-4 w-4" }), I("ecoimpacthub.citizenScience.actions.submitData", "Submit Data")]
+											})
+										]
+									})
+								}),
+								/* @__PURE__ */ D(w, {
+									className: "text-center transition-shadow hover:shadow-lg",
+									children: /* @__PURE__ */ O(T, {
+										className: "space-y-4 p-8",
+										children: [
+											/* @__PURE__ */ D("div", {
+												className: "mb-4 text-4xl",
+												children: "⚠️"
+											}),
+											/* @__PURE__ */ D("h3", {
+												className: "text-xl font-semibold",
+												children: I("ecoimpacthub.citizenScience.cards.reportIssues.title", "Report Issues")
+											}),
+											/* @__PURE__ */ D("p", {
+												className: "text-sm text-muted-foreground",
+												children: I("ecoimpacthub.citizenScience.cards.reportIssues.description", "Document pollution, invasive species, or other environmental concerns in your area.")
+											}),
+											/* @__PURE__ */ O(C, {
+												className: "w-full",
+												children: [/* @__PURE__ */ D(p, { className: "mr-2 h-4 w-4" }), I("ecoimpacthub.citizenScience.actions.reportIssue", "Report Issue")]
+											})
+										]
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ D(w, { children: /* @__PURE__ */ O(T, {
+							className: "p-6",
+							children: [/* @__PURE__ */ D("h3", {
+								className: "mb-4 text-xl font-semibold",
+								children: I("ecoimpacthub.citizenScience.quickObservation.title", "Quick Observation")
+							}), /* @__PURE__ */ O("div", {
+								className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+								children: [/* @__PURE__ */ O("div", {
+									className: "space-y-4",
+									children: [
+										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+											className: "text-sm font-medium",
+											children: I("ecoimpacthub.citizenScience.quickObservation.whatLabel", "What did you observe?")
+										}), /* @__PURE__ */ D(E, {
+											placeholder: I("ecoimpacthub.citizenScience.quickObservation.whatPlaceholder", "e.g., Red-tailed hawk, Plastic debris..."),
+											className: "mt-1"
+										})] }),
+										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+											className: "text-sm font-medium",
+											children: I("ecoimpacthub.citizenScience.quickObservation.locationLabel", "Location")
+										}), /* @__PURE__ */ D(E, {
+											placeholder: I("ecoimpacthub.citizenScience.quickObservation.locationPlaceholder", "e.g., Central Park, NYC"),
+											className: "mt-1"
+										})] }),
+										/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("label", {
+											className: "text-sm font-medium",
+											children: I("ecoimpacthub.citizenScience.quickObservation.descriptionLabel", "Description")
+										}), /* @__PURE__ */ D(E, {
+											placeholder: I("ecoimpacthub.citizenScience.quickObservation.descriptionPlaceholder", "Describe what you observed..."),
+											className: "mt-1"
+										})] })
+									]
+								}), /* @__PURE__ */ O("div", {
+									className: "space-y-4",
+									children: [/* @__PURE__ */ O("div", {
+										className: "rounded-lg border-2 border-dashed border-muted p-8 text-center",
+										children: [/* @__PURE__ */ D(s, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }), /* @__PURE__ */ D("p", {
+											className: "text-sm text-muted-foreground",
+											children: I("ecoimpacthub.citizenScience.quickObservation.addPhoto", "Click to add photo")
+										})]
+									}), /* @__PURE__ */ D(C, {
+										className: "w-full",
+										children: I("ecoimpacthub.citizenScience.actions.submitObservation", "Submit Observation")
+									})]
+								})]
+							})]
+						}) })
+					]
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { k as CitizenSciencePage };
+
+//# sourceMappingURL=CitizenSciencePage.js.map

package/dist/ecoimpacthub/pages/CitizenSciencePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CitizenSciencePage.js","names":[],"sources":["../../../src/ecoimpacthub/pages/CitizenSciencePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Microscope,\n  Camera,\n  MapPin,\n  Upload,\n  Search,\n  Star,\n  Calendar,\n  Users,\n  Award,\n  Eye,\n  Leaf,\n  Bird,\n  Fish,\n  TreePine,\n  CheckCircle,\n  AlertCircle,\n  Plus,\n  Cloud,\n} from 'lucide-react';\nimport { useEcoImpactHubStore } from '../store/ecoimpacthubStore';\nimport { tWithFallback } from '../utils/i18n';\n\ntype ProjectCategory =\n  | 'all'\n  | 'biodiversity'\n  | 'pollution'\n  | 'climate'\n  | 'conservation'\n  | 'water-quality';\n\nexport function CitizenSciencePage() {\n  const { t } = useI18n();\n  const { scienceProjects, observations } = useEcoImpactHubStore();\n  const [activeTab, setActiveTab] = useState<'projects' | 'observations' | 'contribute'>(\n    'projects'\n  );\n  const [selectedCategory, setSelectedCategory] = useState<ProjectCategory>('all');\n  const translate = (key: string, fallback: string, params?: Record<string, string | number>) =>\n    tWithFallback(t, key, fallback, params);\n\n  const categories: { value: ProjectCategory; label: string; icon: typeof Microscope }[] = [\n    {\n      value: 'all',\n      label: translate('ecoimpacthub.citizenScience.categories.all', 'All Categories'),\n      icon: Microscope,\n    },\n    {\n      value: 'biodiversity',\n      label: translate('ecoimpacthub.citizenScience.categories.biodiversity', 'Biodiversity'),\n      icon: Leaf,\n    },\n    {\n      value: 'pollution',\n      label: translate('ecoimpacthub.citizenScience.categories.pollution', 'Pollution'),\n      icon: AlertCircle,\n    },\n    {\n      value: 'climate',\n      label: translate('ecoimpacthub.citizenScience.categories.climate', 'Climate'),\n      icon: Cloud,\n    },\n    {\n      value: 'conservation',\n      label: translate('ecoimpacthub.citizenScience.categories.conservation', 'Conservation'),\n      icon: TreePine,\n    },\n    {\n      value: 'water-quality',\n      label: translate('ecoimpacthub.citizenScience.categories.waterQuality', 'Water Quality'),\n      icon: Fish,\n    },\n  ];\n\n  const filteredProjects = scienceProjects.filter(\n    (project) => selectedCategory === 'all' || project.category === selectedCategory\n  );\n\n  const getDifficultyColor = (difficulty: string) => {\n    switch (difficulty) {\n      case 'beginner':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300';\n      case 'intermediate':\n        return 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300';\n      case 'advanced':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300';\n      default:\n        return 'bg-muted text-muted-foreground';\n    }\n  };\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'verified':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300';\n      case 'pending':\n        return 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300';\n      case 'needs-review':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300';\n      default:\n        return 'bg-muted text-muted-foreground';\n    }\n  };\n\n  const getCategoryIcon = (category: string) => {\n    switch (category) {\n      case 'plant':\n        return <Leaf className=\"h-4 w-4\" />;\n      case 'animal':\n        return <Bird className=\"h-4 w-4\" />;\n      case 'pollution':\n        return <AlertCircle className=\"h-4 w-4\" />;\n      case 'weather':\n        return <Cloud className=\"h-4 w-4\" />;\n      case 'water':\n        return <Fish className=\"h-4 w-4\" />;\n      default:\n        return <Eye className=\"h-4 w-4\" />;\n    }\n  };\n\n  const getTabLabel = (tab: 'projects' | 'observations' | 'contribute') => {\n    switch (tab) {\n      case 'projects':\n        return translate('ecoimpacthub.citizenScience.tabs.projects', 'Projects');\n      case 'observations':\n        return translate('ecoimpacthub.citizenScience.tabs.observations', 'Observations');\n      case 'contribute':\n        return translate('ecoimpacthub.citizenScience.tabs.contribute', 'Contribute');\n      default:\n        return tab;\n    }\n  };\n\n  const stats = [\n    {\n      label: translate('ecoimpacthub.citizenScience.stats.observations.label', 'Observations'),\n      value: '47',\n      sub: translate('ecoimpacthub.citizenScience.stats.observations.sub', 'contributed'),\n      icon: Microscope,\n      color: 'text-primary',\n    },\n    {\n      label: translate('ecoimpacthub.citizenScience.stats.verified.label', 'Verified'),\n      value: '32',\n      sub: translate('ecoimpacthub.citizenScience.stats.verified.sub', 'by experts'),\n      icon: CheckCircle,\n      color: 'text-green-600',\n    },\n    {\n      label: translate('ecoimpacthub.citizenScience.stats.projects.label', 'Projects'),\n      value: '8',\n      sub: translate('ecoimpacthub.citizenScience.stats.projects.sub', 'participated in'),\n      icon: Award,\n      color: 'text-blue-600',\n    },\n    {\n      label: translate('ecoimpacthub.citizenScience.stats.accuracyRate.label', 'Accuracy Rate'),\n      value: '94%',\n      sub: translate(\n        'ecoimpacthub.citizenScience.stats.accuracyRate.sub',\n        'identification accuracy'\n      ),\n      icon: Star,\n      color: 'text-purple-600',\n    },\n  ];\n\n  return (\n    <div className=\"min-h-screen p-4\">\n      <div className=\"mx-auto max-w-7xl space-y-8\">\n        <div className=\"space-y-4 text-center\">\n          <h1 className=\"text-4xl font-bold\">\n            {translate('ecoimpacthub.citizenScience.title', 'Citizen Science Hub')}\n          </h1>\n          <p className=\"mx-auto max-w-3xl text-xl text-muted-foreground\">\n            {translate(\n              'ecoimpacthub.citizenScience.subtitle',\n              'Contribute to real scientific research by collecting environmental data, identifying species, and monitoring ecosystem health in your community.'\n            )}\n          </p>\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-6 md:grid-cols-4\">\n          {stats.map((stat) => {\n            const Icon = stat.icon;\n            return (\n              <Card key={stat.label}>\n                <CardContent className=\"space-y-2 p-6\">\n                  <div className={`flex items-center gap-2 ${stat.color}`}>\n                    <Icon className=\"h-5 w-5\" />\n                    <span className=\"font-semibold\">{stat.label}</span>\n                  </div>\n                  <div className=\"text-3xl font-bold\">{stat.value}</div>\n                  <div className=\"text-sm text-muted-foreground\">{stat.sub}</div>\n                </CardContent>\n              </Card>\n            );\n          })}\n        </div>\n\n        <div className=\"flex gap-2 border-b\">\n          {(['projects', 'observations', 'contribute'] as const).map((tab) => (\n            <Button\n              key={tab}\n              variant={activeTab === tab ? 'default' : 'ghost'}\n              onClick={() => setActiveTab(tab)}\n            >\n              {tab === 'projects' && <Search className=\"mr-2 h-4 w-4\" />}\n              {tab === 'observations' && <Eye className=\"mr-2 h-4 w-4\" />}\n              {tab === 'contribute' && <Plus className=\"mr-2 h-4 w-4\" />}\n              {getTabLabel(tab)}\n            </Button>\n          ))}\n        </div>\n\n        {activeTab === 'projects' && (\n          <div className=\"space-y-6\">\n            <div className=\"flex flex-wrap gap-2\">\n              {categories.map(({ value, label, icon: Icon }) => (\n                <Button\n                  key={value}\n                  variant={selectedCategory === value ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setSelectedCategory(value)}\n                  className=\"flex items-center gap-2\"\n                >\n                  <Icon className=\"h-4 w-4\" />\n                  {label}\n                </Button>\n              ))}\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3\">\n              {filteredProjects.map((project) => (\n                <Card\n                  key={project.id}\n                  className=\"overflow-hidden transition-shadow hover:shadow-lg\"\n                >\n                  <CardContent className=\"space-y-4 p-6\">\n                    <div className=\"flex items-start justify-between\">\n                      <div className=\"flex items-center gap-3\">\n                        <div className=\"text-2xl\">{project.icon}</div>\n                        <div>\n                          <h3 className=\"line-clamp-2 text-lg font-semibold\">{project.title}</h3>\n                          <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n                            <MapPin className=\"h-3 w-3\" />\n                            <span>{project.location}</span>\n                          </div>\n                        </div>\n                      </div>\n                      <Badge className={getDifficultyColor(project.difficulty)}>\n                        {project.difficulty}\n                      </Badge>\n                    </div>\n\n                    <p className=\"line-clamp-3 text-sm text-muted-foreground\">\n                      {project.description}\n                    </p>\n\n                    <div className=\"space-y-2\">\n                      <p className=\"text-sm font-medium\">\n                        {translate(\n                          'ecoimpacthub.citizenScience.projects.requiredSkills',\n                          'Required Skills:'\n                        )}\n                      </p>\n                      <div className=\"flex flex-wrap gap-1\">\n                        {project.requiredSkills.map((skill) => (\n                          <span\n                            key={skill}\n                            className=\"rounded bg-muted px-2 py-1 text-xs text-muted-foreground\"\n                          >\n                            {skill}\n                          </span>\n                        ))}\n                      </div>\n                    </div>\n\n                    <div className=\"flex items-center justify-between text-sm text-muted-foreground\">\n                      <div className=\"flex items-center gap-4\">\n                        <div className=\"flex items-center gap-1\">\n                          <Users className=\"h-4 w-4\" />\n                          <span>{project.contributors.toLocaleString()}</span>\n                        </div>\n                        <div className=\"flex items-center gap-1\">\n                          <Eye className=\"h-4 w-4\" />\n                          <span>{project.observations.toLocaleString()}</span>\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-1\">\n                        <Calendar className=\"h-4 w-4\" />\n                        <span>{new Date(project.endDate).toLocaleDateString()}</span>\n                      </div>\n                    </div>\n\n                    <Button className=\"w-full\">\n                      {translate('ecoimpacthub.citizenScience.actions.joinProject', 'Join Project')}\n                    </Button>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {activeTab === 'observations' && (\n          <div className=\"space-y-6\">\n            <div className=\"flex items-center justify-between\">\n              <h2 className=\"text-2xl font-bold\">\n                {translate('ecoimpacthub.citizenScience.observations.title', 'Your Observations')}\n              </h2>\n              <Button>\n                <Plus className=\"mr-2 h-4 w-4\" />\n                {translate('ecoimpacthub.citizenScience.actions.newObservation', 'New Observation')}\n              </Button>\n            </div>\n\n            <div className=\"grid gap-4\">\n              {observations.map((observation) => (\n                <Card key={observation.id}>\n                  <CardContent className=\"p-6\">\n                    <div className=\"flex items-start gap-4\">\n                      <div className=\"text-4xl\">{observation.image}</div>\n                      <div className=\"flex-1 space-y-3\">\n                        <div className=\"flex items-start justify-between\">\n                          <div>\n                            <h3 className=\"text-lg font-semibold\">{observation.title}</h3>\n                            <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n                              <div className=\"flex items-center gap-1\">\n                                {getCategoryIcon(observation.category)}\n                                <span>{observation.category}</span>\n                              </div>\n                              <div className=\"flex items-center gap-1\">\n                                <MapPin className=\"h-4 w-4\" />\n                                <span>{observation.location}</span>\n                              </div>\n                              <div className=\"flex items-center gap-1\">\n                                <Calendar className=\"h-4 w-4\" />\n                                <span>{new Date(observation.date).toLocaleDateString()}</span>\n                              </div>\n                            </div>\n                          </div>\n                          <div className=\"flex items-center gap-2\">\n                            <Badge className={getStatusColor(observation.status)}>\n                              {observation.status.replace('-', ' ')}\n                            </Badge>\n                            <div className=\"text-sm text-muted-foreground\">\n                              {translate(\n                                'ecoimpacthub.citizenScience.observations.confidence',\n                                '{{value}}% confidence',\n                                { value: observation.confidence }\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                        <p className=\"text-sm text-muted-foreground\">{observation.description}</p>\n                      </div>\n                    </div>\n                  </CardContent>\n                </Card>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {activeTab === 'contribute' && (\n          <div className=\"space-y-8\">\n            <div className=\"space-y-4 text-center\">\n              <h2 className=\"text-3xl font-bold\">\n                {translate('ecoimpacthub.citizenScience.contribute.title', 'Make a Contribution')}\n              </h2>\n              <p className=\"mx-auto max-w-2xl text-muted-foreground\">\n                {translate(\n                  'ecoimpacthub.citizenScience.contribute.subtitle',\n                  \"Choose how you'd like to contribute to environmental science and conservation efforts.\"\n                )}\n              </p>\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-6 md:grid-cols-3\">\n              <Card className=\"text-center transition-shadow hover:shadow-lg\">\n                <CardContent className=\"space-y-4 p-8\">\n                  <div className=\"mb-4 text-4xl\">🔍</div>\n                  <h3 className=\"text-xl font-semibold\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.identifySpecies.title',\n                      'Identify Species'\n                    )}\n                  </h3>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.identifySpecies.description',\n                      'Use AI-powered tools to identify plants and animals you encounter in nature.'\n                    )}\n                  </p>\n                  <Button className=\"w-full\">\n                    <Camera className=\"mr-2 h-4 w-4\" />\n                    {translate('ecoimpacthub.citizenScience.actions.takePhoto', 'Take Photo')}\n                  </Button>\n                </CardContent>\n              </Card>\n\n              <Card className=\"text-center transition-shadow hover:shadow-lg\">\n                <CardContent className=\"space-y-4 p-8\">\n                  <div className=\"mb-4 text-4xl\">📊</div>\n                  <h3 className=\"text-xl font-semibold\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.collectData.title',\n                      'Collect Data'\n                    )}\n                  </h3>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.collectData.description',\n                      'Record environmental measurements and observations for ongoing research projects.'\n                    )}\n                  </p>\n                  <Button className=\"w-full\">\n                    <Upload className=\"mr-2 h-4 w-4\" />\n                    {translate('ecoimpacthub.citizenScience.actions.submitData', 'Submit Data')}\n                  </Button>\n                </CardContent>\n              </Card>\n\n              <Card className=\"text-center transition-shadow hover:shadow-lg\">\n                <CardContent className=\"space-y-4 p-8\">\n                  <div className=\"mb-4 text-4xl\">⚠️</div>\n                  <h3 className=\"text-xl font-semibold\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.reportIssues.title',\n                      'Report Issues'\n                    )}\n                  </h3>\n                  <p className=\"text-sm text-muted-foreground\">\n                    {translate(\n                      'ecoimpacthub.citizenScience.cards.reportIssues.description',\n                      'Document pollution, invasive species, or other environmental concerns in your area.'\n                    )}\n                  </p>\n                  <Button className=\"w-full\">\n                    <MapPin className=\"mr-2 h-4 w-4\" />\n                    {translate('ecoimpacthub.citizenScience.actions.reportIssue', 'Report Issue')}\n                  </Button>\n                </CardContent>\n              </Card>\n            </div>\n\n            <Card>\n              <CardContent className=\"p-6\">\n                <h3 className=\"mb-4 text-xl font-semibold\">\n                  {translate(\n                    'ecoimpacthub.citizenScience.quickObservation.title',\n                    'Quick Observation'\n                  )}\n                </h3>\n                <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n                  <div className=\"space-y-4\">\n                    <div>\n                      <label className=\"text-sm font-medium\">\n                        {translate(\n                          'ecoimpacthub.citizenScience.quickObservation.whatLabel',\n                          'What did you observe?'\n                        )}\n                      </label>\n                      <Input\n                        placeholder={translate(\n                          'ecoimpacthub.citizenScience.quickObservation.whatPlaceholder',\n                          'e.g., Red-tailed hawk, Plastic debris...'\n                        )}\n                        className=\"mt-1\"\n                      />\n                    </div>\n                    <div>\n                      <label className=\"text-sm font-medium\">\n                        {translate(\n                          'ecoimpacthub.citizenScience.quickObservation.locationLabel',\n                          'Location'\n                        )}\n                      </label>\n                      <Input\n                        placeholder={translate(\n                          'ecoimpacthub.citizenScience.quickObservation.locationPlaceholder',\n                          'e.g., Central Park, NYC'\n                        )}\n                        className=\"mt-1\"\n                      />\n                    </div>\n                    <div>\n                      <label className=\"text-sm font-medium\">\n                        {translate(\n                          'ecoimpacthub.citizenScience.quickObservation.descriptionLabel',\n                          'Description'\n                        )}\n                      </label>\n                      <Input\n                        placeholder={translate(\n                          'ecoimpacthub.citizenScience.quickObservation.descriptionPlaceholder',\n                          'Describe what you observed...'\n                        )}\n                        className=\"mt-1\"\n                      />\n                    </div>\n                  </div>\n                  <div className=\"space-y-4\">\n                    <div className=\"rounded-lg border-2 border-dashed border-muted p-8 text-center\">\n                      <Camera className=\"mx-auto mb-2 h-8 w-8 text-muted-foreground\" />\n                      <p className=\"text-sm text-muted-foreground\">\n                        {translate(\n                          'ecoimpacthub.citizenScience.quickObservation.addPhoto',\n                          'Click to add photo'\n                        )}\n                      </p>\n                    </div>\n                    <Button className=\"w-full\">\n                      {translate(\n                        'ecoimpacthub.citizenScience.actions.submitObservation',\n                        'Submit Observation'\n                      )}\n                    </Button>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAkCA,SAAgB,IAAqB;CACnC,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,oBAAiB,oBAAiB,GAAsB,EAC1D,CAAC,GAAW,KAAgB,EAChC,WACD,EACK,CAAC,GAAkB,KAAuB,EAA0B,MAAM,EAC1E,KAAa,GAAa,GAAkB,MAChD,EAAc,GAAG,GAAK,GAAU,EAAO,EAEnC,IAAmF;EACvF;GACE,OAAO;GACP,OAAO,EAAU,8CAA8C,iBAAiB;GAChF,MAAM;GACP;EACD;GACE,OAAO;GACP,OAAO,EAAU,uDAAuD,eAAe;GACvF,MAAM;GACP;EACD;GACE,OAAO;GACP,OAAO,EAAU,oDAAoD,YAAY;GACjF,MAAM;GACP;EACD;GACE,OAAO;GACP,OAAO,EAAU,kDAAkD,UAAU;GAC7E,MAAM;GACP;EACD;GACE,OAAO;GACP,OAAO,EAAU,uDAAuD,eAAe;GACvF,MAAM;GACP;EACD;GACE,OAAO;GACP,OAAO,EAAU,uDAAuD,gBAAgB;GACxF,MAAM;GACP;EACF,EAEK,IAAmB,EAAgB,QACtC,MAAY,MAAqB,SAAS,EAAQ,aAAa,EACjE,EAEK,KAAsB,MAAuB;AACjD,UAAQ,GAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,eACH,QAAO;GACT,KAAK,WACH,QAAO;GACT,QACE,QAAO;;IAIP,KAAkB,MAAmB;AACzC,UAAQ,GAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,UACH,QAAO;GACT,KAAK,eACH,QAAO;GACT,QACE,QAAO;;IAIP,KAAmB,MAAqB;AAC5C,UAAQ,GAAR;GACE,KAAK,QACH,QAAO,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;GACrC,KAAK,SACH,QAAO,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;GACrC,KAAK,YACH,QAAO,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;GAC5C,KAAK,UACH,QAAO,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;GACtC,KAAK,QACH,QAAO,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;GACrC,QACE,QAAO,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA;;IAIlC,KAAe,MAAoD;AACvE,UAAQ,GAAR;GACE,KAAK,WACH,QAAO,EAAU,6CAA6C,WAAW;GAC3E,KAAK,eACH,QAAO,EAAU,iDAAiD,eAAe;GACnF,KAAK,aACH,QAAO,EAAU,+CAA+C,aAAa;GAC/E,QACE,QAAO;;IAIP,IAAQ;EACZ;GACE,OAAO,EAAU,wDAAwD,eAAe;GACxF,OAAO;GACP,KAAK,EAAU,sDAAsD,cAAc;GACnF,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,oDAAoD,WAAW;GAChF,OAAO;GACP,KAAK,EAAU,kDAAkD,aAAa;GAC9E,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,oDAAoD,WAAW;GAChF,OAAO;GACP,KAAK,EAAU,kDAAkD,kBAAkB;GACnF,MAAM;GACN,OAAO;GACR;EACD;GACE,OAAO,EAAU,wDAAwD,gBAAgB;GACzF,OAAO;GACP,KAAK,EACH,sDACA,0BACD;GACD,MAAM;GACN,OAAO;GACR;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAU,qCAAqC,sBAAsB;MACnE,CAAA,EACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,wCACA,mJACD;MACC,CAAA,CACA;;IAEN,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MAAS;MACnB,IAAM,IAAO,EAAK;AAClB,aACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAW,2BAA2B,EAAK;mBAAhD,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;UAAM,WAAU;oBAAiB,EAAK;UAAa,CAAA,CAC/C;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAsB,EAAK;SAAY,CAAA;QACtD,kBAAC,OAAD;SAAK,WAAU;mBAAiC,EAAK;SAAU,CAAA;QACnD;UACT,EATI,EAAK,MAST;OAET;KACE,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;eACX;MAAC;MAAY;MAAgB;MAAa,CAAW,KAAK,MAC1D,kBAAC,GAAD;MAEE,SAAS,MAAc,IAAM,YAAY;MACzC,eAAe,EAAa,EAAI;gBAHlC;OAKG,MAAQ,cAAc,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA;OACzD,MAAQ,kBAAkB,kBAAC,GAAD,EAAK,WAAU,gBAAiB,CAAA;OAC1D,MAAQ,gBAAgB,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA;OACzD,EAAY,EAAI;OACV;QARF,EAQE,CACT;KACE,CAAA;IAEL,MAAc,cACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAW,KAAK,EAAE,UAAO,UAAO,MAAM,QACrC,kBAAC,GAAD;OAEE,SAAS,MAAqB,IAAQ,YAAY;OAClD,MAAK;OACL,eAAe,EAAoB,EAAM;OACzC,WAAU;iBALZ,CAOE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EACM;SARF,EAQE,CACT;MACE,CAAA,EAEN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAiB,KAAK,MACrB,kBAAC,GAAD;OAEE,WAAU;iBAEV,kBAAC,GAAD;QAAa,WAAU;kBAAvB;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD;YAAK,WAAU;sBAAY,EAAQ;YAAW,CAAA,EAC9C,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;YAAI,WAAU;sBAAsC,EAAQ;YAAW,CAAA,EACvE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAO,EAAQ,UAAgB,CAAA,CAC3B;cACF,EAAA,CAAA,CACF;cACN,kBAAC,GAAD;WAAO,WAAW,EAAmB,EAAQ,WAAW;qBACrD,EAAQ;WACH,CAAA,CACJ;;SAEN,kBAAC,KAAD;UAAG,WAAU;oBACV,EAAQ;UACP,CAAA;SAEJ,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBACV,EACC,uDACA,mBACD;WACC,CAAA,EACJ,kBAAC,OAAD;WAAK,WAAU;qBACZ,EAAQ,eAAe,KAAK,MAC3B,kBAAC,QAAD;YAEE,WAAU;sBAET;YACI,EAJA,EAIA,CACP;WACE,CAAA,CACF;;SAEN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAO,EAAQ,aAAa,gBAAgB,EAAQ,CAAA,CAChD;eACN,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAC3B,kBAAC,QAAD,EAAA,UAAO,EAAQ,aAAa,gBAAgB,EAAQ,CAAA,CAChD;cACF;cACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,QAAQ,CAAC,oBAAoB,EAAQ,CAAA,CACzD;aACF;;SAEN,kBAAC,GAAD;UAAQ,WAAU;oBACf,EAAU,mDAAmD,eAAe;UACtE,CAAA;SACG;;OACT,EAhEA,EAAQ,GAgER,CACP;MACE,CAAA,CACF;;IAGP,MAAc,kBACb,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAU,kDAAkD,oBAAoB;OAC9E,CAAA,EACL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAU,sDAAsD,kBAAkB,CAC5E,EAAA,CAAA,CACL;SAEN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAa,KAAK,MACjB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBACrB,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAY,EAAY;SAAY,CAAA,EACnD,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;WAAI,WAAU;qBAAyB,EAAY;WAAW,CAAA,EAC9D,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACG,EAAgB,EAAY,SAAS,EACtC,kBAAC,QAAD,EAAA,UAAO,EAAY,UAAgB,CAAA,CAC/B;;YACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD,EAAA,UAAO,EAAY,UAAgB,CAAA,CAC/B;;YACN,kBAAC,OAAD;aAAK,WAAU;uBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAY,KAAK,CAAC,oBAAoB,EAAQ,CAAA,CAC1D;;YACF;aACF,EAAA,CAAA,EACN,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,GAAD;YAAO,WAAW,EAAe,EAAY,OAAO;sBACjD,EAAY,OAAO,QAAQ,KAAK,IAAI;YAC/B,CAAA,EACR,kBAAC,OAAD;YAAK,WAAU;sBACZ,EACC,uDACA,yBACA,EAAE,OAAO,EAAY,YAAY,CAClC;YACG,CAAA,CACF;aACF;aACN,kBAAC,KAAD;UAAG,WAAU;oBAAiC,EAAY;UAAgB,CAAA,CACtE;WACF;;OACM,CAAA,EACT,EAxCI,EAAY,GAwChB,CACP;MACE,CAAA,CACF;;IAGP,MAAc,gBACb,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EAAU,gDAAgD,sBAAsB;QAC9E,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,mDACA,yFACD;QACC,CAAA,CACA;;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SAAM,WAAU;mBACd,kBAAC,GAAD;UAAa,WAAU;oBAAvB;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAgB;YAAQ,CAAA;WACvC,kBAAC,MAAD;YAAI,WAAU;sBACX,EACC,2DACA,mBACD;YACE,CAAA;WACL,kBAAC,KAAD;YAAG,WAAU;sBACV,EACC,iEACA,+EACD;YACC,CAAA;WACJ,kBAAC,GAAD;YAAQ,WAAU;sBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAClC,EAAU,iDAAiD,aAAa,CAClE;;WACG;;SACT,CAAA;QAEP,kBAAC,GAAD;SAAM,WAAU;mBACd,kBAAC,GAAD;UAAa,WAAU;oBAAvB;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAgB;YAAQ,CAAA;WACvC,kBAAC,MAAD;YAAI,WAAU;sBACX,EACC,uDACA,eACD;YACE,CAAA;WACL,kBAAC,KAAD;YAAG,WAAU;sBACV,EACC,6DACA,oFACD;YACC,CAAA;WACJ,kBAAC,GAAD;YAAQ,WAAU;sBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAClC,EAAU,kDAAkD,cAAc,CACpE;;WACG;;SACT,CAAA;QAEP,kBAAC,GAAD;SAAM,WAAU;mBACd,kBAAC,GAAD;UAAa,WAAU;oBAAvB;WACE,kBAAC,OAAD;YAAK,WAAU;sBAAgB;YAAQ,CAAA;WACvC,kBAAC,MAAD;YAAI,WAAU;sBACX,EACC,wDACA,gBACD;YACE,CAAA;WACL,kBAAC,KAAD;YAAG,WAAU;sBACV,EACC,8DACA,sFACD;YACC,CAAA;WACJ,kBAAC,GAAD;YAAQ,WAAU;sBAAlB,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAClC,EAAU,mDAAmD,eAAe,CACtE;;WACG;;SACT,CAAA;QACH;;MAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBAAvB,CACE,kBAAC,MAAD;QAAI,WAAU;kBACX,EACC,sDACA,oBACD;QACE,CAAA,EACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;WAAO,WAAU;qBACd,EACC,0DACA,wBACD;WACK,CAAA,EACR,kBAAC,GAAD;WACE,aAAa,EACX,gEACA,2CACD;WACD,WAAU;WACV,CAAA,CACE,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;WAAO,WAAU;qBACd,EACC,8DACA,WACD;WACK,CAAA,EACR,kBAAC,GAAD;WACE,aAAa,EACX,oEACA,0BACD;WACD,WAAU;WACV,CAAA,CACE,EAAA,CAAA;UACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;WAAO,WAAU;qBACd,EACC,iEACA,cACD;WACK,CAAA,EACR,kBAAC,GAAD;WACE,aAAa,EACX,uEACA,gCACD;WACD,WAAU;WACV,CAAA,CACE,EAAA,CAAA;UACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,8CAA+C,CAAA,EACjE,kBAAC,KAAD;WAAG,WAAU;qBACV,EACC,yDACA,qBACD;WACC,CAAA,CACA;aACN,kBAAC,GAAD;UAAQ,WAAU;oBACf,EACC,yDACA,qBACD;UACM,CAAA,CACL;WACF;UACM;UACT,CAAA;MACH;;IAEJ;;EACF,CAAA"}

package/dist/ecoimpacthub/pages/CommunityPage.d.ts

@@ -0,0 +1,2 @@
+export declare function CommunityPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommunityPage.d.ts.map

package/dist/ecoimpacthub/pages/CommunityPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommunityPage.d.ts","sourceRoot":"","sources":["../../../src/ecoimpacthub/pages/CommunityPage.tsx"],"names":[],"mappings":"AA4BA,wBAAgB,aAAa,4CA4Z5B"}