@lssm/example.learning-journey-ui-shared 0.0.0-canary-20251217083314 → 1.41.0

package/.turbo/turbo-build.log

@@ -1,26 +1,24 @@
-
-$ bun build:bundle && bun build:types
-$ tsdown
-ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
-ℹ config file: /Users/tboutron/Documents/clients/lssm/monorepo-lssm/packages/contractspec/packages/examples/learning-journey-ui-shared/tsdown.config.js (unrun)
-ℹ entry: src/index.ts, src/hooks/index.ts, src/components/index.ts, src/types.ts
-ℹ target: esnext
-ℹ tsconfig: tsconfig.json
-ℹ Build start
-ℹ Cleaning 15 files
-ℹ dist/index.mjs                131.07 kB │ gzip: 43.50 kB
-ℹ dist/components/index.mjs       0.17 kB │ gzip:  0.14 kB
-ℹ dist/hooks/index.mjs            0.10 kB │ gzip:  0.09 kB
-ℹ dist/types.mjs                  0.01 kB │ gzip:  0.03 kB
-ℹ dist/components-tyJAN4Ru.mjs    4.53 kB │ gzip:  1.63 kB
-ℹ dist/hooks-B-tDvppY.mjs         2.48 kB │ gzip:  0.87 kB
-ℹ dist/index.d.mts                1.58 kB │ gzip:  0.60 kB
-ℹ dist/types.d.mts                0.38 kB │ gzip:  0.19 kB
-ℹ dist/components/index.d.mts     0.16 kB │ gzip:  0.14 kB
-ℹ dist/hooks/index.d.mts          0.10 kB │ gzip:  0.09 kB
-ℹ dist/types-BMAby_Ku.d.mts       1.70 kB │ gzip:  0.60 kB
-ℹ dist/index-EWErSKip.d.mts       0.95 kB │ gzip:  0.37 kB
-ℹ dist/index-D_7WU_xm.d.mts       0.68 kB │ gzip:  0.35 kB
-ℹ 13 files, total: 143.90 kB
-✔ Build complete in 3574ms
-$ tsc --noEmit
+$ bun build:bundle && bun build:types
+$ tsdown
+ℹ tsdown v0.17.4 powered by rolldown v1.0.0-beta.53
+ℹ config file: /home/runner/work/contractspec/contractspec/packages/examples/learning-journey-ui-shared/tsdown.config.js 
+ℹ entry: src/index.ts, src/hooks/index.ts, src/components/index.ts, src/types.ts
+ℹ target: esnext
+ℹ tsconfig: tsconfig.json
+ℹ Build start
+ℹ dist/index.mjs                131.07 kB │ gzip: 43.50 kB
+ℹ dist/components/index.mjs       0.17 kB │ gzip:  0.14 kB
+ℹ dist/hooks/index.mjs            0.10 kB │ gzip:  0.09 kB
+ℹ dist/types.mjs                  0.01 kB │ gzip:  0.03 kB
+ℹ dist/components-tyJAN4Ru.mjs    4.53 kB │ gzip:  1.63 kB
+ℹ dist/hooks-B-tDvppY.mjs         2.48 kB │ gzip:  0.87 kB
+ℹ dist/index.d.mts                1.58 kB │ gzip:  0.60 kB
+ℹ dist/types.d.mts                0.38 kB │ gzip:  0.19 kB
+ℹ dist/components/index.d.mts     0.16 kB │ gzip:  0.14 kB
+ℹ dist/hooks/index.d.mts          0.10 kB │ gzip:  0.09 kB
+ℹ dist/types-BMAby_Ku.d.mts       1.70 kB │ gzip:  0.60 kB
+ℹ dist/index-EWErSKip.d.mts       0.95 kB │ gzip:  0.37 kB
+ℹ dist/index-D_7WU_xm.d.mts       0.68 kB │ gzip:  0.35 kB
+ℹ 13 files, total: 143.90 kB
+✔ Build complete in 9299ms
+$ tsc --noEmit

package/dist/components/index.d.mts

@@ -0,0 +1,2 @@
+import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "../index-EWErSKip.mjs";
+export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };

package/dist/components/index.mjs

@@ -0,0 +1,3 @@
+import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "../components-tyJAN4Ru.mjs";
+
+export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };

