@connectycube/chat-widget 0.36.1 → 0.37.0

package/dist/types/App.d.ts

@@ -1,4 +1,4 @@
-import { Config } from 'connectycube/types';
+import { Config } from '@connectycube/react';
 import { AppPresets } from './hooks/useAppPresets';
 export type AppProps = AppPresets & {
     appId: number | string;

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

@@ -0,0 +1,5 @@
+type CallsNavBarProps = {
+    customButton?: React.ReactNode;
+};
+declare const CallsNavBar: React.FC<CallsNavBarProps>;
+export default CallsNavBar;

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

@@ -0,0 +1,2 @@
+declare const CallsScreen: React.FC;
+export default CallsScreen;

package/dist/types/components/connectycube-ui/stream-view.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+export type StreamViewProps = {
+    id?: string;
+    stream?: MediaStream | null;
+    mirror?: boolean;
+} & React.VideoHTMLAttributes<HTMLVideoElement>;
+export declare const StreamView: React.ForwardRefExoticComponent<{
+    id?: string;
+    stream?: MediaStream | null;
+    mirror?: boolean;
+} & React.VideoHTMLAttributes<HTMLVideoElement> & React.RefAttributes<HTMLVideoElement>>;
+export declare const LocalStreamView: React.ForwardRefExoticComponent<{
+    id?: string;
+    stream?: MediaStream | null;
+    mirror?: boolean;
+} & React.VideoHTMLAttributes<HTMLVideoElement> & React.RefAttributes<HTMLVideoElement>>;
+export declare const RemoteStreamView: React.ForwardRefExoticComponent<{
+    id?: string;
+    stream?: MediaStream | null;
+    mirror?: boolean;
+} & React.VideoHTMLAttributes<HTMLVideoElement> & React.RefAttributes<HTMLVideoElement>>;
+export type FullscreenStreamViewProps = {
+    element: React.ReactElement<StreamViewProps>;
+    pipElement?: React.ReactElement<StreamViewProps>;
+    navElement?: React.ReactElement<HTMLElement>;
+    hideIconElement?: React.ReactElement;
+    showIconElement?: React.ReactElement;
+    containerClassName?: string;
+    fullscreenButtonClassName?: string;
+    fullscreenButtonIconClassName?: string;
+    pipContainerClassName?: string;
+    pipButtonClassName?: string;
+    pipButtonIconClassName?: string;
+    containerProps?: React.HTMLAttributes<HTMLDivElement>;
+    fullscreenButtonProps?: React.HTMLAttributes<HTMLButtonElement>;
+    fullscreenButtonIconProps?: React.HTMLAttributes<SVGElement>;
+    pipContainerProps?: React.HTMLAttributes<HTMLDivElement>;
+    pipButtonProps?: React.HTMLAttributes<HTMLButtonElement>;
+    pipButtonIconProps?: React.HTMLAttributes<SVGElement>;
+};
+export type FullscreenStreamViewRef = {
+    isFullscreen: boolean;
+    isPictureInPicture: boolean;
+    toggleFullscreen: () => Promise<void>;
+    togglePictureInPicture: () => void;
+};
+export declare const FullscreenStreamView: React.ForwardRefExoticComponent<FullscreenStreamViewProps & React.RefAttributes<FullscreenStreamViewRef>>;

package/dist/types/components/connectycube-ui/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function getRandomString(length?: number): string;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Users } from 'connectycube/types';
+import { Users } from '@connectycube/react';
 export interface ChatInfoUserProps {
     user?: Users.User | null;
 }

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

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { Dialogs } from 'connectycube/types';
+import { Dialogs } from '@connectycube/react';
 export interface ChatInputProps {
     onSendMessage: (message: string, dialog?: Dialogs.Dialog) => void;
-    onSendMessageWithAttachment: (files: File[]) => void;
+    onSendAttachment: (files: File[]) => void;
     setTextareaScrollOffset: React.Dispatch<React.SetStateAction<number>>;
 }
 declare const _default: React.NamedExoticComponent<ChatInputProps>;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { CallType } from 'connectycube/types';
