@connectycube/chat-widget 0.24.0 → 0.26.0

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+type WidgetPortalProps = {
+    children: ReactNode;
+    embedded?: boolean;
+    style?: React.CSSProperties;
+};
+declare const WidgetPortal: React.FC<WidgetPortalProps>;
+export default WidgetPortal;

package/dist/types/components/widget/widget-shadow-root.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+type WidgetShadowRootProps = {
+    children: ReactNode;
+};
+declare const WidgetShadowRoot: React.FC<WidgetShadowRootProps>;
+export default WidgetShadowRoot;

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

@@ -1,5 +1,13 @@
 import { Config, Users, Auth, Chat, EmptyResponse, PushNotifications } from 'connectycube/types';
 import { PushSubscriptionData } from './notifications';
+export declare enum SIGNAL {
+    UPDATE_USER = "user/UPDATE"
+}
+export declare enum USER_STATUS {
+    AVAILABLE = "Available",
+    BUSY = "Busy",
+    AWAY = "Away"
+}
 export declare const SESSION_KEY = "@connectycube/chat-widget:session";
 export declare const initConnectyCubeSDK: (credentials: Config.Credentials, config?: Config.Options) => void;
 export declare const tryReuseSession: (userName?: string, userId?: string, userAvatar?: string, userProfileLink?: string) => Promise<boolean>;
@@ -14,12 +22,16 @@ export declare const setSessionToLocalStorage: (session: Auth.Session) => void;
 export declare const getSessionFromLocalStorage: () => Auth.Session | null;
 export declare const clearSessionInLocalStorage: () => void;
 export declare const getCurrentUser: () => Users.User | null | undefined;
+export declare const parseUserCustomData: (user: Users.User | null | undefined) => {
+    [key: string]: any;
+} | null;
 export declare const getUserSettings: () => {
     [key: string]: any;
 } | null;
+export declare const getUserStatus: (user: Users.User | null | undefined) => USER_STATUS;
 export declare const updateUserSettings: (settings: {
     [key: string]: any;
-}) => Promise<Users.User>;
+}, onlyLocal?: boolean) => Promise<Users.User>;
 export declare const getSessionToken: () => string | null;
 export declare const getSessionUserId: () => number | null;
 export declare const isSessionExpired: () => boolean;

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

@@ -0,0 +1,5 @@
+export declare const stripSpecificTailwindSupports: (css: string) => string;
+export declare enum dataPrefix {
+    WRAPPER = "data-connectycube-chat-widget-wrapper",
+    FOCUSED = "data-connectycube-chat-widget-focused"
+}

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

@@ -14,6 +14,7 @@ export { default as useShadowRootStore } from './store/useShadowRootStore';
 export { default as useUnreadCountStore } from './store/useUnreadCountStore';
 export { default as useUserSettingsStore } from './store/useUserSettingsStore';
 export { default as useAppAuthorization } from './useAppAuthorization';
+export { default as useAppPresets } from './useAppPresets';
 export { default as useLastActivity } from './useLastActivity';
 export { default as useNotification } from './useNotification';
 export { default as usePageFocus } from './usePageFocus';

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

