@connectycube/chat-widget 0.39.1 → 0.39.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@connectycube/chat-widget",
   "description": "A customizable React chat widget built on the ConnectyCube platform, enabling real-time messaging, calls, and user engagement in any web app.",
-  "version": "0.39.1",
+  "version": "0.39.3",
   "license": "GPL-3.0-only",
   "homepage": "https://github.com/ConnectyCube/connectycube-chat-widget/chat-widget#readme",
   "bugs": {
@@ -77,34 +77,37 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@ai-sdk/google": "^2.0.27",
-    "@connectycube/react": "^5.0.2",
+    "@ai-sdk/google": "^3.0.29",
+    "@connectycube/react": "^5.1.38",
     "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-avatar": "^1.1.11",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "ai": "^5.0.87",
+    "ai": "^6.0.91",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
     "get-browser-fingerprint": "^4.1.1",
-    "i18next": "^25.6.0",
+    "i18next": "^25.8.11",
     "linkify-react": "^4.3.2",
     "linkifyjs": "^4.3.2",
-    "lucide-react": "^0.552.0",
+    "lucide-react": "^0.575.0",
     "next-themes": "^0.4.6",
-    "react-hook-form": "^7.66.0",
-    "react-i18next": "^16.2.4",
+    "react-hook-form": "^7.71.1",
+    "react-i18next": "^16.5.4",
     "react-icons": "^5.5.0",
-    "react-intersection-observer": "^10.0.0",
+    "react-intersection-observer": "^10.0.3",
+    "react-textarea-autosize": "^8.5.9",
     "sonner": "^2.0.7",
-    "virtua": "^0.46.6",
-    "zustand": "^5.0.8"
+    "tailwind-merge": "^3.5.0",
+    "virtua": "^0.48.6",
+    "zustand": "^5.0.11"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -112,35 +115,35 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.2",
-    "@tailwindcss/cli": "^4.1.18",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@tailwindcss/vite": "^4.1.18",
-    "@types/node": "^25.0.8",
-    "@types/react": "^19.2.8",
+    "@tailwindcss/cli": "^4.2.0",
+    "@tailwindcss/postcss": "^4.2.0",
+    "@tailwindcss/vite": "^4.2.0",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "@vitest/coverage-v8": "^4.0.17",
+    "@vitejs/plugin-react": "^5.1.4",
+    "@vitest/coverage-v8": "^4.0.18",
+    "baseline-browser-mapping": "^2.10.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "globals": "^17.0.0",
-    "jsdom": "^27.4.0",
-    "prettier": "3.8.0",
-    "tailwind-merge": "^3.4.0",
+    "eslint-plugin-react-refresh": "^0.5.0",
+    "globals": "^17.3.0",
+    "jsdom": "^28.1.0",
+    "prettier": "3.8.1",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.53.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "^7.3.1",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.17"
+    "vitest": "^4.0.18"
   },
   "optionalDependencies": {
-    "@parcel/watcher-linux-x64-glibc": "^2.5.4",
-    "@rollup/rollup-linux-x64-gnu": "4.55.1",
-    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.18",
-    "lightningcss-linux-x64-gnu": "^1.30.2"
+    "@parcel/watcher-linux-x64-glibc": "^2.5.6",
+    "@rollup/rollup-linux-x64-gnu": "4.57.1",
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.2.0",
+    "lightningcss-linux-x64-gnu": "^1.31.1"
   },
   "engines": {
     "node": ">=20.0.0",

package/dist/types/components/calls/calls-buttons.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const CallsHeaderButtons: React.FC;
-export default CallsHeaderButtons;

package/dist/types/components/home/main/chat-input-file.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export interface ChatInputFileProps {
-    onSendAttachment: (files: File[]) => void;
-}
-declare const _default: React.NamedExoticComponent<ChatInputFileProps>;
-export default _default;

package/dist/types/components/home/main/message/call-message.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { CallType } from '@connectycube/react';
-import { CallHistorySignal } from '../../../../hooks/useCallHistory';
-export interface CallMessageProps {
-    signal: CallHistorySignal;
-    duration: number;
-    callType: CallType;
-    sentTime: string;
-    isCurrentUserSender: boolean;
-    isLastMessage: boolean;
-}
-declare const CallMessage: React.FC<CallMessageProps>;
-export default CallMessage;

package/dist/types/components/home/main/message/message-attachment.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { Messages } from '@connectycube/react';
-export interface MessageAttachmentProps {
-    attachment: Messages.Attachment;
-    uploading: boolean;
-    stickToBottom?: (skipOnce?: boolean) => void;
-}
-declare const _default: React.NamedExoticComponent<MessageAttachmentProps>;
-export default _default;

package/dist/types/components/home/main/message/message-body.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-type MessageBodyProps = {
-    message: string;
-    id: string;
-};
-declare const MessageBody: React.FC<MessageBodyProps>;
-export default MessageBody;

package/dist/types/components/home/main/message/message-status-mark.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { MessageStatus } from '@connectycube/react';
-type MessageStatusMarkProps = {
-    status: MessageStatus;
-};
-declare const MessageStatusMark: React.FC<MessageStatusMarkProps>;
-export default MessageStatusMark;

package/dist/types/components/home/main/message/message-text-summary.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-type MessageTextSummaryProps = {
-    stickToBottom?: (skipOnce?: boolean) => void;
-    loading?: boolean;
-    message: string;
-    id: string;
-};
-declare const MessageTextSummary: React.FC<MessageTextSummaryProps>;
-export default MessageTextSummary;

package/dist/types/components/home/main/message/message-url-preview.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-type MessageUrlPreviewProps = {
-    message: string;
-    id: string;
-    stickToBottom?: (skipOnce?: boolean) => void;
-};
-declare const MessageUrlPreview: React.FC<MessageUrlPreviewProps>;
-export default MessageUrlPreview;

package/dist/types/components/home/main/message/message.d.ts

@@ -1,16 +0,0 @@
-import { default as React } from 'react';
-import { Messages } from '@connectycube/react';
-export interface MessageProps {
-    message: Messages.Message;
-    senderName?: string;
-    senderAvatar?: string | null;
-    isLastMessage: boolean;
-    isPlaceholder: boolean;
-    isSameUserSender: boolean;
-    isCurrentUserSender: boolean;
-    enableUrlPreview?: boolean;
-    sentTime: string;
-    stickToBottom?: (id: string, skipOnce?: boolean) => void;
-}
-declare const Message: React.FC<MessageProps>;
-export default Message;

package/dist/types/components/home/main/user-status/user-status-badge.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-import { USER_STATUS } from '../../../../helpers/connectycube';
-type UserStatusBadgeProps = {
-    status: USER_STATUS;
-    size?: number;
-};
-declare const UserStatusBadge: React.FC<UserStatusBadgeProps>;
-export default UserStatusBadge;

package/dist/types/components/home/main/user-status/user-status-select.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const UserStatusSelect: React.FC;
-export default UserStatusSelect;

package/dist/types/components/home/main/user-status/user-status.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { USER_STATUS } from '../../../../helpers/connectycube';
-type UserStatusProps = {
-    status: USER_STATUS;
-};
-declare const UserStatus: React.FC<UserStatusProps>;
-export default UserStatus;

package/dist/types/components/shadcn-ui/avatar.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
-export { Avatar, AvatarImage, AvatarFallback };

package/dist/types/components/shadcn-ui/button.d.ts

@@ -1,10 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };

