@webinex/chatify 1.0.3-rc3 → 2.0.0-alpha10

package/dist/types/ui/Conversation/Message/MessageAuthor.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageAuthor: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/types/ui/Conversation/Message/MessageBox.d.ts

@@ -0,0 +1,5 @@
+import { MessageBase } from '../../../core';
+export interface MessageBoxProps {
+    message: MessageBase;
+}
+export declare const MessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/types/ui/Conversation/Message/MessageContent.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageContent: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/types/ui/Conversation/Message/MessageFile.d.ts

@@ -0,0 +1,5 @@
+import { File } from '../../../core';
+export interface MessageFileProps {
+    file: File;
+}
+export declare const MessageFile: import('../../../index.ts').Customizable<import('react').ComponentType<MessageFileProps>>;

package/dist/types/ui/Conversation/Message/MessageFileList.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageFileList: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/types/ui/Conversation/Message/MessageInfoBox.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageInfoBox: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/{esm/types/ui → types/ui/Conversation}/Message/MessageRow.d.ts

@@ -3,4 +3,4 @@ import { MessageBoxProps } from './MessageBox';
 export interface MessageRowProps extends MessageBoxProps {
     containerRef?: Ref<HTMLDivElement>;
 }
-export declare const MessageRow: import("../customize").Customizable<import("react").ComponentType<MessageRowProps>>;
+export declare const MessageRow: import('../../../index.ts').Customizable<import('react').ComponentType<MessageRowProps>>;

package/dist/types/ui/Conversation/Message/MessageText.d.ts

@@ -0,0 +1,2 @@
+import { MessageBoxProps } from './MessageBox';
+export declare const MessageText: import('../../../index.ts').Customizable<import('react').ComponentType<MessageBoxProps>>;

package/dist/types/ui/Conversation/Message/index.d.ts

@@ -0,0 +1,26 @@
+import { MessageAuthor } from './MessageAuthor';
+import { MessageBox } from './MessageBox';
+import { MessageContent } from './MessageContent';
+import { MessageFile } from './MessageFile';
+import { MessageFileList } from './MessageFileList';
+import { MessageInfoBox } from './MessageInfoBox';
+import { MessageRow } from './MessageRow';
+import { MessageText } from './MessageText';
+export * from './MessageAuthor';
+export * from './MessageBox';
+export * from './MessageContent';
+export * from './MessageInfoBox';
+export * from './MessageRow';
+export * from './MessageText';
+export * from './MessageFileList';
+export * from './MessageFile';
+export interface MessageCustomizeValue {
+    MessageAuthor?: typeof MessageAuthor.Component | null;
+    MessageBox?: typeof MessageBox.Component | null;
+    MessageContent?: typeof MessageContent.Component | null;
+    MessageInfoBox?: typeof MessageInfoBox.Component | null;
+    MessageRow?: typeof MessageRow.Component | null;
+    MessageText?: typeof MessageText.Component | null;
+    MessageFileList?: typeof MessageFileList.Component | null;
+    MessageFile?: typeof MessageFile.Component | null;
+}

package/dist/types/ui/Conversation/NextObserver/NextMessagesObserver.d.ts

