@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/CoursesMyLearningPagePage.js

@@ -0,0 +1,187 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { useMemo as t, useState as n } from "react";
+import { Award as r, BookOpen as i, Clock as a, GraduationCap as o, PlayCircle as s, RotateCcw as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/CoursesMyLearningPagePage.tsx
+var _ = {
+	c1: 72,
+	c2: 45,
+	c3: 18,
+	c4: 100,
+	c5: 0,
+	c6: 90
+};
+function v() {
+	let { courses: v, userStats: y } = e(), [b, x] = n("all"), S = t(() => v.map((e) => ({
+		...e,
+		progress: _[e.id] ?? 0
+	})), [v]), C = t(() => S.filter((e) => b === "completed" ? e.progress === 100 : b === "in_progress" ? e.progress > 0 && e.progress < 100 : !0), [S, b]), w = [
+		{
+			label: "All Courses",
+			value: "all",
+			count: S.length
+		},
+		{
+			label: "In Progress",
+			value: "in_progress",
+			count: S.filter((e) => e.progress > 0 && e.progress < 100).length
+		},
+		{
+			label: "Completed",
+			value: "completed",
+			count: S.filter((e) => e.progress === 100).length
+		}
+	];
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				className: "text-2xl font-semibold text-foreground",
+				children: "My Learning"
+			}), /* @__PURE__ */ l("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Track your enrolled courses and progress"
+			})] }),
+			/* @__PURE__ */ u("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Enrolled"
+						}), /* @__PURE__ */ l(i, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.coursesEnrolled
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Total courses"
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Completed"
+						}), /* @__PURE__ */ l(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.coursesCompleted
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Courses finished"
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Learning Hours"
+						}), /* @__PURE__ */ l(a, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.totalLearningHours
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Total hours invested"
+					})] })] }),
+					/* @__PURE__ */ u(p, { children: [/* @__PURE__ */ u(h, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ l(g, {
+							className: "text-sm font-medium",
+							children: "Certificates"
+						}), /* @__PURE__ */ l(r, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: y.certificatesEarned
+					}), /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Certificates earned"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex gap-2 border-b border-border pb-2",
+				children: w.map((e) => /* @__PURE__ */ u(f, {
+					variant: b === e.value ? "default" : "ghost",
+					size: "sm",
+					onClick: () => x(e.value),
+					children: [
+						e.label,
+						" (",
+						e.count,
+						")"
+					]
+				}, e.value))
+			}),
+			C.length === 0 ? /* @__PURE__ */ l("div", {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: "No courses in this category"
+			}) : /* @__PURE__ */ l("div", {
+				className: "space-y-4",
+				children: C.map((e) => /* @__PURE__ */ l(p, { children: /* @__PURE__ */ u(m, {
+					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex-1 space-y-2",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ l("h3", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ l(d, {
+									variant: "secondary",
+									className: "text-xs",
+									children: e.level
+								})]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground",
+								children: [
+									e.instructor,
+									" · ",
+									e.duration,
+									"h · ",
+									e.category
+								]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between text-xs",
+									children: [/* @__PURE__ */ l("span", {
+										className: "text-muted-foreground",
+										children: "Progress"
+									}), /* @__PURE__ */ u("span", {
+										className: "font-medium",
+										children: [e.progress, "%"]
+									})]
+								}), /* @__PURE__ */ l("div", {
+									className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+									children: /* @__PURE__ */ l("div", {
+										className: `h-2 rounded-full ${e.progress === 100 ? "bg-green-500" : "bg-primary"}`,
+										style: { width: `${e.progress}%` }
+									})
+								})]
+							})
+						]
+					}), /* @__PURE__ */ l("div", {
+						className: "shrink-0",
+						children: e.progress === 100 ? /* @__PURE__ */ u(f, {
+							variant: "outline",
+							size: "sm",
+							children: [/* @__PURE__ */ l(c, { className: "mr-2 h-4 w-4" }), "Review"]
+						}) : /* @__PURE__ */ u(f, {
+							size: "sm",
+							children: [/* @__PURE__ */ l(s, { className: "mr-2 h-4 w-4" }), e.progress === 0 ? "Start" : "Continue"]
+						})
+					})]
+				}) }, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { v as CoursesMyLearningPagePage };
+
+//# sourceMappingURL=CoursesMyLearningPagePage.js.map

