@droppii-org/chat-sdk 0.0.4 → 0.0.5

package/dist/components/EmojiPicker.js

@@ -1,191 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { useState } from "react";
-import { X, Search, Clock, Smile, Heart, Hand, Car, Lightbulb, Coffee, Flag } from "lucide-react";
-const emojiCategories = {
-    recent: {
-        label: "Thường xuyên sử dụng",
-        icon: Clock,
-        emojis: ["😊", "😂", "❤️", "👍", "😢", "😮", "😡", "🎉", "👏"],
-    },
-    smileys: {
-        label: "Mặt cười & con người",
-        icon: Smile,
-        emojis: [
-            "😀",
-            "😃",
-            "😄",
-            "😁",
-            "😆",
-            "😅",
-            "😂",
-            "🤣",
-            "😊",
-            "😇",
-            "🙂",
-            "🙃",
-            "😉",
-            "😌",
-            "😍",
-            "🥰",
-            "😘",
-            "😗",
-            "😙",
-            "😚",
-            "😋",
-            "😛",
-            "😝",
-            "😜",
-            "🤪",
-            "🤨",
-            "🧐",
-            "🤓",
-            "😎",
-            "🤩",
-            "🥳",
-            "😏",
-            "😒",
-            "😞",
-            "😔",
-            "😟",
-            "😕",
-            "🙁",
-            "☹️",
-            "😣",
-            "😖",
-            "😫",
-            "😩",
-            "🥺",
-            "😢",
-            "😭",
-            "😤",
-            "😠",
-            "😡",
-            "🤬",
-            "🤯",
-            "😳",
-            "🥵",
-            "🥶",
-            "😱",
-            "😨",
-            "😰",
-            "😥",
-            "😓",
-            "🤗",
-            "🤔",
-            "🤭",
-            "🤫",
-            "🤥",
-            "😶",
-            "😐",
-            "😑",
-            "😬",
-            "🙄",
-            "😯",
-            "😦",
-            "😧",
-            "😮",
-            "😲",
-            "🥱",
-            "😴",
-            "🤤",
-            "😪",
-            "😵",
-            "🤐",
-        ],
-    },
-    gestures: {
-        label: "Cử chỉ",
-        icon: Hand,
-        emojis: [
-            "👍",
-            "👎",
-            "👌",
-            "✌️",
-            "🤞",
-            "🤟",
-            "🤘",
-            "🤙",
-            "👈",
-            "👉",
-            "👆",
-            "🖕",
-            "👇",
-            "☝️",
-            "👏",
-            "🙌",
-            "👐",
-            "🤲",
-            "🤝",
-            "🙏",
-        ],
-    },
-    hearts: {
-        label: "Trái tim",
-        icon: Heart,
-        emojis: ["❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💔", "❣️", "💕", "💞", "💓", "💗", "💖", "💘", "💝"],
-    },
-    objects: {
-        label: "Đồ vật",
-        icon: Coffee,
-        emojis: ["📱", "💻", "⌨️", "🖥️", "🖨️", "📷", "📹", "🎥", "📞", "☎️", "📠", "📺", "📻", "🎵", "🎶", "🎤", "🎧", "📢"],
-    },
-    travel: {
-        label: "Du lịch",
-        icon: Car,
-        emojis: ["🚗", "🚕", "🚙", "🚌", "🚎", "🏎️", "🚓", "🚑", "🚒", "🚐", "🛻", "🚚", "🚛", "🚜", "🏍️", "🛵", "🚲", "🛴"],
-    },
-    activities: {
-        label: "Hoạt động",
-        icon: Lightbulb,
-        emojis: [
-            "⚽",
-            "🏀",
-            "🏈",
-            "⚾",
-            "🥎",
-            "🎾",
-            "🏐",
-            "🏉",
-            "🥏",
-            "🎱",
-            "🪀",
-            "🏓",
-            "🏸",
-            "🏒",
-            "🏑",
-            "🥍",
-            "🏏",
-            "🪃",
-        ],
-    },
-    flags: {
-        label: "Cờ",
-        icon: Flag,
-        emojis: ["🏳️", "🏴", "🏁", "🚩", "🏳️‍🌈", "🏳️‍⚧️", "🇺🇳", "🇻🇳", "🇺🇸", "🇬🇧", "🇫🇷", "🇩🇪", "🇯🇵", "🇰🇷", "🇨🇳", "🇮🇳"],
-    },
-};
-export const EmojiPicker = React.forwardRef(({ onEmojiSelect, onClose, isOpen = false, style }, ref) => {
-    const [activeCategory, setActiveCategory] = useState("recent");
-    const [searchTerm, setSearchTerm] = useState("");
-    if (!isOpen)
-        return null;
-    const handleEmojiClick = (emoji) => {
-        onEmojiSelect === null || onEmojiSelect === void 0 ? void 0 : onEmojiSelect(emoji);
-    };
-    const filteredEmojis = searchTerm
-        ? emojiCategories[activeCategory].emojis.filter((emoji) => 
-        // Simple search - in a real app you'd have emoji names/keywords
-        emoji.includes(searchTerm))
-        : emojiCategories[activeCategory].emojis;
-    return (_jsx("div", { ref: ref, className: "absolute bottom-full mb-1 bg-white border border-gray-200 rounded-lg shadow-lg z-50 w-full sm:max-w-xs md:w-80", style: style, children: _jsxs("div", { className: "p-2", children: [_jsxs("div", { className: "flex items-center justify-between mb-2 pb-1 border-b border-gray-100", children: [Object.entries(emojiCategories).map(([key, category]) => {
-                            const Icon = category.icon;
-                            const isActive = activeCategory === key;
-                            return (_jsx("button", { onClick: () => setActiveCategory(key), className: `
-                    p-1.5 rounded-full transition-all duration-200 hover:bg-gray-100
-                    ${isActive ? "text-blue-500 bg-blue-50" : "text-gray-500"}
-                  `, title: category.label, children: _jsx(Icon, { className: "w-4 h-4" }) }, key));
-                        }), _jsx("button", { onClick: onClose, className: "p-1.5 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100", children: _jsx(X, { className: "w-4 h-4" }) })] }), _jsxs("div", { className: "relative mb-2", children: [_jsx(Search, { className: "absolute left-2 top-1/2 transform -translate-y-1/2 w-3 h-3 text-gray-400" }), _jsx("input", { type: "text", placeholder: "T\u00ECm ki\u1EBFm", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "w-full pl-7 pr-3 py-1.5 text-xs bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent" })] }), _jsx("div", { className: "mb-2", children: _jsx("h3", { className: "text-xs font-medium text-gray-900", children: emojiCategories[activeCategory].label }) }), _jsx("div", { className: "grid grid-cols-9 gap-0.5 max-h-48 overflow-y-auto", children: filteredEmojis.map((emoji, index) => (_jsx("button", { onClick: () => handleEmojiClick(emoji), className: "p-1.5 text-lg hover:bg-gray-100 rounded transition-all duration-200 hover:scale-110 active:scale-95", title: emoji, children: emoji }, index))) }), filteredEmojis.length === 0 && (_jsxs("div", { className: "text-center py-4 text-gray-500", children: [_jsx("div", { className: "text-lg mb-1", children: "\uD83D\uDD0D" }), _jsx("p", { className: "text-xs", children: "Kh\u00F4ng t\u00ECm th\u1EA5y emoji n\u00E0o" })] }))] }) }));
-});
-EmojiPicker.displayName = "EmojiPicker";

