@droppii-org/chat-sdk 0.0.4 → 0.0.6

package/dist/screens/desk-message/index.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SessionType } from "@openim/wasm-client-sdk";
+import MessageList from "../../components/message/MessageList";
+import DeskConversationList from "../../components/conversation/DeskConversationList";
+import { useConversationDetail } from "src/hooks/conversation/useConversation";
+const DChatDeskMessage = () => {
+    const { conversationDetail } = useConversationDetail({
+        sourceID: "3408237279",
+        sessionType: SessionType.Group,
+    });
+    return (_jsxs("div", { className: "flex flex-1 flex-row h-screen bg-gray-50", children: [_jsx(DeskConversationList, {}), _jsx(MessageList, { conversationId: "sg_3408237279", conversationData: conversationDetail })] }));
+};
+export default DChatDeskMessage;

package/dist/types/chat.d.ts

@@ -1,39 +1,9 @@
-import type React from "react";
-export interface ChatInputProps {
-    onSendMessage?: (message: string) => void;
-    onEmojiClick?: (emoji: string) => void;
-    onFileUpload?: (file: File) => void;
-    onImageUpload?: (file: File) => void;
-    onContactShare?: () => void;
-    onVoiceRecord?: () => void;
-    onVoiceMessage?: () => void;
-    onQuickReact?: () => void;
-    placeholder?: string;
-    disabled?: boolean;
-    className?: string;
-    onStickerClick?: (sticker: string) => void;
-    conversationId?: string;
+import { InitAndLoginConfig, SelfUserInfo } from "@openim/wasm-client-sdk";
+export interface ChatContextType {
+    user: SelfUserInfo | null;
 }
-export interface EmojiPickerProps {
-    onEmojiSelect?: (emoji: string) => void;
-    onClose?: () => void;
-    isOpen?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
-    style?: React.CSSProperties;
-}
-export interface StickerPickerProps {
-    onStickerSelect?: (sticker: string) => void;
-    onClose?: () => void;
-    isOpen?: boolean;
-    ref?: React.Ref<HTMLDivElement>;
-    style?: React.CSSProperties;
-}
-export interface TextFormattingToolbarProps {
-    isOpen: boolean;
-    onClose: () => void;
-    onFormatSelect: (format: string) => void;
-    selectedFormats?: string[];
-    ref?: React.Ref<HTMLDivElement>;
-    style?: React.CSSProperties;
+export interface ChatProviderProps {
+    children: React.ReactNode;
+    config: InitAndLoginConfig;
 }
 //# sourceMappingURL=chat.d.ts.map

package/dist/types/chat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,cAAc;IAC7B,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACnC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B;AAED,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/types/chat.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE3E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,YAAY,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC;CAC5B"}

package/dist/types/index.d.ts

@@ -1,86 +1 @@
-export type MessageStatus = "sending" | "sent" | "delivered" | "read";
-export interface User {
-    id: string;
-    name: string;
-    avatar?: string;
-    status: "online" | "offline" | "away";
-    lastSeen?: Date;
-}
-export interface Message {
-    id: string;
-    conversationId: string;
-    senderId: string;
-    content: string;
-    type: "text" | "image" | "file" | "promo";
-    timestamp: Date;
-    status: MessageStatus;
-    attachments?: Attachment[];
-    promoData?: PromotionalMessageData;
-}
-export interface Attachment {
-    id: string;
-    name: string;
-    url: string;
-    type: string;
-    size: number;
-}
-export interface Conversation {
-    id: string;
-    participants: User[];
-    lastMessage?: Message;
-    unreadCount: number;
-    updatedAt: Date;
-    type: "direct" | "group";
-    name?: string;
-    avatar?: string;
-}
-export interface TypingStatus {
-    userId: string;
-    conversationId: string;
-    isTyping: boolean;
-}
-export interface ChatConfig {
-    userId: string;
-    token: string;
-    apiUrl?: string;
-    wsUrl?: string;
-    onTokenRefresh?: () => Promise<string>;
-}
-export interface SocketMessage {
-    type: "message" | "typing" | "read" | "user_status";
-    data: any;
-}
-export type MessageAttachment = {
-    id: string;
-    type: "image" | "file";
-    url: string;
-    name?: string;
-    size?: number;
-};
-export type PromotionalMessageData = {
-    imageUrl: string;
-    title: string;
-    description: string;
-    buttonText: string;
-    buttonUrl: string;
-};
-export type DisplayMessage = {
-    id: string;
-    senderId: string;
-    type: "text" | "media" | "promo";
-    text?: string;
-    attachments?: MessageAttachment[];
-    promoData?: PromotionalMessageData;
-    createdAt: string;
-    isMine: boolean;
-};
-export type MessageItemProps = {
-    message: DisplayMessage;
-    isGrouped?: boolean;
-    onImageClick?: (imageId: string, images: {
-        id: string;
-        url: string;
-        name?: string;
-    }[]) => void;
-};
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/dist/types/index.js

@@ -1 +1 @@
-export {};
+"use strict";

package/dist/types/sdk.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=sdk.d.ts.map

package/dist/types/sdk.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdk.d.ts","sourceRoot":"","sources":["../../src/types/sdk.ts"],"names":[],"mappings":""}

package/dist/types/sdk.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@droppii-org/chat-sdk",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Droppii React Chat SDK",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,6 +24,14 @@
     "./types/*": {
       "import": "./dist/types/*.js",
       "types": "./dist/types/*.d.ts"
+    },
+    "./screens/*": {
+      "import": "./dist/screens/*.js",
+      "types": "./dist/screens/*.d.ts"
+    },
+    "./assets/*": {
+      "import": "./dist/assets/*.js",
+      "types": "./dist/assets/*.d.ts"
     }
   },
   "files": [
@@ -34,17 +42,25 @@
     "dev": "tsc --noEmit --watch",
     "lint": "eslint src/",
     "type-check": "tsc --noEmit",
-    "prepare": "pnpm build"
+    "prepublishOnly": "pnpm build"
   },
-  "keywords": ["chat", "sdk", "react", "messenger-style"],
+  "keywords": [
+    "chat",
+    "sdk",
+    "react",
+    "messenger-style"
+  ],
   "author": "Garru",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
   },
   "dependencies": {
+    "@openim/wasm-client-sdk": "3.8.3-patch.10",
+    "antd": "^5.27.0",
     "clsx": "^2.0.0",
     "lucide-react": "^0.263.1",
+    "react-icomoon": "^2.6.1",
     "tailwind-merge": "^2.0.0"
   },
   "peerDependencies": {

package/dist/components/AutoScrollAnchor.d.ts

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

package/dist/components/AutoScrollAnchor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoScrollAnchor.d.ts","sourceRoot":"","sources":["../../src/components/AutoScrollAnchor.tsx"],"names":[],"mappings":"AAIA,wBAAgB,gBAAgB,4CAU/B"}

package/dist/components/AutoScrollAnchor.js

@@ -1,12 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-export function AutoScrollAnchor() {
-    const anchorRef = useRef(null);
-    useEffect(() => {
-        if (anchorRef.current) {
-            anchorRef.current.scrollIntoView({ behavior: "smooth" });
-        }
-    });
-    return _jsx("div", { ref: anchorRef });
-}

package/dist/components/AutoScrollAnchor.jsx

@@ -1,11 +0,0 @@
-"use client";
-import { useEffect, useRef } from "react";
-export function AutoScrollAnchor() {
-    const anchorRef = useRef(null);
-    useEffect(() => {
-        if (anchorRef.current) {
-            anchorRef.current.scrollIntoView({ behavior: "smooth" });
-        }
-    });
-    return <div ref={anchorRef}/>;
-}

package/dist/components/ChatBubble.jsx

@@ -1,80 +0,0 @@
-"use client";
-import { useState } from "react";
-import { MessageCircle, X } from "lucide-react";
-import { ChatHeader } from "./ChatHeader";
-import { MessageList } from "./MessageList";
-import { ChatInput } from "./ChatInput";
-import { useMessages } from "../hooks/useMessages";
-export function ChatBubble() {
-    const [isOpen, setIsOpen] = useState(false);
-    const [selectedConversationId, setSelectedConversationId] = useState('conv-1');
-    console.log("🚀 ~ ChatBubble ~ isOpen:", isOpen);
-    const messagesHook = useMessages(selectedConversationId || "");
-    return (<>
-      {/* Chat Bubble Button */}
-      <button onClick={() => setIsOpen(true)} className={`fixed bottom-6 right-6 w-14 h-14 bg-blue-600 hover:bg-blue-700 text-white rounded-full shadow-lg transition-all duration-200 flex items-center justify-center z-40 ${isOpen ? "scale-0" : "scale-100"}`} aria-label="Open chat">
-        <MessageCircle className="w-6 h-6"/>
-      </button>
-
-      {/* Chat Window */}
-      {isOpen && (<div className="fixed bottom-6 right-6 w-96 h-[700px] max-h-[80%] bg-white rounded-lg shadow-2xl border z-50 flex flex-col overflow-hidden">
-          {/* Header */}
-          <div className="flex items-center justify-between p-4 border-b bg-blue-600 text-white">
-            <h3 className="font-semibold">Chat Support</h3>
-            <button onClick={() => setIsOpen(false)} className="p-1 hover:bg-blue-700 rounded" aria-label="Close chat">
-              <X className="w-4 h-4"/>
-            </button>
-          </div>
-
-          {/* Chat Content */}
-          <div className={`
-        flex-1 flex flex-col relative h-[calc(100%-50px)]
-        ${selectedConversationId ? "flex" : "hidden md:flex"}
-      `}>
-        {selectedConversationId ? (<>
-            {/* Swipe indicator for mobile */}
-            <div className="md:hidden absolute top-2 left-2 z-10 pointer-events-none">
-              <div className="bg-black bg-opacity-20 text-white text-xs px-2 py-1 rounded-full opacity-0 transition-opacity duration-200 swipe-hint">
-                ← Swipe to go back
-              </div>
-            </div>
-
-            {/* Chat Header - Fixed */}
-            <div className="flex-shrink-0">
-              <ChatHeader conversationId={selectedConversationId} onBackClick={() => setIsOpen(false)} onMenuClick={() => setIsOpen(false)}/>
-            </div>
-
-            {/* Message List - Scrollable */}
-            <div className="flex-1 min-h-0">
-              {" "}
-              {/* Added min-h-0 here */}
-              <MessageList messages={messagesHook.messages} currentUserId={"current-user"} conversationId={selectedConversationId} className="h-full"/>
-            </div>
-
-            {/* Chat Input - Fixed */}
-            <div className="flex-shrink-0">
-              <ChatInput />
-            </div>
-          </>) : (<div className="flex-1 flex items-center justify-center text-gray-500 p-4">
-            <div className="text-center max-w-sm">
-              <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 rounded-full flex items-center justify-center">
-                <svg className="w-8 h-8 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>
-                </svg>
-              </div>
-              <h3 className="text-lg font-medium text-gray-900 mb-2">Select a conversation</h3>
-              <p className="text-gray-500 text-sm sm:text-base">
-                Choose a conversation from the sidebar to start messaging
-              </p>
-              <button onClick={() => setIsOpen(false)} className="mt-4 md:hidden px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 transition-colors">
-                View Conversations
-              </button>
-            </div>
-          </div>)}
-      </div>
-        </div>)}
-
-      {/* Backdrop */}
-      {isOpen && <div className="fixed inset-0 bg-black bg-opacity-20 z-30" onClick={() => setIsOpen(false)}/>}
-    </>);
-}

package/dist/components/ChatHeader.d.ts

@@ -1,8 +0,0 @@
-interface ChatHeaderProps {
-    conversationId: string;
-    onBackClick?: () => void;
-    onMenuClick?: () => void;
-}
-export declare function ChatHeader({ conversationId, onBackClick, onMenuClick }: ChatHeaderProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ChatHeader.d.ts.map

package/dist/components/ChatHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../src/components/ChatHeader.tsx"],"names":[],"mappings":"AAGA,UAAU,eAAe;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,wBAAgB,UAAU,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,eAAe,kDAgGvF"}

package/dist/components/ChatHeader.js

@@ -1,32 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useChatContext } from "../context/ChatContext";
-export function ChatHeader({ conversationId, onBackClick, onMenuClick }) {
-    const { state } = useChatContext();
-    const conversation = state.conversations.find((c) => c.id === conversationId);
-    const otherParticipant = conversation === null || conversation === void 0 ? void 0 : conversation.participants.find((p) => { var _a; return p.id !== ((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId); });
-    if (!conversation || !otherParticipant) {
-        return null;
-    }
-    const getStatusText = () => {
-        if (otherParticipant.status === "online") {
-            return "Online";
-        }
-        else if (otherParticipant.lastSeen) {
-            const now = new Date();
-            const diff = now.getTime() - otherParticipant.lastSeen.getTime();
-            const minutes = Math.floor(diff / (1000 * 60));
-            const hours = Math.floor(minutes / 60);
-            const days = Math.floor(hours / 24);
-            if (minutes < 1)
-                return "Last seen just now";
-            if (minutes < 60)
-                return `Last seen ${minutes}m ago`;
-            if (hours < 24)
-                return `Last seen ${hours}h ago`;
-            return `Last seen ${days}d ago`;
-        }
-        return "Offline";
-    };
-    return (_jsxs("div", { className: "flex items-center p-3 sm:p-4 border-b border-gray-200 bg-white relative", children: [_jsx("button", { onClick: onBackClick, className: "md:hidden p-3 mr-1 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 -ml-3 transition-colors", "aria-label": "Go back to conversations", children: _jsx("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsxs("div", { className: "relative", children: [_jsx("img", { src: otherParticipant.avatar || "/placeholder.svg?height=40&width=40&query=user", alt: otherParticipant.name, className: "w-8 h-8 sm:w-10 sm:h-10 rounded-full object-cover" }), otherParticipant.status === "online" && (_jsx("div", { className: "absolute bottom-0 right-0 w-2.5 h-2.5 sm:w-3 sm:h-3 bg-green-500 rounded-full border-2 border-white" }))] }), _jsxs("div", { className: "ml-3 flex-1 min-w-0", children: [_jsx("h2", { className: "text-base sm:text-lg font-semibold text-gray-900 truncate", children: otherParticipant.name }), _jsx("p", { className: "text-xs sm:text-sm text-gray-500 truncate", children: getStatusText() })] }), _jsx("div", { className: "md:hidden absolute top-full left-0 right-0 bg-blue-50 border-b border-blue-100 px-4 py-2 text-xs text-blue-600 text-center animate-pulse swipe-tutorial", children: "\uD83D\uDCA1 Tip: Swipe right anywhere to go back" }), _jsxs("div", { className: "flex items-center space-x-1 sm:space-x-2", children: [_jsx("button", { className: "p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors", children: _jsx("svg", { className: "w-4 h-4 sm:w-5 sm:h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" }) }) }), _jsx("button", { className: "p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors", children: _jsx("svg", { className: "w-4 h-4 sm:w-5 sm:h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }) }), _jsx("button", { onClick: onMenuClick, className: "md:hidden p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors", "aria-label": "Open menu", children: _jsx("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" }) }) })] })] }));
-}