@@ -1,6 +1,6 @@
 export type DefaultChat = {
     id: string;
-    opponentUserId: number;
+    opponentUserId: string;
     type: '1on1' | 'group';
     name?: string;
     metadata?: {

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

@@ -1,6 +1,7 @@
 export type AppInterfaceStoreProps = {
     opened: boolean;
     splitView: boolean;
+    showChatStatus: boolean;
     showOnlineUsersTab: boolean;
     hideNewChatButton: boolean;
     hideNewUserChatOption: boolean;
@@ -9,12 +10,15 @@ export type AppInterfaceStoreProps = {
 export interface AppInterfaceStoreState extends AppInterfaceStoreProps {
     setOpened: (opened: boolean) => void;
     setSplitView: (splitView: boolean) => void;
+    setShowChatStatus: (showChatStatus: boolean) => void;
     setShowOnlineUsersTab: (showOnlineUsersTab: boolean) => void;
     setHideNewChatButton: (hideNewChatButton: boolean) => void;
     setHideNewUserChatOption: (hideNewUserChatOption: boolean) => void;
     setHideNewGroupChatOption: (hideNewGroupChatOption: boolean) => void;
+    toggleOpened: () => void;
     resetOpened: () => void;
     resetSplitView: () => void;
+    resetShowChatStatus: () => void;
     resetShowOnlineUsersTab: () => void;
     resetHideNewChatButton: () => void;
     resetHideNewUserChatOption: () => void;

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

@@ -20,7 +20,7 @@ export interface AppNotificationStoreState extends AppNotificationStoreProps {
     setServiceWorkerPath: (serviceWorkerPath?: string | URL) => void;
     resetServiceWorkerPath: () => void;
 }
-export declare const notificationStoreInitialState: {
+export declare const appNotificationStoreInitialState: {
     muted: boolean;
     showNotifications: boolean;
     playSound: boolean;

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

@@ -10,7 +10,7 @@ export interface AppQuickActionsStoreState extends AppQuickActionsStoreProps {
     setQuickActions: (quickActions: QuickActions) => void;
     resetQuickActions: () => void;
 }
-export declare const quickActionsStoreInitialState: AppQuickActionsStoreProps;
+export declare const appQuickActionsStoreInitialState: AppQuickActionsStoreProps;
 declare const useAppQuickActionsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppQuickActionsStoreState>>;
 export declare const setAppQuickActionsStore: (state: Partial<AppQuickActionsStoreProps>) => void;
 export declare const resetAppQuickActionsStore: () => void;

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

@@ -1,6 +1,7 @@
 export type AppSettingStoreProps = {
     attachmentsAccept: string;
     attachmentsAcceptList: string[];
+    enableUserStatuses: boolean;
     enableLastSeen: boolean;
     enableContentReporting: boolean;
     enableBlockList: boolean;
@@ -9,12 +10,14 @@ export type AppSettingStoreProps = {
 };
 export interface AppSettingStoreState extends AppSettingStoreProps {
     setAttachmentsAccept: (attachmentsAccept: string) => void;
+    setEnableUserStatuses: (enableUserStatuses: boolean) => void;
     setEnableLastSeen: (enableLastSeen: boolean) => void;
     setEnableContentReporting: (enableContentReporting: boolean) => void;
     setEnableBlockList: (enableBlockList: boolean) => void;
     setEnableUrlPreview: (enableUrlPreview: boolean) => void;
     setLimitUrlsPreviews: (limitUrlsPreviews: number) => void;
     resetAttachmentsAccept: () => void;
+    resetEnableUserStatuses: () => void;
     resetEnableLastSeen: () => void;
     resetEnableContentReporting: () => void;
     resetEnableBlockList: () => void;

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

@@ -9,6 +9,11 @@ interface OnlineUsersCountState {
     resetEnableOnlineUsersBadge: () => void;
     resetOnlineUsersCount: () => void;
 }
+export declare const onlineUsersCountInitialState: {
+    requestOnlineUsersInterval: number;
+    enableOnlineUsersBadge: boolean;
+    onlineUsersCount: number;
+};
 declare const useOnlineUsersCountStore: import('zustand').UseBoundStore<import('zustand').StoreApi<OnlineUsersCountState>>;
 export declare const resetOnlineUsersCountStore: () => void;
 export default useOnlineUsersCountStore;

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

@@ -1,12 +1,15 @@
+import { USER_STATUS } from '../../helpers/connectycube';
 type UserSettingsStateProps = {
+    userStatus: USER_STATUS;
     isNotifications: boolean;
     isNotificationSound: boolean;
     isPushNotifications: boolean;
 };
 interface UserSettingsState extends UserSettingsStateProps {
-    setIsNotifications: (enabled: boolean) => Promise<void>;
-    setIsNotificationSound: (enabled: boolean) => Promise<void>;
-    setIsPushNotifications: (enabled: boolean) => Promise<void>;
+    setUserStatus: (status: USER_STATUS, onlyLocal?: boolean) => Promise<void>;
+    setIsNotifications: (enabled: boolean, onlyLocal?: boolean) => Promise<void>;
+    setIsNotificationSound: (enabled: boolean, onlyLocal?: boolean) => Promise<void>;
+    setIsPushNotifications: (enabled: boolean, onlyLocal?: boolean) => Promise<void>;
 }
 declare const useUserSettingsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<UserSettingsState>>;
 export declare const managePushNotificationsSubscription: (enable: boolean) => Promise<boolean>;

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

@@ -0,0 +1,34 @@
+import { DefaultChat } from './store/useAppDefaultChatStore';
+import { QuickActions } from './store/useAppQuickActionsStore';
+export type AppPresets = {
+    open?: boolean;
+    embedView?: boolean;
+    splitView?: boolean;
+    showChatStatus?: boolean;
+    showOnlineUsersTab?: boolean;
+    hideNewChatButton?: boolean;
+    hideNewUserChatOption?: boolean;
+    hideNewGroupChatOption?: boolean;
+    muted?: boolean;
+    showNotifications?: boolean;
+    playSound?: boolean;
+    webPushNotifications?: boolean;
+    webPushVapidPublicKey?: string;
+    serviceWorkerPath?: string | URL;
+    attachmentsAccept?: string;
+    enableUserStatuses?: boolean;
+    enableLastSeen?: boolean;
+    enableContentReporting?: boolean;
+    enableBlockList?: boolean;
+    enableOnlineUsersBadge?: boolean;
+    getOnlineUsersInterval?: number;
+    enableUrlPreview?: boolean;
+    limitUrlsPreviews?: number;
+    quickActions?: QuickActions;
+    defaultChat?: DefaultChat | null;
+    onUnreadCountChange?: (count: number) => void;
+    onOnlineUsersCountChange?: (count: number) => void;
+    onOpenChange?: (open: boolean) => void;
+};
+declare const useAppPresets: ({ embedView, open, splitView, showChatStatus, showOnlineUsersTab, hideNewChatButton, hideNewUserChatOption, hideNewGroupChatOption, muted, showNotifications, playSound, webPushNotifications, serviceWorkerPath, webPushVapidPublicKey, attachmentsAccept, enableUserStatuses, enableLastSeen, enableContentReporting, enableBlockList, enableUrlPreview, limitUrlsPreviews, quickActions, defaultChat, enableOnlineUsersBadge, getOnlineUsersInterval, onUnreadCountChange, onOnlineUsersCountChange, onOpenChange, }: AppPresets) => void;
+export default useAppPresets;

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

@@ -58,7 +58,11 @@ declare const _default: {
   "Notifications": "Ειδοποιήσεις",
   "NotificationSound": "Ήχος ειδοποίησης",
   "PushNotifications": "Ειδοποιήσεις push",
-  "PleaseWait": "Παρακαλώ περιμένετε"
+  "PleaseWait": "Παρακαλώ περιμένετε",
+  "Available": "Διαθέσιμος/η",
+  "Busy": "Απασχολημένος/η",
+  "Away": "Απουσιάζω",
+  "Online": "Συνδεδεμένος/η"
 }
 ;
 

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

@@ -58,7 +58,11 @@ declare const _default: {
   "Notifications": "Notifications",
   "NotificationSound": "Notification sound",
   "PushNotifications": "Push notifications",
-  "PleaseWait": "Please wait"
+  "PleaseWait": "Please wait",
+  "Available": "Available",
+  "Busy": "Busy",
+  "Away": "Away",
+  "Online": "Online"
 }
 ;
 

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

@@ -58,7 +58,11 @@ declare const _default: {
   "Notifications": "Сповіщення",
   "NotificationSound": "Звук сповіщення",
   "PushNotifications": "Push-сповіщення",
-  "PleaseWait": "Будь ласка, зачекайте"
+  "PleaseWait": "Будь ласка, зачекайте",
+  "Available": "Присутній",
+  "Busy": "Зайнятий",
+  "Away": "Відсутній",
+  "Online": "В мережі"
 }
 ;
 

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.24.0",
+  "version": "0.26.0",
   "license": "GPL-3.0-only",
   "homepage": "https://github.com/ConnectyCube/connectycube-chat-widget#readme",
   "bugs": {
@@ -39,12 +39,14 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
+      "require": "./dist/index.umd.js",
       "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
+      "default": "./dist/index.es.js"
     },
     "./react19": {
       "types": "./dist/react19/types/index.d.ts",
-      "import": "./dist/react19/index.es.js"
+      "import": "./dist/react19/index.es.js",
+      "default": "./dist/react19/index.es.js"
     }
   },
   "files": [
@@ -64,13 +66,12 @@
     "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": "npm run react:default && npx npm-run-all --parallel vite:dev tailwindcss:watch",
-    "dev:18": "npm run react:18 && npx npm-run-all --parallel vite:dev tailwindcss:watch",
-    "dev:19": "npm run react:19 && npx npm-run-all --parallel vite:dev tailwindcss:watch",
+    "dev": "npx npm-run-all --parallel vite:dev tailwindcss:watch",
     "build": "npm run tailwindcss:minify && npm run react:18 && REACT_VERSION=18 npm run vite:build && npm run react:19 && REACT_VERSION=19 npm run vite:build && npm run react:default",
     "build:18": "npm run tailwindcss:minify && npm run react:18 && REACT_VERSION=18 npm run vite:build",
     "build:19": "npm run tailwindcss:minify && npm run react:19 && REACT_VERSION=19 npm run vite:build",
-    "preview": "npm run tailwindcss && npm run react:default && npm run vite:preview",
+    "build:default": "npm run tailwindcss:minify && npm run vite:build",
+    "preview": "npm run tailwindcss && npm run vite:preview",
     "lint": "eslint .",
     "test": "vitest",
     "test:ci": "vitest run",
@@ -78,64 +79,66 @@
     "version": "sh ./fetch-version.sh"
   },
   "dependencies": {
-    "@connectycube/use-chat": "^0.20.0",
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-avatar": "^1.1.4",
-    "@radix-ui/react-dialog": "^1.1.7",
-    "@radix-ui/react-dropdown-menu": "^2.1.7",
-    "@radix-ui/react-label": "^2.1.3",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.1.4",
-    "@radix-ui/react-tabs": "^1.1.4",
+    "@connectycube/use-chat": "^0.23.0",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-avatar": "^1.1.9",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.6",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "connectycube": "^4.3.0",
     "get-browser-fingerprint": "^4.1.0",
-    "i18next": "^25.0.0",
+    "i18next": "^25.1.2",
     "jsdom": "^26.1.0",
-    "linkify-react": "^4.2.0",
-    "linkifyjs": "^4.2.0",
-    "lucide-react": "^0.488.0",
+    "linkify-react": "^4.3.1",
+    "linkifyjs": "^4.3.1",
+    "lucide-react": "^0.506.0",
     "next-themes": "^0.4.6",
-    "react-hook-form": "^7.55.0",
-    "react-i18next": "^15.4.1",
+    "react-hook-form": "^7.56.3",
+    "react-i18next": "^15.5.1",
     "react-icons": "^5.5.0",
     "react-intersection-observer": "^9.16.0",
     "react-player": "^2.16.0",
-    "zustand": "^5.0.3"
+    "zustand": "^5.0.4"
   },
   "peerDependencies": {
-    "connectycube": "^4.3.0",
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19"
   },
   "devDependencies": {
-    "@eslint/js": "^9.24.0",
-    "@tailwindcss/postcss": "^4.1.4",
-    "@tailwindcss/vite": "^4.1.4",
-    "@types/node": "^22.14.1",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.2",
-    "@vitejs/plugin-react": "^4.4.0",
-    "@vitest/coverage-v8": "^3.1.1",
-    "eslint": "^9.24.0",
+    "@eslint/js": "^9.26.0",
+    "@tailwindcss/postcss": "^4.1.5",
+    "@tailwindcss/vite": "^4.1.5",
+    "@types/node": "^22.15.17",
+    "@types/react": "^19.1.3",
+    "@types/react-dom": "^19.1.3",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/coverage-v8": "^3.1.3",
+    "eslint": "^9.26.0",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.19",
-    "globals": "^16.0.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.1.0",
     "prettier": "3.5.3",
     "sonner": "^2.0.3",
     "tailwind-merge": "^3.2.0",
-    "tailwindcss": "^4.1.4",
-    "tw-animate-css": "^1.2.5",
+    "tailwind-scrollbar": "^4.0.2",
+    "tailwindcss": "^4.1.5",
+    "tw-animate-css": "^1.2.9",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.30.1",
-    "vite": "^6.3.1",
+    "typescript-eslint": "^8.32.0",
+    "vite": "^6.3.5",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.1.1"
+    "vitest": "^3.1.3"
   },
   "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "4.40.0",
-    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.4",
+    "@rollup/rollup-linux-x64-gnu": "4.40.2",
+    "@tailwindcss/oxide-linux-x64-gnu": "^4.1.5",
     "lightningcss-linux-x64-gnu": "^1.29.3"
   },
   "engines": {

package/dist/react19/types/components/app-login.d.ts

@@ -1,8 +0,0 @@
-type AppLoginProps = {
-    id?: string;
-    name?: string;
-    avatar?: string;
-    userProfileLink?: string;
-};
-declare const AppLogin: React.FC<AppLoginProps>;
-export default AppLogin;

package/dist/react19/types/components/app-shadow-root.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-type AppShadowRootProps = {
-    children: ReactNode;
-};
-declare const AppShadowRoot: React.FC<AppShadowRootProps>;
-export default AppShadowRoot;

package/dist/types/components/app-login.d.ts

@@ -1,8 +0,0 @@
-type AppLoginProps = {
-    id?: string;
-    name?: string;
-    avatar?: string;
-    userProfileLink?: string;
-};
-declare const AppLogin: React.FC<AppLoginProps>;
-export default AppLogin;

package/dist/types/components/app-shadow-root.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-type AppShadowRootProps = {
-    children: ReactNode;
-};
-declare const AppShadowRoot: React.FC<AppShadowRootProps>;
-export default AppShadowRoot;