yemowith-chat-web-ui 0.1.0

package/dist/components/ui/button.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+import { cn } from "../../lib/utils";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground hover:bg-primary/90",
+            destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-8",
+            "icon-lg": "size-10",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "button";
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };

package/dist/components/ui/card.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}

package/dist/components/ui/card.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+function Card({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card", className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn("leading-none font-semibold", className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-description", className: cn("text-muted-foreground text-sm", className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn("px-6", className), ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center px-6 [.border-t]:pt-6", className), ...props }));
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };

package/dist/components/ui/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAc1E;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/ui/input.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+function Input({ className, type, ...props }) {
+    return (_jsx("input", { type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className), ...props }));
+}
+export { Input };

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG7D,iBAAS,UAAU,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAmBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/ui/scroll-area.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { cn } from "../../lib/utils";
+function ScrollArea({ className, children, ...props }) {
+    return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
+}
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+    return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
+}
+export { ScrollArea, ScrollBar };

package/dist/hooks/use-chat-socket.d.ts

@@ -0,0 +1,59 @@
+export type ChatMessage = {
+    messageId: string;
+    conversationId: string;
+    senderId: string;
+    content: string;
+    type: string;
+    createdAt: string;
+    isRead: boolean;
+    deliveredAt?: string | null;
+};
+export type SocketAuthProfile = {
+    firstName?: string;
+    lastName?: string;
+    avatarURL?: string;
+};
+export type TypingContext = {
+    userId: string;
+    conversationId: string | null;
+    receiverUserId: string | null;
+};
+export type UserStatusContext = {
+    userId: string;
+    conversationId: string | null;
+    receiverUserId: string | null;
+    status: string;
+};
+export declare function useChatSocket(token: string | null, profile?: SocketAuthProfile | null, onUnauthorized?: () => void, currentUserId?: string | null): {
+    connected: boolean;
+    lastError: string | null;
+    typing: TypingContext | null;
+    userStatus: UserStatusContext | null;
+    onlineUserIds: Record<string, boolean>;
+    requestPresence: (userIds: string[]) => void;
+    sendTyping: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+    }) => void;
+    sendTypingStop: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+    }) => void;
+    sendStatus: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+        status: string;
+    }) => void;
+    sendMessage: (params: {
+        receiverUserId?: string;
+        conversationId?: string;
+        content: string;
+        type?: string;
+    }) => void;
+    markRead: (conversationId: string) => void;
+    setOnNewMessage: (cb: (msg: ChatMessage) => void) => void;
+    setCurrentConversationId: (id: string | null) => void;
+    setOnMessageDelivered: (cb: (messageId: string) => void) => void;
+    setOnMessageRead: (cb: (messageIds: string[]) => void) => void;
+};
+//# sourceMappingURL=use-chat-socket.d.ts.map

package/dist/hooks/use-chat-socket.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-chat-socket.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chat-socket.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAYF,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,OAAO,CAAC,EAAE,iBAAiB,GAAG,IAAI,EAClC,cAAc,CAAC,EAAE,MAAM,IAAI,EAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI;;;;;;+BAiKiB,MAAM,EAAE;uBA/C7C;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE;2BAapD;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE;uBAYpD;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE;0BAQlE;QAAE,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE;+BAUjD,MAAM;0BA7IX,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI;mCAUjB,MAAM,GAAG,IAAI;gCAPhB,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI;2BAGhC,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI;EAiKzE"}

package/dist/hooks/use-chat-socket.js

