@armoyu/ui 1.1.2 → 1.1.5

package/dist/components/modules/posts/widgets/PostInteractionsModal.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { X, Heart, Repeat, User as UserIcon, ChevronRight } from 'lucide-react';
+import Link from 'next/link';
+export function PostInteractionsModal({ isOpen, onClose, title = 'Etkileşimler', likes = [], reposts = [], defaultTab = 'likes' }) {
+    const [activeTab, setActiveTab] = React.useState(defaultTab);
+    if (!isOpen)
+        return null;
+    const currentList = activeTab === 'likes' ? likes : reposts;
+    return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4 md:p-6", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 backdrop-blur-md animate-in fade-in duration-300", onClick: onClose }), _jsxs("div", { className: "bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] w-full max-w-md relative z-10 shadow-2xl flex flex-col max-h-[80vh] overflow-hidden animate-in zoom-in-95 duration-300", children: [_jsxs("div", { className: "p-6 border-b border-armoyu-card-border flex items-center justify-between bg-black/5", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-10 h-10 rounded-2xl bg-blue-600/10 flex items-center justify-center text-blue-500", children: activeTab === 'likes' ? _jsx(Heart, { size: 20, fill: "currentColor" }) : _jsx(Repeat, { size: 20 }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-lg font-black text-armoyu-text uppercase italic tracking-tighter leading-none", children: title }), _jsxs("p", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest mt-1", children: [currentList.length, " Ki\u015Fi Listeleniyor"] })] })] }), _jsx("button", { onClick: onClose, className: "p-2 text-armoyu-text-muted hover:text-armoyu-text bg-black/10 hover:bg-black/20 rounded-xl transition-all", children: _jsx(X, { size: 20 }) })] }), _jsxs("div", { className: "flex border-b border-armoyu-card-border bg-black/5 px-2", children: [_jsxs("button", { onClick: () => setActiveTab('likes'), className: `flex-1 py-4 text-xs font-black uppercase tracking-widest transition-all relative ${activeTab === 'likes' ? 'text-blue-500' : 'text-armoyu-text-muted hover:text-armoyu-text'}`, children: ["Be\u011Feniler", activeTab === 'likes' && _jsx("div", { className: "absolute bottom-0 left-4 right-4 h-0.5 bg-blue-500 rounded-full" })] }), _jsxs("button", { onClick: () => setActiveTab('reposts'), className: `flex-1 py-4 text-xs font-black uppercase tracking-widest transition-all relative ${activeTab === 'reposts' ? 'text-green-500' : 'text-armoyu-text-muted hover:text-armoyu-text'}`, children: ["Yeniden Payla\u015F\u0131mlar", activeTab === 'reposts' && _jsx("div", { className: "absolute bottom-0 left-4 right-4 h-0.5 bg-green-500 rounded-full" })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4 custom-scrollbar", children: currentList.length > 0 ? (_jsx("div", { className: "space-y-2", children: currentList.map((user, idx) => (_jsxs(Link, { href: user.getProfileUrl(), onClick: onClose, className: "flex items-center gap-4 p-3 rounded-2xl hover:bg-black/5 dark:hover:bg-white/5 transition-all group border border-transparent hover:border-armoyu-card-border", children: [_jsxs("div", { className: "relative shrink-0", children: [_jsx("img", { src: user.avatar, className: "w-11 h-11 rounded-2xl object-cover ring-2 ring-transparent group-hover:ring-blue-500/30 transition-all font-bold", alt: "" }), user.verified && (_jsx("div", { className: "absolute -bottom-1 -right-1 bg-blue-500 text-white p-0.5 rounded-lg border-2 border-armoyu-card-bg shadow-sm", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }))] }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-sm font-black text-armoyu-text uppercase italic tracking-tighter truncate", children: user.displayName }), _jsxs("div", { className: "text-[10px] font-bold text-armoyu-text-muted uppercase tracking-widest leading-none", children: ["@", user.username] })] }), _jsx(ChevronRight, { size: 16, className: "text-armoyu-text-muted opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" })] }, user.id || idx))) })) : (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 text-center opacity-40", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-black/10 flex items-center justify-center mb-4", children: _jsx(UserIcon, { size: 32 }) }), _jsx("h4", { className: "text-sm font-black uppercase italic tracking-widest", children: "Hen\u00FCz Kimse Yok" }), _jsx("p", { className: "text-[10px] font-medium uppercase mt-2", children: "Bu payla\u015F\u0131m hen\u00FCz etkile\u015Fim almam\u0131\u015F." })] })) }), _jsx("div", { className: "p-4 border-t border-armoyu-card-border bg-black/5 text-center", children: _jsx("button", { onClick: onClose, className: "text-[10px] font-black text-armoyu-text-muted hover:text-armoyu-text uppercase tracking-widest transition-all", children: "Kapat" }) })] })] }));
+}
+//# sourceMappingURL=PostInteractionsModal.js.map

package/dist/components/modules/posts/widgets/PostInteractionsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostInteractionsModal.js","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/PostInteractionsModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/posts/widgets/RepostModal.d.ts

@@ -0,0 +1,22 @@
+import { User } from '@armoyu/core';
+import { PostMedia } from './MediaLightbox';
+interface RepostModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    post: {
+        id: string;
+        author: User;
+        content: string;
+        media?: PostMedia[];
+        createdAt: string;
+        stats?: {
+            likes: number;
+            comments: number;
+            reposts?: number;
+            shares: number;
+        };
+    };
+}
+export declare function RepostModal({ isOpen, onClose, post }: RepostModalProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=RepostModal.d.ts.map

package/dist/components/modules/posts/widgets/RepostModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepostModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/RepostModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAI5C,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE;QACJ,EAAE,EAAE,MAAM,CAAC;QACX,MAAM,EAAE,IAAI,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,SAAS,EAAE,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;YACd,QAAQ,EAAE,MAAM,CAAC;YACjB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,gBAAgB,kDA2ItE"}

package/dist/components/modules/posts/widgets/RepostModal.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { useAuth } from '../../../../context/AuthContext';
+import { useSocket } from '../../../../context/SocketContext';
+export function RepostModal({ isOpen, onClose, post }) {
+    const { user } = useAuth();
+    const { emit } = useSocket();
+    const [quoteText, setQuoteText] = useState('');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    useEffect(() => {
+        const handleEsc = (e) => {
+            if (e.key === 'Escape')
+                onClose();
+        };
+        window.addEventListener('keydown', handleEsc);
+        return () => window.removeEventListener('keydown', handleEsc);
+    }, [onClose]);
+    const handleRepostSubmit = (e) => {
+        e.preventDefault();
+        if (!user || isSubmitting)
+            return;
+        setIsSubmitting(true);
+        try {
+            // FULL SANITIZATION - Create a completely plain object with NO CLASS INSTANCES
+            const sanitizedAuthor = {
+                id: user.id || '',
+                username: user.username || '',
+                displayName: user.displayName || '',
+                avatar: user.avatar || '',
+                role: user.role ? { name: user.role.name, color: user.role.color } : null,
+                verified: !!user.verified
+            };
+            const sanitizedOriginalAuthor = {
+                id: post.author.id || '',
+                username: post.author.username || '',
+                displayName: post.author.displayName || '',
+                avatar: post.author.avatar || '',
+                role: post.author.role ? { name: post.author.role.name, color: post.author.role.color } : null,
+                verified: !!post.author.verified
+            };
+            const newPostData = {
+                id: 'p-repost-' + Date.now(),
+                author: sanitizedAuthor,
+                content: quoteText,
+                repostOf: {
+                    id: post.id,
+                    author: sanitizedOriginalAuthor,
+                    content: post.content,
+                    media: post.media || [],
+                    createdAt: post.createdAt,
+                    stats: post.stats || { likes: 0, comments: 0, reposts: 0, shares: 0 }
+                },
+                createdAt: 'Şimdi',
+                stats: { likes: 0, comments: 0, reposts: 0, shares: 0 },
+                hashtags: quoteText.match(/#\w+/g)?.map(t => t.replace('#', '')) || []
+            };
+            // Emit safely
+            emit('post', newPostData);
+            emit('post_repost_count', { postId: post.id });
+            setTimeout(() => {
+                onClose();
+                setQuoteText('');
+                setIsSubmitting(false);
+            }, 500);
+        }
+        catch (err) {
+            console.error('Repost error:', err);
+            setIsSubmitting(false);
+        }
+    };
+    if (!isOpen)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [_jsx("div", { className: "absolute inset-0 bg-[#0a0a0f]/90 backdrop-blur-xl animate-in fade-in duration-500", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-lg glass-panel bg-armoyu-card-bg border border-armoyu-card-border rounded-[40px] shadow-[0_32px_120px_rgba(0,0,0,0.6)] overflow-hidden animate-in zoom-in-95 fade-in duration-500", children: [_jsx("div", { className: "absolute top-0 right-0 w-64 h-64 bg-green-500/10 blur-[100px] rounded-full -mr-32 -mt-32 pointer-events-none" }), _jsx("div", { className: "absolute bottom-0 left-0 w-48 h-48 bg-blue-400/5 blur-[80px] rounded-full -ml-24 -mb-24 pointer-events-none" }), _jsxs("div", { className: "p-8 pb-6 border-b border-armoyu-card-border flex items-center justify-between relative z-10", children: [_jsxs("div", { children: [_jsx("h2", { className: "text-2xl font-black text-armoyu-text uppercase tracking-tighter italic", children: "YEN\u0130DEN PAYLA\u015E" }), _jsx("p", { className: "text-[10px] font-black text-green-500 uppercase tracking-widest mt-1", children: "G\u00D6NDER\u0130Y\u0130 TAK\u0130P\u00C7\u0130LER\u0130NE \u0130LET" })] }), _jsx("button", { onClick: onClose, className: "w-10 h-10 rounded-2xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border flex items-center justify-center hover:bg-black/10 transition-all font-bold", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "p-8 space-y-6 relative z-10", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1", children: "F\u0130KR\u0130N\u0130 EKLE (OPS\u0130YONEL)" }), _jsx("textarea", { rows: 3, value: quoteText, onChange: (e) => setQuoteText(e.target.value), placeholder: "Bu g\u00F6nderi hakk\u0131nda ne d\u00FC\u015F\u00FCn\u00FCyorsun?..", className: "w-full bg-black/10 dark:bg-black/20 border border-armoyu-card-border rounded-2xl px-5 py-4 text-armoyu-text placeholder:text-armoyu-text-muted/40 focus:outline-none focus:border-green-500/50 focus:ring-1 focus:ring-green-500/50 transition-all font-medium text-sm no-scrollbar resize-none" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-[10px] font-black uppercase tracking-widest text-armoyu-text-muted ml-1", children: "PAYLA\u015EILAN G\u00D6NDER\u0130" }), _jsxs("div", { className: "p-5 rounded-3xl bg-black/5 dark:bg-white/5 border border-armoyu-card-border", children: [_jsxs("div", { className: "flex items-center gap-3 mb-3", children: [_jsx("img", { src: post.author.avatar, alt: post.author.displayName, className: "w-8 h-8 rounded-full border border-armoyu-card-border" }), _jsxs("div", { children: [_jsx("h4", { className: "text-xs font-black text-armoyu-text leading-tight", children: post.author.displayName }), _jsxs("span", { className: "text-[10px] font-bold text-armoyu-text-muted opacity-60", children: ["@", post.author.username] })] })] }), _jsx("p", { className: "text-xs text-armoyu-text-muted line-clamp-2 leading-relaxed", children: post.content })] })] }), _jsxs("div", { className: "pt-4 space-y-3", children: [_jsx("button", { type: "button", onClick: handleRepostSubmit, disabled: isSubmitting, className: "w-full py-4 bg-green-500 hover:bg-green-400 text-black font-black text-xs uppercase tracking-[0.2em] rounded-2xl shadow-xl shadow-green-500/20 transition-all active:scale-95 flex items-center justify-center gap-2 cursor-pointer disabled:opacity-50", children: isSubmitting ? 'PAYLAŞILIYOR...' : 'YENİDEN PAYLAŞ' }), _jsx("button", { type: "button", onClick: onClose, className: "w-full py-4 text-armoyu-text-muted hover:text-red-500 font-black text-[10px] uppercase tracking-widest transition-colors", children: "\u0130PTAL ET" })] })] })] })] }));
+}
+//# sourceMappingURL=RepostModal.js.map

package/dist/components/modules/posts/widgets/RepostModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepostModal.js","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/RepostModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/posts/widgets/SocialFeed.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface SocialFeedProps {
+    category?: string;
+    categoryDetail?: string | number;
+    initialPosts?: any[];
+    profilePrefix?: string;
+    emptyMessage?: string;
+    autoFetch?: boolean;
+    live?: boolean;
+    className?: string;
+}
+export interface SocialFeedRef {
+    refresh: () => Promise<void>;
+    loadMore: () => Promise<void>;
+    reset: () => void;
+    prependPost: (post: any) => void;
+}
+export declare const SocialFeed: React.ForwardRefExoticComponent<SocialFeedProps & React.RefAttributes<SocialFeedRef>>;
+//# sourceMappingURL=SocialFeed.d.ts.map

package/dist/components/modules/posts/widgets/SocialFeed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialFeed.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/SocialFeed.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAQjG,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,uFA6KrB,CAAC"}

package/dist/components/modules/posts/widgets/SocialFeed.js

@@ -0,0 +1,120 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useCallback, useImperativeHandle, forwardRef } from 'react';
+import { useSocket } from '../../../../context/SocketContext';
+import { PostCard } from './PostCard';
+import { useArmoyu } from '../../../../context/ArmoyuContext';
+import { useAuth } from '../../../../context/AuthContext';
+import { mapApiPostToCardProps } from '../../../../lib/utils/postUtils';
+import { RefreshCcw, FileX } from 'lucide-react';
+export const SocialFeed = forwardRef((props, ref) => {
+    const { category, categoryDetail, initialPosts = [], profilePrefix, emptyMessage = 'Henüz bir paylaşım bulunamadı.', autoFetch = true, live = false, className = '' } = props;
+    const { api } = useArmoyu();
+    const { user: currentUser } = useAuth();
+    const { on } = useSocket();
+    const [posts, setPosts] = useState(initialPosts);
+    const [page, setPage] = useState(1);
+    const [loading, setLoading] = useState(false);
+    const [hasMore, setHasMore] = useState(true);
+    const [error, setError] = useState(null);
+    const fetchPosts = useCallback(async (isLoadMore = false, forcePage) => {
+        // Auth Guard: Only fetch if we have a user
+        if (!currentUser) {
+            setError("Paylaşımları görmek için giriş yapmalısınız.");
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const targetPage = forcePage ?? (isLoadMore ? page + 1 : 1);
+            const limit = 20; // Default limit for pagination
+            const params = {
+                limit,
+                category,
+                categoryDetail: categoryDetail?.toString()
+            };
+            const response = await api.social.getPosts(targetPage, params);
+            if (response.durum !== 1) {
+                throw new Error(response.aciklama || "Paylaşımlar yüklenemedi.");
+            }
+            // Standardize response into array
+            const rawPosts = Array.isArray(response.icerik) ? response.icerik : (response.icerik ? [response.icerik] : []);
+            const mappedPosts = rawPosts.map(mapApiPostToCardProps);
+            if (isLoadMore) {
+                setPosts(prev => {
+                    // Prevent duplicates by checking IDs
+                    const existingIds = new Set(prev.map(p => p.id));
+                    const uniqueNewPosts = mappedPosts.filter(p => !existingIds.has(p.id));
+                    return [...prev, ...uniqueNewPosts];
+                });
+            }
+            else {
+                setPosts(mappedPosts);
+            }
+            setPage(targetPage);
+            setHasMore(mappedPosts.length >= limit); // If we got fewer than limit, there probably isn't more
+        }
+        catch (err) {
+            console.error('[SocialFeed] Fetch error:', err);
+            setError(err.message || "İçerik yüklenirken bir hata oluştu.");
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [api, currentUser, category, categoryDetail, page]);
+    // Live Socket Listeners
+    useEffect(() => {
+        if (!live)
+            return;
+        const offPost = on('post', (data) => {
+            const newPost = mapApiPostToCardProps(data);
+            setPosts(prev => {
+                if (prev.some(p => p.id === newPost.id))
+                    return prev;
+                return [newPost, ...prev];
+            });
+        });
+        const offLike = on('post_like', (data) => {
+            const { postId, newCount } = data;
+            setPosts(prev => prev.map(p => {
+                if (p.id === postId) {
+                    return { ...p, stats: { ...p.stats, likes: newCount } };
+                }
+                return p;
+            }));
+        });
+        const offDelete = on('post_delete', (data) => {
+            const { postId } = data;
+            setPosts(prev => prev.filter(p => p.id !== postId));
+        });
+        return () => {
+            offPost();
+            offLike();
+            offDelete();
+        };
+    }, [live, on]);
+    // Expose methods to parent (The "Object Oriented" part)
+    useImperativeHandle(ref, () => ({
+        refresh: () => fetchPosts(false, 1),
+        loadMore: () => fetchPosts(true),
+        reset: () => {
+            setPosts([]);
+            setPage(1);
+            setHasMore(true);
+            setError(null);
+        },
+        prependPost: (post) => {
+            setPosts(prev => [post, ...prev]);
+        }
+    }));
+    useEffect(() => {
+        if (autoFetch) {
+            setPosts([]); // Clear previous content when category changes
+            fetchPosts(false, 1);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [category, categoryDetail, currentUser, autoFetch]);
+    return (_jsx("div", { className: `space-y-6 ${className}`, children: _jsx("div", { className: "flex flex-col gap-6", children: loading && posts.length === 0 ? (_jsxs("div", { className: "py-20 flex flex-col items-center gap-4 opacity-50", children: [_jsx(RefreshCcw, { size: 32, className: "animate-spin text-blue-500" }), _jsx("span", { className: "text-xs font-black uppercase tracking-widest text-armoyu-text", children: "Ak\u0131\u015F G\u00FCncelleniyor..." })] })) : posts.length > 0 ? (_jsxs(_Fragment, { children: [posts.map((post) => (_jsx(PostCard, { ...post, profilePrefix: profilePrefix }, post.id))), hasMore && (_jsx("div", { className: "flex justify-center mt-6", children: _jsxs("button", { onClick: () => fetchPosts(true), disabled: loading, className: "px-8 py-3 bg-blue-600 hover:bg-blue-500 disabled:bg-gray-700/50 text-white rounded-2xl text-[11px] font-black uppercase tracking-widest transition-all shadow-xl shadow-blue-600/20 active:scale-95 flex items-center gap-3", children: [loading ? _jsx(RefreshCcw, { size: 14, className: "animate-spin" }) : _jsx(RefreshCcw, { size: 14 }), loading ? 'YÜKLENİYOR...' : 'DAHA FAZLA GÖSTER'] }) }))] })) : !loading && (_jsxs("div", { className: "py-20 text-center border-2 border-dashed border-white/5 rounded-[40px] opacity-40", children: [_jsx("div", { className: "mb-4 flex justify-center text-armoyu-text-muted", children: _jsx(FileX, { size: 48, strokeWidth: 1 }) }), _jsx("p", { className: "text-xs font-black uppercase tracking-widest text-armoyu-text", children: error ? 'BİR HATA OLUŞTU' : emptyMessage }), error && _jsx("p", { className: "text-[10px] font-bold text-red-500 mt-2 italic", children: error })] })) }) }));
+});
+SocialFeed.displayName = 'SocialFeed';
+//# sourceMappingURL=SocialFeed.js.map

package/dist/components/modules/posts/widgets/SocialFeed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SocialFeed.js","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/SocialFeed.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/posts/widgets/Stories.d.ts

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

package/dist/components/modules/posts/widgets/Stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/Stories.tsx"],"names":[],"mappings":"AAMA,wBAAgB,OAAO,4CAwBtB"}

package/dist/components/modules/posts/widgets/Stories.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { MOCK_STORIES } from '../../../../lib/constants/seedData';
+import { StoryViewer } from './StoryViewer';
+import { useAuth } from '../../../../context/AuthContext';
+export function Stories() {
+    const [activeStoryIndex, setActiveStoryIndex] = useState(null);
+    return (_jsxs("div", { className: "w-full bg-armoyu-card-bg border border-armoyu-card-border rounded-3xl p-4 shadow-sm overflow-hidden mb-6", children: [_jsx("div", { className: "flex gap-4 overflow-x-auto no-scrollbar pb-1 px-1", children: MOCK_STORIES.map((story, idx) => (_jsx(StoryItem, { story: story, onClick: () => setActiveStoryIndex(idx) }, story.id))) }), activeStoryIndex !== null && (_jsx(StoryViewer, { stories: MOCK_STORIES, initialStoryIndex: activeStoryIndex, onClose: () => setActiveStoryIndex(null) }))] }));
+}
+function StoryItem({ story, onClick }) {
+    const { user: currentUser } = useAuth();
+    const isMe = currentUser?.username === story.author?.username;
+    const hasUnseen = !story.isViewed;
+    const displayAvatar = isMe ? (currentUser?.avatar || story.author?.avatar) : story.author?.avatar;
+    return (_jsxs("div", { className: "flex flex-col items-center gap-1.5 shrink-0 cursor-pointer group select-none", onClick: onClick, children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: `p-[3px] rounded-full transition-transform group-hover:scale-105 active:scale-95 ${hasUnseen
+                            ? 'bg-gradient-to-tr from-[#f9ce34] via-[#ee2a7b] to-[#6228d7]'
+                            : isMe
+                                ? 'bg-transparent'
+                                : 'bg-armoyu-card-border'}`, children: _jsx("div", { className: "bg-armoyu-card-bg p-[2px] rounded-full", children: _jsx("img", { src: displayAvatar, alt: story.author?.username, className: `w-14 h-14 md:w-16 md:h-16 rounded-full border border-black/5 dark:border-white/10 object-cover ${!hasUnseen && !isMe ? 'grayscale-[0.5] opacity-80' : ''}` }) }) }), isMe && (_jsx("div", { className: "absolute bottom-0 right-0 w-5 h-5 bg-blue-500 rounded-full border-2 border-armoyu-card-bg flex items-center justify-center text-white", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), _jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })] }) }))] }), _jsx("span", { className: `text-[11px] md:text-xs font-bold truncate w-16 md:w-20 text-center transition-colors ${hasUnseen ? 'text-armoyu-text' : 'text-armoyu-text-muted'}`, children: isMe ? 'Hikayen' : story.author?.displayName || story.author?.username })] }));
+}
+//# sourceMappingURL=Stories.js.map

package/dist/components/modules/posts/widgets/Stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stories.js","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/Stories.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAE1D,MAAM,UAAU,OAAO;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE9E,OAAO,CACL,eAAK,SAAS,EAAC,0GAA0G,aACvH,cAAK,SAAS,EAAC,mDAAmD,YAC/D,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,GAAG,CAAC,IAFlC,KAAK,CAAC,EAAE,CAGb,CACH,CAAC,GACE,EAEL,gBAAgB,KAAK,IAAI,IAAI,CAC5B,KAAC,WAAW,IACV,OAAO,EAAE,YAAY,EACrB,iBAAiB,EAAE,gBAAgB,EACnC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,GACxC,CACH,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,KAAK,EAAE,OAAO,EAAyC;IAC1E,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,OAAO,EAAE,CAAC;IACxC,MAAM,IAAI,GAAG,WAAW,EAAE,QAAQ,KAAK,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC;IAC9D,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;IAClC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,IAAI,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC;IAElG,OAAO,CACL,eACE,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,UAAU,aAEvB,cAAK,SAAS,EAAE,mFAAmF,SAAS;4BAC1G,CAAC,CAAC,6DAA6D;4BAC/D,CAAC,CAAC,IAAI;gCACJ,CAAC,CAAC,gBAAgB;gCAClB,CAAC,CAAC,uBACJ,EAAE,YACF,cAAK,SAAS,EAAC,wCAAwC,YACrD,cACE,GAAG,EAAE,aAAa,EAClB,GAAG,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAC3B,SAAS,EAAE,kGAAkG,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,GACtK,GACE,GACF,EAGL,IAAI,IAAI,CACP,cAAK,SAAS,EAAC,uIAAuI,YACpJ,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,aAAC,eAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,EAAA,eAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAQ,IAAM,GAC5Q,CACP,IACG,EAEN,eAAM,SAAS,EAAE,wFAAwF,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,wBAAwB,EAAE,YACjK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,WAAW,IAAI,KAAK,CAAC,MAAM,EAAE,QAAQ,GAClE,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/modules/posts/widgets/StoryViewer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Story } from '@armoyu/core';
+interface StoryViewerProps {
+    stories: Story[];
+    initialStoryIndex: number;
+    onClose: () => void;
+}
+export declare function StoryViewer({ stories, initialStoryIndex, onClose }: StoryViewerProps): React.ReactPortal;
+export {};
+//# sourceMappingURL=StoryViewer.d.ts.map

package/dist/components/modules/posts/widgets/StoryViewer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryViewer.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/StoryViewer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,KAAK,EAAQ,MAAM,cAAc,CAAC;AAI3C,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,EAAE,CAAC;IACjB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,EAAE,gBAAgB,qBAsIpF"}

package/dist/components/modules/posts/widgets/StoryViewer.js

@@ -0,0 +1,51 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { useAuth } from '../../../../context/AuthContext';
+export function StoryViewer({ stories, initialStoryIndex, onClose }) {
+    const { user: currentUser } = useAuth();
+    const [currentIndex, setCurrentIndex] = useState(initialStoryIndex);
+    const [progress, setProgress] = useState(0);
+    const story = stories[currentIndex];
+    const isMe = currentUser?.username === story.author?.username;
+    useEffect(() => {
+        // Reset progress when story changes
+        setProgress(0);
+        const duration = 5000; // 5 seconds per story
+        const interval = 50;
+        const step = (interval / duration) * 100;
+        const timer = setInterval(() => {
+            setProgress((prev) => {
+                if (prev >= 100) {
+                    handleNext();
+                    return 0;
+                }
+                return prev + step;
+            });
+        }, interval);
+        return () => clearInterval(timer);
+    }, [currentIndex]);
+    const handleNext = () => {
+        if (currentIndex < stories.length - 1) {
+            setCurrentIndex(prev => prev + 1);
+        }
+        else {
+            onClose();
+        }
+    };
+    const handlePrev = () => {
+        if (currentIndex > 0) {
+            setCurrentIndex(prev => prev - 1);
+        }
+    };
+    // Scroll kilitleme
+    useEffect(() => {
+        document.body.style.overflow = 'hidden';
+        return () => { document.body.style.overflow = 'unset'; };
+    }, []);
+    return createPortal(_jsxs("div", { className: "fixed inset-0 z-[9999] bg-black flex items-center justify-center animate-in fade-in duration-300", children: [_jsx("div", { className: "absolute inset-0 overflow-hidden opacity-50", children: _jsx("img", { src: story.media, className: "w-full h-full object-cover blur-3xl scale-110", alt: "" }) }), _jsxs("div", { className: "relative w-full h-full max-w-[450px] md:h-[90%] md:aspect-[9/16] bg-[#1a1a1a] md:rounded-3xl shadow-2xl overflow-hidden flex flex-col", children: [_jsx("div", { className: "absolute top-4 left-4 right-4 z-20 flex gap-1", children: stories.map((_, idx) => (_jsx("div", { className: "h-1 flex-1 bg-white/20 rounded-full overflow-hidden", children: _jsx("div", { className: "h-full bg-white transition-all duration-50", style: {
+                                    width: idx === currentIndex ? `${progress}%` : idx < currentIndex ? '100%' : '0%'
+                                } }) }, idx))) }), _jsxs("div", { className: "absolute top-8 left-4 right-4 z-20 flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: story.author?.avatar, className: "w-9 h-9 rounded-full border border-white/20", alt: "" }), _jsxs("div", { className: "flex flex-col", children: [_jsx("span", { className: "text-white text-sm font-bold shadow-sm", children: isMe ? 'Hikayen' : story.author?.displayName || story.author?.username }), _jsx("span", { className: "text-white/60 text-[10px]", children: story.timestamp || '2 saat önce' })] })] }), _jsx("button", { onClick: onClose, className: "p-2 text-white hover:bg-white/10 rounded-full transition-colors", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }) })] }), _jsxs("div", { className: "flex-1 relative", children: [_jsx("img", { src: story.media, className: "w-full h-full object-cover", alt: "Story Content" }), _jsxs("div", { className: "absolute inset-0 flex", children: [_jsx("div", { className: "w-1/3 h-full cursor-w-resize", onClick: handlePrev }), _jsx("div", { className: "w-2/3 h-full cursor-e-resize", onClick: handleNext })] })] }), _jsxs("div", { className: "p-4 bg-black/40 backdrop-blur-md flex gap-3 items-center", children: [_jsx("input", { type: "text", placeholder: `@${story.author?.username} kişisine yanıt ver...`, className: "flex-1 bg-white/10 border border-white/10 rounded-full px-5 py-2.5 text-sm text-white placeholder-white/50 focus:outline-none focus:bg-white/20 transition-all shadow-sm" }), _jsx("button", { className: "text-white p-2", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }) }), _jsx("button", { className: "text-white p-2", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "22", y1: "2", x2: "11", y2: "13" }), _jsx("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })] }) })] })] }), _jsxs("div", { className: "hidden md:flex absolute inset-x-0 top-1/2 -translate-y-1/2 justify-between px-10 pointer-events-none", children: [_jsx("button", { onClick: handlePrev, disabled: currentIndex === 0, className: `pointer-events-auto p-4 bg-white/10 hover:bg-white/20 text-white rounded-full backdrop-blur-md transition-all ${currentIndex === 0 ? 'opacity-0 cursor-default' : 'opacity-100'}`, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("polyline", { points: "15 18 9 12 15 6" }) }) }), _jsx("button", { onClick: handleNext, className: "pointer-events-auto p-4 bg-white/10 hover:bg-white/20 text-white rounded-full backdrop-blur-md transition-all", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: _jsx("polyline", { points: "9 18 15 12 9 6" }) }) })] })] }), document.body);
+}
+//# sourceMappingURL=StoryViewer.js.map

