@connectycube/chat-widget 0.33.0 → 0.35.0

package/dist/types/components/home/main/ai-dropdown-menu/ai-dropdown-change-tone.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { AIDropdownMenuSubKeys } from '../../../../helpers/widget';
+import { LanguageModelV2 } from '@ai-sdk/provider';
+type AIDropdownChangeToneProps = {
+    activeKey: AIDropdownMenuSubKeys;
+    setActiveKey: (active: AIDropdownMenuSubKeys) => void;
+    enabled: boolean;
+    aiModel: LanguageModelV2;
+    message: string;
+    changeMessage: (message: string) => void;
+    setProcessing: (processing: boolean) => void;
+};
+declare const AIDropdownChangeTone: React.FC<AIDropdownChangeToneProps>;
+export default AIDropdownChangeTone;

package/dist/types/components/home/main/ai-dropdown-menu/ai-dropdown-get-summary.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AIDropdownMenuSubKeys } from '../../../../helpers/widget';
+import { LanguageModelV2 } from '@ai-sdk/provider';
+type AIDropdownGetSummaryProps = {
+    activeKey: AIDropdownMenuSubKeys;
+    setActiveKey: (active: AIDropdownMenuSubKeys) => void;
+    enabled: boolean;
+    aiModel: LanguageModelV2;
+};
+declare const AIDropdownGetSummary: React.FC<AIDropdownGetSummaryProps>;
+export default AIDropdownGetSummary;

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+type ChatAIButtonProps = {
+    inputMessage: string;
+    changeInputMessage: (message: string) => void;
+    setProcessing: (processing: boolean) => void;
+};
+declare const ChatAIButton: React.FC<ChatAIButtonProps>;
+export default ChatAIButton;

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

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

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

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 type ChatMessagesListProps = {
     onSendMessage: (text: string) => void;
+    textareaScrollOffset: number;
 };
 declare const ChatMessagesList: React.FC<ChatMessagesListProps>;
 export default ChatMessagesList;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { CallType } from 'connectycube/types';
+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-text-summary.d.ts

@@ -0,0 +1,8 @@
+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.d.ts

@@ -9,6 +9,7 @@ export interface MessageProps {
     isSameUserSender: boolean;
     isCurrentUserSender: boolean;
     enableUrlPreview?: boolean;
+    sentTime: string;
     stickToBottom?: (id: string, skipOnce?: boolean) => void;
 }
 declare const Message: React.FC<MessageProps>;

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