@@ -0,0 +1,175 @@
+"use client";
+import { useEffect, useRef, useCallback, useState } from "react";
+import { io } from "socket.io-client";
+import { playNotificationSound } from "../lib/notification-sound";
+import { getWsUrl } from "../lib/chat-config";
+const HEARTBEAT_MS = 25000;
+function isAuthError(e) {
+    const code = (e?.code ?? "").toUpperCase();
+    const msg = (e?.message ?? "").toLowerCase();
+    return (code === "UNAUTHORIZED" ||
+        msg.includes("invalid token") ||
+        msg.includes("missing token"));
+}
+export function useChatSocket(token, profile, onUnauthorized, currentUserId) {
+    const [connected, setConnected] = useState(false);
+    const [lastError, setLastError] = useState(null);
+    const [typing, setTyping] = useState(null);
+    const [userStatus, setUserStatus] = useState(null);
+    const [onlineUserIds, setOnlineUserIds] = useState({});
+    const socketRef = useRef(null);
+    const heartbeatRef = useRef(null);
+    const typingTimeoutRef = useRef(null);
+    const onNewMessage = useRef(() => { });
+    const onMessageDelivered = useRef(() => { });
+    const onMessageRead = useRef(() => { });
+    const currentConversationIdRef = useRef(null);
+    const setOnNewMessage = useCallback((cb) => {
+        onNewMessage.current = cb;
+    }, []);
+    const setOnMessageDelivered = useCallback((cb) => {
+        onMessageDelivered.current = cb;
+    }, []);
+    const setOnMessageRead = useCallback((cb) => {
+        onMessageRead.current = cb;
+    }, []);
+    const setCurrentConversationId = useCallback((id) => {
+        currentConversationIdRef.current = id;
+    }, []);
+    useEffect(() => {
+        if (!token)
+            return;
+        const wsUrl = getWsUrl();
+        const auth = { token };
+        if (profile?.firstName)
+            auth.firstName = profile.firstName;
+        if (profile?.lastName)
+            auth.lastName = profile.lastName;
+        if (profile?.avatarURL)
+            auth.avatarURL = profile.avatarURL;
+        const socket = io(wsUrl, {
+            auth,
+            transports: ["websocket", "polling"],
+        });
+        socketRef.current = socket;
+        socket.on("connect", () => setConnected(true));
+        socket.on("disconnect", () => setConnected(false));
+        socket.on("chat:error", (e) => {
+            const err = e?.message ?? e?.code ?? "Hata";
+            setLastError(err);
+            if (onUnauthorized && isAuthError(e))
+                onUnauthorized();
+        });
+        socket.on("chat:new", (msg) => {
+            onNewMessage.current(msg);
+            const isFromOther = currentUserId != null && msg.senderId !== currentUserId;
+            const isNotViewingThisChat = msg.conversationId !== currentConversationIdRef.current;
+            if (isFromOther && isNotViewingThisChat) {
+                playNotificationSound();
+            }
+        });
+        socket.on("chat:user_typing", (payload) => {
+            setTyping(payload);
+            setUserStatus(null);
+        });
+        socket.on("chat:user_typing_stop", () => setTyping(null));
+        socket.on("chat:user_status", (payload) => {
+            setUserStatus(payload);
+        });
+        socket.on("chat:user_online", (payload) => {
+            const uid = payload?.userId;
+            if (uid)
+                setOnlineUserIds((prev) => ({ ...prev, [uid]: true }));
+        });
+        socket.on("chat:user_offline", (payload) => {
+            const uid = payload?.userId;
+            if (uid)
+                setOnlineUserIds((prev) => ({ ...prev, [uid]: false }));
+        });
+        socket.on("chat:presence", (payload) => {
+            const o = payload?.online;
+            if (o && typeof o === "object")
+                setOnlineUserIds((prev) => ({ ...prev, ...o }));
+        });
+        socket.on("chat:message_delivered", (payload) => {
+            if (payload?.messageId)
+                onMessageDelivered.current(payload.messageId);
+        });
+        socket.on("chat:message_read", (payload) => {
+            if (Array.isArray(payload?.messageIds) && payload.messageIds.length > 0)
+                onMessageRead.current(payload.messageIds);
+        });
+        heartbeatRef.current = setInterval(() => {
+            if (socket.connected)
+                socket.emit("chat:heartbeat");
+        }, HEARTBEAT_MS);
+        return () => {
+            if (heartbeatRef.current)
+                clearInterval(heartbeatRef.current);
+            if (typingTimeoutRef.current)
+                clearTimeout(typingTimeoutRef.current);
+            socket.disconnect();
+            socketRef.current = null;
+            setConnected(false);
+            setTyping(null);
+            setUserStatus(null);
+        };
+    }, [token, profile?.firstName, profile?.lastName, profile?.avatarURL, onUnauthorized, currentUserId]);
+    const sendTyping = useCallback((opts) => {
+        if (!socketRef.current?.connected)
+            return;
+        socketRef.current.emit("chat:typing", opts);
+        if (typingTimeoutRef.current)
+            clearTimeout(typingTimeoutRef.current);
+        typingTimeoutRef.current = setTimeout(() => {
+            socketRef.current?.emit("chat:typing_stop", opts);
+            typingTimeoutRef.current = null;
+        }, 2000);
+    }, []);
+    const sendTypingStop = useCallback((opts) => {
+        if (typingTimeoutRef.current) {
+            clearTimeout(typingTimeoutRef.current);
+            typingTimeoutRef.current = null;
+        }
+        socketRef.current?.emit("chat:typing_stop", opts);
+        setTyping(null);
+    }, []);
+    const sendStatus = useCallback((opts) => {
+        if (!socketRef.current?.connected)
+            return;
+        socketRef.current.emit("chat:status", opts);
+    }, []);
+    const sendMessage = useCallback((params) => {
+        if (!socketRef.current?.connected)
+            return;
+        socketRef.current.emit("chat:send", {
+            ...params,
+            type: params.type ?? "text",
+        });
+    }, []);
+    const markRead = useCallback((conversationId) => {
+        socketRef.current?.emit("chat:read", { conversationId });
+    }, []);
+    const requestPresence = useCallback((userIds) => {
+        if (!socketRef.current?.connected || userIds.length === 0)
+            return;
+        socketRef.current.emit("chat:presence", { userIds });
+    }, []);
+    return {
+        connected,
+        lastError,
+        typing,
+        userStatus,
+        onlineUserIds,
+        requestPresence,
+        sendTyping,
+        sendTypingStop,
+        sendStatus,
+        sendMessage,
+        markRead,
+        setOnNewMessage,
+        setCurrentConversationId,
+        setOnMessageDelivered,
+        setOnMessageRead,
+    };
+}

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+export { ChatProvider, useChat, type ChatProviderProps, type Profile, type ChatMessage } from "./provider/chat-provider";
+export { ChatAreaHeader } from "./components/chat-area-header";
+export { ChatPageHeader } from "./components/chat-page-header";
+export { ChatSidebar } from "./components/chat-sidebar";
+export { ChatMessageList } from "./components/chat-message-list";
+export { ChatTypingStatus } from "./components/chat-typing-status";
+export { ChatInputForm } from "./components/chat-input-form";
+export { ChatEmptyState } from "./components/chat-empty-state";
+export { BotChatModal } from "./components/bot-chat-modal";
+export { MessageBubble } from "./components/message-bubble";
+export type { Conversation, MessageRow, OtherParticipant, LastMessage } from "./components/types";
+export { BOT_USER_ID } from "./components/types";
+export { getConversations, getMessages, getBlockedUsers, blockUser, unblockUser, ChatApiError } from "./lib/chat-api";
+export { setChatConfig, getApiBaseUrl, getWsUrl } from "./lib/chat-config";
+export { cn } from "./lib/utils";
+export { Button, buttonVariants } from "./components/ui/button";
+export { Input } from "./components/ui/input";
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction, } from "./components/ui/card";
+export { Avatar, AvatarImage, AvatarFallback } from "./components/ui/avatar";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzH,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClG,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACtH,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,GACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+export { ChatProvider, useChat } from "./provider/chat-provider";
+export { ChatAreaHeader } from "./components/chat-area-header";
+export { ChatPageHeader } from "./components/chat-page-header";
+export { ChatSidebar } from "./components/chat-sidebar";
+export { ChatMessageList } from "./components/chat-message-list";
+export { ChatTypingStatus } from "./components/chat-typing-status";
+export { ChatInputForm } from "./components/chat-input-form";
+export { ChatEmptyState } from "./components/chat-empty-state";
+export { BotChatModal } from "./components/bot-chat-modal";
+export { MessageBubble } from "./components/message-bubble";
+export { BOT_USER_ID } from "./components/types";
+export { getConversations, getMessages, getBlockedUsers, blockUser, unblockUser, ChatApiError } from "./lib/chat-api";
+export { setChatConfig, getApiBaseUrl, getWsUrl } from "./lib/chat-config";
+export { cn } from "./lib/utils";
+export { Button, buttonVariants } from "./components/ui/button";
+export { Input } from "./components/ui/input";
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction, } from "./components/ui/card";
+export { Avatar, AvatarImage, AvatarFallback } from "./components/ui/avatar";
+export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";

