@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-achievement-unlock/index.es.js

@@ -0,0 +1,349 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Award as n, Crown as r, Gem as i, Shield as a, Target as o, Zap as s } from "lucide-react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/waka-achievement-unlock/index.tsx
+var d = {
+	common: {
+		gradient: "from-slate-400 to-slate-600",
+		glow: "shadow-slate-400/50",
+		glowColor: "hsl(var(--muted-foreground))",
+		borderColor: "border-slate-400",
+		bgColor: "bg-slate-100 dark:bg-slate-900",
+		textColor: "text-slate-600 dark:text-slate-400",
+		particleColors: [
+			"hsl(var(--muted-foreground))",
+			"hsl(var(--muted))",
+			"hsl(var(--border))"
+		],
+		label: "Common"
+	},
+	rare: {
+		gradient: "from-blue-400 to-blue-600",
+		glow: "shadow-blue-400/50",
+		glowColor: "hsl(var(--info))",
+		borderColor: "border-blue-400",
+		bgColor: "bg-blue-100 dark:bg-blue-950",
+		textColor: "text-blue-600 dark:text-blue-400",
+		particleColors: [
+			"hsl(var(--info))",
+			"hsl(var(--chart-1))",
+			"hsl(var(--primary))"
+		],
+		label: "Rare"
+	},
+	epic: {
+		gradient: "from-purple-400 to-purple-600",
+		glow: "shadow-purple-400/50",
+		glowColor: "hsl(var(--chart-2))",
+		borderColor: "border-purple-400",
+		bgColor: "bg-purple-100 dark:bg-purple-950",
+		textColor: "text-purple-600 dark:text-purple-400",
+		particleColors: [
+			"hsl(var(--chart-2))",
+			"hsl(var(--chart-3))",
+			"hsl(var(--primary))"
+		],
+		label: "Epic"
+	},
+	legendary: {
+		gradient: "from-amber-400 via-orange-500 to-red-500",
+		glow: "shadow-amber-400/50",
+		glowColor: "hsl(var(--warning))",
+		borderColor: "border-amber-400",
+		bgColor: "bg-amber-100 dark:bg-amber-950",
+		textColor: "text-amber-600 dark:text-amber-400",
+		particleColors: [
+			"hsl(var(--warning))",
+			"hsl(var(--chart-4))",
+			"hsl(var(--destructive))",
+			"hsl(var(--chart-5))"
+		],
+		label: "Legendary"
+	}
+};
+function f({ active: e, colors: t, count: n = 40 }) {
+	return e ? /* @__PURE__ */ u("div", {
+		className: "pointer-events-none absolute inset-0 overflow-hidden",
+		children: [[...Array(n)].map((e, r) => {
+			let i = r / n * 360, a = 80 + Math.random() * 60, o = 4 + Math.random() * 6, s = .8 + Math.random() * .4;
+			return /* @__PURE__ */ l("div", {
+				className: "absolute left-1/2 top-1/2 rounded-full animate-particle",
+				style: {
+					width: o,
+					height: o,
+					backgroundColor: t[Math.floor(Math.random() * t.length)],
+					"--angle": `${i}deg`,
+					"--distance": `${a}px`,
+					animationDuration: `${s}s`,
+					animationDelay: `${Math.random() * .2}s`
+				}
+			}, r);
+		}), /* @__PURE__ */ l("style", { children: "\n        @keyframes particle {\n          0% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0);\n            opacity: 0;\n          }\n        }\n        .animate-particle {\n          animation: particle 1s ease-out forwards;\n        }\n      " })]
+	}) : null;
+}
+function p({ active: e, color: t }) {
+	return e ? /* @__PURE__ */ u(c, { children: [
+		/* @__PURE__ */ l("div", {
+			className: "absolute inset-0 rounded-full animate-glow-pulse",
+			style: { background: `radial-gradient(circle, ${t}40 0%, transparent 70%)` }
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "absolute inset-0 rounded-full animate-glow-ring",
+			style: { boxShadow: `0 0 60px 20px ${t}60` }
+		}),
+		/* @__PURE__ */ l("style", { children: "\n        @keyframes glow-pulse {\n          0%, 100% { transform: scale(1); opacity: 0.8; }\n          50% { transform: scale(1.2); opacity: 1; }\n        }\n        @keyframes glow-ring {\n          0% { transform: scale(0.8); opacity: 0; }\n          50% { transform: scale(1.1); opacity: 1; }\n          100% { transform: scale(1.3); opacity: 0; }\n        }\n        .animate-glow-pulse {\n          animation: glow-pulse 2s ease-in-out infinite;\n        }\n        .animate-glow-ring {\n          animation: glow-ring 1.5s ease-out infinite;\n        }\n      " })
+	] }) : null;
+}
+function m({ active: e }) {
+	return e ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+		className: "absolute inset-0 overflow-hidden rounded-full",
+		children: /* @__PURE__ */ l("div", { className: "absolute inset-0 animate-shine" })
+	}), /* @__PURE__ */ l("style", { children: "\n        @keyframes shine {\n          0% {\n            transform: translateX(-100%) rotate(45deg);\n          }\n          50%, 100% {\n            transform: translateX(100%) rotate(45deg);\n          }\n        }\n        .animate-shine {\n          background: linear-gradient(\n            90deg,\n            transparent 0%,\n            rgba(255, 255, 255, 0.4) 50%,\n            transparent 100%\n          );\n          animation: shine 2s ease-in-out infinite;\n        }\n      " })] }) : null;
+}
+function h({ rarity: e }) {
+	let t = {
+		common: a,
+		rare: n,
+		epic: i,
+		legendary: r
+	}[e];
+	return /* @__PURE__ */ l(t, { className: "h-full w-full" });
+}
+function g({ achievement: n, isUnlocked: r = !1, audioSrc: i, enableSound: a = !0, onAnimationComplete: o, onClose: c, autoHideDelay: g = 5e3, size: _ = "default", className: v }) {
+	let [y, b] = t.useState(!1), [x, S] = t.useState("idle"), C = t.useRef(null), w = n.rarity || "common", T = d[w], E = {
+		sm: {
+			container: "w-64 p-4",
+			badge: "h-16 w-16",
+			iconSize: "h-8 w-8",
+			title: "text-lg",
+			description: "text-xs"
+		},
+		default: {
+			container: "w-80 p-6",
+			badge: "h-24 w-24",
+			iconSize: "h-12 w-12",
+			title: "text-xl",
+			description: "text-sm"
+		},
+		lg: {
+			container: "w-96 p-8",
+			badge: "h-32 w-32",
+			iconSize: "h-16 w-16",
+			title: "text-2xl",
+			description: "text-base"
+		}
+	}[_];
+	return t.useEffect(() => {
+		r && x === "idle" && (b(!0), S("reveal"), a && i && (C.current = new Audio(i), C.current.play().catch(() => {})), setTimeout(() => S("particles"), 300), setTimeout(() => {
+			S("complete"), o?.();
+		}, 1500), g > 0 && setTimeout(() => {
+			b(!1), c?.();
+		}, g));
+	}, [
+		r,
+		x,
+		a,
+		i,
+		g,
+		o,
+		c
+	]), t.useEffect(() => {
+		r || (S("idle"), b(!1));
+	}, [r]), y ? /* @__PURE__ */ u("div", {
+		className: "fixed inset-0 z-50 flex items-center justify-center",
+		children: [/* @__PURE__ */ l("div", {
+			className: "absolute inset-0 bg-black/60 backdrop-blur-sm animate-fadeIn",
+			onClick: () => {
+				b(!1), c?.();
+			}
+		}), /* @__PURE__ */ u("div", {
+			className: e("relative flex flex-col items-center rounded-2xl border bg-card text-card-foreground shadow-2xl", "animate-bounceIn", E.container, v),
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "mb-4 text-center",
+					children: /* @__PURE__ */ l("div", {
+						className: "text-xs font-semibold uppercase tracking-widest text-muted-foreground animate-slideDown",
+						children: "Achievement Unlocked!"
+					})
+				}),
+				/* @__PURE__ */ u("div", {
+					className: "relative mb-4",
+					children: [
+						/* @__PURE__ */ l(p, {
+							active: x !== "idle",
+							color: T.glowColor
+						}),
+						/* @__PURE__ */ l(f, {
+							active: x === "particles" || x === "complete",
+							colors: T.particleColors
+						}),
+						/* @__PURE__ */ u("div", {
+							className: e("relative flex items-center justify-center rounded-full border-4 bg-gradient-to-br", "transition-all duration-500", T.gradient, T.borderColor, E.badge, x === "idle" && "scale-0 opacity-0", x === "reveal" && "scale-110 opacity-100", x !== "idle" && "scale-100 opacity-100"),
+							children: [/* @__PURE__ */ l(m, { active: x === "complete" }), /* @__PURE__ */ l("div", {
+								className: e("text-white", E.iconSize),
+								children: n.icon || /* @__PURE__ */ l(h, { rarity: w })
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ l("div", {
+					className: e("mb-2 rounded-full px-3 py-1 text-xs font-bold uppercase tracking-wider", T.bgColor, T.textColor),
+					children: T.label
+				}),
+				/* @__PURE__ */ l("h3", {
+					className: e("mb-1 font-bold text-center", E.title, x !== "idle" && "animate-slideUp"),
+					children: n.title
+				}),
+				/* @__PURE__ */ l("p", {
+					className: e("text-center text-muted-foreground", E.description, x !== "idle" && "animate-slideUp"),
+					style: { animationDelay: "0.1s" },
+					children: n.description
+				}),
+				n.xpReward && /* @__PURE__ */ u("div", {
+					className: e("mt-4 flex items-center gap-2 rounded-full bg-gradient-to-r from-yellow-400 to-orange-500 px-4 py-2 text-white shadow-lg", x !== "idle" && "animate-slideUp"),
+					style: { animationDelay: "0.2s" },
+					children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", {
+						className: "font-bold",
+						children: [
+							"+",
+							n.xpReward,
+							" XP"
+						]
+					})]
+				}),
+				/* @__PURE__ */ l("style", { children: "\n          @keyframes fadeIn {\n            from { opacity: 0; }\n            to { opacity: 1; }\n          }\n          @keyframes bounceIn {\n            0% { transform: scale(0.5); opacity: 0; }\n            50% { transform: scale(1.05); }\n            100% { transform: scale(1); opacity: 1; }\n          }\n          @keyframes slideDown {\n            from { transform: translateY(-20px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n          }\n          @keyframes slideUp {\n            from { transform: translateY(20px); opacity: 0; }\n            to { transform: translateY(0); opacity: 1; }\n          }\n          .animate-fadeIn { animation: fadeIn 0.3s ease-out; }\n          .animate-bounceIn { animation: bounceIn 0.5s ease-out; }\n          .animate-slideDown { animation: slideDown 0.5s ease-out; }\n          .animate-slideUp { animation: slideUp 0.5s ease-out backwards; }\n        " })
+			]
+		})]
+	}) : null;
+}
+function _({ achievement: n, locked: r = !1, progress: i, size: a = "default", onClick: s, className: c }) {
+	let [f, p] = t.useState(!1), g = n.rarity || "common", _ = d[g], v = {
+		sm: {
+			badge: "h-12 w-12",
+			iconSize: "h-6 w-6"
+		},
+		default: {
+			badge: "h-16 w-16",
+			iconSize: "h-8 w-8"
+		},
+		lg: {
+			badge: "h-24 w-24",
+			iconSize: "h-12 w-12"
+		}
+	}[a];
+	return /* @__PURE__ */ u("div", {
+		className: e("group relative cursor-pointer", s && "cursor-pointer", c),
+		onClick: s,
+		onMouseEnter: () => p(!0),
+		onMouseLeave: () => p(!1),
+		children: [/* @__PURE__ */ u("div", {
+			className: e("relative flex items-center justify-center rounded-full border-2 transition-all duration-300", r ? "bg-muted border-muted-foreground/30" : e("bg-gradient-to-br", _.gradient, _.borderColor), v.badge, !r && f && "scale-110 shadow-lg", !r && _.glow),
+			style: !r && f ? { boxShadow: `0 0 20px 4px ${_.glowColor}40` } : {},
+			children: [
+				r && /* @__PURE__ */ l("div", {
+					className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/40",
+					children: /* @__PURE__ */ l(o, { className: "h-6 w-6 text-white/60" })
+				}),
+				!r && /* @__PURE__ */ l("div", {
+					className: e("text-white", v.iconSize),
+					children: n.icon || /* @__PURE__ */ l(h, { rarity: g })
+				}),
+				r && i !== void 0 && i > 0 && /* @__PURE__ */ u("svg", {
+					className: "absolute inset-0",
+					viewBox: "0 0 100 100",
+					children: [/* @__PURE__ */ l("circle", {
+						cx: "50",
+						cy: "50",
+						r: "46",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "4",
+						className: "text-muted-foreground/20"
+					}), /* @__PURE__ */ l("circle", {
+						cx: "50",
+						cy: "50",
+						r: "46",
+						fill: "none",
+						stroke: _.glowColor,
+						strokeWidth: "4",
+						strokeLinecap: "round",
+						strokeDasharray: `${i * 2.89} 289`,
+						transform: "rotate(-90 50 50)",
+						className: "transition-all duration-500"
+					})]
+				}),
+				!r && /* @__PURE__ */ l(m, { active: f })
+			]
+		}), f && /* @__PURE__ */ u("div", {
+			className: "absolute left-1/2 top-full z-10 mt-2 -translate-x-1/2 whitespace-nowrap rounded-lg bg-popover px-3 py-2 text-sm shadow-lg border animate-fadeIn",
+			children: [
+				/* @__PURE__ */ l("div", {
+					className: "font-semibold",
+					children: n.title
+				}),
+				r && i !== void 0 && /* @__PURE__ */ u("div", {
+					className: "text-xs text-muted-foreground",
+					children: [Math.round(i), "% complete"]
+				}),
+				/* @__PURE__ */ l("style", { children: "\n            @keyframes fadeIn {\n              from { opacity: 0; transform: translate(-50%, 10px); }\n              to { opacity: 1; transform: translate(-50%, 0); }\n            }\n            .animate-fadeIn { animation: fadeIn 0.2s ease-out; }\n          " })
+			]
+		})]
+	});
+}
+function v({ achievements: t, columns: n = 4, size: r = "default", onAchievementClick: i, className: a }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("grid gap-4", {
+			3: "grid-cols-3",
+			4: "grid-cols-4",
+			5: "grid-cols-5",
+			6: "grid-cols-6"
+		}[n], a),
+		children: t.map((e) => /* @__PURE__ */ u("div", {
+			className: "flex flex-col items-center gap-2",
+			children: [/* @__PURE__ */ l(_, {
+				achievement: e,
+				locked: e.locked,
+				progress: e.progress,
+				size: r,
+				onClick: () => i?.(e)
+			}), /* @__PURE__ */ l("span", {
+				className: "text-xs text-center text-muted-foreground truncate max-w-full",
+				children: e.title
+			})]
+		}, e.id))
+	});
+}
+function y({ achievements: e, unlockedIds: n = [], onUnlock: r }) {
+	let [i, a] = t.useState(new Set(n)), [o, s] = t.useState(null), [c, l] = t.useState([]), u = t.useCallback((t) => {
+		if (i.has(t)) return;
+		let n = e.find((e) => e.id === t);
+		n && (a((e) => /* @__PURE__ */ new Set([...e, t])), l((e) => [...e, {
+			...n,
+			unlockedAt: /* @__PURE__ */ new Date()
+		}]), r?.(n));
+	}, [
+		e,
+		i,
+		r
+	]);
+	return t.useEffect(() => {
+		!o && c.length > 0 && (s(c[0]), l((e) => e.slice(1)));
+	}, [o, c]), {
+		unlocked: i,
+		currentUnlock: o,
+		unlock: u,
+		dismissCurrentUnlock: t.useCallback(() => {
+			s(null);
+		}, []),
+		isUnlocked: t.useCallback((e) => i.has(e), [i]),
+		getProgress: t.useCallback((e) => i.has(e) ? 100 : 0, [i]),
+		unlockedCount: i.size,
+		totalCount: e.length,
+		completionPercentage: i.size / e.length * 100
+	};
+}
+//#endregion
+export { _ as WakaAchievementBadge, v as WakaAchievementGrid, g as WakaAchievementUnlock, y as useAchievements };

