'use client'; import { SessionUser } from "@/auth"; import { useToast } from "@/components/hooks/use-toast"; import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Button } from "@/components/ui/button"; import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; import { Separator } from "@/components/ui/separator"; import { cn } from "@/lib/utils"; import placeholderAvatar from "@/public/placeholder_avatar.png"; import { ChatVisibility } from "@sourcebot/db"; import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"; import { Info, Link2Icon, Loader2, Lock, X } from "lucide-react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { useCallback, useState } from "react"; import { captureEvent } from "@/hooks/useCaptureEvent"; interface ShareSettingsProps { chatId: string; visibility: ChatVisibility; onVisibilityChange: (visibility: ChatVisibility) => Promise; onRemoveSharedWithUser: (userId: string) => Promise; onOpenInviteView: () => void; currentUser?: SessionUser; sharedWithUsers: SessionUser[]; isChatSharingEnabledInCurrentPlan: boolean; isChatSharingEnabled: boolean; } export const ShareSettings = ({ chatId, visibility, onVisibilityChange, onRemoveSharedWithUser, onOpenInviteView, currentUser, sharedWithUsers, isChatSharingEnabledInCurrentPlan, isChatSharingEnabled, }: ShareSettingsProps) => { const [isVisibilityUpdating, setIsVisibilityUpdating] = useState(false); const [removingUserIds, setRemovingUserIds] = useState>(new Set()); const { toast } = useToast(); const pathname = usePathname(); const isAuthenticated = !!currentUser; const handleCopyLink = useCallback(async () => { try { await navigator.clipboard.writeText(window.location.href); captureEvent('wa_chat_link_copied', { chatId, visibility, }); toast({ description: "✅ Link copied to clipboard", }); } catch (e) { toast({ description: `Failed to copy link: ${e instanceof Error ? e.message : "Unknown error"}`, variant: "destructive", }); } }, [chatId, visibility, toast]); const getInitials = (name?: string | null, email?: string | null) => { if (name) { return name.split(' ').map((n) => n[0]).join('').toUpperCase().slice(0, 2); } if (email) { return email[0].toUpperCase(); } return '?'; }; return (

{/* Fake Search Bar - Click to open invite view */} {(isAuthenticated && isChatSharingEnabled) && ( <> {/* People with access */}

People with access

{/* Owner (current user) */} {currentUser && (

{getInitials(currentUser.name, currentUser.email)}

{currentUser.name || currentUser.email} (you) {currentUser.name && currentUser.email && ( {currentUser.email} )}

)} {/* Shared users */} {sharedWithUsers.map((user) => (

{getInitials(user.name, user.email)}

{user.name || user.email} {user.name && ( {user.email} )}

Remove user

))}

{!isChatSharingEnabledInCurrentPlan && (

Sharing with specific users is not available on your current plan.

)} )} Visibility {!isAuthenticated && (

)}

How does sharing chats work?

); };