package/dist/components/EmojiPicker.jsx

@@ -1,229 +0,0 @@
-"use client";
-import React from "react";
-import { useState } from "react";
-import { X, Search, Clock, Smile, Heart, Hand, Car, Lightbulb, Coffee, Flag } from "lucide-react";
-const emojiCategories = {
-    recent: {
-        label: "Thường xuyên sử dụng",
-        icon: Clock,
-        emojis: ["😊", "😂", "❤️", "👍", "😢", "😮", "😡", "🎉", "👏"],
-    },
-    smileys: {
-        label: "Mặt cười & con người",
-        icon: Smile,
-        emojis: [
-            "😀",
-            "😃",
-            "😄",
-            "😁",
-            "😆",
-            "😅",
-            "😂",
-            "🤣",
-            "😊",
-            "😇",
-            "🙂",
-            "🙃",
-            "😉",
-            "😌",
-            "😍",
-            "🥰",
-            "😘",
-            "😗",
-            "😙",
-            "😚",
-            "😋",
-            "😛",
-            "😝",
-            "😜",
-            "🤪",
-            "🤨",
-            "🧐",
-            "🤓",
-            "😎",
-            "🤩",
-            "🥳",
-            "😏",
-            "😒",
-            "😞",
-            "😔",
-            "😟",
-            "😕",
-            "🙁",
-            "☹️",
-            "😣",
-            "😖",
-            "😫",
-            "😩",
-            "🥺",
-            "😢",
-            "😭",
-            "😤",
-            "😠",
-            "😡",
-            "🤬",
-            "🤯",
-            "😳",
-            "🥵",
-            "🥶",
-            "😱",
-            "😨",
-            "😰",
-            "😥",
-            "😓",
-            "🤗",
-            "🤔",
-            "🤭",
-            "🤫",
-            "🤥",
-            "😶",
-            "😐",
-            "😑",
-            "😬",
-            "🙄",
-            "😯",
-            "😦",
-            "😧",
-            "😮",
-            "😲",
-            "🥱",
-            "😴",
-            "🤤",
-            "😪",
-            "😵",
-            "🤐",
-        ],
-    },
-    gestures: {
-        label: "Cử chỉ",
-        icon: Hand,
-        emojis: [
-            "👍",
-            "👎",
-            "👌",
-            "✌️",
-            "🤞",
-            "🤟",
-            "🤘",
-            "🤙",
-            "👈",
-            "👉",
-            "👆",
-            "🖕",
-            "👇",
-            "☝️",
-            "👏",
-            "🙌",
-            "👐",
-            "🤲",
-            "🤝",
-            "🙏",
-        ],
-    },
-    hearts: {
-        label: "Trái tim",
-        icon: Heart,
-        emojis: ["❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💔", "❣️", "💕", "💞", "💓", "💗", "💖", "💘", "💝"],
-    },
-    objects: {
-        label: "Đồ vật",
-        icon: Coffee,
-        emojis: ["📱", "💻", "⌨️", "🖥️", "🖨️", "📷", "📹", "🎥", "📞", "☎️", "📠", "📺", "📻", "🎵", "🎶", "🎤", "🎧", "📢"],
-    },
-    travel: {
-        label: "Du lịch",
-        icon: Car,
-        emojis: ["🚗", "🚕", "🚙", "🚌", "🚎", "🏎️", "🚓", "🚑", "🚒", "🚐", "🛻", "🚚", "🚛", "🚜", "🏍️", "🛵", "🚲", "🛴"],
-    },
-    activities: {
-        label: "Hoạt động",
-        icon: Lightbulb,
-        emojis: [
-            "⚽",
-            "🏀",
-            "🏈",
-            "⚾",
-            "🥎",
-            "🎾",
-            "🏐",
-            "🏉",
-            "🥏",
-            "🎱",
-            "🪀",
-            "🏓",
-            "🏸",
-            "🏒",
-            "🏑",
-            "🥍",
-            "🏏",
-            "🪃",
-        ],
-    },
-    flags: {
-        label: "Cờ",
-        icon: Flag,
-        emojis: ["🏳️", "🏴", "🏁", "🚩", "🏳️‍🌈", "🏳️‍⚧️", "🇺🇳", "🇻🇳", "🇺🇸", "🇬🇧", "🇫🇷", "🇩🇪", "🇯🇵", "🇰🇷", "🇨🇳", "🇮🇳"],
-    },
-};
-export const EmojiPicker = React.forwardRef(({ onEmojiSelect, onClose, isOpen = false, style }, ref) => {
-    const [activeCategory, setActiveCategory] = useState("recent");
-    const [searchTerm, setSearchTerm] = useState("");
-    if (!isOpen)
-        return null;
-    const handleEmojiClick = (emoji) => {
-        onEmojiSelect === null || onEmojiSelect === void 0 ? void 0 : onEmojiSelect(emoji);
-    };
-    const filteredEmojis = searchTerm
-        ? emojiCategories[activeCategory].emojis.filter((emoji) => 
-        // Simple search - in a real app you'd have emoji names/keywords
-        emoji.includes(searchTerm))
-        : emojiCategories[activeCategory].emojis;
-    return (<div ref={ref} className="absolute bottom-full mb-1 bg-white border border-gray-200 rounded-lg shadow-lg z-50 w-full sm:max-w-xs md:w-80" style={style} // Apply dynamic style here
-    >
-        <div className="p-2">
-          {/* Category Icons Row - Compact */}
-          <div className="flex items-center justify-between mb-2 pb-1 border-b border-gray-100">
-            {Object.entries(emojiCategories).map(([key, category]) => {
-            const Icon = category.icon;
-            const isActive = activeCategory === key;
-            return (<button key={key} onClick={() => setActiveCategory(key)} className={`
-                    p-1.5 rounded-full transition-all duration-200 hover:bg-gray-100
-                    ${isActive ? "text-blue-500 bg-blue-50" : "text-gray-500"}
-                  `} title={category.label}>
-                  <Icon className="w-4 h-4"/>
-                </button>);
-        })}
-
-            {/* Close button */}
-            <button onClick={onClose} className="p-1.5 text-gray-400 hover:text-gray-600 rounded-full hover:bg-gray-100">
-              <X className="w-4 h-4"/>
-            </button>
-          </div>
-
-          {/* Search Bar - Compact */}
-          <div className="relative mb-2">
-            <Search className="absolute left-2 top-1/2 transform -translate-y-1/2 w-3 h-3 text-gray-400"/>
-            <input type="text" placeholder="Tìm kiếm" value={searchTerm} onChange={(e) => setSearchTerm(e.target.value)} className="w-full pl-7 pr-3 py-1.5 text-xs bg-gray-50 border border-gray-200 rounded-md focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-transparent"/>
-          </div>
-
-          {/* Category Title - Compact */}
-          <div className="mb-2">
-            <h3 className="text-xs font-medium text-gray-900">{emojiCategories[activeCategory].label}</h3>
-          </div>
-
-          {/* Emoji Grid - Compact */}
-          <div className="grid grid-cols-9 gap-0.5 max-h-48 overflow-y-auto">
-            {filteredEmojis.map((emoji, index) => (<button key={index} onClick={() => handleEmojiClick(emoji)} className="p-1.5 text-lg hover:bg-gray-100 rounded transition-all duration-200 hover:scale-110 active:scale-95" title={emoji}>
-                {emoji}
-              </button>))}
-          </div>
-
-          {/* Empty state */}
-          {filteredEmojis.length === 0 && (<div className="text-center py-4 text-gray-500">
-              <div className="text-lg mb-1">🔍</div>
-              <p className="text-xs">Không tìm thấy emoji nào</p>
-            </div>)}
-        </div>
-      </div>);
-});
-EmojiPicker.displayName = "EmojiPicker";