package/dist/types/components/shadcn-ui/checkbox.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Checkbox };

package/dist/types/components/shadcn-ui/class-names.d.ts

@@ -1,50 +0,0 @@
-import { ClassValue } from 'clsx';
-export declare const shadcnClassNames: {
-    alertDialogOverlay: ClassValue;
-    alertDialogContent: ClassValue;
-    alertDialogHeader: ClassValue;
-    alertDialogFooter: ClassValue;
-    alertDialogTitle: ClassValue;
-    alertDialogDescription: ClassValue;
-    avatar: ClassValue;
-    avatarImage: ClassValue;
-    avatarFallback: ClassValue;
-    badge: ClassValue;
-    button: ClassValue;
-    card: ClassValue;
-    cardHeader: ClassValue;
-    cardTitle: ClassValue;
-    cardDescription: ClassValue;
-    cardAction: ClassValue;
-    cardContent: ClassValue;
-    cardFooter: ClassValue;
-    checkbox: ClassValue;
-    dialogOverlay: ClassValue;
-    dialogContent: ClassValue;
-    dialogHeader: ClassValue;
-    dialogFooter: ClassValue;
-    dialogTitle: ClassValue;
-    dialogDescription: ClassValue;
-    dropdownMenuContent: ClassValue;
-    dropdownMenuItem: ClassValue;
-    dropdownMenuCheckboxItem: ClassValue;
-    dropdownMenuRadioItem: ClassValue;
-    dropdownMenuLabel: ClassValue;
-    dropdownMenuSeparator: ClassValue;
-    dropdownMenuShortcut: ClassValue;
-    dropdownMenuSubTrigger: ClassValue;
-    dropdownMenuSubContent: ClassValue;
-    input: ClassValue[];
-    inputSelection: {
-        blue: string;
-    };
-    label: ClassValue;
-    skeleton: ClassValue;
-    switch: ClassValue;
-    switchThumb: ClassValue;
-    tabs: ClassValue;
-    tabsList: ClassValue;
-    tabsTrigger: ClassValue;
-    tabsContent: ClassValue;
-    tooltipContent: ClassValue;
-};

