@connectycube/chat-widget 0.20.0 → 0.21.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # CHANGELOG
 
+## 0.21.0
+
+### Features
+
+- Video-preview for video attachment in chat
+
+### Misc
+
+- Added support for node 22
+- Upgraded `connectycube` to 4.2.2 and `@connectycube/use-chat` to 0.18.0 to use import types and enums from "connectycube/types"
+
+### Bug fixes
+
+- Web Push Notifications init and fetch with user setting
+
 ## 0.20.0
 
 ### Features

package/README.md

@@ -150,15 +150,17 @@ See all available recipes <https://developers.connectycube.com/js/chat-widget/#r
 
 ## Have an issue?
 
-Join our [Discord](https://discord.gg/wDwbvJmD) for quick answers to your questions
+Join our [Discord](https://discord.com/invite/zqbBWNCCFJ) for quick answers to your questions
 
-## Community and support
+## Community
 
-- [Discord](https://discord.gg/wDwbvJmD)
 - [Blog](https://connectycube.com/blog)
 - X (twitter)[@ConnectyCube](https://x.com/ConnectyCube)
 - [Facebook](https://www.facebook.com/ConnectyCube)
 
+**Want to support our team**:<br>
+<a href="https://www.buymeacoffee.com/connectycube" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+
 ## Changelog
 
 <https://github.com/ConnectyCube/connectycube-chat-widget-samples/blob/main/CHANGELOG.md>

package/dist/App.d.ts

@@ -1,4 +1,4 @@
-import { Config } from '../node_modules/connectycube/src/types';
+import { Config } from 'connectycube/types';
 import { DefaultChat } from './hooks/store/useAppDefaultChatStore';
 import { QuickActions } from './hooks/store/useAppQuickActionsStore';
 export type AppProps = {

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { Users } from '../../../../node_modules/connectycube/src/types';
+import { Users } from 'connectycube/types';
 export interface ChatInfoUserProps {
-    user?: Users.User;
+    user?: Users.User | null;
 }
 declare const _default: React.NamedExoticComponent<ChatInfoUserProps>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { Dialogs } from '../../../../node_modules/connectycube/src/types';
+import { Dialogs } from 'connectycube/types';
 export interface ChatInputProps {
     onSendMessage: (message: string, dialog?: Dialogs.Dialog) => void;
     onSendMessageWithAttachment: (files: File[]) => void;

package/dist/components/home/main/group-member.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 export interface GroupMemberProps {
     userId: number;
     name: string;
-    avatar?: string;
+    avatar?: string | null;
 }
 declare const _default: React.NamedExoticComponent<GroupMemberProps>;
 export default _default;

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

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

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

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
-import { Messages } from '../../../../node_modules/connectycube/src/types';
+import { Messages } from 'connectycube/types';
 export interface MessageProps {
     message: Messages.Message;
     isGroupChat: boolean;
     dialogName: string;
     senderName: string;
-    senderAvatar: string;
+    senderAvatar?: string | null;
 }
 declare const Message: React.FC<MessageProps>;
 export default Message;

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

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

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

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

package/dist/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 '../../../../../../node_modules/connectycube/src/types';
+import { Users } from 'connectycube/types';
 export interface CreateGroupChatProps {
     users: Users.User[];
     onCreateChat: (name: string) => void;

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface AvatarProps {
-    imageUIDOrUrl?: string;
-    name: string;
+    imageUIDOrUrl?: string | null;
+    name?: string;
     className?: string | undefined;
 }
 declare const _default: React.NamedExoticComponent<AvatarProps>;

package/dist/helpers/connectycube.d.ts

@@ -1,4 +1,4 @@
-import { Config, Users, Auth, Chat, EmptyResponse, PushNotifications } from '../../node_modules/connectycube/src/types';
+import { Config, Users, Auth, Chat, EmptyResponse, PushNotifications } from 'connectycube/types';
 import { PushSubscriptionData } from './notifications';
 export declare const SESSION_KEY = "@connectycube/chat-widget:session";
 export declare const initConnectyCubeSDK: (credentials: Config.Credentials, config?: Config.Options) => void;
@@ -28,6 +28,6 @@ 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/types").Data.DataRecord>;
 export declare const subscribeToPushNotifications: (pushSubscriptionData?: PushSubscriptionData) => Promise<PushNotifications.Subscription | undefined>;
 export declare const unsubscribeFromPushNotifications: () => Promise<EmptyResponse[]>;

package/dist/helpers/notifications.d.ts

@@ -3,8 +3,8 @@ export type PushSubscriptionData = {
     auth: string;
     p256dh: string;
 } | undefined;
-export declare const requestNotificationPermission: () => Promise<void>;
-export declare const registerWidgetServiceWorker: (serviceWorkerPath?: string | URL) => Promise<void>;
+export declare const requestNotificationPermission: () => Promise<boolean>;
+export declare const registerWidgetServiceWorker: (serviceWorkerPath?: string | URL) => Promise<boolean>;
 export declare const getWidgetServiceWorker: (serviceWorkerPath?: string | URL) => Promise<ServiceWorkerRegistration | void>;
 export declare const getPushManagerSubscriptionData: (subscription?: PushSubscription | null) => PushSubscriptionData;
 export declare const getPushManagerSubscription: (serviceWorkerPath?: string | URL, applicationServerKey?: PushSubscriptionOptionsInit["applicationServerKey"]) => Promise<PushSubscription | null>;

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

@@ -9,6 +9,6 @@ interface UserSettingsState extends UserSettingsStateProps {
     setIsPushNotifications: (enabled: boolean) => Promise<void>;
 }
 declare const useUserSettingsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<UserSettingsState>>;
-export declare const managePushNotificationsSubscription: (enable: boolean) => Promise<void>;
+export declare const managePushNotificationsSubscription: (enable: boolean) => Promise<boolean>;
 export declare const restoreUserSettingsStore: () => Promise<void>;
 export default useUserSettingsStore;

package/dist/hooks/useAppAuthorization.d.ts

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

package/dist/hooks/useNotification.d.ts

@@ -1,4 +1,4 @@
-import { Chat } from '../../node_modules/connectycube/src/types';
+import { Chat } from 'connectycube/types';
 type NotificationHook = {
     showNotification: (title: string, body: string, icon: string) => Promise<Notification | void>;
     notifyOnMessage: (userId: number, message: Chat.Message) => Promise<Notification | void>;