package/dist/components/ChatHeader.jsx

@@ -1,72 +0,0 @@
-"use client";
-import { useChatContext } from "../context/ChatContext";
-export function ChatHeader({ conversationId, onBackClick, onMenuClick }) {
-    const { state } = useChatContext();
-    const conversation = state.conversations.find((c) => c.id === conversationId);
-    const otherParticipant = conversation === null || conversation === void 0 ? void 0 : conversation.participants.find((p) => { var _a; return p.id !== ((_a = state.config) === null || _a === void 0 ? void 0 : _a.userId); });
-    if (!conversation || !otherParticipant) {
-        return null;
-    }
-    const getStatusText = () => {
-        if (otherParticipant.status === "online") {
-            return "Online";
-        }
-        else if (otherParticipant.lastSeen) {
-            const now = new Date();
-            const diff = now.getTime() - otherParticipant.lastSeen.getTime();
-            const minutes = Math.floor(diff / (1000 * 60));
-            const hours = Math.floor(minutes / 60);
-            const days = Math.floor(hours / 24);
-            if (minutes < 1)
-                return "Last seen just now";
-            if (minutes < 60)
-                return `Last seen ${minutes}m ago`;
-            if (hours < 24)
-                return `Last seen ${hours}h ago`;
-            return `Last seen ${days}d ago`;
-        }
-        return "Offline";
-    };
-    return (<div className="flex items-center p-3 sm:p-4 border-b border-gray-200 bg-white relative">
-      {/* Mobile back button with enhanced touch area */}
-      <button onClick={onBackClick} className="md:hidden p-3 mr-1 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 -ml-3 transition-colors" aria-label="Go back to conversations">
-        <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-          <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7"/>
-        </svg>
-      </button>
-
-      <div className="relative">
-        <img src={otherParticipant.avatar || "/placeholder.svg?height=40&width=40&query=user"} alt={otherParticipant.name} className="w-8 h-8 sm:w-10 sm:h-10 rounded-full object-cover"/>
-        {otherParticipant.status === "online" && (<div className="absolute bottom-0 right-0 w-2.5 h-2.5 sm:w-3 sm:h-3 bg-green-500 rounded-full border-2 border-white"></div>)}
-      </div>
-
-      <div className="ml-3 flex-1 min-w-0">
-        <h2 className="text-base sm:text-lg font-semibold text-gray-900 truncate">{otherParticipant.name}</h2>
-        <p className="text-xs sm:text-sm text-gray-500 truncate">{getStatusText()}</p>
-      </div>
-
-      {/* Swipe hint for first-time users */}
-      <div className="md:hidden absolute top-full left-0 right-0 bg-blue-50 border-b border-blue-100 px-4 py-2 text-xs text-blue-600 text-center animate-pulse swipe-tutorial">
-        💡 Tip: Swipe right anywhere to go back
-      </div>
-
-      <div className="flex items-center space-x-1 sm:space-x-2">
-        <button className="p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors">
-          <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/>
-          </svg>
-        </button>
-        <button className="p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors">
-          <svg className="w-4 h-4 sm:w-5 sm:h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/>
-          </svg>
-        </button>
-        {/* Mobile menu button */}
-        <button onClick={onMenuClick} className="md:hidden p-2 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100 transition-colors" aria-label="Open menu">
-          <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16"/>
-          </svg>
-        </button>
-      </div>
-    </div>);
-}

package/dist/components/ChatInput.d.ts

@@ -1,3 +0,0 @@
-import type { ChatInputProps } from "../types/chat";
-export declare function ChatInput({ conversationId, onSendMessage, onEmojiClick, onStickerClick, onFileUpload, onImageUpload, onContactShare, onVoiceRecord, onVoiceMessage, onQuickReact, placeholder, disabled, className, }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/ChatInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../src/components/ChatInput.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAEnD,wBAAgB,SAAS,CAAC,EACxB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,aAAa,EACb,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,EACZ,WAA6B,EAC7B,QAAgB,EAChB,SAAc,GACf,EAAE,cAAc,2CA4lBhB"}