package/dist/lib/chat-api.d.ts

@@ -0,0 +1,13 @@
+export declare class ChatApiError extends Error {
+    status: number;
+    constructor(message: string, status: number);
+}
+export declare function getConversations(token: string): Promise<any>;
+export declare function getMessages(token: string, conversationId: string, opts?: {
+    cursor?: string;
+    limit?: number;
+}): Promise<any>;
+export declare function getBlockedUsers(token: string): Promise<string[]>;
+export declare function blockUser(token: string, blockedUserId: string): Promise<void>;
+export declare function unblockUser(token: string, blockedUserId: string): Promise<void>;
+//# sourceMappingURL=chat-api.d.ts.map

package/dist/lib/chat-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-api.d.ts","sourceRoot":"","sources":["../../src/lib/chat-api.ts"],"names":[],"mappings":"AAMA,qBAAa,YAAa,SAAQ,KAAK;IAG5B,MAAM,EAAE,MAAM;gBADrB,OAAO,EAAE,MAAM,EACR,MAAM,EAAE,MAAM;CAKxB;AAED,wBAAsB,gBAAgB,CAAC,KAAK,EAAE,MAAM,gBAMnD;AAID,wBAAsB,WAAW,CAC/B,KAAK,EAAE,MAAM,EACb,cAAc,EAAE,MAAM,EACtB,IAAI,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,gBAU3C;AAED,wBAAsB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,CAOtE;AAED,wBAAsB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAMnF;AAED,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAMrF"}

