@connectycube/chat-widget 0.21.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # CHANGELOG
 
+## 0.22.0
+
+### Features
+
+- URL preview - unfurl a link once posted in chat
+  - new prop `enableUrlPreview` to enable the feature
+  - new prop `limitUrlsPreviews` to set maximum displayed URLs preview in single message. Default is 1 and max is 5
+- Display user last activity
+  - new prop `enableLastSeen` to show green dot on user avatar in chats list when user is online and last seen information on chat header
+- Display online users badge on chat widget button
+  - new prop `enableOnlineUsersBadge` to enable the feature
+  - new prop `getOnlineUsersInterval` to set how frequently the badge should be updated, in seconds. Default is 300 (5 minutes), min is 30 seconds
+  - new prop `onOnlineUsersCountChange` to receive updates on the online users counter change
+  - new props `onlineBadgeStyle` and `onlineBadgeClassName` to customize the badge
+
+### Misc
+
+- Refactored typing statuses. Now it's possible to see who is typing in the dialog preview in the chat list
+
+## 0.21.1
+
+### Bug fixes
+
+- removed unnecessary/obsessive alerts
+
 ## 0.21.0
 
 ### Features

package/dist/App.d.ts

@@ -22,8 +22,13 @@ export type AppProps = {
     webPushVapidPublicKey?: string;
     serviceWorkerPath?: string | URL;
     attachmentsAccept?: string;
+    enableLastSeen?: boolean;
     enableContentReporting?: boolean;
     enableBlockList?: boolean;
+    enableOnlineUsersBadge?: boolean;
+    getOnlineUsersInterval?: number;
+    enableUrlPreview?: boolean;
+    limitUrlsPreviews?: number;
     quickActions?: QuickActions;
     defaultChat?: DefaultChat;
     hideWidgetButton?: boolean;
@@ -32,11 +37,14 @@ export type AppProps = {
     portalStyle?: React.CSSProperties;
     buttonStyle?: React.CSSProperties;
     badgeStyle?: React.CSSProperties;
+    onlineBadgeStyle?: React.CSSProperties;
     portalClassName?: string;
     buttonClassName?: string;
     badgeClassName?: string;
+    onlineBadgeClassName?: string;
     onOpenChange?: (open: boolean) => void;
     onUnreadCountChange?: (count: number) => void;
+    onOnlineUsersCountChange?: (count: number) => void;
 };
 declare const App: React.FC<AppProps>;
 export default App;

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

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-export interface ChatInfoMembersProps {
-}
-declare const _default: React.NamedExoticComponent<ChatInfoMembersProps>;
+declare const _default: React.NamedExoticComponent<{}>;
 export default _default;

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

@@ -1,5 +1,6 @@
 type MessageBodyProps = {
     message: string;
+    id: string;
 };
 declare const MessageBody: React.FC<MessageBodyProps>;
 export default MessageBody;

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

@@ -0,0 +1,6 @@
+type MessageUrlPreviewProps = {
+    message: string;
+    id: string;
+};
+declare const MessageUrlPreview: React.FC<MessageUrlPreviewProps>;
+export default MessageUrlPreview;

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

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

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

@@ -1,8 +1,13 @@
 import { default as React } from 'react';
-export interface AvatarProps {
+interface BaseAvatarProps {
     imageUIDOrUrl?: string | null;
     name?: string;
     className?: string | undefined;
 }
-declare const _default: React.NamedExoticComponent<AvatarProps>;
-export default _default;
+interface AvatarWithStatusProps extends BaseAvatarProps {
+    isOnline?: boolean;
+}
+declare const Avatar: React.FC<BaseAvatarProps> & {
+    WithStatus: React.NamedExoticComponent<AvatarWithStatusProps>;
+};
+export default Avatar;

package/dist/components/shared/widget-button.d.ts

@@ -6,6 +6,10 @@ type WidgetButtonProps = {
     badgeTitle?: number;
     badgeStyle?: React.CSSProperties;
     badgeClassName?: string;
+    enableOnlineUsersBadge?: boolean;
+    onlineBadgeTitle?: number;
+    onlineBadgeStyle?: React.CSSProperties;
+    onlineBadgeClassName?: string;
 };
 declare const WidgetButton: React.FC<WidgetButtonProps>;
 export default WidgetButton;

package/dist/hooks/index.d.ts

@@ -7,11 +7,15 @@ export { default as useAppSettingsStore } from './store/useAppSettingsStore';
 export { default as useAppNotificationStore } from './store/useAppNotificationStore';
 export { default as useAppQuickActionsStore } from './store/useAppQuickActionsStore';
 export { default as useDraftMessagesStore } from './store/useDraftMessagesStore';
-export { default as useUnreadCountStore } from './store/useUnreadCountStore';
+export { default as useOnlineUsersCountStore } from './store/useOnlineUsersCountStore';
+export { default as useLinkPreviewStore } from './store/useLinkPreviewStore';
 export { default as useProfileStore } from './store/useProfileStore';
+export { default as useUnreadCountStore } from './store/useUnreadCountStore';
 export { default as useUserSettingsStore } from './store/useUserSettingsStore';
 export { default as useAppAuthorization } from './useAppAuthorization';
+export { default as useLastActivity } from './useLastActivity';
 export { default as useNotification } from './useNotification';
 export { default as usePageFocus } from './usePageFocus';
 export { default as useResizeScreenWidth } from './useResizeScreenWidth';
+export { default as useTypingStatusText } from './useTypingStatusText';
 export { default as useValue } from './useValue';

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

@@ -1,16 +1,25 @@
 export type AppSettingStoreProps = {
     attachmentsAccept: string;
     attachmentsAcceptList: string[];
+    enableLastSeen: boolean;
     enableContentReporting: boolean;
     enableBlockList: boolean;
+    enableUrlPreview: boolean;
+    limitUrlsPreviews: number;
 };
 export interface AppSettingStoreState extends AppSettingStoreProps {
     setAttachmentsAccept: (attachmentsAccept: string) => void;
+    setEnableLastSeen: (enableLastSeen: boolean) => void;
     setEnableContentReporting: (enableContentReporting: boolean) => void;
     setEnableBlockList: (enableBlockList: boolean) => void;
+    setEnableUrlPreview: (enableUrlPreview: boolean) => void;
+    setLimitUrlsPreviews: (limitUrlsPreviews: number) => void;
     resetAttachmentsAccept: () => void;
+    resetEnableLastSeen: () => void;
     resetEnableContentReporting: () => void;
     resetEnableBlockList: () => void;
+    resetEnableUrlPreview: () => void;
+    resetLimitUrlsPreviews: () => void;
     isSupportedFile: (file: File) => boolean;
 }
 export declare const appSettingsStoreInitialState: AppSettingStoreProps;

package/dist/hooks/store/useLinkPreviewStore.d.ts

@@ -0,0 +1,17 @@
+export type LinkPreview = {
+    url: string;
+    title: string;
+    images: string[];
+    description: string;
+    [key: string]: string | string[];
+};
+interface LinkPreviewStore {
+    queue: string[];
+    urlPreviews: Map<string, LinkPreview>;
+    isProcessing: boolean;
+    addUrls: (urls: string[]) => void;
+    matchUrlsFromMessage: (message: string) => string[];
+}
+declare const useLinkPreviewStore: import('zustand').UseBoundStore<import('zustand').StoreApi<LinkPreviewStore>>;
+export declare const resetLinkPreviewStore: () => void;
+export default useLinkPreviewStore;

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

@@ -0,0 +1,11 @@
+interface OnlineUsersCountState {
+    requestOnlineUsersInterval: number;
+    onlineUsersCount: number;
+    setRequestOnlineUsersInterval: (seconds: number) => void;
+    setOnlineUsersCount: (count: number) => void;
+    resetRequestOnlineUsersInterval: () => void;
+    resetOnlineUsersCount: () => void;
+}
+declare const useOnlineUsersCountStore: import('zustand').UseBoundStore<import('zustand').StoreApi<OnlineUsersCountState>>;
+export declare const resetOnlineUsersCountStore: () => void;
+export default useOnlineUsersCountStore;

package/dist/hooks/useLastActivity.d.ts

@@ -0,0 +1,2 @@
+declare const useLastActivity: () => void;
+export default useLastActivity;

package/dist/hooks/useTypingStatusText.d.ts

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