@armoyu/ui 1.0.7 → 1.0.8

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/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":"AAKA,wBAAgB,OAAO,4CAwBtB"}

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

@@ -0,0 +1,16 @@
+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 '@/components/modules/posts/widgets/StoryViewer';
+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 }) {
+    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 ${story.hasUnseen
+                            ? 'bg-gradient-to-tr from-[#f9ce34] via-[#ee2a7b] to-[#6228d7]'
+                            : story.isMe
+                                ? 'bg-transparent'
+                                : 'bg-armoyu-card-border'}`, children: _jsx("div", { className: "bg-armoyu-card-bg p-[2px] rounded-full", children: _jsx("img", { src: story.user?.avatar, alt: story.user?.username, className: `w-14 h-14 md:w-16 md:h-16 rounded-full border border-black/5 dark:border-white/10 object-cover ${!story.hasUnseen && !story.isMe ? 'grayscale-[0.5] opacity-80' : ''}` }) }) }), story.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 ${story.hasUnseen ? 'text-armoyu-text' : 'text-armoyu-text-muted'}`, children: story.isMe ? 'Hikayen' : story.user?.displayName || story.user?.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,gDAAgD,CAAC;AAG7E,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,OAAO,CACL,eACE,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,OAAO,aAEhB,eAAK,SAAS,EAAC,UAAU,aAEvB,cAAK,SAAS,EAAE,mFAAmF,KAAK,CAAC,SAAS;4BAChH,CAAC,CAAC,6DAA6D;4BAC/D,CAAC,CAAC,KAAK,CAAC,IAAI;gCACV,CAAC,CAAC,gBAAgB;gCAClB,CAAC,CAAC,uBACJ,EAAE,YACF,cAAK,SAAS,EAAC,wCAAwC,YACrD,cACE,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EACvB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EACzB,SAAS,EAAE,kGAAkG,CAAC,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,GAClL,GACE,GACF,EAGL,KAAK,CAAC,IAAI,IAAI,CACb,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,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,wBAAwB,EAAE,YACvK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,IAAI,KAAK,CAAC,IAAI,EAAE,QAAQ,GACpE,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;AAE3C,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,qBAoIpF"}

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

@@ -0,0 +1,48 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+export function StoryViewer({ stories, initialStoryIndex, onClose }) {
+    const [currentIndex, setCurrentIndex] = useState(initialStoryIndex);
+    const [progress, setProgress] = useState(0);
+    const story = stories[currentIndex];
+    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.user?.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: story.isMe ? 'Hikayen' : story.user?.displayName || story.user?.username }), _jsx("span", { className: "text-white/60 text-[10px]", children: "2 saat \u00F6nce" })] })] }), _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.user?.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":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAS,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAChH,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAgB1D,MAAM,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAiB;IACtG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,oBAAoB;IACpB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;oBACjC,0DAA0D;oBAC1D,YAAY,CAAC,KAAK,CAAC,CAAC;gBACtB,CAAC,CAAC,CAAC;gBACH,YAAY,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACzB,YAAY,CAAC,KAAK,CAAC,CAAC;YACtB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,IAAI,SAAS,EAAE,CAAC;gBACd,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC3B,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC1B,CAAC;YACD,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACrB,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC;YAC3E,WAAW,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,CAAmB,EAAE,EAAE;QAChD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;QACD,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,UAAU,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,kFAAkF,aAG/F,gBACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,2CAA2C,EACrD,IAAI,QACJ,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,WAAW,SACX,EAGD,aAAa,IAAI,CAChB,cAAK,SAAS,EAAC,4EAA4E,YACzF,KAAC,KAAK,IAAC,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,iDAAiD,GAAG,GAChF,CACP,EAGA,CAAC,SAAS,IAAI,CACb,cAAK,SAAS,EAAC,sGAAsG,YACnH,cAAK,SAAS,EAAC,6DAA6D,YAC1E,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,cAAc,GAAG,GAClC,GACF,CACP,EAGD,eAAK,SAAS,EAAC,gHAAgH,aAG7H,eAAK,SAAS,EAAC,wCAAwC,aACrD,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EACnC,SAAS,EAAE,oEAAoE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,0CAA0C,EAAE,YAEhK,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,GAAI,GACrD,EACT,eAAM,SAAS,EAAC,oEAAoE,YAClF,KAAC,aAAa,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAAI,GAC5D,IACH,EAGN,eAAK,SAAS,EAAC,wCAAwC,aACrD,iBAAQ,SAAS,EAAC,2GAA2G,YAC3H,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACpB,EACT,eAAM,SAAS,EAAC,oEAAoE,YAAE,KAAK,CAAC,QAAQ,GAAQ,IACxG,EAGN,eAAK,SAAS,EAAC,wCAAwC,aACrD,iBAAQ,SAAS,EAAC,2GAA2G,YAC3H,KAAC,MAAM,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,EACT,eAAM,SAAS,EAAC,oEAAoE,YAAE,KAAK,CAAC,MAAM,GAAQ,IACtG,EAGN,iBAAQ,SAAS,EAAC,sDAAsD,YACtE,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,GACnB,EAGT,iBACE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EACnC,SAAS,EAAC,2FAA2F,YAEpG,OAAO,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GACjD,IACL,EAGN,cAAK,SAAS,EAAC,uGAAuG,YACpH,eAAK,SAAS,EAAC,oEAAoE,aAGjF,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,GAAG,EAAE,MAAM,CAAC,MAAM,EAClB,SAAS,EAAC,wEAAwE,EAClF,GAAG,EAAE,MAAM,CAAC,WAAW,GACvB,EACF,eAAK,SAAS,EAAC,eAAe,aAC5B,eAAK,SAAS,EAAC,2BAA2B,aACxC,eAAM,SAAS,EAAC,yEAAyE,YACtF,MAAM,CAAC,WAAW,GACd,EACN,MAAM,CAAC,QAAQ,IAAI,CACjB,cAAK,SAAS,EAAC,2CAA2C,YACvD,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,YAAC,eAAM,CAAC,EAAC,6CAA6C,GAAQ,GAAM,GACpI,CACR,IACG,EACN,gBAAM,SAAS,EAAC,iCAAiC,kBAAG,MAAM,CAAC,QAAQ,IAAQ,IACvE,EACN,iBAAQ,SAAS,EAAC,gLAAgL,8BAEzL,IACL,EAGL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,8DAA8D,YACxE,WAAW,GACV,CACL,EAGD,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACf,EACN,cAAK,SAAS,EAAC,6CAA6C,YAC1D,YAAG,SAAS,EAAC,kFAAkF,YAC5F,QAAQ,IAAI,uBAAuB,GAClC,GACA,IACF,IACF,GACF,EAGN,cAAK,SAAS,EAAC,uDAAuD,YACpE,cACE,SAAS,EAAC,uFAAuF,EACjG,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAChC,GACE,IAEF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type ReelCardProps } from '@/components/modules/posts/widgets/reels/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,mDAAmD,CAAC;AAEjG,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 '@/components/modules/posts/widgets/reels/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,mDAAmD,CAAC;AAOjG,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 '@armoyu/core';
+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,EAAQ,MAAM,cAAc,CAAC;AAgB1C,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,IAAI,CAAA;CAAE,kDAkGtD"}

