@connectycube/chat-widget 0.15.1 → 0.16.0

package/README.md

@@ -24,9 +24,9 @@ Single-view chat widget:
 
 <kbd><img alt="ConnectyCube chat widget, single view image demo" src="https://developers.connectycube.com/images/chat_widget/chat-widget-2.png" width="400" /></kbd>
 
-## Documentation 
+## Documentation
 
-https://developers.connectycube.com/js/chat-widget
+<https://developers.connectycube.com/js/chat-widget>
 
 ## Installation
 
@@ -142,22 +142,23 @@ See chat widget code samples <https://github.com/ConnectyCube/connectycube-chat-
 
 ## Props
 
-See all available props https://developers.connectycube.com/js/chat-widget/#props
+See all available props <https://developers.connectycube.com/js/chat-widget/#props>
 
 ## Recipes
 
-See all available recipes https://developers.connectycube.com/js/chat-widget/#recipes
+See all available recipes <https://developers.connectycube.com/js/chat-widget/#recipes>
 
-## Changelog
+## Have an issue?
 
-<https://github.com/ConnectyCube/connectycube-chat-widget-samples/blob/main/CHANGELOG.md>
+Join our [Discord](https://discord.gg/tEnXnp2M) for quick answers to your questions
 
 ## Community and support
 
+- [Discord](https://discord.gg/tEnXnp2M)
 - [Blog](https://connectycube.com/blog)
 - X (twitter)[@ConnectyCube](https://x.com/ConnectyCube)
 - [Facebook](https://www.facebook.com/ConnectyCube)
 
-## Website
+## Changelog
 
-[https://connectycube.com](https://connectycube.com)
+<https://github.com/ConnectyCube/connectycube-chat-widget-samples/blob/main/CHANGELOG.md>

package/dist/App.d.ts

@@ -1,3 +1,34 @@
-import { AppProps } from './AppContainer';
+import { Config } from '../../../node_modules/connectycube/dist/types/types';
+import { QuickActions } from './hooks/store/useAppStore';
+export type AppProps = {
+    appId: Config.Credentials['appId'];
+    authKey: Config.Credentials['authKey'];
+    userId?: string;
+    userName?: string;
+    userAvatar?: string;
+    userProfileLink?: string;
+    config?: Config.Options;
+    splitView?: boolean;
+    showOnlineUsersTab?: boolean;
+    quickActions?: QuickActions;
+    hideNewChatButton?: boolean;
+    hideWidgetButton?: boolean;
+    enableContentReporting?: boolean;
+    enableBlockList?: boolean;
+    translation?: 'en' | 'el' | 'ua';
+    buttonTitle?: string;
+    portalStyle?: React.CSSProperties;
+    buttonStyle?: React.CSSProperties;
+    badgeStyle?: React.CSSProperties;
+    portalClassName?: string;
+    buttonClassName?: string;
+    badgeClassName?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onUnreadCountChange?: (count: number) => void;
+    muted?: boolean;
+    showNotifications?: boolean;
+    playSound?: boolean;
+};
 declare const App: React.FC<AppProps>;
 export default App;

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

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

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

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface ChatInfoUserProps {
+    profileUrl: string | null;
+    userId: number;
+}
+declare const _default: React.NamedExoticComponent<ChatInfoUserProps>;
+export default _default;

package/dist/components/home/main/report-user-dialog.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ReportUserDialogProps {
+    userId: number;
+}
+declare const _default: React.NamedExoticComponent<ReportUserDialogProps>;
+export default _default;

package/dist/components/shadcn-ui/button.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/shadcn-ui/sonner.d.ts

@@ -0,0 +1,3 @@
+import { ToasterProps } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster };

package/dist/hooks/index.d.ts

@@ -1,6 +1,10 @@
+export declare const resetStore: (force?: boolean) => void;
 export { debounce as debounce } from './debounce';
 export { throttle as throttle } from './throttle';
+export { default as useNotification } from './useNotification';
 export { default as useNotificationSound } from './useNotificationSound';
 export { default as usePageFocus } from './usePageFocus';
 export { default as useValue } from './useValue';
-export * from '../redux/hooks';
+export { default as useAppStore } from './store/useAppStore';
+export { default as useDraftMessagesStore } from './store/useDraftMessagesStore';
+export { default as useUnreadCountStore } from './store/useUnreadCountStore';

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

@@ -0,0 +1,64 @@
+export declare enum Tab {
+    CHATS = "chats",
+    USERS = "users"
+}
+export type QuickActions = {
+    title?: string;
+    description?: string;
+    actions: string[];
+};
+export interface AppStoreState {
+    opened: boolean;
+    splitView: boolean;
+    showOnlineUsersTab: boolean;
+    activeTab: Tab;
+    hideNewChatButton: boolean;
+    quickActions: QuickActions;
+    enableContentReporting: boolean;
+    enableBlockList: boolean;
+    muted: boolean;
+    showNotifications: boolean;
+    playSound: boolean;
+    setOpened: (opened: boolean) => void;
+    setSplitView: (splitView: boolean) => void;
+    setShowOnlineUsersTab: (showOnlineUsersTab: boolean) => void;
+    setActiveTab: (activeTab: Tab) => void;
+    setHideNewChatButton: (hideNewChatButton: boolean) => void;
+    setQuickActions: (quickActions: QuickActions) => void;
+    setEnableContentReporting: (enableContentReporting: boolean) => void;
+    setEnableBlockList: (enableBlockList: boolean) => void;
+    setMuted: (muted: boolean) => void;
+    setShowNotifications: (showNotifications: boolean) => void;
+    setPlaySound: (playSound: boolean) => void;
+    resetOpened: () => void;
+    resetSplitView: () => void;
+    resetShowOnlineUsersTab: () => void;
+    resetActiveTab: () => void;
+    resetHideNewChatButton: () => void;
+    resetQuickActions: () => void;
+    resetEnableContentReporting: () => void;
+    resetEnableBlockList: () => void;
+    resetMuted: () => void;
+    resetShowNotifications: () => void;
+    resetPlaySound: () => void;
+}
+export declare const appStoreInitialState: {
+    opened: boolean;
+    splitView: boolean;
+    showOnlineUsersTab: boolean;
+    activeTab: Tab;
+    hideNewChatButton: boolean;
+    quickActions: {
+        title: string;
+        description: string;
+        actions: never[];
+    };
+    muted: boolean;
+    showNotifications: boolean;
+    playSound: boolean;
+    enableContentReporting: boolean;
+    enableBlockList: boolean;
+};
+declare const useAppStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AppStoreState>>;
+export declare const resetAppStore: () => void;
+export default useAppStore;

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

@@ -0,0 +1,14 @@
+type DraftMessage = {
+    [dialogId: string]: string;
+};
+export declare const DRAFT_MESSAGES_KEY = "@connectycube/chat-widget:draftMessages";
+interface DraftMessagesState {
+    draftMessages: DraftMessage;
+    setDraftMessages: (messages: DraftMessage) => void;
+    upsertDraftMessage: (message: DraftMessage) => void;
+    deleteDraftMessage: (dialogId: string) => void;
+    resetDraftMessages: () => void;
+}
+declare const useDraftMessagesStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DraftMessagesState>>;
+export declare const resetDraftMessagesStore: () => void;
+export default useDraftMessagesStore;

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

@@ -0,0 +1,8 @@
+interface UnreadCountState {
+    unreadCount: number;
+    setUnreadCount: (count: number) => void;
+    resetUnreadCount: () => void;
+}
+declare const useUnreadCountStore: import('zustand').UseBoundStore<import('zustand').StoreApi<UnreadCountState>>;
+export declare const resetUnreadCountStore: () => void;
+export default useUnreadCountStore;

package/dist/hooks/useNotification.d.ts

@@ -0,0 +1,3 @@
+import { Chat } from '../../../../node_modules/connectycube/dist/types/types';
+declare function useNotification(): (userId: number, message: Chat.Message) => Promise<void>;
+export default useNotification;