package/dist/components/ImageLightbox.d.ts

@@ -1,8 +0,0 @@
-interface ImageLightboxProps {
-    src: string;
-    alt: string;
-    onClose: () => void;
-}
-export declare function ImageLightbox({ src, alt, onClose }: ImageLightboxProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ImageLightbox.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageLightbox.d.ts","sourceRoot":"","sources":["../../src/components/ImageLightbox.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CA0BtE"}

package/dist/components/ImageLightbox.js

@@ -1,8 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import Image from "next/image";
-export function ImageLightbox({ src, alt, onClose }) {
-    return (_jsxs("div", { className: "fixed inset-0 z-[9999] bg-black bg-opacity-80 flex items-center justify-center p-4", onClick: onClose, children: [_jsx("button", { onClick: onClose, className: "absolute top-4 right-4 text-white p-2 rounded-full bg-gray-800/50 hover:bg-gray-700/70 transition-colors z-50", "aria-label": "Close image", children: _jsx(X, { className: "w-6 h-6" }) }), _jsx("div", { className: "relative max-w-full max-h-full", onClick: (e) => e.stopPropagation(), children: _jsx(Image, { src: src || "/placeholder.svg", alt: alt, width: 1200, height: 800, style: { width: "auto", height: "auto", maxWidth: "90vw", maxHeight: "90vh" }, className: "rounded-lg shadow-xl object-contain", priority // Load immediately
-                    : true }) })] }));
-}

package/dist/components/ImageLightbox.jsx

@@ -1,16 +0,0 @@
-"use client";
-import { X } from "lucide-react";
-import Image from "next/image";
-export function ImageLightbox({ src, alt, onClose }) {
-    return (<div className="fixed inset-0 z-[9999] bg-black bg-opacity-80 flex items-center justify-center p-4" onClick={onClose}>
-      <button onClick={onClose} className="absolute top-4 right-4 text-white p-2 rounded-full bg-gray-800/50 hover:bg-gray-700/70 transition-colors z-50" aria-label="Close image">
-        <X className="w-6 h-6"/>
-      </button>
-      <div className="relative max-w-full max-h-full" onClick={(e) => e.stopPropagation()}>
-        <Image src={src || "/placeholder.svg"} alt={alt} width={1200} // Max width for lightbox image
-     height={800} // Max height for lightbox image
-     style={{ width: "auto", height: "auto", maxWidth: "90vw", maxHeight: "90vh" }} className="rounded-lg shadow-xl object-contain" priority // Load immediately
-    />
-      </div>
-    </div>);
-}

package/dist/components/ImagePreviewModal.d.ts

@@ -1,12 +0,0 @@
-interface ImagePreviewModalProps {
-    images: {
-        id: string;
-        url: string;
-        name?: string;
-    }[];
-    initialImageId: string;
-    onClose: () => void;
-}
-export declare function ImagePreviewModal({ images, initialImageId, onClose }: ImagePreviewModalProps): import("react/jsx-runtime").JSX.Element | null;
-export {};
-//# sourceMappingURL=ImagePreviewModal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImagePreviewModal.d.ts","sourceRoot":"","sources":["../../src/components/ImagePreviewModal.tsx"],"names":[],"mappings":"AAOA,UAAU,sBAAsB;IAC9B,MAAM,EAAE;QACN,EAAE,EAAE,MAAM,CAAA;QACV,GAAG,EAAE,MAAM,CAAA;QACX,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,EAAE,CAAA;IACH,cAAc,EAAE,MAAM,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,sBAAsB,kDAmH5F"}

package/dist/components/ImagePreviewModal.js

@@ -1,55 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from "react";
-import Image from "next/image";
-import { X, ChevronLeft, ChevronRight } from "lucide-react";
-export function ImagePreviewModal({ images, initialImageId, onClose }) {
-    // Find the initial index based on initialImageId
-    const initialIndex = images.findIndex((img) => img.id === initialImageId);
-    const [currentImageIndex, setCurrentImageIndex] = useState(initialIndex !== -1 ? initialIndex : 0);
-    // Ensure currentImageIndex is valid if initialImageId wasn't found or images array is empty
-    useEffect(() => {
-        if (initialIndex === -1 && images.length > 0) {
-            setCurrentImageIndex(0);
-        }
-        else if (images.length === 0) {
-            onClose(); // Close if no images are provided
-        }
-    }, [initialImageId, images, initialIndex, onClose]);
-    const currentImage = images[currentImageIndex];
-    const handlePrev = useCallback(() => {
-        setCurrentImageIndex((prevIndex) => Math.max(0, prevIndex - 1));
-    }, []);
-    const handleNext = useCallback(() => {
-        setCurrentImageIndex((prevIndex) => Math.min(images.length - 1, prevIndex + 1));
-    }, [images.length]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === "Escape") {
-            onClose();
-        }
-        else if (event.key === "ArrowLeft") {
-            handlePrev();
-        }
-        else if (event.key === "ArrowRight") {
-            handleNext();
-        }
-    }, [onClose, handlePrev, handleNext]);
-    // Add and remove keyboard event listener
-    useEffect(() => {
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [handleKeyDown]);
-    if (!currentImage) {
-        return null; // Or render a loading/error state
-    }
-    const isFirstImage = currentImageIndex === 0;
-    const isLastImage = currentImageIndex === images.length - 1;
-    return (_jsxs("div", { className: "fixed inset-0 z-[9999] bg-black bg-opacity-90 flex items-center justify-center p-4 sm:p-8", onClick: onClose, children: [_jsx("button", { onClick: onClose, className: "absolute top-4 right-4 text-white p-2 rounded-full bg-gray-800/50 hover:bg-gray-700/70 transition-colors z-50", "aria-label": "\u0110\u00F3ng", title: "\u0110\u00F3ng (Esc)", children: _jsx(X, { className: "w-6 h-6" }) }), _jsxs("div", { className: "relative flex items-center justify-center w-full h-full max-w-screen-xl max-h-screen-xl", onClick: (e) => e.stopPropagation(), children: [_jsx("button", { onClick: handlePrev, disabled: isFirstImage, className: `absolute left-2 sm:left-4 p-3 rounded-full bg-gray-800/50 text-white hover:bg-gray-700/70 transition-colors z-40
-            ${isFirstImage ? "opacity-50 cursor-not-allowed" : ""}`, "aria-label": "\u1EA2nh tr\u01B0\u1EDBc", title: "\u1EA2nh tr\u01B0\u1EDBc (M\u0169i t\u00EAn tr\u00E1i)", children: _jsx(ChevronLeft, { className: "w-6 h-6 sm:w-8 sm:h-8" }) }), _jsx("div", { className: "relative w-full h-full flex items-center justify-center", children: _jsx(Image, { src: currentImage.url || "/placeholder.svg", alt: currentImage.name || "Xem trước hình ảnh", layout: "fill" // Use fill to make it responsive within its parent
-                            , objectFit: "contain" // Ensure the image fits within the container without cropping
-                            , className: "rounded-lg shadow-xl", priority // Load immediately for better UX
-                            : true }) }), _jsx("button", { onClick: handleNext, disabled: isLastImage, className: `absolute right-2 sm:right-4 p-3 rounded-full bg-gray-800/50 text-white hover:bg-gray-700/70 transition-colors z-40
-            ${isLastImage ? "opacity-50 cursor-not-allowed" : ""}`, "aria-label": "\u1EA2nh ti\u1EBFp theo", title: "\u1EA2nh ti\u1EBFp theo (M\u0169i t\u00EAn ph\u1EA3i)", children: _jsx(ChevronRight, { className: "w-6 h-6 sm:w-8 sm:h-8" }) })] }), _jsxs("div", { className: "absolute bottom-4 text-white text-sm sm:text-base bg-black/50 px-4 py-2 rounded-full", children: [currentImage.name || "Hình ảnh", " (", currentImageIndex + 1, " / ", images.length, ")"] })] }));
-}

