@burdenoff/microfe-technospam 2026.509.101

package/dist/technospam/pages/CoursesCourseDetailsPagePage.js

@@ -0,0 +1,261 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { ArrowLeft as t, Award as n, BookOpen as r, CheckCircle as i, Clock as a, Sparkles as o, Star as s, User as c, Users as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/CoursesCourseDetailsPagePage.tsx
+var v = [
+	{
+		title: "Introduction & Setup",
+		duration: "2h",
+		lessons: 8
+	},
+	{
+		title: "Core Concepts & Fundamentals",
+		duration: "6h",
+		lessons: 15
+	},
+	{
+		title: "Advanced Patterns & Techniques",
+		duration: "8h",
+		lessons: 12
+	},
+	{
+		title: "Real-World Projects",
+		duration: "10h",
+		lessons: 6
+	},
+	{
+		title: "Testing & Best Practices",
+		duration: "4h",
+		lessons: 10
+	},
+	{
+		title: "Deployment & Performance",
+		duration: "3h",
+		lessons: 7
+	}
+], y = [
+	"Build production-ready applications with best practices",
+	"Understand and implement advanced design patterns",
+	"Write comprehensive tests and maintain high code quality",
+	"Deploy and optimize applications for performance",
+	"Collaborate effectively in team environments"
+];
+function b() {
+	let { courses: b } = e(), x = b[0];
+	return x ? /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ d(p, {
+				variant: "ghost",
+				size: "sm",
+				className: "text-muted-foreground",
+				children: [/* @__PURE__ */ u(t, { className: "mr-2 h-4 w-4" }), "Back to Courses"]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ d("div", {
+					className: "space-y-4 lg:col-span-2",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [
+								/* @__PURE__ */ u("span", {
+									className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${((e) => {
+										switch (e) {
+											case "beginner": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+											case "intermediate": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+											case "advanced": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+											case "expert": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
+											default: return "";
+										}
+									})(x.level)}`,
+									children: x.level
+								}),
+								/* @__PURE__ */ u(f, {
+									variant: "secondary",
+									children: x.category
+								}),
+								x.isFeatured && /* @__PURE__ */ d(f, {
+									variant: "secondary",
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ u(o, { className: "h-3 w-3" }), "Featured"]
+								})
+							]
+						}),
+						/* @__PURE__ */ u("h1", {
+							className: "text-3xl font-bold text-foreground",
+							children: x.title
+						}),
+						/* @__PURE__ */ u("p", {
+							className: "text-muted-foreground",
+							children: "Master the concepts and techniques needed to build professional-grade applications. This comprehensive course covers everything from fundamentals to advanced topics."
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "flex flex-wrap items-center gap-4 text-sm text-muted-foreground",
+							children: [
+								/* @__PURE__ */ d("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ u(c, { className: "h-4 w-4" }), x.instructor]
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ u(s, { className: "h-4 w-4 text-yellow-500" }),
+										x.rating,
+										" rating"
+									]
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ u(l, { className: "h-4 w-4" }),
+										x.enrollmentCount.toLocaleString(),
+										" students"
+									]
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ u(a, { className: "h-4 w-4" }),
+										x.duration,
+										" hours"
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "flex flex-wrap gap-1.5",
+							children: x.tags.map((e) => /* @__PURE__ */ u(f, {
+								variant: "outline",
+								children: e
+							}, e))
+						})
+					]
+				}), /* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+					className: "space-y-4 pt-6",
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "text-center",
+							children: /* @__PURE__ */ u("span", {
+								className: "text-3xl font-bold",
+								children: x.price === 0 ? "Free" : `$${x.price}`
+							})
+						}),
+						/* @__PURE__ */ u(p, {
+							className: "w-full",
+							size: "lg",
+							children: "Enroll Now"
+						}),
+						x.certificateAvailable && /* @__PURE__ */ d("div", {
+							className: "flex items-center justify-center gap-2 text-sm text-muted-foreground",
+							children: [/* @__PURE__ */ u(n, { className: "h-4 w-4 text-primary" }), "Certificate of Completion"]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "space-y-2 border-t border-border pt-4 text-sm text-muted-foreground",
+							children: [
+								/* @__PURE__ */ d("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ u("span", { children: "Duration" }), /* @__PURE__ */ d("span", {
+										className: "font-medium text-foreground",
+										children: [x.duration, " hours"]
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ u("span", { children: "Level" }), /* @__PURE__ */ u("span", {
+										className: "font-medium text-foreground capitalize",
+										children: x.level
+									})]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ u("span", { children: "Students" }), /* @__PURE__ */ u("span", {
+										className: "font-medium text-foreground",
+										children: x.enrollmentCount.toLocaleString()
+									})]
+								})
+							]
+						})
+					]
+				}) })]
+			}),
+			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, {
+				className: "text-base",
+				children: "What You'll Learn"
+			}) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ u("div", {
+				className: "grid gap-3 sm:grid-cols-2",
+				children: y.map((e) => /* @__PURE__ */ d("div", {
+					className: "flex items-start gap-2",
+					children: [/* @__PURE__ */ u(i, { className: "mt-0.5 h-4 w-4 shrink-0 text-green-500" }), /* @__PURE__ */ u("span", {
+						className: "text-sm",
+						children: e
+					})]
+				}, e))
+			}) })] }),
+			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ d(_, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Course Curriculum"]
+			}) }), /* @__PURE__ */ u(h, {
+				className: "space-y-3",
+				children: v.map((e, t) => /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between rounded-lg border border-border p-4",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ u("span", {
+							className: "flex h-8 w-8 items-center justify-center rounded-full bg-muted text-sm font-medium",
+							children: t + 1
+						}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							className: "text-sm font-medium",
+							children: e.title
+						}), /* @__PURE__ */ d("p", {
+							className: "text-xs text-muted-foreground",
+							children: [e.lessons, " lessons"]
+						})] })]
+					}), /* @__PURE__ */ u("span", {
+						className: "text-sm text-muted-foreground",
+						children: e.duration
+					})]
+				}, e.title))
+			})] }),
+			/* @__PURE__ */ d(m, { children: [/* @__PURE__ */ u(g, { children: /* @__PURE__ */ u(_, {
+				className: "text-base",
+				children: "About the Instructor"
+			}) }), /* @__PURE__ */ u(h, { children: /* @__PURE__ */ d("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ u("div", {
+					className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted",
+					children: /* @__PURE__ */ u(c, { className: "h-6 w-6 text-muted-foreground" })
+				}), /* @__PURE__ */ d("div", {
+					className: "space-y-1",
+					children: [
+						/* @__PURE__ */ u("p", {
+							className: "font-medium",
+							children: x.instructor
+						}),
+						/* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: "Expert instructor with years of industry experience. Passionate about helping students master complex topics through practical, hands-on learning."
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-2 text-xs text-muted-foreground",
+							children: [
+								/* @__PURE__ */ u(s, { className: "h-3 w-3 text-yellow-500" }),
+								/* @__PURE__ */ d("span", { children: [x.rating, " instructor rating"] }),
+								/* @__PURE__ */ u("span", { children: "·" }),
+								/* @__PURE__ */ d("span", { children: [x.enrollmentCount.toLocaleString(), " students"] })
+							]
+						})
+					]
+				})]
+			}) })] })
+		]
+	}) : /* @__PURE__ */ u("div", {
+		className: "p-6 text-center text-muted-foreground",
+		children: "Course not found"
+	});
+}
+//#endregion
+export { b as CoursesCourseDetailsPagePage };
+
+//# sourceMappingURL=CoursesCourseDetailsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCourseDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Star,\n  Users,\n  Clock,\n  Award,\n  ArrowLeft,\n  CheckCircle,\n  User,\n  Sparkles,\n  BookOpen,\n} from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst mockCurriculum = [\n  { title: 'Introduction & Setup', duration: '2h', lessons: 8 },\n  { title: 'Core Concepts & Fundamentals', duration: '6h', lessons: 15 },\n  { title: 'Advanced Patterns & Techniques', duration: '8h', lessons: 12 },\n  { title: 'Real-World Projects', duration: '10h', lessons: 6 },\n  { title: 'Testing & Best Practices', duration: '4h', lessons: 10 },\n  { title: 'Deployment & Performance', duration: '3h', lessons: 7 },\n];\n\nconst mockLearningOutcomes = [\n  'Build production-ready applications with best practices',\n  'Understand and implement advanced design patterns',\n  'Write comprehensive tests and maintain high code quality',\n  'Deploy and optimize applications for performance',\n  'Collaborate effectively in team environments',\n];\n\nexport function CoursesCourseDetailsPagePage() {\n  const { courses } = useTechnoSpamStore();\n  const course = courses[0];\n\n  if (!course) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Course not found</div>;\n  }\n\n  const levelColor = (level: string) => {\n    switch (level) {\n      case 'beginner':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'intermediate':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'advanced':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'expert':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n        <ArrowLeft className=\"mr-2 h-4 w-4\" />\n        Back to Courses\n      </Button>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        <div className=\"space-y-4 lg:col-span-2\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${levelColor(course.level)}`}\n            >\n              {course.level}\n            </span>\n            <Badge variant=\"secondary\">{course.category}</Badge>\n            {course.isFeatured && (\n              <Badge variant=\"secondary\" className=\"flex items-center gap-1\">\n                <Sparkles className=\"h-3 w-3\" />\n                Featured\n              </Badge>\n            )}\n          </div>\n          <h1 className=\"text-3xl font-bold text-foreground\">{course.title}</h1>\n          <p className=\"text-muted-foreground\">\n            Master the concepts and techniques needed to build professional-grade applications. This\n            comprehensive course covers everything from fundamentals to advanced topics.\n          </p>\n          <div className=\"flex flex-wrap items-center gap-4 text-sm text-muted-foreground\">\n            <span className=\"flex items-center gap-1\">\n              <User className=\"h-4 w-4\" />\n              {course.instructor}\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Star className=\"h-4 w-4 text-yellow-500\" />\n              {course.rating} rating\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Users className=\"h-4 w-4\" />\n              {course.enrollmentCount.toLocaleString()} students\n            </span>\n            <span className=\"flex items-center gap-1\">\n              <Clock className=\"h-4 w-4\" />\n              {course.duration} hours\n            </span>\n          </div>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {course.tags.map((tag) => (\n              <Badge key={tag} variant=\"outline\">\n                {tag}\n              </Badge>\n            ))}\n          </div>\n        </div>\n\n        <Card>\n          <CardContent className=\"space-y-4 pt-6\">\n            <div className=\"text-center\">\n              <span className=\"text-3xl font-bold\">\n                {course.price === 0 ? 'Free' : `$${course.price}`}\n              </span>\n            </div>\n            <Button className=\"w-full\" size=\"lg\">\n              Enroll Now\n            </Button>\n            {course.certificateAvailable && (\n              <div className=\"flex items-center justify-center gap-2 text-sm text-muted-foreground\">\n                <Award className=\"h-4 w-4 text-primary\" />\n                Certificate of Completion\n              </div>\n            )}\n            <div className=\"space-y-2 border-t border-border pt-4 text-sm text-muted-foreground\">\n              <div className=\"flex justify-between\">\n                <span>Duration</span>\n                <span className=\"font-medium text-foreground\">{course.duration} hours</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span>Level</span>\n                <span className=\"font-medium text-foreground capitalize\">{course.level}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span>Students</span>\n                <span className=\"font-medium text-foreground\">\n                  {course.enrollmentCount.toLocaleString()}\n                </span>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">What You&apos;ll Learn</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {mockLearningOutcomes.map((outcome) => (\n              <div key={outcome} className=\"flex items-start gap-2\">\n                <CheckCircle className=\"mt-0.5 h-4 w-4 shrink-0 text-green-500\" />\n                <span className=\"text-sm\">{outcome}</span>\n              </div>\n            ))}\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2 text-base\">\n            <BookOpen className=\"h-4 w-4\" />\n            Course Curriculum\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {mockCurriculum.map((section, index) => (\n            <div\n              key={section.title}\n              className=\"flex items-center justify-between rounded-lg border border-border p-4\"\n            >\n              <div className=\"flex items-center gap-3\">\n                <span className=\"flex h-8 w-8 items-center justify-center rounded-full bg-muted text-sm font-medium\">\n                  {index + 1}\n                </span>\n                <div>\n                  <p className=\"text-sm font-medium\">{section.title}</p>\n                  <p className=\"text-xs text-muted-foreground\">{section.lessons} lessons</p>\n                </div>\n              </div>\n              <span className=\"text-sm text-muted-foreground\">{section.duration}</span>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">About the Instructor</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"flex items-start gap-4\">\n            <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted\">\n              <User className=\"h-6 w-6 text-muted-foreground\" />\n            </div>\n            <div className=\"space-y-1\">\n              <p className=\"font-medium\">{course.instructor}</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Expert instructor with years of industry experience. Passionate about helping\n                students master complex topics through practical, hands-on learning.\n              </p>\n              <div className=\"flex items-center gap-2 text-xs text-muted-foreground\">\n                <Star className=\"h-3 w-3 text-yellow-500\" />\n                <span>{course.rating} instructor rating</span>\n                <span>&middot;</span>\n                <span>{course.enrollmentCount.toLocaleString()} students</span>\n              </div>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCoursesPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,sBAAsB,4CAsLrC"}

package/dist/technospam/pages/CoursesCoursesPagePage.js

@@ -0,0 +1,179 @@
+import { useTechnoSpamStore as e } from "../store/technospamStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useMemo as n, useState as r } from "react";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Award as a, Clock as o, Search as s, Sparkles as c, Star as l, Users as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/CoursesCoursesPagePage.tsx
+function b() {
+	let { t: b } = i(), x = (e, n, r) => t(b, e, n, r), { courses: S } = e(), [C, w] = r(""), [T, E] = r("all"), D = n(() => S.filter((e) => {
+		let t = C === "" || e.title.toLowerCase().includes(C.toLowerCase()) || e.instructor.toLowerCase().includes(C.toLowerCase()) || e.category.toLowerCase().includes(C.toLowerCase()) || e.tags.some((e) => e.toLowerCase().includes(C.toLowerCase())), n = T === "all" || e.level === T;
+		return t && n;
+	}), [
+		S,
+		C,
+		T
+	]), O = S.filter((e) => e.isFeatured).length, k = S.filter((e) => e.price === 0).length, A = (e) => {
+		switch (e) {
+			case "beginner": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
+			case "intermediate": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
+			case "advanced": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
+			case "expert": return "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400";
+			default: return "";
+		}
+	}, j = [
+		{
+			label: x("technospam.courses.filters.allLevels", "All Levels"),
+			value: "all"
+		},
+		{
+			label: x("technospam.courses.filters.beginner", "Beginner"),
+			value: "beginner"
+		},
+		{
+			label: x("technospam.courses.filters.intermediate", "Intermediate"),
+			value: "intermediate"
+		},
+		{
+			label: x("technospam.courses.filters.advanced", "Advanced"),
+			value: "advanced"
+		},
+		{
+			label: x("technospam.courses.filters.expert", "Expert"),
+			value: "expert"
+		}
+	];
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+					className: "text-2xl font-semibold text-foreground",
+					children: x("technospam.courses.title", "Course Catalog")
+				}), /* @__PURE__ */ d("p", {
+					className: "text-sm text-muted-foreground",
+					children: x("technospam.courses.subtitle", "{{count}} courses available", { count: S.length })
+				})] }), /* @__PURE__ */ f("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ d(p, {
+						variant: "secondary",
+						children: x("technospam.courses.badges.featured", "{{count}} Featured", { count: O })
+					}), /* @__PURE__ */ d(p, {
+						variant: "secondary",
+						children: x("technospam.courses.badges.free", "{{count}} Free", { count: k })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, {
+				className: "pt-6",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ f("div", {
+						className: "relative flex-1",
+						children: [/* @__PURE__ */ d(s, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(y, {
+							placeholder: x("technospam.courses.search.placeholder", "Search courses, instructors, topics..."),
+							value: C,
+							onChange: (e) => w(e.target.value),
+							className: "pl-9"
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "flex flex-wrap gap-2",
+						children: j.map((e) => /* @__PURE__ */ d(m, {
+							variant: T === e.value ? "default" : "outline",
+							size: "sm",
+							onClick: () => E(e.value),
+							children: e.label
+						}, e.value))
+					})]
+				})
+			}) }),
+			D.length === 0 ? /* @__PURE__ */ d("div", {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: x("technospam.courses.empty", "No courses match your filters")
+			}) : /* @__PURE__ */ d("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+				children: D.map((e) => /* @__PURE__ */ f(h, {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ d(_, {
+						className: "pb-3",
+						children: /* @__PURE__ */ f("div", {
+							className: "flex items-start justify-between",
+							children: [/* @__PURE__ */ f("div", {
+								className: "space-y-1",
+								children: [/* @__PURE__ */ d(v, {
+									className: "text-base leading-tight",
+									children: e.title
+								}), /* @__PURE__ */ d("p", {
+									className: "text-xs text-muted-foreground",
+									children: e.instructor
+								})]
+							}), e.isFeatured && /* @__PURE__ */ d(c, { className: "h-4 w-4 shrink-0 text-yellow-500" })]
+						})
+					}), /* @__PURE__ */ f(g, {
+						className: "flex flex-1 flex-col justify-between space-y-3",
+						children: [/* @__PURE__ */ f("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ f("div", {
+									className: "flex flex-wrap gap-1.5",
+									children: [/* @__PURE__ */ d("span", {
+										className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${A(e.level)}`,
+										children: e.level
+									}), /* @__PURE__ */ d(p, {
+										variant: "secondary",
+										className: "text-xs",
+										children: e.category
+									})]
+								}),
+								/* @__PURE__ */ f("div", {
+									className: "flex items-center gap-3 text-xs text-muted-foreground",
+									children: [
+										/* @__PURE__ */ f("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ d(l, { className: "h-3 w-3 text-yellow-500" }), e.rating]
+										}),
+										/* @__PURE__ */ f("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ d(u, { className: "h-3 w-3" }), e.enrollmentCount.toLocaleString()]
+										}),
+										/* @__PURE__ */ f("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ d(o, { className: "h-3 w-3" }), x("technospam.courses.course.duration", "{{hours}}h", { hours: e.duration })]
+										})
+									]
+								}),
+								/* @__PURE__ */ d("div", {
+									className: "flex flex-wrap gap-1",
+									children: e.tags.map((e) => /* @__PURE__ */ d(p, {
+										variant: "outline",
+										className: "text-xs",
+										children: e
+									}, e))
+								}),
+								e.certificateAvailable && /* @__PURE__ */ f("div", {
+									className: "flex items-center gap-1 text-xs text-muted-foreground",
+									children: [/* @__PURE__ */ d(a, { className: "h-3 w-3" }), x("technospam.courses.course.certificate", "Certificate available")]
+								})
+							]
+						}), /* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between pt-2",
+							children: [/* @__PURE__ */ d("span", {
+								className: "text-lg font-bold",
+								children: e.price === 0 ? x("technospam.courses.course.free", "Free") : x("technospam.courses.course.price", "${{price}}", { price: e.price })
+							}), /* @__PURE__ */ d(m, {
+								size: "sm",
+								children: x("technospam.courses.actions.enroll", "Enroll Now")
+							})]
+						})]
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+export { b as CoursesCoursesPagePage };
+
+//# sourceMappingURL=CoursesCoursesPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesCoursesPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesCoursesPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Search, Star, Users, Clock, Award, Sparkles } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\nimport { tWithFallback } from '../utils/i18n';\n\ntype LevelFilter = 'all' | 'beginner' | 'intermediate' | 'advanced' | 'expert';\n\nexport function CoursesCoursesPagePage() {\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 { courses } = useTechnoSpamStore();\n  const [searchTerm, setSearchTerm] = useState('');\n  const [levelFilter, setLevelFilter] = useState<LevelFilter>('all');\n\n  const filteredCourses = useMemo(() => {\n    return courses.filter((course) => {\n      const matchesSearch =\n        searchTerm === '' ||\n        course.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        course.instructor.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        course.category.toLowerCase().includes(searchTerm.toLowerCase()) ||\n        course.tags.some((tag) => tag.toLowerCase().includes(searchTerm.toLowerCase()));\n      const matchesLevel = levelFilter === 'all' || course.level === levelFilter;\n      return matchesSearch && matchesLevel;\n    });\n  }, [courses, searchTerm, levelFilter]);\n\n  const featuredCount = courses.filter((course) => course.isFeatured).length;\n  const freeCount = courses.filter((course) => course.price === 0).length;\n\n  const levelColor = (level: string) => {\n    switch (level) {\n      case 'beginner':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'intermediate':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'advanced':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'expert':\n        return 'bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-400';\n      default:\n        return '';\n    }\n  };\n\n  const levels: { label: string; value: LevelFilter }[] = [\n    { label: tr('technospam.courses.filters.allLevels', 'All Levels'), value: 'all' },\n    { label: tr('technospam.courses.filters.beginner', 'Beginner'), value: 'beginner' },\n    {\n      label: tr('technospam.courses.filters.intermediate', 'Intermediate'),\n      value: 'intermediate',\n    },\n    { label: tr('technospam.courses.filters.advanced', 'Advanced'), value: 'advanced' },\n    { label: tr('technospam.courses.filters.expert', 'Expert'), value: 'expert' },\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.courses.title', 'Course Catalog')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {tr('technospam.courses.subtitle', '{{count}} courses available', {\n              count: courses.length,\n            })}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge variant=\"secondary\">\n            {tr('technospam.courses.badges.featured', '{{count}} Featured', {\n              count: featuredCount,\n            })}\n          </Badge>\n          <Badge variant=\"secondary\">\n            {tr('technospam.courses.badges.free', '{{count}} Free', { count: freeCount })}\n          </Badge>\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"pt-6\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n            <div className=\"relative flex-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n              <Input\n                placeholder={tr(\n                  'technospam.courses.search.placeholder',\n                  'Search courses, instructors, topics...'\n                )}\n                value={searchTerm}\n                onChange={(e) => setSearchTerm(e.target.value)}\n                className=\"pl-9\"\n              />\n            </div>\n            <div className=\"flex flex-wrap gap-2\">\n              {levels.map((level) => (\n                <Button\n                  key={level.value}\n                  variant={levelFilter === level.value ? 'default' : 'outline'}\n                  size=\"sm\"\n                  onClick={() => setLevelFilter(level.value)}\n                >\n                  {level.label}\n                </Button>\n              ))}\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      {filteredCourses.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          {tr('technospam.courses.empty', 'No courses match your filters')}\n        </div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {filteredCourses.map((course) => (\n            <Card key={course.id} className=\"flex flex-col\">\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start justify-between\">\n                  <div className=\"space-y-1\">\n                    <CardTitle className=\"text-base leading-tight\">{course.title}</CardTitle>\n                    <p className=\"text-xs text-muted-foreground\">{course.instructor}</p>\n                  </div>\n                  {course.isFeatured && <Sparkles className=\"h-4 w-4 shrink-0 text-yellow-500\" />}\n                </div>\n              </CardHeader>\n              <CardContent className=\"flex flex-1 flex-col justify-between space-y-3\">\n                <div className=\"space-y-3\">\n                  <div className=\"flex flex-wrap gap-1.5\">\n                    <span\n                      className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${levelColor(course.level)}`}\n                    >\n                      {course.level}\n                    </span>\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {course.category}\n                    </Badge>\n                  </div>\n                  <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 text-yellow-500\" />\n                      {course.rating}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {course.enrollmentCount.toLocaleString()}\n                    </span>\n                    <span className=\"flex items-center gap-1\">\n                      <Clock className=\"h-3 w-3\" />\n                      {tr('technospam.courses.course.duration', '{{hours}}h', {\n                        hours: course.duration,\n                      })}\n                    </span>\n                  </div>\n                  <div className=\"flex flex-wrap gap-1\">\n                    {course.tags.map((tag) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                  {course.certificateAvailable && (\n                    <div className=\"flex items-center gap-1 text-xs text-muted-foreground\">\n                      <Award className=\"h-3 w-3\" />\n                      {tr('technospam.courses.course.certificate', 'Certificate available')}\n                    </div>\n                  )}\n                </div>\n                <div className=\"flex items-center justify-between pt-2\">\n                  <span className=\"text-lg font-bold\">\n                    {course.price === 0\n                      ? tr('technospam.courses.course.free', 'Free')\n                      : tr('technospam.courses.course.price', '${{price}}', {\n                          price: course.price,\n                        })}\n                  </span>\n                  <Button size=\"sm\">{tr('technospam.courses.actions.enroll', 'Enroll Now')}</Button>\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAiBA,SAAgB,IAAyB;CACvC,IAAM,EAAE,SAAM,GAAS,EACjB,KAAM,GAAa,GAAkB,MACzC,EAAc,GAAG,GAAK,GAAU,EAAO,EACnC,EAAE,eAAY,GAAoB,EAClC,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAa,KAAkB,EAAsB,MAAM,EAE5D,IAAkB,QACf,EAAQ,QAAQ,MAAW;EAChC,IAAM,IACJ,MAAe,MACf,EAAO,MAAM,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,IAC7D,EAAO,WAAW,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,IAClE,EAAO,SAAS,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,IAChE,EAAO,KAAK,MAAM,MAAQ,EAAI,aAAa,CAAC,SAAS,EAAW,aAAa,CAAC,CAAC,EAC3E,IAAe,MAAgB,SAAS,EAAO,UAAU;AAC/D,SAAO,KAAiB;GACxB,EACD;EAAC;EAAS;EAAY;EAAY,CAAC,EAEhC,IAAgB,EAAQ,QAAQ,MAAW,EAAO,WAAW,CAAC,QAC9D,IAAY,EAAQ,QAAQ,MAAW,EAAO,UAAU,EAAE,CAAC,QAE3D,KAAc,MAAkB;AACpC,UAAQ,GAAR;GACE,KAAK,WACH,QAAO;GACT,KAAK,eACH,QAAO;GACT,KAAK,WACH,QAAO;GACT,KAAK,SACH,QAAO;GACT,QACE,QAAO;;IAIP,IAAkD;EACtD;GAAE,OAAO,EAAG,wCAAwC,aAAa;GAAE,OAAO;GAAO;EACjF;GAAE,OAAO,EAAG,uCAAuC,WAAW;GAAE,OAAO;GAAY;EACnF;GACE,OAAO,EAAG,2CAA2C,eAAe;GACpE,OAAO;GACR;EACD;GAAE,OAAO,EAAG,uCAAuC,WAAW;GAAE,OAAO;GAAY;EACnF;GAAE,OAAO,EAAG,qCAAqC,SAAS;GAAE,OAAO;GAAU;EAC9E;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAG,4BAA4B,iBAAiB;KAC9C,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAG,+BAA+B,+BAA+B,EAChE,OAAO,EAAQ,QAChB,CAAC;KACA,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAQ;gBACZ,EAAG,sCAAsC,sBAAsB,EAC9D,OAAO,GACR,CAAC;MACI,CAAA,EACR,kBAAC,GAAD;MAAO,SAAQ;gBACZ,EAAG,kCAAkC,kBAAkB,EAAE,OAAO,GAAW,CAAC;MACvE,CAAA,CACJ;OACF;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,0EAA2E,CAAA,EAC7F,kBAAC,GAAD;OACE,aAAa,EACX,yCACA,yCACD;OACD,OAAO;OACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;OAC9C,WAAU;OACV,CAAA,CACE;SACN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAO,KAAK,MACX,kBAAC,GAAD;OAEE,SAAS,MAAgB,EAAM,QAAQ,YAAY;OACnD,MAAK;OACL,eAAe,EAAe,EAAM,MAAM;iBAEzC,EAAM;OACA,EANF,EAAM,MAMJ,CACT;MACE,CAAA,CACF;;IACM,CAAA,EACT,CAAA;GAEN,EAAgB,WAAW,IAC1B,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAG,4BAA4B,gCAAgC;IAC5D,CAAA,GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAgB,KAAK,MACpB,kBAAC,GAAD;KAAsB,WAAU;eAAhC,CACE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAW,WAAU;mBAA2B,EAAO;SAAkB,CAAA,EACzE,kBAAC,KAAD;SAAG,WAAU;mBAAiC,EAAO;SAAe,CAAA,CAChE;WACL,EAAO,cAAc,kBAAC,GAAD,EAAU,WAAU,oCAAqC,CAAA,CAC3E;;MACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UACE,WAAW,yEAAyE,EAAW,EAAO,MAAM;oBAE3G,EAAO;UACH,CAAA,EACP,kBAAC,GAAD;UAAO,SAAQ;UAAY,WAAU;oBAClC,EAAO;UACF,CAAA,CACJ;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,2BAA4B,CAAA,EAC3C,EAAO,OACH;;UACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAO,gBAAgB,gBAAgB,CACnC;;UACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAG,sCAAsC,cAAc,EACtD,OAAO,EAAO,UACf,CAAC,CACG;;UACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAO,KAAK,KAAK,MAChB,kBAAC,GAAD;UAAiB,SAAQ;UAAU,WAAU;oBAC1C;UACK,EAFI,EAEJ,CACR;SACE,CAAA;QACL,EAAO,wBACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAG,yCAAyC,wBAAwB,CACjE;;QAEJ;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAO,UAAU,IACd,EAAG,kCAAkC,OAAO,GAC5C,EAAG,mCAAmC,cAAc,EAClD,OAAO,EAAO,OACf,CAAC;QACD,CAAA,EACP,kBAAC,GAAD;QAAQ,MAAK;kBAAM,EAAG,qCAAqC,aAAa;QAAU,CAAA,CAC9E;SACM;QACT;OA/DI,EAAO,GA+DX,CACP;IACE,CAAA;GAEJ"}

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

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

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

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