package/dist/types/components/shadcn-ui/input.d.ts

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

package/dist/types/components/shadcn-ui/label.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as LabelPrimitive from '@radix-ui/react-label';
-declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Label };

package/dist/types/components/shadcn-ui/skeleton.d.ts

@@ -1,2 +0,0 @@
-declare function Skeleton({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-export { Skeleton };

package/dist/types/components/shadcn-ui/switch.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import * as SwitchPrimitive from '@radix-ui/react-switch';
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-export { Switch };

package/dist/types/components/shadcn-ui/tooltip.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/dist/types/components/shared/avatar.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { USER_STATUS } from '../../helpers/connectycube';
-interface BaseAvatarProps {
-    imageUIDOrUrl?: string | null;
-    name?: string;
-    className?: string;
-}
-interface AvatarWithStatusProps extends BaseAvatarProps {
-    isOnline?: boolean;
-    status?: USER_STATUS | null;
-}
-declare const Avatar: React.FC<BaseAvatarProps> & {
-    WithStatus: React.NamedExoticComponent<AvatarWithStatusProps>;
-};
-export default Avatar;

package/dist/types/components/shared/chat-status-mark.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-declare const ChatStatusMark: React.FC;
-export default ChatStatusMark;

package/dist/types/components/shared/confirmation-alert.d.ts

@@ -1,8 +0,0 @@
-import { default as React, ReactElement } from 'react';
-export interface ConfirmationAlertProps {
-    triggerChild: ReactElement;
-    title: string;
-    body: string;
-    onConfirm: () => void;
-}
-export declare const ConfirmationAlert: React.FC<ConfirmationAlertProps>;

package/dist/types/components/shared/empty-content-placeholder.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-type EmptyContentPlaceholderProps = {
-    title: string | string[];
-    className?: React.HTMLAttributes<HTMLDivElement>['className'];
-};
-declare const _default: React.NamedExoticComponent<EmptyContentPlaceholderProps>;
-export default _default;

package/dist/types/components/shared/loader.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-export interface LoaderProps {
-    className?: string;
-}
-declare const Loader: React.FC<LoaderProps>;
-export default Loader;

package/dist/types/components/widget/widget-overlay.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-type WidgetOverlayProps = {
-    disableClickOutside?: boolean;
-    disableEscKeyPress?: boolean;
-    style?: React.CSSProperties;
-};
-declare const WidgetOverlay: React.FC<WidgetOverlayProps>;
-export default WidgetOverlay;