+import { CallType } from '@connectycube/react';
 import { CallHistorySignal } from '../../../../hooks/useCallHistory';
 export interface CallMessageProps {
     signal: CallHistorySignal;

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

@@ -1,5 +1,5 @@
-import { Messages } from 'connectycube/types';
 import { default as React } from 'react';
+import { Messages } from '@connectycube/react';
 export interface MessageAttachmentProps {
     attachment: Messages.Attachment;
     uploading: boolean;

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

@@ -1,4 +1,4 @@
-import { MessageStatus } from '@connectycube/use-chat';
+import { MessageStatus } from '@connectycube/react';
 type MessageStatusMarkProps = {
     status: MessageStatus;
 };

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Messages } from 'connectycube/types';
+import { Messages } from '@connectycube/react';
 export interface MessageProps {
     message: Messages.Message;
     senderName?: string;

package/dist/types/components/home/main/my-profile/my-block-list-item.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Users } from 'connectycube/types';
+import { Users } from '@connectycube/react';
 export interface MyBlockListItemProps {
     user?: Users.User;
 }

package/dist/types/components/home/sidebar/chat-item.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Dialogs } from 'connectycube/types';
+import { Dialogs } from '@connectycube/react';
 export interface ChatItemProps {
     dialog: Dialogs.Dialog;
     isFirstInList?: boolean;

package/dist/types/components/home/sidebar/new-chat/create-group-chat/create-group-chat.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Users } from 'connectycube/types';
+import { Users } from '@connectycube/react';
 export interface CreateGroupChatProps {
     users: Users.User[];
     onCreateChat: (name: string) => Promise<void>;

package/dist/types/helpers/connectycube.d.ts

@@ -1,4 +1,4 @@
-import { Config, Users, Auth, Chat, EmptyResponse, PushNotifications } from 'connectycube/types';
+import { Config, Users, Auth, Chat, EmptyResponse, PushNotifications } from '@connectycube/react';
 import { PushSubscriptionData } from './notifications';
 export declare enum SIGNAL {
     UPDATE_USER = "user/UPDATE"
@@ -45,7 +45,7 @@ export declare const sha256: (str: string) => Promise<string>;
 export declare const getUserName: (user: Users.User | null | undefined, force?: boolean) => string;
 export declare const getPhotoUrl: (photoOrAvatar?: string | null) => string;
 export declare const generateConnectyCubeLogin: (userId?: string) => string;
-export declare const createUserReport: (reportedUserId: number, reason: string) => Promise<import("connectycube/types").Data.DataRecord>;
+export declare const createUserReport: (reportedUserId: number, reason: string) => Promise<import("connectycube").Data.DataRecord>;
 export declare const subscribeToPushNotifications: (pushSubscriptionData?: PushSubscriptionData) => Promise<PushNotifications.Subscription | undefined>;
 export declare const unsubscribeFromPushNotifications: () => Promise<EmptyResponse[]>;
 export declare const isCallsSupported: boolean;

package/dist/types/helpers/widget.d.ts

@@ -1,4 +1,4 @@
-import { Users } from 'connectycube/types';
+import { Users } from '@connectycube/react';
 export declare const buildExternalIdFromUsers: (users?: Users.User[]) => string;
 export declare const sleep: (ms: number) => Promise<void>;
 export declare const stripSpecificTailwindSupports: (css: string) => string;

package/dist/types/hooks/store/useAppDefaultChatStore.d.ts

@@ -13,6 +13,7 @@ export type DefaultChat = {
     };
 };
 export type SingleViewChat = {
+    externalId?: string;
     opponentUserIds: string | string[];
     name?: string;
     photo?: string;

package/dist/types/hooks/store/useProfileStore.d.ts

@@ -1,7 +1,7 @@
 interface ProfileState {
     visible: boolean;
-    userId?: number;
-    showProfile: (userId?: number) => void;
+    userId?: number | null;
+    showProfile: (userId?: number | null) => void;
     hideProfile: () => void;
 }
 declare const useProfileStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ProfileState>>;

package/dist/types/hooks/useAppAuthorization.d.ts

@@ -1,4 +1,4 @@
-import { Config } from 'connectycube/types';
+import { Config } from '@connectycube/react';
 type AppUser = {
     id?: string;
     name?: string;

package/dist/types/hooks/useCallHistory.d.ts

@@ -7,9 +7,9 @@ export declare enum CallHistorySignal {
 }
 export type CallHistoryHook = {
     sendAcceptCall: () => void;
-    sendRejectCall: () => void;
-    sendHungUpCall: () => void;
-    sendNotAnswerCall: () => void;
+    sendRejectCall: (userId?: number) => void;
+    sendHungUpCall: (userId?: number) => void;
+    sendNotAnswerCall: (userId?: number) => void;
 };
 declare function useCallHistory(): CallHistoryHook;
 export default useCallHistory;

package/dist/types/hooks/useNotification.d.ts

@@ -1,4 +1,4 @@
-import { Chat } from 'connectycube/types';
+import { Chat } from '@connectycube/react';
 type NotificationHook = {
     showNotification: (title?: string, body?: string, icon?: string) => Promise<Notification | void>;
     notifyWithSound: (title?: string, body?: string, icon?: string) => Promise<Notification | void>;

package/dist/types/hooks/useTypingStatusText.d.ts

@@ -1,3 +1,3 @@
-import { Dialogs } from 'connectycube/types';
+import { Dialogs } from '@connectycube/react';
 declare function useTypingStatusText(dialog?: Dialogs.Dialog, reverse?: boolean): string | undefined;
 export default useTypingStatusText;

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

@@ -1,4 +1,4 @@
-import { Dialogs } from 'connectycube/types';
+import { Dialogs } from '@connectycube/react';
 import { ClassValue } from 'clsx';
 export declare function cn(...inputs: ClassValue[]): string;
 export declare function createTempChat(id: string, name: string, type: 3 | 2, occupantsIds: number[], currentUserId: number, photo?: string, extensions?: {

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.36.1",
+  "version": "0.37.0",
   "license": "GPL-3.0-only",
   "homepage": "https://github.com/ConnectyCube/connectycube-chat-widget/chat-widget#readme",
   "bugs": {
@@ -85,9 +85,8 @@
     "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@ai-sdk/google": "^2.0.17",
-    "@connectycube/use-calls": "^0.12.1",
-    "@connectycube/use-chat": "^0.27.0",
+    "@ai-sdk/google": "^2.0.24",
+    "@connectycube/react": "4.7.7",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
     "@radix-ui/react-checkbox": "^1.3.3",
@@ -98,23 +97,22 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
-    "ai": "^5.0.54",
+    "ai": "^5.0.81",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "connectycube": "^4.7.2",
     "get-browser-fingerprint": "^4.1.1",
-    "i18next": "^25.5.2",
+    "i18next": "^25.6.0",
     "linkify-react": "^4.3.2",
     "linkifyjs": "^4.3.2",
-    "lucide-react": "^0.544.0",
+    "lucide-react": "^0.548.0",
     "next-themes": "^0.4.6",
-    "react-hook-form": "^7.63.0",
-    "react-i18next": "^16.0.0",
+    "react-hook-form": "^7.65.0",
+    "react-i18next": "^16.2.1",
     "react-icons": "^5.5.0",
     "react-intersection-observer": "^9.16.0",
     "react-player": "^2.16.1",
     "sonner": "^2.0.7",
-    "virtua": "^0.43.4",
+    "virtua": "^0.46.4",
     "zustand": "^5.0.8"
   },
   "peerDependencies": {
@@ -122,34 +120,35 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@eslint/js": "^9.36.0",
-    "@tailwindcss/postcss": "^4.1.13",
-    "@tailwindcss/vite": "^4.1.13",
-    "@types/node": "^24.5.2",
-    "@types/react": "^19.1.13",
-    "@types/react-dom": "^19.1.9",
-    "@vitejs/plugin-react": "^5.0.3",
-    "@vitest/coverage-v8": "^3.2.4",
-    "eslint": "^9.36.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.22",
+    "@eslint/js": "^9.38.0",
+    "@tailwindcss/cli": "^4.1.16",
+    "@tailwindcss/postcss": "^4.1.16",
+    "@tailwindcss/vite": "^4.1.16",
+    "@types/node": "^24.9.1",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "@vitejs/plugin-react": "^5.1.0",
+    "@vitest/coverage-v8": "^4.0.4",
+    "eslint": "^9.38.0",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.4.0",
-    "jsdom": "^27.0.0",
+    "jsdom": "^27.0.1",
     "prettier": "3.6.2",
     "tailwind-merge": "^3.3.1",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "^4.1.13",
+    "tailwindcss": "^4.1.16",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.44.1",
-    "vite": "^7.1.7",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.46.2",
+    "vite": "^7.1.12",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.52.2",
-    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.13",
-    "lightningcss-linux-x64-gnu": "^1.30.1"
+    "@rollup/rollup-linux-x64-gnu": "4.52.5",
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.16",
+    "lightningcss-linux-x64-gnu": "^1.30.2"
   },
   "engines": {
     "node": ">=20.0.0",

package/dist/types/components/calls/calls-fullscreen-stream.d.ts

@@ -1,6 +0,0 @@
-type CallsFullscreenStreamProps = {
-    fullscreenStream: React.ReactNode;
-    cornerStream: React.ReactNode;
-};
-declare const CallsFullscreenStream: React.FC<CallsFullscreenStreamProps>;
-export default CallsFullscreenStream;

package/dist/types/components/calls/calls-modal-screen.d.ts

@@ -1,2 +0,0 @@
-declare const CallsModalScreen: React.FC;
-export default CallsModalScreen;

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

@@ -1,5 +0,0 @@
-type CallsNavButtonsProps = {
-    customButton?: React.ReactNode;
-};
-declare const CallsNavButtons: React.FC<CallsNavButtonsProps>;
-export default CallsNavButtons;

package/dist/types/components/calls/calls-navigation/calls-nav-hung-up.d.ts

@@ -1,2 +0,0 @@
-declare const CallsNavHungUp: React.FC;
-export default CallsNavHungUp;

package/dist/types/components/calls/calls-navigation/calls-nav-screen-share.d.ts

@@ -1,2 +0,0 @@
-declare const CallsNavScreenShare: React.FC;
-export default CallsNavScreenShare;

package/dist/types/components/calls/calls-navigation/calls-nav-toggle-camera.d.ts

@@ -1,2 +0,0 @@
-declare const CallsNavToggleCamera: React.FC;
-export default CallsNavToggleCamera;

package/dist/types/components/calls/calls-navigation/calls-nav-toggle-mic.d.ts

@@ -1,2 +0,0 @@
-declare const CallsNavToggleMic: React.FC;
-export default CallsNavToggleMic;