package/dist/components/modules/posts/widgets/StoryViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryViewer.js","sourceRoot":"","sources":["../../../../../src/components/modules/posts/widgets/StoryViewer.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/posts/widgets/reels/ReelCard.d.ts

@@ -0,0 +1,16 @@
+import { User } from '@armoyu/core';
+export interface ReelCardProps {
+    id: string;
+    author: User;
+    videoUrl: string;
+    description?: string;
+    songName?: string;
+    stats: {
+        likes: number;
+        comments: number;
+        shares: number;
+    };
+    isActive?: boolean;
+}
+export declare function ReelCard({ id, author, videoUrl, description, songName, stats, isActive }: ReelCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReelCard.d.ts.map

package/dist/components/modules/posts/widgets/reels/ReelCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReelCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/posts/widgets/reels/ReelCard.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,IAAI,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,aAAa,2CA4LvG"}

package/dist/components/modules/posts/widgets/reels/ReelCard.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { Heart, MessageSquare, Share2, MoreVertical, Music, Play, Volume2, VolumeX } from 'lucide-react';
+import { RollingNumber } from '../../../../RollingNumber';
+export function ReelCard({ id, author, videoUrl, description, songName, stats, isActive }) {
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [isMuted, setIsMuted] = useState(false);
+    const [isLiked, setIsLiked] = useState(false);
+    const [showHeartAnim, setShowHeartAnim] = useState(false);
+    const [progress, setProgress] = useState(0);
+    const videoRef = useRef(null);
+    // Handle Play/Pause
+    useEffect(() => {
+        if (videoRef.current) {
+            if (isActive) {
+                videoRef.current.play().catch(() => {
+                    // Auto-play might be blocked by browser until interaction
+                    setIsPlaying(false);
+                });
+                setIsPlaying(true);
+            }
+            else {
+                videoRef.current.pause();
+                setIsPlaying(false);
+            }
+        }
+    }, [isActive]);
+    const togglePlay = () => {
+        if (videoRef.current) {
+            if (isPlaying) {
+                videoRef.current.pause();
+            }
+            else {
+                videoRef.current.play();
+            }
+            setIsPlaying(!isPlaying);
+        }
+    };
+    const handleTimeUpdate = () => {
+        if (videoRef.current) {
+            const p = (videoRef.current.currentTime / videoRef.current.duration) * 100;
+            setProgress(p);
+        }
+    };
+    const handleDoubleClick = (e) => {
+        if (!isLiked) {
+            setIsLiked(true);
+        }
+        setShowHeartAnim(true);
+        setTimeout(() => setShowHeartAnim(false), 800);
+    };
+    return (_jsxs("div", { className: "relative w-full h-full bg-black flex items-center justify-center overflow-hidden", children: [_jsx("video", { ref: videoRef, src: videoUrl, className: "w-full h-full object-cover cursor-pointer", loop: true, muted: isMuted, onClick: togglePlay, onDoubleClick: handleDoubleClick, onTimeUpdate: handleTimeUpdate, playsInline: true }), showHeartAnim && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center z-50 pointer-events-none", children: _jsx(Heart, { fill: "#3b82f6", className: "text-blue-500 w-24 h-24 animate-ping opacity-75" }) })), !isPlaying && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none bg-black/10 transition-opacity", children: _jsx("div", { className: "p-5 bg-black/20 backdrop-blur-md rounded-full text-white/80", children: _jsx(Play, { size: 48, fill: "currentColor" }) }) })), _jsxs("div", { className: "absolute right-3 bottom-24 z-20 flex flex-col items-center gap-6 animate-in slide-in-from-right-4 duration-500", children: [_jsxs("div", { className: "flex flex-col items-center gap-1 group", children: [_jsx("button", { onClick: () => setIsLiked(!isLiked), className: `p-3 rounded-full backdrop-blur-md transition-all active:scale-90 ${isLiked ? 'bg-blue-600 text-white' : 'bg-black/20 text-white hover:bg-black/40'}`, children: _jsx(Heart, { size: 28, fill: isLiked ? "currentColor" : "none" }) }), _jsx("span", { className: "text-xs font-black text-white shadow-sm uppercase tracking-tighter", children: _jsx(RollingNumber, { value: isLiked ? stats.likes + 1 : stats.likes }) })] }), _jsxs("div", { className: "flex flex-col items-center gap-1 group", children: [_jsx("button", { className: "p-3 rounded-full bg-black/20 backdrop-blur-md text-white hover:bg-black/40 transition-all active:scale-90", children: _jsx(MessageSquare, { size: 28 }) }), _jsx("span", { className: "text-xs font-black text-white shadow-sm uppercase tracking-tighter", children: stats.comments })] }), _jsxs("div", { className: "flex flex-col items-center gap-1 group", children: [_jsx("button", { className: "p-3 rounded-full bg-black/20 backdrop-blur-md text-white hover:bg-black/40 transition-all active:scale-90", children: _jsx(Share2, { size: 28 }) }), _jsx("span", { className: "text-xs font-black text-white shadow-sm uppercase tracking-tighter", children: stats.shares })] }), _jsx("button", { className: "p-3 text-white hover:text-blue-400 transition-colors", children: _jsx(MoreVertical, { size: 24 }) }), _jsx("button", { onClick: () => setIsMuted(!isMuted), className: "p-3 rounded-full bg-black/20 backdrop-blur-md text-white hover:bg-black/40 transition-all", children: isMuted ? _jsx(VolumeX, { size: 20 }) : _jsx(Volume2, { size: 20 }) })] }), _jsx("div", { className: "absolute bottom-0 left-0 right-16 z-10 p-5 bg-gradient-to-t from-black/80 via-black/40 to-transparent", children: _jsxs("div", { className: "flex flex-col gap-3 animate-in slide-in-from-bottom-4 duration-500", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("img", { src: author.avatar, className: "w-10 h-10 rounded-full border-2 border-white/50 shadow-md object-cover", alt: author.displayName }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-white font-black whitespace-nowrap uppercase tracking-tight italic", children: author.displayName }), author.verified && (_jsx("div", { className: "bg-blue-500 text-white rounded-full p-0.5", children: _jsx("svg", { width: "10", height: "10", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" }) }) }))] }), _jsxs("span", { className: "text-white/70 text-xs font-bold", children: ["@", author.username] })] }), _jsx("button", { className: "ml-2 px-4 py-1.5 bg-white text-black text-[10px] font-black rounded-full hover:bg-blue-500 hover:text-white transition-all uppercase tracking-widest shadow-lg active:scale-95", children: "TAK\u0130P ET" })] }), description && (_jsx("p", { className: "text-white/90 text-sm font-medium line-clamp-2 leading-tight", children: description })), _jsxs("div", { className: "flex items-center gap-2 text-white/80", children: [_jsx("div", { className: "animate-spin-slow", children: _jsx(Music, { size: 14 }) }), _jsx("div", { className: "overflow-hidden whitespace-nowrap w-[200px]", children: _jsx("p", { className: "text-xs font-black uppercase tracking-widest animate-marquee inline-block italic", children: songName || 'Orijinal Ses - ARMOYU' }) })] })] }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-white/10 z-30", children: _jsx("div", { className: "h-full bg-blue-500 shadow-[0_0_10px_rgba(59,130,246,0.8)] transition-all duration-300", style: { width: `${progress}%` } }) })] }));
+}
+//# sourceMappingURL=ReelCard.js.map

package/dist/components/modules/posts/widgets/reels/ReelCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReelCard.js","sourceRoot":"","sources":["../../../../../../src/components/modules/posts/widgets/reels/ReelCard.tsx"],"names":[],"mappings":"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"}

package/dist/components/modules/posts/widgets/reels/ReelsContainer.d.ts

@@ -0,0 +1,8 @@
+import { type ReelCardProps } from './ReelCard';
+interface ReelsContainerProps {
+    reels: Omit<ReelCardProps, 'isActive'>[];
+    initialReelId?: string;
+}
+export declare function ReelsContainer({ reels, initialReelId }: ReelsContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ReelsContainer.d.ts.map

package/dist/components/modules/posts/widgets/reels/ReelsContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReelsContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/modules/posts/widgets/reels/ReelsContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAE1D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,EAAE,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CA+C3E"}

package/dist/components/modules/posts/widgets/reels/ReelsContainer.js

@@ -0,0 +1,29 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { ReelCard } from './ReelCard';
+export function ReelsContainer({ reels, initialReelId }) {
+    const [activeId, setActiveId] = useState(initialReelId || reels[0]?.id);
+    const containerRef = useRef(null);
+    useEffect(() => {
+        const observerOptions = {
+            root: containerRef.current,
+            threshold: 0.8, // Must be 80% visible to be considered active
+        };
+        const handleIntersection = (entries) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const id = entry.target.getAttribute('data-reel-id');
+                    if (id)
+                        setActiveId(id);
+                }
+            });
+        };
+        const observer = new IntersectionObserver(handleIntersection, observerOptions);
+        const elements = containerRef.current?.querySelectorAll('[data-reel-id]');
+        elements?.forEach((el) => observer.observe(el));
+        return () => observer.disconnect();
+    }, [reels]);
+    return (_jsx("div", { ref: containerRef, className: "w-full h-screen bg-black overflow-y-scroll snap-y snap-mandatory scrollbar-hide", children: reels.map((reel) => (_jsx("div", { "data-reel-id": reel.id, className: "w-full h-full snap-start snap-always shrink-0", children: _jsx(ReelCard, { ...reel, isActive: activeId === reel.id }) }, reel.id))) }));
+}
+//# sourceMappingURL=ReelsContainer.js.map

package/dist/components/modules/posts/widgets/reels/ReelsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReelsContainer.js","sourceRoot":"","sources":["../../../../../../src/components/modules/posts/widgets/reels/ReelsContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAO1D,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,aAAa,EAAuB;IAC1E,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,aAAa,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACxE,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG;YACtB,IAAI,EAAE,YAAY,CAAC,OAAO;YAC1B,SAAS,EAAE,GAAG,EAAE,8CAA8C;SAC/D,CAAC;QAEF,MAAM,kBAAkB,GAAG,CAAC,OAAoC,EAAE,EAAE;YAClE,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;gBACxB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;oBACzB,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;oBACrD,IAAI,EAAE;wBAAE,WAAW,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC;QAC/E,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;QAE1E,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAEhD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,iFAAiF,YAE1F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,8BAEgB,IAAI,CAAC,EAAE,EACrB,SAAS,EAAC,+CAA+C,YAEzD,KAAC,QAAQ,OACH,IAAI,EACR,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,GAC9B,IAPG,IAAI,CAAC,EAAE,CAQR,CACP,CAAC,GAEE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/modules/profile/ProfileLayout.d.ts

@@ -0,0 +1,5 @@
+import { User } from '../../../models/auth/User';
+export declare function ProfileLayout({ user }: {
+    user?: User;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ProfileLayout.d.ts.map

package/dist/components/modules/profile/ProfileLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfileLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/modules/profile/ProfileLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAiBjD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,kDAiGtD"}