package/dist/technospam/pages/CoursesMyLearningPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesMyLearningPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { BookOpen, Award, Clock, GraduationCap, PlayCircle, RotateCcw } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype TabFilter = 'all' | 'in_progress' | 'completed';\n\nconst courseProgressMap: Record<string, number> = {\n  c1: 72,\n  c2: 45,\n  c3: 18,\n  c4: 100,\n  c5: 0,\n  c6: 90,\n};\n\nexport function CoursesMyLearningPagePage() {\n  const { courses, userStats } = useTechnoSpamStore();\n  const [activeTab, setActiveTab] = useState<TabFilter>('all');\n\n  const enrolledCourses = useMemo(() => {\n    return courses.map((course) => ({\n      ...course,\n      progress: courseProgressMap[course.id] ?? 0,\n    }));\n  }, [courses]);\n\n  const filteredCourses = useMemo(() => {\n    return enrolledCourses.filter((course) => {\n      if (activeTab === 'completed') return course.progress === 100;\n      if (activeTab === 'in_progress') return course.progress > 0 && course.progress < 100;\n      return true;\n    });\n  }, [enrolledCourses, activeTab]);\n\n  const tabs: { label: string; value: TabFilter; count: number }[] = [\n    { label: 'All Courses', value: 'all', count: enrolledCourses.length },\n    {\n      label: 'In Progress',\n      value: 'in_progress',\n      count: enrolledCourses.filter((c) => c.progress > 0 && c.progress < 100).length,\n    },\n    {\n      label: 'Completed',\n      value: 'completed',\n      count: enrolledCourses.filter((c) => c.progress === 100).length,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">My Learning</h1>\n        <p className=\"text-sm text-muted-foreground\">Track your enrolled courses and progress</p>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Enrolled</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.coursesEnrolled}</div>\n            <p className=\"text-xs text-muted-foreground\">Total courses</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Completed</CardTitle>\n            <GraduationCap className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.coursesCompleted}</div>\n            <p className=\"text-xs text-muted-foreground\">Courses finished</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Learning Hours</CardTitle>\n            <Clock className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.totalLearningHours}</div>\n            <p className=\"text-xs text-muted-foreground\">Total hours invested</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Certificates</CardTitle>\n            <Award className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.certificatesEarned}</div>\n            <p className=\"text-xs text-muted-foreground\">Certificates earned</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        {tabs.map((tab) => (\n          <Button\n            key={tab.value}\n            variant={activeTab === tab.value ? 'default' : 'ghost'}\n            size=\"sm\"\n            onClick={() => setActiveTab(tab.value)}\n          >\n            {tab.label} ({tab.count})\n          </Button>\n        ))}\n      </div>\n\n      {filteredCourses.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No courses in this category\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {filteredCourses.map((course) => (\n            <Card key={course.id}>\n              <CardContent className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center\">\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <h3 className=\"text-sm font-medium\">{course.title}</h3>\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {course.level}\n                    </Badge>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">\n                    {course.instructor} &middot; {course.duration}h &middot; {course.category}\n                  </p>\n                  <div className=\"space-y-1\">\n                    <div className=\"flex items-center justify-between text-xs\">\n                      <span className=\"text-muted-foreground\">Progress</span>\n                      <span className=\"font-medium\">{course.progress}%</span>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                      <div\n                        className={`h-2 rounded-full ${course.progress === 100 ? 'bg-green-500' : 'bg-primary'}`}\n                        style={{ width: `${course.progress}%` }}\n                      />\n                    </div>\n                  </div>\n                </div>\n                <div className=\"shrink-0\">\n                  {course.progress === 100 ? (\n                    <Button variant=\"outline\" size=\"sm\">\n                      <RotateCcw className=\"mr-2 h-4 w-4\" />\n                      Review\n                    </Button>\n                  ) : (\n                    <Button size=\"sm\">\n                      <PlayCircle className=\"mr-2 h-4 w-4\" />\n                      {course.progress === 0 ? 'Start' : 'Continue'}\n                    </Button>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/DashboardDashboardPagePage.d.ts

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

package/dist/technospam/pages/DashboardDashboardPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,0BAA0B,4CAiUzC"}

package/dist/technospam/pages/DashboardDashboardPagePage.js

@@ -0,0 +1,344 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as r, Award as i, Bell as a, BookOpen as o, Calendar as s, Clock as c, Code as l, Flame as u, Target as d, TrendingUp as f, Trophy as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/DashboardDashboardPagePage.tsx
+function S() {
+	let { t: S } = n(), C = (e, n, r) => t(S, e, n, r), { userStats: w, notifications: T, hackathons: E, courses: D, achievements: O } = e(), k = T.filter((e) => !e.read), A = E.filter((e) => e.status === "upcoming" || e.status === "registration_open"), j = O.filter((e) => e.unlockedAt).slice(0, 3);
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: C("technospam.dashboard.title", "Welcome back!")
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: C("technospam.dashboard.subtitle", "Here's your learning overview for today")
+				})] }), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ h(g, {
+						variant: "secondary",
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ m(u, { className: "h-3 w-3" }), C("technospam.dashboard.hero.studyStreak", "{{count}} day streak", { count: w.studyStreak })]
+					}), /* @__PURE__ */ m(g, {
+						variant: "secondary",
+						children: C("technospam.dashboard.hero.rank", "Rank #{{rank}}", { rank: w.rank })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ m(x, {
+							className: "text-sm font-medium",
+							children: C("technospam.dashboard.metrics.coursesCompleted.title", "Courses Completed")
+						}), /* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
+						className: "text-2xl font-bold",
+						children: w.coursesCompleted
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-muted-foreground",
+						children: C("technospam.dashboard.metrics.coursesCompleted.subtitle", "{{count}} enrolled total", { count: w.coursesEnrolled })
+					})] })] }),
+					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ m(x, {
+							className: "text-sm font-medium",
+							children: C("technospam.dashboard.metrics.problemsSolved.title", "Problems Solved")
+						}), /* @__PURE__ */ m(l, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
+						className: "text-2xl font-bold",
+						children: w.problemsSolved
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-muted-foreground",
+						children: C("technospam.dashboard.metrics.problemsSolved.subtitle", "+12 this week")
+					})] })] }),
+					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ m(x, {
+							className: "text-sm font-medium",
+							children: C("technospam.dashboard.metrics.studyStreak.title", "Study Streak")
+						}), /* @__PURE__ */ m(u, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
+						className: "text-2xl font-bold",
+						children: C("technospam.dashboard.metrics.studyStreak.value", "{{count}} days", { count: w.studyStreak })
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-muted-foreground",
+						children: C("technospam.dashboard.metrics.studyStreak.subtitle", "{{hours}}h total learning", { hours: w.totalLearningHours })
+					})] })] }),
+					/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ m(x, {
+							className: "text-sm font-medium",
+							children: C("technospam.dashboard.metrics.totalPoints.title", "Total Points")
+						}), /* @__PURE__ */ m(p, { className: "h-4 w-4 text-muted-foreground" })]
+					}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
+						className: "text-2xl font-bold",
+						children: w.totalPoints.toLocaleString()
+					}), /* @__PURE__ */ m("p", {
+						className: "text-xs text-muted-foreground",
+						children: C("technospam.dashboard.metrics.totalPoints.subtitle", "{{count}} certificates earned", { count: w.certificatesEarned })
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ h("div", {
+					className: "space-y-6 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+							className: "text-base",
+							children: C("technospam.dashboard.quickActions.title", "Quick Actions")
+						}) }), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ h("div", {
+							className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-4",
+							children: [
+								/* @__PURE__ */ h(_, {
+									variant: "outline",
+									className: "flex h-auto flex-col items-center gap-2 p-4",
+									children: [/* @__PURE__ */ m(l, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
+										className: "text-xs",
+										children: C("technospam.dashboard.quickActions.solveProblems", "Solve Problems")
+									})]
+								}),
+								/* @__PURE__ */ h(_, {
+									variant: "outline",
+									className: "flex h-auto flex-col items-center gap-2 p-4",
+									children: [/* @__PURE__ */ m(o, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
+										className: "text-xs",
+										children: C("technospam.dashboard.quickActions.browseCourses", "Browse Courses")
+									})]
+								}),
+								/* @__PURE__ */ h(_, {
+									variant: "outline",
+									className: "flex h-auto flex-col items-center gap-2 p-4",
+									children: [/* @__PURE__ */ m(s, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
+										className: "text-xs",
+										children: C("technospam.dashboard.quickActions.hackathons", "Hackathons")
+									})]
+								}),
+								/* @__PURE__ */ h(_, {
+									variant: "outline",
+									className: "flex h-auto flex-col items-center gap-2 p-4",
+									children: [/* @__PURE__ */ m(d, { className: "h-5 w-5" }), /* @__PURE__ */ m("span", {
+										className: "text-xs",
+										children: C("technospam.dashboard.quickActions.studyPlan", "Study Plan")
+									})]
+								})
+							]
+						}) })] }),
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+							className: "flex flex-row items-center justify-between",
+							children: [/* @__PURE__ */ m(x, {
+								className: "text-base",
+								children: C("technospam.dashboard.currentlyLearning.title", "Currently Learning")
+							}), /* @__PURE__ */ h(_, {
+								variant: "ghost",
+								size: "sm",
+								className: "text-xs",
+								children: [
+									C("technospam.shared.actions.viewAll", "View All"),
+									" ",
+									/* @__PURE__ */ m(r, { className: "ml-1 h-3 w-3" })
+								]
+							})]
+						}), /* @__PURE__ */ m(y, {
+							className: "space-y-4",
+							children: [
+								{
+									courseId: "c1",
+									progress: 72
+								},
+								{
+									courseId: "c2",
+									progress: 45
+								},
+								{
+									courseId: "c3",
+									progress: 18
+								},
+								{
+									courseId: "c6",
+									progress: 90
+								}
+							].map((e) => {
+								let t = D.find((t) => t.id === e.courseId);
+								return t ? /* @__PURE__ */ h("div", {
+									className: "space-y-2",
+									children: [
+										/* @__PURE__ */ h("div", {
+											className: "flex items-center justify-between",
+											children: [/* @__PURE__ */ h("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ m("span", {
+													className: "text-sm font-medium",
+													children: t.title
+												}), /* @__PURE__ */ m(g, {
+													variant: "secondary",
+													className: "text-xs",
+													children: t.level
+												})]
+											}), /* @__PURE__ */ h("span", {
+												className: "text-sm text-muted-foreground",
+												children: [e.progress, "%"]
+											})]
+										}),
+										/* @__PURE__ */ m("div", {
+											className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+											children: /* @__PURE__ */ m("div", {
+												className: "h-2 rounded-full bg-primary",
+												style: { width: `${e.progress}%` }
+											})
+										}),
+										/* @__PURE__ */ m("p", {
+											className: "text-xs text-muted-foreground",
+											children: C("technospam.dashboard.currentlyLearning.courseMeta", "{{instructor}} · {{duration}}h", {
+												instructor: t.instructor,
+												duration: t.duration
+											})
+										})
+									]
+								}, e.courseId) : null;
+							})
+						})] }),
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+							className: "flex flex-row items-center justify-between",
+							children: [/* @__PURE__ */ m(x, {
+								className: "text-base",
+								children: C("technospam.dashboard.achievements.title", "Recent Achievements")
+							}), /* @__PURE__ */ h(_, {
+								variant: "ghost",
+								size: "sm",
+								className: "text-xs",
+								children: [
+									C("technospam.shared.actions.viewAll", "View All"),
+									" ",
+									/* @__PURE__ */ m(r, { className: "ml-1 h-3 w-3" })
+								]
+							})]
+						}), /* @__PURE__ */ m(y, { children: /* @__PURE__ */ m("div", {
+							className: "grid gap-3 sm:grid-cols-3",
+							children: j.map((e) => /* @__PURE__ */ h("div", {
+								className: "flex items-center gap-3 rounded-lg border border-border p-3",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
+									children: /* @__PURE__ */ m(i, { className: "h-5 w-5 text-primary" })
+								}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.reward
+								})] })]
+							}, e.id))
+						}) })] })
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+							className: "flex flex-row items-center justify-between",
+							children: [/* @__PURE__ */ h(x, {
+								className: "flex items-center gap-2 text-base",
+								children: [/* @__PURE__ */ m(a, { className: "h-4 w-4" }), C("technospam.dashboard.notifications.title", "Notifications")]
+							}), k.length > 0 && /* @__PURE__ */ m(g, {
+								variant: "secondary",
+								children: C("technospam.dashboard.notifications.newCount", "{{count}} new", { count: k.length })
+							})]
+						}), /* @__PURE__ */ m(y, {
+							className: "space-y-3",
+							children: T.slice(0, 4).map((e) => /* @__PURE__ */ h("div", {
+								className: `rounded-lg border p-3 ${e.read ? "border-border" : "border-primary/30 bg-primary/5"}`,
+								children: [/* @__PURE__ */ m("p", {
+									className: "text-sm font-medium",
+									children: e.title
+								}), /* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground line-clamp-2",
+									children: e.message
+								})]
+							}, e.id))
+						})] }),
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ m(s, { className: "h-4 w-4" }), C("technospam.dashboard.events.title", "Upcoming Events")]
+						}) }), /* @__PURE__ */ m(y, {
+							className: "space-y-3",
+							children: A.map((e) => /* @__PURE__ */ h("div", {
+								className: "rounded-lg border border-border p-3",
+								children: [
+									/* @__PURE__ */ m("p", {
+										className: "text-sm font-medium",
+										children: e.title
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "mt-1 flex items-center gap-2 text-xs text-muted-foreground",
+										children: [/* @__PURE__ */ m(c, { className: "h-3 w-3" }), /* @__PURE__ */ m("span", { children: new Date(e.startDate).toLocaleDateString() })]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "mt-1 flex items-center gap-1",
+										children: [/* @__PURE__ */ m(g, {
+											variant: "secondary",
+											className: "text-xs",
+											children: e.mode
+										}), /* @__PURE__ */ h(g, {
+											variant: "secondary",
+											className: "text-xs",
+											children: ["$", e.prizePool.toLocaleString()]
+										})]
+									})
+								]
+							}, e.id))
+						})] }),
+						/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+							className: "flex items-center gap-2 text-base",
+							children: [/* @__PURE__ */ m(f, { className: "h-4 w-4" }), C("technospam.dashboard.weeklyStats.title", "This Week")]
+						}) }), /* @__PURE__ */ h(y, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ m("span", {
+										className: "text-sm text-muted-foreground",
+										children: C("technospam.dashboard.weeklyStats.mentorshipSessions", "Mentorship Sessions")
+									}), /* @__PURE__ */ m("span", {
+										className: "text-sm font-medium",
+										children: w.mentorshipSessions
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ m("span", {
+										className: "text-sm text-muted-foreground",
+										children: C("technospam.dashboard.weeklyStats.contributions", "Contributions")
+									}), /* @__PURE__ */ m("span", {
+										className: "text-sm font-medium",
+										children: w.contributionsMade
+									})]
+								}),
+								/* @__PURE__ */ h("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ m("span", {
+										className: "text-sm text-muted-foreground",
+										children: C("technospam.dashboard.weeklyStats.hackathonsJoined", "Hackathons Joined")
+									}), /* @__PURE__ */ m("span", {
+										className: "text-sm font-medium",
+										children: w.hackathonsJoined
+									})]
+								})
+							]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { S as DashboardDashboardPagePage };
+
+//# sourceMappingURL=DashboardDashboardPagePage.js.map