package/dist/lib/chat-api.js

@@ -0,0 +1,57 @@
+import { getApiBaseUrl } from "./chat-config";
+function getBase() {
+    return getApiBaseUrl();
+}
+export class ChatApiError extends Error {
+    constructor(message, status) {
+        super(message);
+        this.status = status;
+        this.name = "ChatApiError";
+    }
+}
+export async function getConversations(token) {
+    const res = await fetch(`${getBase()}/conversations`, {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok)
+        throw new ChatApiError(await res.text(), res.status);
+    return res.json();
+}
+const DEFAULT_MESSAGE_LIMIT = 30;
+export async function getMessages(token, conversationId, opts) {
+    const url = new URL(`${getBase()}/conversations/${conversationId}/messages`);
+    if (opts?.cursor)
+        url.searchParams.set("cursor", opts.cursor);
+    url.searchParams.set("limit", String(opts?.limit ?? DEFAULT_MESSAGE_LIMIT));
+    const res = await fetch(url.toString(), {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok)
+        throw new ChatApiError(await res.text(), res.status);
+    return res.json();
+}
+export async function getBlockedUsers(token) {
+    const res = await fetch(`${getBase()}/block`, {
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok)
+        throw new ChatApiError(await res.text(), res.status);
+    const data = await res.json();
+    return Array.isArray(data) ? data : [];
+}
+export async function blockUser(token, blockedUserId) {
+    const res = await fetch(`${getBase()}/block/${encodeURIComponent(blockedUserId)}`, {
+        method: "POST",
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok)
+        throw new ChatApiError(await res.text(), res.status);
+}
+export async function unblockUser(token, blockedUserId) {
+    const res = await fetch(`${getBase()}/block/${encodeURIComponent(blockedUserId)}`, {
+        method: "DELETE",
+        headers: { Authorization: `Bearer ${token}` },
+    });
+    if (!res.ok)
+        throw new ChatApiError(await res.text(), res.status);
+}

package/dist/lib/chat-config.d.ts

@@ -0,0 +1,7 @@
+export declare function setChatConfig(options: {
+    apiBaseUrl?: string;
+    wsUrl?: string;
+}): void;
+export declare function getApiBaseUrl(): string;
+export declare function getWsUrl(): string;
+//# sourceMappingURL=chat-config.d.ts.map

package/dist/lib/chat-config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-config.d.ts","sourceRoot":"","sources":["../../src/lib/chat-config.ts"],"names":[],"mappings":"AAMA,wBAAgB,aAAa,CAAC,OAAO,EAAE;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,QAG7E;AAED,wBAAgB,aAAa,IAAI,MAAM,CAGtC;AAED,wBAAgB,QAAQ,IAAI,MAAM,CAGjC"}

package/dist/lib/chat-config.js

@@ -0,0 +1,18 @@
+const DEFAULT_API = "http://localhost:3000";
+const DEFAULT_WS = "http://localhost:3000";
+let apiBaseUrl;
+let wsUrl;
+export function setChatConfig(options) {
+    if (options.apiBaseUrl !== undefined)
+        apiBaseUrl = options.apiBaseUrl;
+    if (options.wsUrl !== undefined)
+        wsUrl = options.wsUrl;
+}
+export function getApiBaseUrl() {
+    const fromEnv = typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_CHAT_API_URL : undefined;
+    return apiBaseUrl ?? fromEnv ?? DEFAULT_API;
+}
+export function getWsUrl() {
+    const fromEnv = typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_CHAT_WS_URL : undefined;
+    return wsUrl ?? fromEnv ?? DEFAULT_WS;
+}

package/dist/lib/notification-sound.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Kısa, bildirim tarzı iki tonlu ses çalar (Web Audio API).
+ * Tarayıcı politikası gereği ilk çalma öncesi kullanıcı etkileşimi gerekebilir.
+ */
+export declare function playNotificationSound(): void;
+//# sourceMappingURL=notification-sound.d.ts.map

package/dist/lib/notification-sound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-sound.d.ts","sourceRoot":"","sources":["../../src/lib/notification-sound.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAqB5C"}

package/dist/lib/notification-sound.js

@@ -0,0 +1,28 @@
+/**
+ * Kısa, bildirim tarzı iki tonlu ses çalar (Web Audio API).
+ * Tarayıcı politikası gereği ilk çalma öncesi kullanıcı etkileşimi gerekebilir.
+ */
+export function playNotificationSound() {
+    if (typeof window === "undefined")
+        return;
+    try {
+        const ctx = new (window.AudioContext || window.webkitAudioContext)();
+        const playTone = (frequency, startTime, duration) => {
+            const osc = ctx.createOscillator();
+            const gain = ctx.createGain();
+            osc.connect(gain);
+            gain.connect(ctx.destination);
+            osc.frequency.value = frequency;
+            osc.type = "sine";
+            gain.gain.setValueAtTime(0.15, startTime);
+            gain.gain.exponentialRampToValueAtTime(0.01, startTime + duration);
+            osc.start(startTime);
+            osc.stop(startTime + duration);
+        };
+        playTone(523.25, 0, 0.08);
+        playTone(659.25, 0.1, 0.12);
+    }
+    catch {
+        // Ses API yok veya engelliyse sessizce geç
+    }
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}

package/dist/provider/chat-provider.d.ts

@@ -0,0 +1,70 @@
+import { type ReactNode } from "react";
+import type { Profile } from "./types";
+import { type ChatMessage } from "../hooks/use-chat-socket";
+export type { Profile };
+export type { ChatMessage };
+type TypingContext = {
+    userId: string;
+    conversationId: string | null;
+    receiverUserId: string | null;
+};
+type UserStatusContext = {
+    userId: string;
+    conversationId: string | null;
+    receiverUserId: string | null;
+    status: string;
+};
+type ChatContextValue = {
+    token: string | null;
+    userId: string | null;
+    profile: Profile | null;
+    isReady: boolean;
+    connected: boolean;
+    lastError: string | null;
+    typing: TypingContext | null;
+    userStatus: UserStatusContext | null;
+    sendMessage: (params: {
+        receiverUserId?: string;
+        conversationId?: string;
+        content: string;
+        type?: string;
+    }) => void;
+    sendTyping: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+    }) => void;
+    sendTypingStop: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+    }) => void;
+    sendStatus: (opts: {
+        conversationId?: string;
+        receiverUserId?: string;
+        status: string;
+    }) => void;
+    markRead: (conversationId: string) => void;
+    setOnNewMessage: (cb: (msg: ChatMessage) => void) => void;
+    setOnMessageDelivered: (cb: (messageId: string) => void) => void;
+    setOnMessageRead: (cb: (messageIds: string[]) => void) => void;
+    setCurrentConversationId: (id: string | null) => void;
+    onlineUserIds: Record<string, boolean>;
+    requestPresence: (userIds: string[]) => void;
+    logout: () => void;
+};
+export type ChatProviderProps = {
+    children: ReactNode;
+    token: string | null;
+    userId: string | null;
+    profile: Profile | null;
+    isReady?: boolean;
+    onLogout: () => void;
+    userIdOverride?: string | null;
+    metadataOverride?: Profile | null;
+    /** REST API base URL (optional; falls back to env NEXT_PUBLIC_CHAT_API_URL) */
+    apiBaseUrl?: string;
+    /** WebSocket URL (optional; falls back to env NEXT_PUBLIC_CHAT_WS_URL) */
+    wsUrl?: string;
+};
+export declare function ChatProvider({ children, token, userId, profile, isReady, onLogout, userIdOverride, metadataOverride, apiBaseUrl, wsUrl, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useChat(): ChatContextValue;
+//# sourceMappingURL=chat-provider.d.ts.map