@@ -35,7 +35,11 @@ export declare const shadcnClassNames: {
     dropdownMenuSubTrigger: ClassValue;
     dropdownMenuSubContent: ClassValue;
     input: ClassValue[];
+    inputSelection: {
+        blue: string;
+    };
     label: ClassValue;
+    skeleton: ClassValue;
     switch: ClassValue;
     switchThumb: ClassValue;
     tabs: ClassValue;

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

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

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

@@ -40,7 +40,7 @@ export declare const updateUserSettings: (settings: {
 export declare const getSessionToken: () => string | null;
 export declare const getSessionUserId: () => number | null;
 export declare const isSessionExpired: () => boolean;
-export declare const isUserIdChanged: (userId?: string) => boolean;
+export declare const isUserIdChanged: (userId?: string | number | null) => boolean;
 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;

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

@@ -0,0 +1 @@
+export declare const formatDuration: (seconds: number) => string;

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

@@ -1,2 +1,7 @@
 import { default as i18n } from 'i18next';
+export type Language = 'English' | 'Greek' | 'Ukrainian';
+export type Languages = {
+    [key in string]: Language;
+};
+export declare const languages: Languages;
 export default i18n;

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

@@ -10,3 +10,22 @@ export declare enum dataPrefix {
 export declare const widgetFontSize = "15px";
 export declare const widgetFontWeight = "400";
 export declare const widgetExternalIdPrefix = "external_id";
+export declare const AI_CURRENT_USER_POSTFIX = "::current_user";
+export declare enum AIDropdownMenuSubKeys {
+    GET_SUMMARY = "ai:get-summary",
+    CHANGE_TONE = "ai:change-tone",
+    DEFAULT = "ai:default"
+}
+export declare enum ChatSummaryFilters {
+    LAST_7_DAYS = "last-7-days",
+    LAST_DAY = "last-day",
+    UNREADS = "unreads"
+}
+export declare enum InputMessageTones {
+    POSITIVE = "positive",
+    NEGATIVE = "negative",
+    CRINGE = "cringe"
+}
+export declare enum TempMessageTags {
+    AI_TEXT_SUMMARY = "ai-text-summary"
+}

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

@@ -1,11 +1,12 @@
 export declare const resetStore: (force?: boolean) => void;
 export { default as useActiveTabsStore } from './store/useActiveTabsStore';
 export { default as useAlertBusyStore } from './store/useAlertBusyStore';
+export { default as useAppAIStore } from './store/useAppAIStore';
 export { default as useAppDefaultChatStore } from './store/useAppDefaultChatStore';
 export { default as useAppInterfaceStore } from './store/useAppInterfaceStore';
-export { default as useAppSettingsStore } from './store/useAppSettingsStore';
 export { default as useAppNotificationStore } from './store/useAppNotificationStore';
 export { default as useAppQuickActionsStore } from './store/useAppQuickActionsStore';
+export { default as useAppSettingsStore } from './store/useAppSettingsStore';
 export { default as useDraftMessagesStore } from './store/useDraftMessagesStore';
 export { default as useOnlineUsersCountStore } from './store/useOnlineUsersCountStore';
 export { default as useLinkPreviewStore } from './store/useLinkPreviewStore';
@@ -16,6 +17,7 @@ export { default as useUserSettingsStore } from './store/useUserSettingsStore';
 export { default as useAppAuthorization } from './useAppAuthorization';
 export { default as useAppPresets } from './useAppPresets';
 export { default as useAudio } from './useAudio';
+export { default as useCallHistory } from './useCallHistory';
 export { default as useLastActivity } from './useLastActivity';
 export { default as useNotification } from './useNotification';
 export { default as usePageFocus } from './usePageFocus';

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

@@ -0,0 +1,18 @@
+export type AppAIStoreStateProps = {
+    changeMessageTone: boolean;
+    textSummarization: boolean;
+    apiKey: string;
+};
+interface AppAIStoreState extends AppAIStoreStateProps {
+    setChangeMessageTone: (changeMessageTone: boolean) => void;
+    setTextSummarization: (textSummarization: boolean) => void;
+    setApiKey: (apiKey: string) => void;
+    resetChangeMessageTone: () => void;
+    resetTextSummarization: () => void;
+    resetApiKey: () => void;
+}
+export declare const appAIStoreInitialState: AppAIStoreStateProps;
+declare const useAppAIStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppAIStoreState>>;
+export declare const setAppDefaultChatStore: (state: Partial<AppAIStoreStateProps>) => void;
+export declare const resetAppDefaultChatStore: () => void;
+export default useAppAIStore;

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

@@ -32,9 +32,14 @@ export type AppPresets = {
     termsAndConditions?: string;
     quickActions?: QuickActions;
     defaultChat?: DefaultChat | null;
+    ai?: {
+        changeMessageTone?: boolean;
+        textSummarization?: boolean;
+        apiKey?: string;
+    };
     onUnreadCountChange?: (count: number) => void;
     onOnlineUsersCountChange?: (count: number) => void;
     onOpenChange?: (open: boolean) => void;
 };
-declare const useAppPresets: ({ open, embedView, splitView, singleView, showChatStatus, showOnlineUsersTab, hideNewChatButton, hideNewUserChatOption, hideNewGroupChatOption, imgLogoSource, muted, showNotifications, playSound, webPushNotifications, serviceWorkerPath, webPushVapidPublicKey, attachmentsAccept, enableUserLogin, enableCalls, enableUserStatuses, enableLastSeen, enableContentReporting, enableBlockList, enableUrlPreview, limitUrlsPreviews, termsAndConditions, quickActions, defaultChat, singleViewChat, enableOnlineUsersBadge, getOnlineUsersInterval, onUnreadCountChange, onOnlineUsersCountChange, onOpenChange, }: AppPresets) => void;
+declare const useAppPresets: ({ open, embedView, splitView, singleView, showChatStatus, showOnlineUsersTab, hideNewChatButton, hideNewUserChatOption, hideNewGroupChatOption, imgLogoSource, muted, showNotifications, playSound, webPushNotifications, serviceWorkerPath, webPushVapidPublicKey, attachmentsAccept, enableUserLogin, enableCalls, enableUserStatuses, enableLastSeen, enableContentReporting, enableBlockList, enableUrlPreview, limitUrlsPreviews, termsAndConditions, quickActions, defaultChat, singleViewChat, enableOnlineUsersBadge, getOnlineUsersInterval, ai, onUnreadCountChange, onOnlineUsersCountChange, onOpenChange, }: AppPresets) => void;
 export default useAppPresets;

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

@@ -0,0 +1,15 @@
+export declare enum CallHistorySignal {
+    ACCEPT = "accept",
+    REJECT = "reject",
+    NOT_ANSWER = "notAnswer",
+    HUNG_UP = "hungUp",
+    CANCEL = "cancel"
+}
+export type CallHistoryHook = {
+    sendAcceptCall: () => void;
+    sendRejectCall: () => void;
+    sendHungUpCall: () => void;
+    sendNotAnswerCall: () => void;
+};
+declare function useCallHistory(): CallHistoryHook;
+export default useCallHistory;

package/dist/types/locales/el/translation.json.d.ts

@@ -103,7 +103,31 @@ declare const _default: {
     "Next": "Επόμενο"
   },
   "SingleViewChatError": "Δεν βρέθηκαν αντίπαλοι για τη συνομιλία",
-  "Information": "Πληροφορίες"
+  "Information": "Πληροφορίες",
+  "AI": {
+    "GetSummary": "Λήψη σύνοψης",
+    "ChangeMessageTone": "Αλλαγή τόνου μηνύματος",
+    "SummaryMessageTitle": "Μόνο εσείς μπορείτε να δείτε αυτό το μήνυμα",
+    "forLast7Days": "για τις τελευταίες 7 ημέρες",
+    "forLastDay": "για την τελευταία ημέρα",
+    "forUnreads": "για μη αναγνωσμένα",
+    "MessageTone": "Αλλαγή τόνου μηνύματος",
+    "EmptyMessage": "Δεν είναι δυνατή η αλλαγή του τόνου ενός κενού μηνύματος",
+    "positive": "θετικός",
+    "negative": "αρνητικός",
+    "cringe": "κρίμα"
+  },
+  "CallHistory": {
+    "RejectedIncoming": "Απορρίφθηκε εισερχόμενη κλήση",
+    "RejectedOutgoing": "Απορρίφθηκε εξερχόμενη κλήση",
+    "Unanswered": "Μη απαντημένη κλήση",
+    "Missed": "Αναπάντητη κλήση",
+    "Canceled": "Ακυρώθηκε",
+    "Ended": "Ολοκληρώθηκε",
+    "videoCall": "βιντεοκλήση",
+    "audioCall": "ηχητική κλήση",
+    "defaultCall": "κλήση"
+  }
 }
 ;
 

package/dist/types/locales/en/translation.json.d.ts

@@ -103,7 +103,31 @@ declare const _default: {
     "Next": "Next"
   },
   "SingleViewChatError": "Opponent(s) for the chat not found",
-  "Information": "Information"
+  "Information": "Information",
+  "AI": {
+    "GetSummary": "Get summary",
+    "ChangeMessageTone": "Change message tone",
+    "SummaryMessageTitle": "Only you can see this message",
+    "forLast7Days": "for last 7 days",
+    "forLastDay": "for last day",
+    "forUnreads": "for unreads",
+    "MessageTone": "Change message tone",
+    "EmptyMessage": "Can't change tone of empty message",
+    "positive": "positive",
+    "negative": "negative",
+    "cringe": "cringe"
+  },
+  "CallHistory": {
+    "RejectedIncoming": "Rejected incoming",
+    "RejectedOutgoing": "Rejected outgoing",
+    "Unanswered": "Unanswered",
+    "Missed": "Missed",
+    "Canceled": "Canceled",
+    "Ended": "Ended",
+    "videoCall": "video call",
+    "audioCall": "audio call",
+    "defaultCall": "call"
+  }
 }
 ;
 

package/dist/types/locales/ua/translation.json.d.ts

@@ -103,7 +103,31 @@ declare const _default: {
     "Next": "Далі"
   },
   "SingleViewChatError": "Опонента(ів) для чату не знайдено",
-  "Information": "Інформація"
+  "Information": "Інформація",
+  "AI": {
+    "GetSummary": "Отримати резюме",
+    "ChangeMessageTone": "Змінити тон повідомлення",
+    "SummaryMessageTitle": "Тільки ти можеш бачити це повідомлення",
+    "forLast7Days": "за останні 7 днів",
+    "forLastDay": "за останній день",
+    "forUnreads": "для непрочитаних",
+    "MessageTone": "Змінити тон повідомлення",
+    "EmptyMessage": "Неможливо змінити тон пустого повідомлення",
+    "positive": "позитивний",
+    "negative": "негативний",
+    "cringe": "крінж"
+  },
+  "CallHistory": {
+    "RejectedIncoming": "Відхилений вхідний",
+    "RejectedOutgoing": "Відхилений вихідний",
+    "Unanswered": "Неприйнятий",
+    "Missed": "Пропущений",
+    "Canceled": "Скасований",
+    "Ended": "Завершений",
+    "videoCall": "відео виклик",
+    "audioCall": "аудіо виклик",
+    "defaultCall": "виклик"
+  }
 }
 ;
 

package/dist/types/tests/formatters.test.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@connectycube/chat-widget",
   "description": "A React component that seamlessly integrates ConnectyCube's real-time chat capabilities into your web applications. This widget offers an out-of-the-box solution for embedding chat features—such as instant messaging, user presence, and file sharing—without the overhead of building a complete chat system from scratch.",
-  "version": "0.33.0",
+  "version": "0.35.0",
   "license": "GPL-3.0-only",
   "homepage": "https://github.com/ConnectyCube/connectycube-chat-widget#readme",
   "bugs": {
@@ -45,8 +45,13 @@
     },
     "./react19": {
       "types": "./dist/types/index.d.ts",
-      "import": "./dist/react19.es.js",
-      "default": "./dist/react19.es.js"
+      "import": "./dist/index.es.js",
+      "default": "./dist/index.es.js"
+    },
+    "./react18": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/react18.es.js",
+      "default": "./dist/react18.es.js"
     }
   },
   "files": [
@@ -67,83 +72,89 @@
     "tailwindcss": "npx @tailwindcss/cli -i ./src/index.css -o ./src/widget.css",
     "tailwindcss:watch": "npx @tailwindcss/cli -i ./src/index.css -o ./src/widget.css --watch",
     "tailwindcss:minify": "npx @tailwindcss/cli -i ./src/index.css -o ./src/widget.css --minify",
-    "dev": "npx npm-run-all --parallel vite:dev tailwindcss:watch",
     "dev:18": "npm run react:18 && REACT_VERSION=18 BUNDLE_FORMAT=es vite",
     "dev:19": "npm run react:19 && REACT_VERSION=19 BUNDLE_FORMAT=es vite",
-    "build": "npm run tailwindcss:minify && npm run react:18 && REACT_VERSION=18 npm run vite:build:es && KEEP_DIST=true npm run vite:build:umd && npm run react:19 && REACT_VERSION=19 KEEP_DIST=true npm run vite:build:es && npm run react:default",
+    "dev": "npx npm-run-all --parallel vite:dev tailwindcss:watch",
     "build:18": "npm run tailwindcss:minify && npm run react:18 && REACT_VERSION=18 npm run vite:build:es && KEEP_DIST=true npm run vite:build:umd",
     "build:19": "npm run tailwindcss:minify && npm run react:19 && REACT_VERSION=19 npm run vite:build:es",
     "build:default": "npm run tailwindcss:minify && npm run vite:build",
+    "build": "npm run tailwindcss:minify && npm run react:18 && REACT_VERSION=18 npm run vite:build:es && KEEP_DIST=true npm run vite:build:umd && npm run react:19 && REACT_VERSION=19 KEEP_DIST=true npm run vite:build:es && npm run react:default",
     "preview": "npm run tailwindcss && npm run vite:preview",
     "lint": "eslint .",
     "test": "vitest",
     "test:ci": "vitest run",
     "coverage": "vitest run --coverage",
-    "version": "sh ./fetch-version.sh"
+    "version": "node ./scripts/bump-version.cjs",
+    "version:patch": "npm run version patch",
+    "version:minor": "npm run version minor",
+    "version:major": "npm run version major",
+    "changelog": "node ./scripts/changelog.cjs"
   },
   "dependencies": {
+    "@ai-sdk/google": "^2.0.17",
     "@connectycube/use-calls": "^0.12.1",
-    "@connectycube/use-chat": "^0.26.2",
-    "@radix-ui/react-alert-dialog": "^1.1.14",
+    "@connectycube/use-chat": "^0.27.0",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.2",
-    "@radix-ui/react-dialog": "^1.1.14",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
+    "@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-switch": "^1.2.5",
-    "@radix-ui/react-tabs": "^1.1.12",
-    "@radix-ui/react-tooltip": "^1.2.7",
+    "@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",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "connectycube": "^4.7.1",
-    "get-browser-fingerprint": "^4.1.0",
-    "i18next": "^25.3.2",
-    "linkify-react": "^4.3.1",
-    "linkifyjs": "^4.3.1",
-    "lucide-react": "^0.534.0",
+    "connectycube": "^4.7.2",
+    "get-browser-fingerprint": "^4.1.1",
+    "i18next": "^25.5.2",
+    "linkify-react": "^4.3.2",
+    "linkifyjs": "^4.3.2",
+    "lucide-react": "^0.544.0",
     "next-themes": "^0.4.6",
-    "react-hook-form": "^7.60.0",
-    "react-i18next": "^15.6.0",
+    "react-hook-form": "^7.63.0",
+    "react-i18next": "^16.0.0",
     "react-icons": "^5.5.0",
     "react-intersection-observer": "^9.16.0",
     "react-player": "^2.16.1",
-    "sonner": "^2.0.6",
-    "virtua": "^0.41.5",
-    "zustand": "^5.0.6"
+    "sonner": "^2.0.7",
+    "virtua": "^0.43.4",
+    "zustand": "^5.0.8"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@eslint/js": "^9.31.0",
-    "@tailwindcss/postcss": "^4.1.11",
-    "@tailwindcss/vite": "^4.1.11",
-    "@types/node": "^24.0.15",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.7.0",
+    "@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.31.0",
+    "eslint": "^9.36.0",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.3.0",
-    "jsdom": "^26.1.0",
+    "eslint-plugin-react-refresh": "^0.4.22",
+    "globals": "^16.4.0",
+    "jsdom": "^27.0.0",
     "prettier": "3.6.2",
     "tailwind-merge": "^3.3.1",
     "tailwind-scrollbar": "^4.0.2",
-    "tailwindcss": "^4.1.11",
-    "tw-animate-css": "^1.3.5",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.37.0",
-    "vite": "^7.0.5",
+    "tailwindcss": "^4.1.13",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.44.1",
+    "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^3.2.4"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.46.2",
-    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.11",
+    "@rollup/rollup-linux-x64-gnu": "4.52.2",
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.13",
     "lightningcss-linux-x64-gnu": "^1.30.1"
   },
   "engines": {