package/dist/components/ImagePreviewModal.jsx

@@ -1,84 +0,0 @@
-"use client";
-import { useState, useEffect, useCallback } from "react";
-import Image from "next/image";
-import { X, ChevronLeft, ChevronRight } from "lucide-react";
-export function ImagePreviewModal({ images, initialImageId, onClose }) {
-    // Find the initial index based on initialImageId
-    const initialIndex = images.findIndex((img) => img.id === initialImageId);
-    const [currentImageIndex, setCurrentImageIndex] = useState(initialIndex !== -1 ? initialIndex : 0);
-    // Ensure currentImageIndex is valid if initialImageId wasn't found or images array is empty
-    useEffect(() => {
-        if (initialIndex === -1 && images.length > 0) {
-            setCurrentImageIndex(0);
-        }
-        else if (images.length === 0) {
-            onClose(); // Close if no images are provided
-        }
-    }, [initialImageId, images, initialIndex, onClose]);
-    const currentImage = images[currentImageIndex];
-    const handlePrev = useCallback(() => {
-        setCurrentImageIndex((prevIndex) => Math.max(0, prevIndex - 1));
-    }, []);
-    const handleNext = useCallback(() => {
-        setCurrentImageIndex((prevIndex) => Math.min(images.length - 1, prevIndex + 1));
-    }, [images.length]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.key === "Escape") {
-            onClose();
-        }
-        else if (event.key === "ArrowLeft") {
-            handlePrev();
-        }
-        else if (event.key === "ArrowRight") {
-            handleNext();
-        }
-    }, [onClose, handlePrev, handleNext]);
-    // Add and remove keyboard event listener
-    useEffect(() => {
-        document.addEventListener("keydown", handleKeyDown);
-        return () => {
-            document.removeEventListener("keydown", handleKeyDown);
-        };
-    }, [handleKeyDown]);
-    if (!currentImage) {
-        return null; // Or render a loading/error state
-    }
-    const isFirstImage = currentImageIndex === 0;
-    const isLastImage = currentImageIndex === images.length - 1;
-    return (<div className="fixed inset-0 z-[9999] bg-black bg-opacity-90 flex items-center justify-center p-4 sm:p-8" onClick={onClose} // Close when clicking on the overlay
-    >
-      {/* Close Button */}
-      <button onClick={onClose} className="absolute top-4 right-4 text-white p-2 rounded-full bg-gray-800/50 hover:bg-gray-700/70 transition-colors z-50" aria-label="Đóng" title="Đóng (Esc)">
-        <X className="w-6 h-6"/>
-      </button>
-
-      {/* Image Container */}
-      <div className="relative flex items-center justify-center w-full h-full max-w-screen-xl max-h-screen-xl" onClick={(e) => e.stopPropagation()} // Prevent closing when clicking on the image itself
-    >
-        {/* Previous Button */}
-        <button onClick={handlePrev} disabled={isFirstImage} className={`absolute left-2 sm:left-4 p-3 rounded-full bg-gray-800/50 text-white hover:bg-gray-700/70 transition-colors z-40
-            ${isFirstImage ? "opacity-50 cursor-not-allowed" : ""}`} aria-label="Ảnh trước" title="Ảnh trước (Mũi tên trái)">
-          <ChevronLeft className="w-6 h-6 sm:w-8 sm:h-8"/>
-        </button>
-
-        {/* Image Display */}
-        <div className="relative w-full h-full flex items-center justify-center">
-          <Image src={currentImage.url || "/placeholder.svg"} alt={currentImage.name || "Xem trước hình ảnh"} layout="fill" // Use fill to make it responsive within its parent
-     objectFit="contain" // Ensure the image fits within the container without cropping
-     className="rounded-lg shadow-xl" priority // Load immediately for better UX
-    />
-        </div>
-
-        {/* Next Button */}
-        <button onClick={handleNext} disabled={isLastImage} className={`absolute right-2 sm:right-4 p-3 rounded-full bg-gray-800/50 text-white hover:bg-gray-700/70 transition-colors z-40
-            ${isLastImage ? "opacity-50 cursor-not-allowed" : ""}`} aria-label="Ảnh tiếp theo" title="Ảnh tiếp theo (Mũi tên phải)">
-          <ChevronRight className="w-6 h-6 sm:w-8 sm:h-8"/>
-        </button>
-      </div>
-
-      {/* Image Name/Counter (Optional) */}
-      <div className="absolute bottom-4 text-white text-sm sm:text-base bg-black/50 px-4 py-2 rounded-full">
-        {currentImage.name || "Hình ảnh"} ({currentImageIndex + 1} / {images.length})
-      </div>
-    </div>);
-}

package/dist/components/MessageItem.d.ts

@@ -1,3 +0,0 @@
-import type { MessageItemProps } from "../types";
-export declare function MessageItem({ message, isGrouped, onImageClick }: MessageItemProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MessageItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MessageItem.d.ts","sourceRoot":"","sources":["../../src/components/MessageItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAkB,MAAM,UAAU,CAAA;AAIhE,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,gBAAgB,2CAwLjF"}