package/dist/components-tyJAN4Ru.mjs

@@ -0,0 +1,164 @@
+import { Progress } from "@lssm/lib.ui-kit-web/ui/progress";
+import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@lssm/lib.design-system";
+
+//#region src/components/XpBar.tsx
+const sizeStyles$2 = {
+	sm: "h-2",
+	md: "h-3",
+	lg: "h-4"
+};
+const labelSizeStyles = {
+	sm: "text-xs",
+	md: "text-sm",
+	lg: "text-base"
+};
+function XpBar({ current, max, level, showLabel = true, size = "md" }) {
+	const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "w-full space-y-1",
+		children: [showLabel && /* @__PURE__ */ jsxs("div", {
+			className: cn("flex items-center justify-between", labelSizeStyles[size]),
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "text-muted-foreground font-medium",
+				children: [level !== void 0 && /* @__PURE__ */ jsxs("span", {
+					className: "text-primary mr-1",
+					children: ["Lvl ", level]
+				}), "XP"]
+			}), /* @__PURE__ */ jsxs("span", {
+				className: "font-semibold",
+				children: [
+					current.toLocaleString(),
+					" / ",
+					max.toLocaleString()
+				]
+			})]
+		}), /* @__PURE__ */ jsx(Progress, {
+			value: percentage,
+			className: cn("bg-muted", sizeStyles$2[size])
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/StreakCounter.tsx
+const sizeStyles$1 = {
+	sm: {
+		container: "gap-1 px-2 py-1",
+		icon: "text-base",
+		text: "text-xs"
+	},
+	md: {
+		container: "gap-1.5 px-3 py-1.5",
+		icon: "text-lg",
+		text: "text-sm"
+	},
+	lg: {
+		container: "gap-2 px-4 py-2",
+		icon: "text-xl",
+		text: "text-base"
+	}
+};
+function StreakCounter({ days, isActive = true, size = "md" }) {
+	const styles = sizeStyles$1[size];
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles.icon,
+			role: "img",
+			"aria-label": "streak",
+			children: "🔥"
+		}), /* @__PURE__ */ jsxs("span", {
+			className: styles.text,
+			children: [
+				days,
+				" ",
+				days === 1 ? "day" : "days"
+			]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/BadgeDisplay.tsx
+const BADGE_ICONS = {
+	studio_first_30m: "🎯",
+	platform_tour: "🗺️",
+	crm_first_win: "🏆",
+	drill_master: "🧠",
+	coach_listener: "👂",
+	quest_complete: "⭐",
+	streak_7: "🔥",
+	streak_30: "💎",
+	default: "🏅"
+};
+const sizeStyles = {
+	sm: "h-6 w-6 text-sm",
+	md: "h-8 w-8 text-base",
+	lg: "h-10 w-10 text-lg"
+};
+function BadgeDisplay({ badges, maxVisible = 5, size = "md" }) {
+	const visibleBadges = badges.slice(0, maxVisible);
+	const hiddenCount = badges.length - maxVisible;
+	if (badges.length === 0) return /* @__PURE__ */ jsx("div", {
+		className: "text-muted-foreground text-sm",
+		children: "No badges earned yet"
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1",
+		children: [visibleBadges.map((badge) => /* @__PURE__ */ jsx("div", {
+			className: cn("flex items-center justify-center rounded-full bg-gradient-to-br from-amber-400/20 to-amber-600/20", sizeStyles[size]),
+			title: badge.replace(/_/g, " "),
+			children: BADGE_ICONS[badge] ?? BADGE_ICONS.default
+		}, badge)), hiddenCount > 0 && /* @__PURE__ */ jsxs("div", {
+			className: cn("text-muted-foreground bg-muted flex items-center justify-center rounded-full", sizeStyles[size], "text-xs font-medium"),
+			children: ["+", hiddenCount]
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/ViewTabs.tsx
+const VIEW_LABELS = {
+	overview: {
+		label: "Overview",
+		icon: "📊"
+	},
+	steps: {
+		label: "Steps",
+		icon: "📝"
+	},
+	progress: {
+		label: "Progress",
+		icon: "📈"
+	},
+	timeline: {
+		label: "Timeline",
+		icon: "📅"
+	}
+};
+const DEFAULT_VIEWS = [
+	"overview",
+	"steps",
+	"progress",
+	"timeline"
+];
+function ViewTabs({ currentView, onViewChange, availableViews = DEFAULT_VIEWS }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-wrap gap-2",
+		children: availableViews.map((view) => {
+			const { label, icon } = VIEW_LABELS[view];
+			return /* @__PURE__ */ jsxs(Button, {
+				variant: currentView === view ? "default" : "outline",
+				size: "sm",
+				onClick: () => onViewChange(view),
+				className: "gap-1.5",
+				children: [/* @__PURE__ */ jsx("span", { children: icon }), /* @__PURE__ */ jsx("span", { children: label })]
+			}, view);
+		})
+	});
+}
+
+//#endregion
+export { XpBar as i, BadgeDisplay as n, StreakCounter as r, ViewTabs as t };

package/dist/hooks/index.d.mts

@@ -0,0 +1,2 @@
+import { t as useLearningProgress } from "../index-D_7WU_xm.mjs";
+export { useLearningProgress };

package/dist/hooks/index.mjs

@@ -0,0 +1,3 @@
+import { t as useLearningProgress } from "../hooks-B-tDvppY.mjs";
+
+export { useLearningProgress };

package/dist/{hooks/useLearningProgress.js → hooks-B-tDvppY.mjs}

@@ -1,5 +1,3 @@
-'use client';
-
 import { useCallback, useMemo, useState } from "react";
 
 //#region src/hooks/useLearningProgress.ts
@@ -70,4 +68,4 @@ function useLearningProgress(track) {
 }
 
 //#endregion
-export { useLearningProgress };
+export { useLearningProgress as t };

package/dist/{hooks/useLearningProgress.d.ts → index-D_7WU_xm.d.mts}

@@ -1,4 +1,4 @@
-import { LearningProgressState } from "../types.js";
+import { r as LearningProgressState } from "./types-BMAby_Ku.mjs";
 import { LearningJourneyTrackSpec } from "@lssm/module.learning-journey/track-spec";
 
 //#region src/hooks/useLearningProgress.d.ts
@@ -18,4 +18,4 @@ declare function useLearningProgress(track: LearningJourneyTrackSpec): {
   incrementStreak: () => void;
 };
 //#endregion
-export { useLearningProgress };
+export { useLearningProgress as t };

package/dist/index-EWErSKip.d.mts

@@ -0,0 +1,34 @@
+import { c as XpBarProps, o as StreakCounterProps, s as ViewTabsProps, t as BadgeDisplayProps } from "./types-BMAby_Ku.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/XpBar.d.ts
+declare function XpBar({
+  current,
+  max,
+  level,
+  showLabel,
+  size
+}: XpBarProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/StreakCounter.d.ts
+declare function StreakCounter({
+  days,
+  isActive,
+  size
+}: StreakCounterProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/BadgeDisplay.d.ts
+declare function BadgeDisplay({
+  badges,
+  maxVisible,
+  size
+}: BadgeDisplayProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ViewTabs.d.ts
+declare function ViewTabs({
+  currentView,
+  onViewChange,
+  availableViews
+}: ViewTabsProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { XpBar as i, BadgeDisplay as n, StreakCounter as r, ViewTabs as t };

package/dist/{example.d.ts → index.d.mts}

@@ -1,3 +1,7 @@
+import { a as LearningViewProps, c as XpBarProps, i as LearningView, n as LearningMiniAppProps, o as StreakCounterProps, r as LearningProgressState, s as ViewTabsProps, t as BadgeDisplayProps } from "./types-BMAby_Ku.mjs";
+import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "./index-EWErSKip.mjs";
+import { t as useLearningProgress } from "./index-D_7WU_xm.mjs";
+
 //#region src/example.d.ts
 declare const example: {
   readonly id: "learning-journey-ui-shared";
@@ -29,4 +33,4 @@ declare const example: {
   };
 };
 //#endregion
-export { example as default };
+export { BadgeDisplay, type BadgeDisplayProps, type LearningMiniAppProps, type LearningProgressState, type LearningView, type LearningViewProps, StreakCounter, type StreakCounterProps, ViewTabs, type ViewTabsProps, XpBar, type XpBarProps, example, useLearningProgress };