package/dist/components/waka-activity-feed/index.cjs.js

@@ -0,0 +1,15 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../button/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={achievement:{icon:i.Trophy,color:`text-yellow-600`,bgColor:`bg-yellow-100`,label:`Achievement`},level_up:{icon:i.TrendingUp,color:`text-green-600`,bgColor:`bg-green-100`,label:`Level Up`},purchase:{icon:i.ShoppingCart,color:`text-blue-600`,bgColor:`bg-blue-100`,label:`Purchase`},follow:{icon:i.UserPlus,color:`text-purple-600`,bgColor:`bg-purple-100`,label:`Follow`},challenge:{icon:i.Swords,color:`text-red-600`,bgColor:`bg-red-100`,label:`Challenge`},milestone:{icon:i.Flag,color:`text-orange-600`,bgColor:`bg-orange-100`,label:`Milestone`}};function s(e){let t=Math.floor((new Date().getTime()-e.getTime())/1e3);if(t<60)return`just now`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60);if(r<24)return`${r}h ago`;let i=Math.floor(r/24);if(i<7)return`${i}d ago`;let a=Math.floor(i/7);if(a<4)return`${a}w ago`;let o=Math.floor(i/30);return o<12?`${o}mo ago`:`${Math.floor(i/365)}y ago`}function c(e){let t=[],n=new Set;for(let r of e){if(n.has(r.id))continue;let i=e.filter(e=>e.id===r.id||n.has(e.id)||e.type!==r.type||e.content!==r.content?!1:Math.abs(new Date(e.timestamp).getTime()-new Date(r.timestamp).getTime())<3600*1e3);if(i.length>0){let e=i.map(e=>e.user),a=[r.user,...e];t.push({...r,user:r.user,groupedUsers:e,totalUsers:a.length}),i.forEach(e=>n.add(e.id))}else t.push(r);n.add(r.id)}return t}function l(e){return`groupedUsers`in e&&`totalUsers`in e}function u({user:e,size:n=`md`,className:r}){return(0,a.jsx)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full font-semibold flex-shrink-0`,{sm:`h-6 w-6 text-[10px]`,md:`h-10 w-10 text-sm`,lg:`h-12 w-12 text-base`}[n],e.avatar?``:`bg-muted text-muted-foreground`,r),children:e.avatar?(0,a.jsx)(`img`,{src:e.avatar,alt:e.name,className:`h-full w-full rounded-full object-cover`}):(e=>e.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2))(e.name)})}function d({users:e,max:n=3,size:r=`sm`}){let i=e.slice(0,n),o=e.length-n;return(0,a.jsxs)(`div`,{className:`flex -space-x-2`,children:[i.map((e,n)=>(0,a.jsx)(u,{user:e,size:r,className:t.cn(`ring-2 ring-background`,n>0&&`relative`)},e.id)),o>0&&(0,a.jsxs)(`div`,{className:t.cn(`flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium ring-2 ring-background`,r===`sm`?`h-6 w-6 text-[10px]`:`h-8 w-8 text-xs`),children:[`+`,o]})]})}function f({type:e,className:n}){let r=o[e],i=r.icon;return(0,a.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full flex-shrink-0`,r.bgColor,n),children:(0,a.jsx)(i,{className:t.cn(`h-4 w-4`,r.color)})})}function p({activity:e,showLikes:n,onLike:o,animated:c,isNew:p}){let[m,h]=r.useState(p&&c),g=l(e);r.useEffect(()=>{if(p&&c){h(!0);let e=setTimeout(()=>h(!1),500);return()=>clearTimeout(e)}},[p,c]);let _=t=>{t.stopPropagation(),o?.(e.id)},v=()=>{if(g){let t=e.totalUsers-1;return(0,a.jsxs)(`span`,{className:`font-medium`,children:[e.user.name,t>0&&(0,a.jsxs)(`span`,{className:`text-muted-foreground font-normal`,children:[` `,`and `,t,` `,t===1?`other`:`others`]})]})}return(0,a.jsx)(`span`,{className:`font-medium`,children:e.user.name})};return(0,a.jsxs)(`div`,{className:t.cn(`group flex gap-3 rounded-lg border bg-card p-4 transition-all duration-300`,`hover:bg-accent/50 hover:shadow-sm`,m&&`animate-slide-in-fade`),children:[(0,a.jsx)(`div`,{className:`flex-shrink-0`,children:g&&e.groupedUsers.length>0?(0,a.jsx)(d,{users:[e.user,...e.groupedUsers],max:3,size:`sm`}):(0,a.jsx)(u,{user:e.user,size:`md`})}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[v(),(0,a.jsx)(f,{type:e.type,className:`h-5 w-5`})]}),(0,a.jsx)(`p`,{className:`mt-1 text-sm text-foreground`,children:e.content})]}),(0,a.jsx)(`span`,{className:`flex-shrink-0 text-xs text-muted-foreground`,children:s(new Date(e.timestamp))})]}),e.metadata&&Object.keys(e.metadata).length>0&&(0,a.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:Object.entries(e.metadata).map(([e,t])=>(0,a.jsxs)(`span`,{className:`inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground`,children:[e,`: `,String(t)]},e))}),n&&(0,a.jsx)(`div`,{className:`mt-3 flex items-center gap-4`,children:(0,a.jsxs)(`button`,{onClick:_,className:t.cn(`flex items-center gap-1.5 text-sm transition-colors`,e.liked?`text-red-500`:`text-muted-foreground hover:text-red-500`),children:[(0,a.jsx)(i.Heart,{className:t.cn(`h-4 w-4`,e.liked&&`fill-current`)}),(0,a.jsx)(`span`,{children:e.likes||0})]})})]}),(0,a.jsx)(`style`,{children:`
+        @keyframes slide-in-fade {
+          0% {
+            opacity: 0;
+            transform: translateY(-10px);
+          }
+          100% {
+            opacity: 1;
+            transform: translateY(0);
+          }
+        }
+        .animate-slide-in-fade {
+          animation: slide-in-fade 0.3s ease-out;
+        }
+      `})]})}function m({activities:e,onLike:o,onLoadMore:s,hasMore:l=!1,loading:u=!1,showLikes:d=!0,groupSimilar:f=!1,maxItems:m,animated:h=!0,className:g}){let[_,v]=r.useState(new Set),y=r.useRef(new Set);r.useEffect(()=>{let t=new Set(e.map(e=>e.id)),n=new Set;if(t.forEach(e=>{y.current.has(e)||n.add(e)}),n.size>0&&y.current.size>0){v(n);let e=setTimeout(()=>v(new Set),500);return()=>clearTimeout(e)}y.current=t},[e]);let b=r.useMemo(()=>{let t=f?c(e):e;return m&&m>0&&(t=t.slice(0,m)),t},[e,f,m]);return b.length===0&&!u?(0,a.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center py-12 text-center`,g),children:[(0,a.jsx)(i.MessageCircle,{className:`h-12 w-12 text-muted-foreground/50 mb-4`}),(0,a.jsx)(`h3`,{className:`text-lg font-medium text-muted-foreground`,children:`No activities yet`}),(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground/70 mt-1`,children:`When there's activity, you'll see it here.`})]}):(0,a.jsxs)(`div`,{className:t.cn(`space-y-3`,g),children:[b.map(e=>(0,a.jsx)(p,{activity:e,showLikes:d,onLike:o,animated:h,isNew:_.has(e.id)},e.id)),u&&(0,a.jsx)(`div`,{className:`flex items-center justify-center py-4`,children:(0,a.jsx)(i.Loader2,{className:`h-6 w-6 animate-spin text-muted-foreground`})}),!u&&l&&s&&(0,a.jsx)(`div`,{className:`flex justify-center pt-2`,children:(0,a.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:s,className:`gap-2`,children:[(0,a.jsx)(i.ChevronDown,{className:`h-4 w-4`}),`Load more`]})})]})}function h({initialActivities:e=[],maxActivities:t=100}={}){let[n,i]=r.useState(e),[a,o]=r.useState(!1);return{activities:n,loading:a,addActivity:r.useCallback(e=>{i(n=>[e,...n].slice(0,t))},[t]),addActivities:r.useCallback(e=>{i(n=>[...e,...n].slice(0,t))},[t]),removeActivity:r.useCallback(e=>{i(t=>t.filter(t=>t.id!==e))},[]),toggleLike:r.useCallback(e=>{i(t=>t.map(t=>t.id===e?{...t,liked:!t.liked,likes:t.liked?(t.likes||1)-1:(t.likes||0)+1}:t))},[]),loadMore:r.useCallback(async e=>{o(!0);try{let n=await e();i(e=>{let r=new Set(e.map(e=>e.id)),i=n.filter(e=>!r.has(e.id));return[...e,...i].slice(0,t)})}finally{o(!1)}},[t]),refresh:r.useCallback(e=>{i(e)},[]),clear:r.useCallback(()=>{i([])},[]),setLoading:o}}exports.WakaActivityFeed=m,exports.default=m,exports.useActivityFeed=h;