@@ -0,0 +1,5 @@
+export interface NextMessagesObserverProps {
+    onLoad: () => void;
+    loading: boolean;
+}
+export declare function NextMessagesObserver(props: NextMessagesObserverProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/Conversation/NextObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './NextMessagesObserver';

package/dist/types/ui/Conversation/ReadObserver/MessageReadObserver.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+import { MessageBoxProps } from '../Message';
+export interface MessageReadObserverProps extends MessageBoxProps {
+    messageRef: RefObject<HTMLDivElement | null>;
+}
+export declare function MessageReadObserver(props: MessageReadObserverProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/ui/Conversation/ReadObserver/index.d.ts

@@ -0,0 +1 @@
+export * from './MessageReadObserver';

package/dist/types/ui/Conversation/SendingMessage/SendingMessageBox.d.ts

@@ -0,0 +1,6 @@
+import { File } from '../../../core';
+export interface SendingMessageBoxProps {
+    text: string;
+    files: File[];
+}
+export declare const SendingMessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

package/dist/types/ui/Conversation/SendingMessage/SendingMessageContent.d.ts

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageContent: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

package/dist/types/ui/Conversation/SendingMessage/SendingMessageInfoBox.d.ts

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageInfoBox: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

package/dist/types/ui/Conversation/SendingMessage/SendingMessageText.d.ts

@@ -0,0 +1,2 @@
+import { SendingMessageBoxProps } from './SendingMessageBox';
+export declare const SendingMessageText: import('../../../index.ts').Customizable<import('react').ComponentType<SendingMessageBoxProps>>;

package/dist/types/ui/Conversation/SendingMessage/index.d.ts

@@ -0,0 +1,14 @@
+import { SendingMessageBox } from './SendingMessageBox';
+import { SendingMessageContent } from './SendingMessageContent';
+import { SendingMessageInfoBox } from './SendingMessageInfoBox';
+import { SendingMessageText } from './SendingMessageText';
+export * from './SendingMessageBox';
+export * from './SendingMessageContent';
+export * from './SendingMessageInfoBox';
+export * from './SendingMessageText';
+export interface SendingMessageCustomizeValue {
+    SendingMessageBox?: typeof SendingMessageBox.Component | null;
+    SendingMessageContent?: typeof SendingMessageContent.Component | null;
+    SendingMessageInfoBox?: typeof SendingMessageInfoBox.Component | null;
+    SendingMessageText?: typeof SendingMessageText.Component | null;
+}

package/dist/types/ui/Conversation/SystemMessage/SystemMessageBox.d.ts

@@ -0,0 +1,5 @@
+import { MessageBase } from '../../../core';
+export interface SystemMessageBoxProps {
+    message: MessageBase;
+}
+export declare const SystemMessageBox: import('../../../index.ts').Customizable<import('react').ComponentType<SystemMessageBoxProps>>;

package/dist/types/ui/Conversation/SystemMessage/SystemMessageRow.d.ts

@@ -0,0 +1,9 @@
+import { Ref } from 'react';
+import { Localizer } from '../../localizer';
+import { MessageBase } from '../../../core';
+export interface SystemMessageRowProps {
+    message: MessageBase;
+    containerRef?: Ref<HTMLDivElement>;
+}
+export declare function formatSystemMessage(localizer: Localizer, text: string): React.ReactNode;
+export declare const SystemMessageRow: import('../../../index.ts').Customizable<import('react').ComponentType<SystemMessageRowProps>>;

package/dist/types/ui/Conversation/SystemMessage/index.d.ts

@@ -0,0 +1,8 @@
+import { SystemMessageBox } from './SystemMessageBox';
+import { SystemMessageRow } from './SystemMessageRow';
+export * from './SystemMessageBox';
+export * from './SystemMessageRow';
+export interface SystemMessageCustomizeValue {
+    SystemMessageBox?: typeof SystemMessageBox.Component | null;
+    SystemMessageRow?: typeof SystemMessageRow.Component | null;
+}

package/dist/types/ui/Conversation/index.d.ts

@@ -0,0 +1,12 @@
+export * from './InputBox';
+export * from './Message';
+export * from './NextObserver';
+export * from './ReadObserver';
+export * from './SendingMessage';
+export * from './SystemMessage';
+export * from './ConversationActions';
+export * from './ConversationBody';
+export * from './ConversationHeader';
+export * from './ConversationName';
+export * from './ConversationContext';
+export * from './Conversation';

package/dist/types/ui/Thread/ThreadActions.d.ts

@@ -0,0 +1 @@
+export declare const ThreadActions: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/Thread/ThreadContext.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface ThreadContextValue {
+    id: string;
+    watch: boolean;
+    onWatch: (value: boolean) => void;
+}
+export declare const ThreadContext: React.Context<ThreadContextValue>;
+export declare function useThreadContext(): ThreadContextValue;

package/dist/types/ui/Thread/ThreadPanel.d.ts

@@ -0,0 +1,14 @@
+import { ConversationCustomizeValue } from '../Conversation';
+import { Localizer } from '../localizer';
+import { ThreadActions } from './ThreadActions';
+import { CommonCustomizeValue } from '../common';
+export interface ThreadCustomizeValue extends ConversationCustomizeValue, CommonCustomizeValue {
+    ThreadActions?: typeof ThreadActions.Component | null;
+}
+export interface ThreadPanelProps {
+    threadId: string;
+    className?: string;
+    customize?: ThreadCustomizeValue;
+    localizer?: Localizer;
+}
+export declare function ThreadPanel(props: ThreadPanelProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/types/ui/Thread/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ThreadActions';
+export * from './ThreadPanel';
+export * from './ThreadContext';

package/dist/types/ui/color.d.ts

@@ -0,0 +1,6 @@
+interface ColorOptions {
+    saturation?: number;
+    lightness?: number;
+}
+export declare function color(value: string, options?: ColorOptions): string;
+export {};

package/dist/types/ui/common/Avatar.d.ts

@@ -0,0 +1,5 @@
+import { Account } from '../../core';
+export interface AvatarProps {
+    account: Account;
+}
+export declare const Avatar: import('../../index.ts').Customizable<import('react').ComponentType<AvatarProps>>;

package/dist/types/ui/common/ChatList/ChatList.d.ts

@@ -0,0 +1,16 @@
+import { ChatListValue } from './ChatListValue';
+export interface ChatListProps {
+    className?: string;
+    items: ChatListValue[];
+    selected: string | null;
+    onSelect?: (id: string) => void;
+    /**
+     * If true, do not show read status.
+     */
+    noRead?: boolean;
+    /**
+     * If set, shows a message at the bottom indicating that only the top N chats are shown.
+     */
+    top?: number;
+}
+export declare const ChatList: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListProps>>;

package/dist/types/ui/common/ChatList/ChatListItemAvatar.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemAvatar: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemBox.d.ts

@@ -0,0 +1,9 @@
+import { ChatListValue } from './ChatListValue';
+export interface ChatListItemBoxProps {
+    chat: ChatListValue;
+    /**
+     * If true, do not show read status.
+     */
+    noRead?: boolean;
+}
+export declare const ChatListItemBox: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemLastMessage.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemLastMessage: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemLastMessageAuthor.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemLastMessageAuthor: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemLastMessageContent.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemLastMessageContent: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemLastMessageSentAt.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemLastMessageSentAt: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemName.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemName: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListItemUnreadCount.d.ts

@@ -0,0 +1,2 @@
+import { ChatListItemBoxProps } from './ChatListItemBox';
+export declare const ChatListItemUnreadCount: import('../../../index.ts').Customizable<import('react').ComponentType<ChatListItemBoxProps>>;

package/dist/types/ui/common/ChatList/ChatListValue.d.ts

@@ -0,0 +1,8 @@
+import { MessageBase } from '../../../core';
+export interface ChatListValue {
+    id: string;
+    name: string;
+    lastMessage: MessageBase;
+    totalUnreadCount?: number;
+    lastReadMessageId?: string | null;
+}

package/dist/types/ui/common/ChatList/index.d.ts

@@ -0,0 +1,30 @@
+import { ChatList } from './ChatList';
+import { ChatListItemAvatar } from './ChatListItemAvatar';
+import { ChatListItemBox } from './ChatListItemBox';
+import { ChatListItemLastMessage } from './ChatListItemLastMessage';
+import { ChatListItemLastMessageAuthor } from './ChatListItemLastMessageAuthor';
+import { ChatListItemLastMessageContent } from './ChatListItemLastMessageContent';
+import { ChatListItemLastMessageSentAt } from './ChatListItemLastMessageSentAt';
+import { ChatListItemName } from './ChatListItemName';
+import { ChatListItemUnreadCount } from './ChatListItemUnreadCount';
+export * from './ChatList';
+export * from './ChatListItemAvatar';
+export * from './ChatListItemBox';
+export * from './ChatListItemLastMessage';
+export * from './ChatListItemLastMessageAuthor';
+export * from './ChatListItemLastMessageContent';
+export * from './ChatListItemLastMessageSentAt';
+export * from './ChatListItemName';
+export * from './ChatListItemUnreadCount';
+export * from './ChatListValue';
+export interface ChatListCustomizeValue {
+    ChatList?: typeof ChatList.Component | null;
+    ChatListItemAvatar?: typeof ChatListItemAvatar.Component | null;
+    ChatListItemBox?: typeof ChatListItemBox.Component | null;
+    ChatListItemLastMessage?: typeof ChatListItemLastMessage.Component | null;
+    ChatListItemLastMessageAuthor?: typeof ChatListItemLastMessageAuthor.Component | null;
+    ChatListItemLastMessageContent?: typeof ChatListItemLastMessageContent.Component | null;
+    ChatListItemLastMessageSentAt?: typeof ChatListItemLastMessageSentAt.Component | null;
+    ChatListItemName?: typeof ChatListItemName.Component | null;
+    ChatListItemUnreadCount?: typeof ChatListItemUnreadCount.Component | null;
+}

package/dist/types/ui/common/Icon.d.ts

@@ -0,0 +1,21 @@
+export type IconType = keyof typeof ICONS;
+export interface IconProps {
+    type: IconType;
+}
+export declare const ICONS: {
+    attach: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    send: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'remove-member': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'remove-member-delete-history': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'add-member': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'add-member-with-history': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    members: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    edit: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    close: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    chat: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    watch: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    unwatch: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'delete-file': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    'open-file': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+};
+export declare const Icon: import('../../index.ts').Customizable<import('react').ComponentType<IconProps>>;

package/dist/types/ui/common/MessageSkeleton.d.ts

@@ -0,0 +1,4 @@
+export interface MessageSkeletonProps {
+    count?: number;
+}
+export declare const MessageSkeleton: import('../../index.ts').Customizable<import('react').ComponentType<MessageSkeletonProps>>;

package/dist/types/ui/common/index.d.ts

@@ -0,0 +1,12 @@
+import { Avatar } from './Avatar';
+import { Icon } from './Icon';
+import { MessageSkeleton } from './MessageSkeleton';
+export * from './Avatar';
+export * from './Icon';
+export * from './MessageSkeleton';
+export * from './ChatList';
+export interface CommonCustomizeValue {
+    Avatar?: typeof Avatar.Component | null;
+    Icon?: typeof Icon.Component | null;
+    MessageSkeleton?: typeof MessageSkeleton.Component | null;
+}

package/dist/types/ui/customize.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type Customizable<TComponent extends React.ComponentType<any>> = TComponent & {
+    Component: TComponent;
+    key: string;
+};
+export declare const CustomizeContext: React.Context<Record<string, any>>;
+export declare function useCustomizeContext<TValue>(): TValue;
+export declare function useCustomize<TCustom extends Customizable<React.ComponentType<any>>>(custom: TCustom): TCustom["Component"] | null;
+export declare function customize<TComponent extends React.ComponentType<any>>(key: string, Component: TComponent): TComponent extends React.ComponentType<infer X> ? Customizable<React.ComponentType<X>> : never;

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

@@ -0,0 +1,9 @@
+export * from './color';
+export * from './customize';
+export * from './Chatify';
+export * from './localizer';
+export * from './Chat';
+export * from './ChatGroup';
+export * from './Conversation';
+export * from './Thread';
+export * from './common';

package/dist/{esm/types → types}/ui/localizer.d.ts

@@ -1,14 +1,10 @@
-import React from 'react';
-export interface Localizer {
+import { default as React } from 'react';
+import { SystemMessageText } from '../core';
+export interface LocalizerBase {
     isToday: (value: string) => boolean;
     timestamp: (value: string) => string;
     dateTime: (value: string) => string;
-    system: {
-        chatCreated: () => string;
-        memberAdded: () => string;
-        memberRemoved: () => string;
-        chatNameChanged: (newName: string) => string;
-    };
+    system: Record<SystemMessageText, (key: SystemMessageText, payload: any | null) => string>;
     message: {
         read: () => React.ReactNode;
         reading: () => React.ReactNode;
@@ -33,6 +29,16 @@ export interface Localizer {
     settings: {
         members: () => string;
     };
+    size: {
+        bytes: (value: number) => string;
+        kb: (value: number) => string;
+        mb: (value: number) => string;
+    };
+    chatList: {
+        topShown: (count: number) => string;
+    };
+}
+export interface Localizer extends LocalizerBase {
 }
 export declare const LocalizerContext: React.Context<Localizer>;
 export declare function useLocalizer(): Localizer;

package/dist/types/ui/useFormatter.d.ts

@@ -0,0 +1,3 @@
+export declare function useFormatter(): {
+    size: (value: number) => string;
+};

package/package.json

@@ -1,92 +1,81 @@
-{
-  "name": "@webinex/chatify",
-  "description": "Webinex Wispo",
-  "private": false,
-  "version": "1.0.3-rc3",
-  "author": "Webinex Dev",
-  "license": "Apache-2.0",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/index.d.ts",
-  "type": "module",
-  "targets": {
-    "demo": {
-      "source": "./example/index.html",
-      "isLibrary": false
-    }
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "build": "rimraf dist && rimraf add && rollup -c --environment ENV:production --failAfterWarnings",
-    "start": "rollup -c -w",
-    "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:write": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx}\"",
-    "parcel": "parcel --target demo --dist-dir ./dist/demo",
-    "parcel:build": "rimraf ../Webinex.Chatify.Example/wwwroot && cross-env NODE_ENV=production parcel build --target demo --dist-dir ../Webinex.Chatify.Example/wwwroot"
-  },
-  "devDependencies": {
-    "@microsoft/signalr": "^8.0.0",
-    "@parcel/transformer-sass": "2.9.2",
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-eslint": "^9.0.3",
-    "@rollup/plugin-image": "^3.0.2",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-typescript": "^11.1.0",
-    "@types/react": "^18.0.33",
-    "@types/react-dom": "^18.0.11",
-    "antd": "^5.11.5",
-    "axios": "^1.6.2",
-    "buffer": "^5.5.0||^6.0.0",
-    "classnames": "^2.3.2",
-    "cross-env": "^7.0.3",
-    "dayjs": "^1.11.7",
-    "eslint": "^8.38.0",
-    "eslint-config-react-app": "^7.0.1",
-    "immer": "^10.0.3",
-    "is-hotkey": "^0.2.0",
-    "parcel": "^2.10.3",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "process": "^0.11.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^5.0.5",
-    "rollup": "^3.20.2",
-    "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "rollup-plugin-scss": "^4.0.0",
-    "rollup-plugin-terser": "^7.0.2",
-    "rollup-plugin-visualizer": "^5.11.0",
-    "sass": "^1.66.1",
-    "shallow-equal": "^3.1.0",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-react": "^0.98.3",
-    "tslib": "^2.6.2",
-    "typescript": "^5.2.2"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": "^5.2.6",
-    "@ctrl/tinycolor": "^4.0.2",
-    "@microsoft/signalr": "^8.0.0",
-    "antd": ">=5",
-    "axios": ">=1",
-    "classnames": ">=2",
-    "dayjs": ">=1.8",
-    "immer": ">=8",
-    "is-hotkey": ">=0",
-    "react": ">=16",
-    "react-dom": ">=16",
-    "shallow-equal": ">=3",
-    "slate": "^0.94.1",
-    "slate-history": "^0.93.0",
-    "slate-react": "^0.98.3"
-  },
-  "dependencies": {}
-}
+{
+  "name": "@webinex/chatify",
+  "description": "Webinex Chatify",
+  "private": false,
+  "version": "2.0.0-alpha10",
+  "author": "Webinex Dev",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./audit": {
+      "import": "./dist/audit.js",
+      "types": "./dist/types/audit/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "watch": "vite build --watch",
+    "build": "tsc -b && vite build"
+  },
+  "devDependencies": {
+    "@microsoft/signalr": "^8.0.0",
+    "@reduxjs/toolkit": "^2.6.0",
+    "@types/is-hotkey": "^0.1.10",
+    "@types/node": "^24.10.1",
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react": "^4.3.3",
+    "@webinex/asky": "^1.1.0",
+    "@webinex/flippo": "^1.0.0",
+    "antd": "^5.19.0",
+    "axios": "^1.6.2",
+    "buffer": "^5.5.0||^6.0.0",
+    "classnames": "^2.3.2",
+    "cross-env": "^7.0.3",
+    "dayjs": "^1.11.7",
+    "eslint": "^8.38.0",
+    "is-hotkey": "^0.2.0",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.1",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "sass-embedded": "^1.82.0",
+    "shallow-equal": "^3.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.10.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5",
+    "@microsoft/signalr": "^8",
+    "@reduxjs/toolkit": "^2.6.0",
+    "@webinex/asky": "^1.1.0",
+    "@webinex/flippo": "^1",
+    "antd": "^5",
+    "axios": "^1",
+    "classnames": "^2",
+    "dayjs": "^1.8",
+    "is-hotkey": ">=0 <1",
+    "react": ">=16 <=19",
+    "react-dom": ">=16 <=19",
+    "shallow-equal": "^3"
+  }
+}