package/dist/technospam/pages/DashboardDashboardPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/technospam/pages/DashboardDashboardPagePage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport {\n  BookOpen,\n  Code,\n  Flame,\n  Trophy,\n  Bell,\n  Calendar,\n  Target,\n  Award,\n  ArrowRight,\n  TrendingUp,\n  Clock,\n} from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function DashboardDashboardPagePage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n    tWithFallback(t, key, fallback, params);\n  const { userStats, notifications, hackathons, courses, achievements } = useTechnoSpamStore();\n\n  const unreadNotifications = notifications.filter((n) => !n.read);\n  const upcomingHackathons = hackathons.filter(\n    (h) => h.status === 'upcoming' || h.status === 'registration_open'\n  );\n  const recentAchievements = achievements.filter((a) => a.unlockedAt).slice(0, 3);\n\n  const courseProgress = [\n    { courseId: 'c1', progress: 72 },\n    { courseId: 'c2', progress: 45 },\n    { courseId: 'c3', progress: 18 },\n    { courseId: 'c6', progress: 90 },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">\n            {tr('technospam.dashboard.title', 'Welcome back!')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('technospam.dashboard.subtitle', \"Here's your learning overview for today\")}\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Badge variant=\"secondary\" className=\"flex items-center gap-1\">\n            <Flame className=\"h-3 w-3\" />\n            {tr('technospam.dashboard.hero.studyStreak', '{{count}} day streak', {\n              count: userStats.studyStreak,\n            })}\n          </Badge>\n          <Badge variant=\"secondary\">\n            {tr('technospam.dashboard.hero.rank', 'Rank #{{rank}}', { rank: userStats.rank })}\n          </Badge>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('technospam.dashboard.metrics.coursesCompleted.title', 'Courses Completed')}\n            </CardTitle>\n            <BookOpen className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.coursesCompleted}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr(\n                'technospam.dashboard.metrics.coursesCompleted.subtitle',\n                '{{count}} enrolled total',\n                {\n                  count: userStats.coursesEnrolled,\n                }\n              )}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('technospam.dashboard.metrics.problemsSolved.title', 'Problems Solved')}\n            </CardTitle>\n            <Code className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.problemsSolved}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr('technospam.dashboard.metrics.problemsSolved.subtitle', '+12 this week')}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('technospam.dashboard.metrics.studyStreak.title', 'Study Streak')}\n            </CardTitle>\n            <Flame className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {tr('technospam.dashboard.metrics.studyStreak.value', '{{count}} days', {\n                count: userStats.studyStreak,\n              })}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr(\n                'technospam.dashboard.metrics.studyStreak.subtitle',\n                '{{hours}}h total learning',\n                { hours: userStats.totalLearningHours }\n              )}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {tr('technospam.dashboard.metrics.totalPoints.title', 'Total Points')}\n            </CardTitle>\n            <Trophy className=\"h-4 w-4 text-muted-foreground\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{userStats.totalPoints.toLocaleString()}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {tr(\n                'technospam.dashboard.metrics.totalPoints.subtitle',\n                '{{count}} certificates earned',\n                { count: userStats.certificatesEarned }\n              )}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <div className=\"space-y-6 lg:col-span-2\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">\n                {tr('technospam.dashboard.quickActions.title', 'Quick Actions')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n                <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n                  <Code className=\"h-5 w-5\" />\n                  <span className=\"text-xs\">\n                    {tr('technospam.dashboard.quickActions.solveProblems', 'Solve Problems')}\n                  </span>\n                </Button>\n                <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n                  <BookOpen className=\"h-5 w-5\" />\n                  <span className=\"text-xs\">\n                    {tr('technospam.dashboard.quickActions.browseCourses', 'Browse Courses')}\n                  </span>\n                </Button>\n                <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n                  <Calendar className=\"h-5 w-5\" />\n                  <span className=\"text-xs\">\n                    {tr('technospam.dashboard.quickActions.hackathons', 'Hackathons')}\n                  </span>\n                </Button>\n                <Button variant=\"outline\" className=\"flex h-auto flex-col items-center gap-2 p-4\">\n                  <Target className=\"h-5 w-5\" />\n                  <span className=\"text-xs\">\n                    {tr('technospam.dashboard.quickActions.studyPlan', 'Study Plan')}\n                  </span>\n                </Button>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"text-base\">\n                {tr('technospam.dashboard.currentlyLearning.title', 'Currently Learning')}\n              </CardTitle>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n                {tr('technospam.shared.actions.viewAll', 'View All')}{' '}\n                <ArrowRight className=\"ml-1 h-3 w-3\" />\n              </Button>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {courseProgress.map((cp) => {\n                const course = courses.find((c) => c.id === cp.courseId);\n                if (!course) return null;\n                return (\n                  <div key={cp.courseId} className=\"space-y-2\">\n                    <div className=\"flex items-center justify-between\">\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-sm font-medium\">{course.title}</span>\n                        <Badge variant=\"secondary\" className=\"text-xs\">\n                          {course.level}\n                        </Badge>\n                      </div>\n                      <span className=\"text-sm text-muted-foreground\">{cp.progress}%</span>\n                    </div>\n                    <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                      <div\n                        className=\"h-2 rounded-full bg-primary\"\n                        style={{ width: `${cp.progress}%` }}\n                      />\n                    </div>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {tr(\n                        'technospam.dashboard.currentlyLearning.courseMeta',\n                        '{{instructor}} · {{duration}}h',\n                        { instructor: course.instructor, duration: course.duration }\n                      )}\n                    </p>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"text-base\">\n                {tr('technospam.dashboard.achievements.title', 'Recent Achievements')}\n              </CardTitle>\n              <Button variant=\"ghost\" size=\"sm\" className=\"text-xs\">\n                {tr('technospam.shared.actions.viewAll', 'View All')}{' '}\n                <ArrowRight className=\"ml-1 h-3 w-3\" />\n              </Button>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid gap-3 sm:grid-cols-3\">\n                {recentAchievements.map((achievement) => (\n                  <div\n                    key={achievement.id}\n                    className=\"flex items-center gap-3 rounded-lg border border-border p-3\"\n                  >\n                    <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                      <Award className=\"h-5 w-5 text-primary\" />\n                    </div>\n                    <div>\n                      <p className=\"text-sm font-medium\">{achievement.title}</p>\n                      <p className=\"text-xs text-muted-foreground\">{achievement.reward}</p>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between\">\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Bell className=\"h-4 w-4\" />\n                {tr('technospam.dashboard.notifications.title', 'Notifications')}\n              </CardTitle>\n              {unreadNotifications.length > 0 && (\n                <Badge variant=\"secondary\">\n                  {tr('technospam.dashboard.notifications.newCount', '{{count}} new', {\n                    count: unreadNotifications.length,\n                  })}\n                </Badge>\n              )}\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {notifications.slice(0, 4).map((notif) => (\n                <div\n                  key={notif.id}\n                  className={`rounded-lg border p-3 ${!notif.read ? 'border-primary/30 bg-primary/5' : 'border-border'}`}\n                >\n                  <p className=\"text-sm font-medium\">{notif.title}</p>\n                  <p className=\"text-xs text-muted-foreground line-clamp-2\">{notif.message}</p>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-4 w-4\" />\n                {tr('technospam.dashboard.events.title', 'Upcoming Events')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingHackathons.map((hack) => (\n                <div key={hack.id} className=\"rounded-lg border border-border p-3\">\n                  <p className=\"text-sm font-medium\">{hack.title}</p>\n                  <div className=\"mt-1 flex items-center gap-2 text-xs text-muted-foreground\">\n                    <Clock className=\"h-3 w-3\" />\n                    <span>{new Date(hack.startDate).toLocaleDateString()}</span>\n                  </div>\n                  <div className=\"mt-1 flex items-center gap-1\">\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {hack.mode}\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      ${hack.prizePool.toLocaleString()}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <TrendingUp className=\"h-4 w-4\" />\n                {tr('technospam.dashboard.weeklyStats.title', 'This Week')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr('technospam.dashboard.weeklyStats.mentorshipSessions', 'Mentorship Sessions')}\n                </span>\n                <span className=\"text-sm font-medium\">{userStats.mentorshipSessions}</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr('technospam.dashboard.weeklyStats.contributions', 'Contributions')}\n                </span>\n                <span className=\"text-sm font-medium\">{userStats.contributionsMade}</span>\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <span className=\"text-sm text-muted-foreground\">\n                  {tr('technospam.dashboard.weeklyStats.hackathonsJoined', 'Hackathons Joined')}\n                </span>\n                <span className=\"text-sm font-medium\">{userStats.hackathonsJoined}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAgB,IAA6B;CAC3C,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,GAAkB,MACzC,EAAc,GAAG,GAAK,GAAU,EAAO,EACnC,EAAE,cAAW,kBAAe,eAAY,YAAS,oBAAiB,GAAoB,EAEtF,IAAsB,EAAc,QAAQ,MAAM,CAAC,EAAE,KAAK,EAC1D,IAAqB,EAAW,QACnC,MAAM,EAAE,WAAW,cAAc,EAAE,WAAW,oBAChD,EACK,IAAqB,EAAa,QAAQ,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,EAAE;AAS/E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,8BAA8B,gBAAgB;KAC/C,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,iCAAiC,0CAA0C;KAC7E,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAArC,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAG,yCAAyC,wBAAwB,EACnE,OAAO,EAAU,aAClB,CAAC,CACI;SACR,kBAAC,GAAD;MAAO,SAAQ;gBACZ,EAAG,kCAAkC,kBAAkB,EAAE,MAAM,EAAU,MAAM,CAAC;MAC3E,CAAA,CACJ;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAG,uDAAuD,oBAAoB;OACrE,CAAA,EACZ,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAU;MAAuB,CAAA,EACtE,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,0DACA,4BACA,EACE,OAAO,EAAU,iBAClB,CACF;MACC,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAG,qDAAqD,kBAAkB;OACjE,CAAA,EACZ,kBAAC,GAAD,EAAM,WAAU,iCAAkC,CAAA,CACvC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAU;MAAqB,CAAA,EACpE,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAG,wDAAwD,gBAAgB;MAC1E,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAG,kDAAkD,eAAe;OAC3D,CAAA,EACZ,kBAAC,GAAD,EAAO,WAAU,iCAAkC,CAAA,CACxC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAG,kDAAkD,kBAAkB,EACtE,OAAO,EAAU,aAClB,CAAC;MACE,CAAA,EACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,qDACA,6BACA,EAAE,OAAO,EAAU,oBAAoB,CACxC;MACC,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA;KACP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAG,kDAAkD,eAAe;OAC3D,CAAA,EACZ,kBAAC,GAAD,EAAQ,WAAU,iCAAkC,CAAA,CACzC;SACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAsB,EAAU,YAAY,gBAAgB;MAAO,CAAA,EAClF,kBAAC,KAAD;MAAG,WAAU;gBACV,EACC,qDACA,iCACA,EAAE,OAAO,EAAU,oBAAoB,CACxC;MACC,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA;KACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAW,WAAU;iBAClB,EAAG,2CAA2C,gBAAgB;OACrD,CAAA,EACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD;SAAQ,SAAQ;SAAU,WAAU;mBAApC,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,mDAAmD,iBAAiB;UACnE,CAAA,CACA;;QACT,kBAAC,GAAD;SAAQ,SAAQ;SAAU,WAAU;mBAApC,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,mDAAmD,iBAAiB;UACnE,CAAA,CACA;;QACT,kBAAC,GAAD;SAAQ,SAAQ;SAAU,WAAU;mBAApC,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAChC,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,gDAAgD,aAAa;UAC5D,CAAA,CACA;;QACT,kBAAC,GAAD;SAAQ,SAAQ;SAAU,WAAU;mBAApC,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,+CAA+C,aAAa;UAC3D,CAAA,CACA;;QACL;UACM,CAAA,CACT,EAAA,CAAA;MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAG,gDAAgD,qBAAqB;QAC/D,CAAA,EACZ,kBAAC,GAAD;QAAQ,SAAQ;QAAQ,MAAK;QAAK,WAAU;kBAA5C;SACG,EAAG,qCAAqC,WAAW;SAAE;SACtD,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA;SAChC;UACE;UACb,kBAAC,GAAD;OAAa,WAAU;iBA5JV;QACrB;SAAE,UAAU;SAAM,UAAU;SAAI;QAChC;SAAE,UAAU;SAAM,UAAU;SAAI;QAChC;SAAE,UAAU;SAAM,UAAU;SAAI;QAChC;SAAE,UAAU;SAAM,UAAU;SAAI;QACjC,CAwJ2B,KAAK,MAAO;QAC1B,IAAM,IAAS,EAAQ,MAAM,MAAM,EAAE,OAAO,EAAG,SAAS;AAExD,eADK,IAEH,kBAAC,OAAD;SAAuB,WAAU;mBAAjC;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,OAAD;YAAK,WAAU;sBAAf,CACE,kBAAC,QAAD;aAAM,WAAU;uBAAuB,EAAO;aAAa,CAAA,EAC3D,kBAAC,GAAD;aAAO,SAAQ;aAAY,WAAU;uBAClC,EAAO;aACF,CAAA,CACJ;eACN,kBAAC,QAAD;YAAM,WAAU;sBAAhB,CAAiD,EAAG,UAAS,IAAQ;cACjE;;UACN,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,OAAD;YACE,WAAU;YACV,OAAO,EAAE,OAAO,GAAG,EAAG,SAAS,IAAI;YACnC,CAAA;WACE,CAAA;UACN,kBAAC,KAAD;WAAG,WAAU;qBACV,EACC,qDACA,kCACA;YAAE,YAAY,EAAO;YAAY,UAAU,EAAO;YAAU,CAC7D;WACC,CAAA;UACA;WAvBI,EAAG,SAuBP,GAzBY;SA2BpB;OACU,CAAA,CACT,EAAA,CAAA;MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAClB,EAAG,2CAA2C,sBAAsB;QAC3D,CAAA,EACZ,kBAAC,GAAD;QAAQ,SAAQ;QAAQ,MAAK;QAAK,WAAU;kBAA5C;SACG,EAAG,qCAAqC,WAAW;SAAE;SACtD,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA;SAChC;UACE;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAmB,KAAK,MACvB,kBAAC,OAAD;QAEE,WAAU;kBAFZ,CAIE,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,GAAD,EAAO,WAAU,wBAAyB,CAAA;SACtC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAY;SAAU,CAAA,EAC1D,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAY;SAAW,CAAA,CACjE,EAAA,CAAA,CACF;UAVC,EAAY,GAUb,CACN;OACE,CAAA,EACM,CAAA,CACT,EAAA,CAAA;MACH;QAEN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAArB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,4CAA4C,gBAAgB,CACtD;WACX,EAAoB,SAAS,KAC5B,kBAAC,GAAD;QAAO,SAAQ;kBACZ,EAAG,+CAA+C,iBAAiB,EAClE,OAAO,EAAoB,QAC5B,CAAC;QACI,CAAA,CAEC;UACb,kBAAC,GAAD;OAAa,WAAU;iBACpB,EAAc,MAAM,GAAG,EAAE,CAAC,KAAK,MAC9B,kBAAC,OAAD;QAEE,WAAW,yBAA0B,EAAM,OAA0C,kBAAnC;kBAFpD,CAIE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAM;SAAU,CAAA,EACpD,kBAAC,KAAD;SAAG,WAAU;mBAA8C,EAAM;SAAY,CAAA,CACzE;UALC,EAAM,GAKP,CACN;OACU,CAAA,CACT,EAAA,CAAA;MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAW,WAAU;iBAArB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,qCAAqC,kBAAkB,CACjD;UACD,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBACpB,EAAmB,KAAK,MACvB,kBAAC,OAAD;QAAmB,WAAU;kBAA7B;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAuB,EAAK;UAAU,CAAA;SACnD,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC7B,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CACxD;;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,GAAD;WAAO,SAAQ;WAAY,WAAU;qBAClC,EAAK;WACA,CAAA,EACR,kBAAC,GAAD;WAAO,SAAQ;WAAY,WAAU;qBAArC,CAA+C,KAC3C,EAAK,UAAU,gBAAgB,CAC3B;aACJ;;SACF;UAdI,EAAK,GAcT,CACN;OACU,CAAA,CACT,EAAA,CAAA;MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAW,WAAU;iBAArB,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EACjC,EAAG,0CAA0C,YAAY,CAChD;UACD,CAAA,EACb,kBAAC,GAAD;OAAa,WAAU;iBAAvB;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,uDAAuD,sBAAsB;UAC5E,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBAAuB,EAAU;UAA0B,CAAA,CACvE;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,kDAAkD,gBAAgB;UACjE,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBAAuB,EAAU;UAAyB,CAAA,CACtE;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAG,qDAAqD,oBAAoB;UACxE,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBAAuB,EAAU;UAAwB,CAAA,CACrE;;QACM;SACT,EAAA,CAAA;MACH;OACF;;GACF"}

package/dist/technospam/pages/HackathonsEventsPagePage.d.ts

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

package/dist/technospam/pages/HackathonsEventsPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HackathonsEventsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsEventsPagePage.tsx"],"names":[],"mappings":"AAIA,wBAAgB,wBAAwB,4CAgHvC"}