@droppii-org/chat-sdk 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,28 @@
+export { ChatProvider, useChatContext } from "./context/ChatContext";
+export { useChat } from "./hooks/useChat";
+export { useMessages } from "./hooks/useMessages";
+export { useTyping } from "./hooks/useTyping";
+export { useSocket } from "./hooks/useSocket";
+export { useTextSelection } from "./hooks/useTextSelection";
+export { useSwipeGesture } from "./hooks/useSwipeGesture";
+export { ChatLayout } from "./components/ChatLayout";
+export { ChatHeader } from "./components/ChatHeader";
+export { MessageList } from "./components/MessageList";
+export { MessageItem } from "./components/MessageItem";
+export { ChatInput } from "./components/ChatInput";
+export { ConversationList } from "./components/ConversationList";
+export { ConversationItem } from "./components/ConversationItem";
+export { DateDivider } from "./components/DateDivider";
+export { MessageItemDemo } from "./components/MessageItemDemo";
+export { ChatBubble } from "./components/ChatBubble";
+export { TypingIndicator } from "./components/TypingIndicator";
+export { VoiceWaveIcon } from "./components/VoiceWaveIcon";
+export { TextFormattingToolbar } from "./components/TextFormattingToolbar";
+export { SwipeIndicator } from "./components/SwipeIndicator";
+export { ImagePreviewModal } from "./components/ImagePreviewModal";
+export { ChatInputWithCustomIcon } from "./components/ChatInputWithCustomIcon";
+export { EmojiPicker } from "./components/EmojiPicker";
+export { ChatInputDemo } from "./components/ChatInputDemo";
+export { ImageLightbox } from "./components/ImageLightbox";
+export type { User, Message, Conversation, TypingStatus, ChatConfig, MessageItemProps, } from "./types";
+//# 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":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGpE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAGzD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAG1D,YAAY,EACV,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -0,0 +1,29 @@
+// Main exports for the SDK
+export { ChatProvider, useChatContext } from "./context/ChatContext";
+// Hooks
+export { useChat } from "./hooks/useChat";
+export { useMessages } from "./hooks/useMessages";
+export { useTyping } from "./hooks/useTyping";
+export { useSocket } from "./hooks/useSocket";
+export { useTextSelection } from "./hooks/useTextSelection";
+export { useSwipeGesture } from "./hooks/useSwipeGesture";
+// Components
+export { ChatLayout } from "./components/ChatLayout";
+export { ChatHeader } from "./components/ChatHeader";
+export { MessageList } from "./components/MessageList";
+export { MessageItem } from "./components/MessageItem";
+export { ChatInput } from "./components/ChatInput";
+export { ConversationList } from "./components/ConversationList";
+export { ConversationItem } from "./components/ConversationItem";
+export { DateDivider } from "./components/DateDivider";
+export { MessageItemDemo } from "./components/MessageItemDemo";
+export { ChatBubble } from "./components/ChatBubble";
+export { TypingIndicator } from "./components/TypingIndicator";
+export { VoiceWaveIcon } from "./components/VoiceWaveIcon";
+export { TextFormattingToolbar } from "./components/TextFormattingToolbar";
+export { SwipeIndicator } from "./components/SwipeIndicator";
+export { ImagePreviewModal } from "./components/ImagePreviewModal";
+export { ChatInputWithCustomIcon } from "./components/ChatInputWithCustomIcon";
+export { EmojiPicker } from "./components/EmojiPicker";
+export { ChatInputDemo } from "./components/ChatInputDemo";
+export { ImageLightbox } from "./components/ImageLightbox";

package/dist/types/chat.d.ts

@@ -0,0 +1,39 @@
+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;
+}
+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;
+}
+//# sourceMappingURL=chat.d.ts.map

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

@@ -0,0 +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"}

package/dist/types/chat.js

@@ -0,0 +1 @@
+export {};

package/dist/types/index.d.ts

@@ -0,0 +1,86 @@
+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

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

package/dist/types/index.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@droppii-org/chat-sdk",
+  "version": "0.0.1",
+  "description": "A modern React Chat SDK",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./components/*": {
+      "import": "./dist/components/*.js",
+      "types": "./dist/components/*.d.ts"
+    },
+    "./hooks/*": {
+      "import": "./dist/hooks/*.js",
+      "types": "./dist/hooks/*.d.ts"
+    },
+    "./context/*": {
+      "import": "./dist/context/*.js",
+      "types": "./dist/context/*.d.ts"
+    },
+    "./types/*": {
+      "import": "./dist/types/*.js",
+      "types": "./dist/types/*.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "dev": "tsc --noEmit --watch",
+    "lint": "eslint src/",
+    "type-check": "tsc --noEmit",
+    "prepare": "pnpm build"
+  },
+  "keywords": ["chat", "sdk", "react", "messenger-style"],
+  "author": "Garru",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "clsx": "^2.0.0",
+    "lucide-react": "^0.263.1",
+    "tailwind-merge": "^2.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.0.0",
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "typescript": "^5.2.2"
+  }
+}