package/dist/components/modules/profile/ProfileLayout.js

@@ -0,0 +1,71 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { User } from '@armoyu/core';
+// Shared Contexts from main index
+import { useAuth, useArmoyu } from '../../../index';
+// Module specific widgets
+import { ProfileHeader } from './widgets/ProfileHeader';
+import { ProfileStats } from './widgets/ProfileStats';
+import { ProfileSidebar } from './widgets/ProfileSidebar';
+import { ProfileTabsArea } from './widgets/ProfileTabsArea';
+import { CloudStorageModal } from './widgets/CloudStorageModal';
+export function ProfileLayout({ user }) {
+    const { user: currentUser } = useAuth();
+    const { api: armoyuApi } = useArmoyu();
+    const [activeTab, setActiveTab] = useState('Kariyer');
+    const [isCloudModalOpen, setIsCloudModalOpen] = useState(false);
+    const [friends, setFriends] = useState([]);
+    const [isLoadingFriends, setIsLoadingFriends] = useState(false);
+    const [hasFetchedFriends, setHasFetchedFriends] = useState(false);
+    const [friendsPage, setFriendsPage] = useState(1);
+    const [hasMoreFriends, setHasMoreFriends] = useState(true);
+    // Use currentUser from context if it's our own profile to ensure reactivity
+    const isOwnProfile = currentUser?.username === user?.username;
+    const displayUser = isOwnProfile ? currentUser : user;
+    const fetchFriends = async (isLoadMore = false) => {
+        if (!displayUser?.id)
+            return;
+        setIsLoadingFriends(true);
+        try {
+            const targetPage = isLoadMore ? friendsPage + 1 : 1;
+            const data = await armoyuApi.users.getFriendsList({
+                userId: Number(displayUser.id),
+                page: targetPage,
+                limit: 20
+            });
+            if (data && Array.isArray(data)) {
+                const mappedFriends = data.map((u) => User.fromJSON(u));
+                if (isLoadMore) {
+                    setFriends(prev => [...prev, ...mappedFriends]);
+                }
+                else {
+                    setFriends(mappedFriends);
+                }
+                setFriendsPage(targetPage);
+                setHasMoreFriends(mappedFriends.length > 0);
+                setHasFetchedFriends(true);
+                console.log(`[ProfileLayout] Fetched ${mappedFriends.length} friends for ${displayUser.username}, Page: ${targetPage}`);
+            }
+            else {
+                setHasMoreFriends(false);
+            }
+        }
+        catch (error) {
+            console.error('[ProfileLayout] Friends fetch error:', error);
+        }
+        finally {
+            setIsLoadingFriends(false);
+        }
+    };
+    useEffect(() => {
+        if (activeTab === 'Arkadaşlar' && !hasFetchedFriends) {
+            fetchFriends(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeTab, hasFetchedFriends, displayUser?.id, armoyuApi]);
+    if (!displayUser)
+        return null;
+    return (_jsxs("div", { className: "max-w-7xl mx-auto px-4 py-8 space-y-8 animate-in fade-in duration-700", children: [_jsx(ProfileHeader, { user: displayUser, isOwnProfile: isOwnProfile }), _jsx(ProfileStats, { user: displayUser }), _jsxs("div", { className: "w-full flex flex-col lg:flex-row gap-8", children: [_jsx("div", { className: "w-full lg:w-80 shrink-0", children: _jsx(ProfileSidebar, { displayUser: displayUser, isOwnProfile: isOwnProfile, friends: friends.length > 0 ? friends : (displayUser?.friends || []), onSeeAllFriends: () => setActiveTab('Arkadaşlar'), onManageCloud: () => setIsCloudModalOpen(true) }) }), _jsx(ProfileTabsArea, { displayUser: displayUser, isOwnProfile: isOwnProfile, activeTab: activeTab, setActiveTab: setActiveTab, friends: friends, hasMoreFriends: hasMoreFriends, isLoadingFriends: isLoadingFriends, onLoadMoreFriends: () => fetchFriends(true) })] }), _jsx(CloudStorageModal, { isOpen: isCloudModalOpen, onClose: () => setIsCloudModalOpen(false) })] }));
+}
+//# sourceMappingURL=ProfileLayout.js.map

package/dist/components/modules/profile/ProfileLayout.js.map

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

package/dist/components/modules/profile/tabs/PostsTab.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { PostCard } from '../../auth/PostCard';
+import { PostCard } from '../../posts/widgets/PostCard';
 import { useArmoyu } from '../../../../context/ArmoyuContext';
 import { useAuth } from '../../../../context/AuthContext';
 export function PostsTab({ user }) {

package/dist/components/modules/profile/tabs/PostsTab.js.map

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

package/dist/components/modules/profile/widgets/CloudStorageModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CloudStorageModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSelectMedia?: (url: string, type: 'image' | 'video') => void;
+}
+export declare function CloudStorageModal({ isOpen, onClose, onSelectMedia }: CloudStorageModalProps): React.ReactPortal | null;
+export {};
+//# sourceMappingURL=CloudStorageModal.d.ts.map

package/dist/components/modules/profile/widgets/CloudStorageModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudStorageModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/modules/profile/widgets/CloudStorageModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAC,OAAO,KAAK,IAAI,CAAC;CAC9D;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,sBAAsB,4BA6L3F"}

package/dist/components/modules/profile/widgets/CloudStorageModal.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+export function CloudStorageModal({ isOpen, onClose, onSelectMedia }) {
+    const [mounted, setMounted] = useState(false);
+    const [activeCategory, setActiveCategory] = useState('all'); // Simplified for mock display
+    const [dragActive, setDragActive] = useState(false);
+    useEffect(() => setMounted(true), []);
+    if (!isOpen || !mounted)
+        return null;
+    // Mock Cloud Files
+    const mockFiles = [
+        { id: '1', type: 'image', url: 'https://images.unsplash.com/photo-1542751371-adc38448a05e?q=80&w=2670&auto=format&fit=crop', name: 'Valorant_Clip_1.jpg', size: '2.4 MB', date: '12 Eki' },
+        { id: '2', type: 'video', url: 'https://test-videos.co.uk/vids/bigbuckbunny/mp4/h264/720/Big_Buck_Bunny_720_10s_1MB.mp4', name: 'CS2_Aces.mp4', size: '14.1 MB', date: '05 Eki' },
+        { id: '3', type: 'image', url: 'https://images.unsplash.com/photo-1587831990711-23ca6441447b?q=80&w=2698&auto=format&fit=crop', name: 'Setup_Photo.png', size: '4.8 MB', date: '28 Eyl' },
+        { id: '4', type: 'image', url: 'https://images.unsplash.com/photo-1614680376593-902f74cf0d41?q=80&w=2574&auto=format&fit=crop', name: 'Minecraft_Bas...jpg', size: '1.2 MB', date: '15 Eyl' },
+        { id: '5', type: 'image', url: 'https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=2672&auto=format&fit=crop', name: 'Coding_Session.jpg', size: '3.5 MB', date: '02 Eyl' }
+    ];
+    const filteredFiles = activeCategory === 'all' ? mockFiles : mockFiles.filter(f => f.type === activeCategory);
+    // Mock Storage Math
+    const storageData = { total: 5000, used: 2400, photos: 1200, videos: 800, audios: 200, documents: 200 };
+    const pPhotos = (storageData.photos / storageData.total) * 100;
+    const pVideos = (storageData.videos / storageData.total) * 100;
+    const pAudios = (storageData.audios / storageData.total) * 100;
+    const pDocs = (storageData.documents / storageData.total) * 100;
+    const modalContent = (_jsxs("div", { className: "fixed inset-0 z-[9999] p-4 md:p-8 xl:p-12 flex items-center justify-center animate-in fade-in duration-200", children: [_jsx("div", { className: "absolute inset-0 bg-black/80 backdrop-blur-sm", onClick: onClose }), _jsxs("div", { className: "relative w-full max-w-6xl h-full max-h-[85vh] bg-white dark:bg-[#0a0a0e] border border-gray-200 dark:border-white/10 rounded-[2rem] shadow-2xl flex flex-col md:flex-row overflow-hidden animate-in zoom-in-95 duration-300", children: [_jsxs("div", { className: "w-full md:w-64 border-r border-gray-200 dark:border-white/10 bg-gray-50 dark:bg-[#121216] flex flex-col shrink-0", children: [_jsx("div", { className: "p-6 md:p-8 pb-4", children: _jsxs("h2", { className: "text-2xl font-black text-armoyu-text tracking-tight flex items-center gap-3", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "currentColor", className: "text-blue-500", children: _jsx("path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z" }) }), "Cloud"] }) }), _jsxs("nav", { className: "flex-1 px-4 space-y-1.5 overflow-y-auto hide-scrollbar", children: [_jsxs("button", { onClick: () => setActiveCategory('all'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'all' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" })] }), "T\u00FCm\u00FC"] }), _jsxs("button", { onClick: () => setActiveCategory('image'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'image' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), _jsx("polyline", { points: "21 15 16 10 5 21" })] }), "Foto\u011Fraflar"] }), _jsxs("button", { onClick: () => setActiveCategory('video'), className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all ${activeCategory === 'video' ? 'bg-blue-500 text-white shadow-md shadow-blue-500/20' : 'text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5'}`, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "23 7 16 12 23 17 23 7" }), _jsx("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2", ry: "2" })] }), "Videolar"] }), _jsxs("button", { onClick: () => { }, className: `w-full flex items-center gap-3 px-4 py-3.5 rounded-xl font-bold text-sm transition-all text-armoyu-text-muted hover:text-armoyu-text hover:bg-black/5 dark:hover:bg-white/5`, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M9 18V5l12-2v13" }), _jsx("circle", { cx: "6", cy: "18", r: "3" }), _jsx("circle", { cx: "18", cy: "16", r: "3" })] }), "Sesler"] })] }), _jsxs("div", { className: "p-6 border-t border-gray-200 dark:border-white/10 hidden md:block group", children: [_jsxs("div", { className: "mb-2 flex justify-between items-end", children: [_jsx("span", { className: "text-xs font-bold text-armoyu-text-muted group-hover:text-armoyu-text transition-colors", children: "Depolama" }), _jsxs("span", { className: "text-xs font-black text-armoyu-text", children: [(storageData.used / 1000).toFixed(1), "GB ", _jsxs("span", { className: "text-[10px] text-armoyu-text-muted font-bold", children: ["/ ", (storageData.total / 1000).toFixed(1), "GB"] })] })] }), _jsxs("div", { className: "w-full h-2.5 bg-black/5 dark:bg-white/10 rounded-full overflow-hidden flex gap-0.5 shadow-inner", children: [_jsx("div", { style: { width: `${pPhotos}%` }, className: "bg-blue-500 h-full", title: "Foto\u011Fraflar" }), _jsx("div", { style: { width: `${pVideos}%` }, className: "bg-purple-500 h-full", title: "Videolar" }), _jsx("div", { style: { width: `${pAudios}%` }, className: "bg-emerald-500 h-full", title: "Sesler" }), _jsx("div", { style: { width: `${pDocs}%` }, className: "bg-orange-500 h-full", title: "Belgeler" })] })] })] }), _jsxs("div", { className: "flex-1 flex flex-col min-w-0 bg-white dark:bg-[#0a0a0e]", children: [_jsxs("div", { className: "flex justify-between items-center p-4 md:px-8 border-b border-gray-200 dark:border-white/10 shrink-0", children: [_jsx("h3", { className: "font-extrabold text-armoyu-text text-lg tracking-tight", children: activeCategory === 'all' ? 'Tüm Dosyalar' :
+                                            activeCategory === 'image' ? 'Fotoğraflar' :
+                                                activeCategory === 'video' ? 'Videolar' : 'Dosyalarım' }), _jsx("button", { onClick: onClose, className: "p-2 rounded-full hover:bg-black/5 dark:hover:bg-white/5 text-armoyu-text-muted transition-colors", 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.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" })] }) })] }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 md:px-8 py-6 hide-scrollbar", children: _jsxs("div", { className: "space-y-8 max-w-5xl mx-auto", children: [_jsxs("div", { className: `border-2 border-dashed rounded-[2rem] p-6 lg:p-8 flex flex-col md:flex-row items-center justify-between gap-6 transition-all group ${dragActive ? 'border-blue-500 bg-blue-500/10' : 'border-black/10 dark:border-white/10 hover:border-blue-500/50 bg-black/5 dark:bg-white/5'}`, onDragEnter: () => setDragActive(true), onDragLeave: () => setDragActive(false), onDragOver: (e) => e.preventDefault(), onDrop: (e) => { e.preventDefault(); setDragActive(false); /* file handle logic */ }, children: [_jsxs("div", { className: "flex items-center gap-5", children: [_jsx("div", { className: "w-16 h-16 rounded-[1.25rem] bg-white dark:bg-[#1a1a24] shadow-[0_4px_20px_rgba(0,0,0,0.05)] dark:shadow-[0_4px_20px_rgba(255,255,255,0.03)] flex flex-shrink-0 items-center justify-center group-hover:scale-105 transition-transform", children: _jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", className: "text-blue-500", children: [_jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), _jsx("polyline", { points: "17 8 12 3 7 8" }), _jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }) }), _jsxs("div", { children: [_jsx("h3", { className: "font-black text-armoyu-text text-lg mb-1", children: "Yeni \u0130\u00E7erik Y\u00FCkle" }), _jsx("p", { className: "text-xs font-bold text-armoyu-text-muted", children: "G\u00F6rsel veya Dosyalar\u0131 S\u00FCr\u00FCkleyin (Maks 100MB)" })] })] }), _jsxs("div", { className: "flex flex-col sm:flex-row gap-3 w-full md:w-auto shrink-0", children: [_jsxs("select", { className: "bg-white dark:bg-[#1a1a24] border border-gray-200 dark:border-white/10 rounded-xl px-4 py-3 text-sm font-bold text-armoyu-text outline-none cursor-pointer focus:border-blue-500 transition-colors shadow-sm", children: [_jsx("option", { value: "image", children: "Foto\u011Fraflar \u0130\u00E7in" }), _jsx("option", { value: "video", children: "Videolar \u0130\u00E7in" }), _jsx("option", { value: "audio", children: "Sesler \u0130\u00E7in" })] }), _jsx("button", { className: "px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-500 hover:from-blue-700 hover:to-blue-600 text-white text-sm font-bold rounded-xl shadow-[0_0_15px_rgba(37,99,235,0.3)] hover:shadow-[0_0_20px_rgba(37,99,235,0.5)] transition-all", children: "Se\u00E7 ve Y\u00FCkle" })] })] }), _jsxs("div", { children: [_jsxs("h4", { className: "text-sm font-bold text-armoyu-text-muted mb-4 uppercase tracking-wider", children: [filteredFiles.length, " \u0130\u00E7erik G\u00F6r\u00FCnt\u00FCleniyor"] }), _jsx("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: filteredFiles.map(file => (_jsxs("div", { className: "group relative aspect-square rounded-2xl overflow-hidden bg-black/5 dark:bg-white/5 border border-transparent hover:border-blue-500/50 cursor-pointer shadow-sm hover:shadow-lg transition-all", onClick: () => onSelectMedia && onSelectMedia(file.url, file.type), children: [file.type === 'image' ? (_jsx("img", { src: file.url, alt: file.name, className: "w-full h-full object-cover transition-transform duration-700 group-hover:scale-110" })) : (_jsxs("div", { className: "w-full h-full relative", children: [_jsx("video", { src: file.url, className: "w-full h-full object-cover" }), _jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/20", children: _jsx("div", { className: "w-10 h-10 rounded-full bg-black/50 backdrop-blur-md flex items-center justify-center text-white border border-white/20", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx("polygon", { points: "5 3 19 12 5 21 5 3" }) }) }) })] })), _jsxs("div", { className: "absolute inset-0 bg-gradient-to-t from-black/90 via-black/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex flex-col justify-end p-4", children: [_jsx("p", { className: "text-white font-bold text-sm truncate mb-0.5", children: file.name }), _jsxs("p", { className: "text-white/70 font-bold text-[10px]", children: [file.size, " \u2022 ", file.date] }), _jsxs("button", { className: "mt-3 w-full py-2 bg-blue-500 hover:bg-blue-600 text-white text-xs font-bold rounded-xl transition-colors shadow-md flex items-center justify-center gap-1.5", onClick: (e) => { e.stopPropagation(); onSelectMedia && onSelectMedia(file.url, file.type); }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), _jsx("polyline", { points: "22 4 12 14.01 9 11.01" })] }), "Payla\u015F\u0131ma Ekle"] })] })] }, file.id))) })] })] }) })] })] })] }));
+    return createPortal(modalContent, document.body);
+}
+//# sourceMappingURL=CloudStorageModal.js.map