quickblox-react-ui-kit 0.2.8-beta.9 → 0.3.0-beta.1

package/.prettierignore

@@ -0,0 +1,4 @@
+/node_modules
+/public
+package.json
+package-lock.json

package/.prettierrc

@@ -0,0 +1,10 @@
+{
+  "semi": true,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "always",
+  "endOfLine": "lf"
+}

package/dist/CommonTypes/BaseViewModel.d.ts

@@ -6,6 +6,7 @@ import { FileEntity } from '../Domain/entity/FileEntity';
 import { IChatMessage } from '../Data/source/AISource';
 import { Tone } from '../Presentation/Views/Dialog/AIWidgets/Tone';
 import { MessageEntity } from '../Domain/entity/MessageEntity';
+import { UserEntity } from '../Domain/entity/UserEntity';
 export default class BaseViewModel<TResult> {
     get entity(): TResult;
     set entity(value: TResult);
@@ -36,6 +37,7 @@ export type FunctionDialogEntityToVoid = (dialog: DialogEntity) => void;
 export type FunctionTypeFileToToBoolean = (file: File) => Promise<boolean>;
 export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
 export type FunctionTypeVoidToVoid = () => void;
+export type FunctionTypeUserIdToUserEntity = (id: number) => Promise<UserEntity>;
 export type FunctionTypeStringToVoid = (value: string) => void;
 export type FunctionTypeBooleanToVoid = (value: boolean) => void;
 export type FunctionTypeEditDialogParamsToVoid = (params: EditDialogParams) => void;

package/dist/CommonTypes/FunctionResult.d.ts

@@ -46,6 +46,7 @@ export interface QBConfig {
         debug: boolean;
         enableForwarding: boolean;
         enableReplying: boolean;
+        regexUserName?: string;
         endpoints: {
             api: string;
             chat: string;

package/dist/Data/Stubs.d.ts

@@ -12,6 +12,7 @@ export declare class Stubs {
     static initializeWithUsersMockData(ds: LocalDataSource): Promise<void>;
     static initializeWithDialogsMockData(ds: LocalDataSource): Promise<void>;
     static initializeWithMessagesMockData(ds: LocalDataSource): Promise<void>;
+    static initializeMessagesWithMockData(): MessageEntity[];
     static createDialogEntityByTypeWithEmptyValues(dialogType: DialogType): DialogEntity;
     static createDialogEntityWithError(): DialogEntity;
     static createDialogEntityByTypeWithDefaultValues(dialogType: DialogType): DialogEntity;

package/dist/Presentation/Views/Dialog/AIWidgets/AIRephraseWidget/AIRephraseWidget.d.ts

@@ -10,7 +10,6 @@ type AIRephraseWidgetProps = {
     waitAIWidget: boolean;
     setWaitAIWidget: FunctionTypeBooleanToVoid;
     setMessageErrorToast: FunctionTypeStringToVoid;
-    setShowErrorToast: FunctionTypeBooleanToVoid;
     AIRephrase?: AIMessageWidget;
     messagesToView: MessageEntity[];
     currentUserId: number;

package/dist/Presentation/Views/Dialog/Dialog.d.ts

@@ -6,12 +6,8 @@ type DialogProps = {
     messagesViewModel: DialogViewModel;
     maxWidthToResize?: string;
     warningErrorText: string;
-    showErrorToast: boolean;
-    messageErrorToast: string;
     renderHeader: React.ReactNode;
     renderMessageList: React.ReactNode;
-    renderReplyMessagesPreview: React.ReactNode;
-    showReplyMessage: boolean;
     renderMessageInput: React.ReactNode;
     theme?: UiKitTheme;
     headerContent?: React.ReactNode;

package/dist/Presentation/Views/Dialog/DialogHeader/DialogBackIcon/DialogBackIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './DialogBackIcon.scss';
+import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
+type RenderLeftActionsProps = {
+    onClickBack: FunctionTypeVoidToVoid;
+};
+declare const DialogBackIcon: React.FC<RenderLeftActionsProps>;
+export default DialogBackIcon;

package/dist/Presentation/Views/Dialog/DialogHeader/{RenderRightActions/RenderRightActions.d.ts → DialogInfoIcon/DialogInfoIcon.d.ts}

@@ -1,10 +1,10 @@
 import React from 'react';
-import './RenderRightActions.scss';
+import './DialogInfoIcon.scss';
 import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
 import UiKitTheme from '../../../../themes/UiKitTheme';
 type RenderRightActionsProps = {
     onClickInfo: FunctionTypeVoidToVoid;
     theme?: UiKitTheme;
 };
-declare const RenderRightActions: React.FC<RenderRightActionsProps>;
-export default RenderRightActions;
+declare const DialogInfoIcon: React.FC<RenderRightActionsProps>;
+export default DialogInfoIcon;

package/dist/Presentation/Views/Dialog/ForwardMessageFlow/InputForForwarding/InputForForwarding.d.ts

@@ -5,6 +5,7 @@ type InputForForwardingProps = {
     inputText: string;
     onChange: FunctionTypeStringToVoid;
     onSend: FunctionTypeVoidToVoid;
+    disabled?: boolean;
 };
 declare const InputForForwarding: React.FC<InputForForwardingProps>;
 export default InputForForwarding;

package/dist/Presentation/Views/Dialog/{MessageInput/MessageInput.d.ts → InputMessage/InputMessage.d.ts}

@@ -17,5 +17,5 @@ type MessageInputProps = {
     maxWidthToResizing: string;
     theme?: UiKitTheme;
 };
-declare const MessageInput: React.FC<MessageInputProps>;
-export default MessageInput;
+declare const InputMessage: React.FC<MessageInputProps>;
+export default InputMessage;

package/dist/Presentation/Views/Dialog/Message/Message.d.ts

@@ -3,6 +3,7 @@ import { FunctionTypeBooleanToVoid, FunctionTypeMessageEntityToVoid, FunctionTyp
 import { MessageEntity } from '../../../../Domain/entity/MessageEntity';
 import UiKitTheme from '../../../themes/UiKitTheme';
 import { AIMessageWidget } from '../AIWidgets/AIMessageWidget';
+import { GetUserNameFct } from './IncomingMessage/IncomingMessage';
 type MessageProps = {
     message: MessageEntity;
     userId: number;
@@ -14,6 +15,7 @@ type MessageProps = {
     AIAssistWidget: AIMessageWidget;
     onReply: FunctionTypeMessageEntityToVoid;
     onForward: FunctionTypeMessageEntityToVoid;
+    defaultGetSenderName: GetUserNameFct;
     theme?: UiKitTheme;
     enableForwarding: boolean;
     enableReplying: boolean;

package/dist/Presentation/Views/Dialog/Message/OutgoinForwardedMessage/OutgoinForwardedMessage.d.ts

@@ -9,7 +9,7 @@ declare function OutgoingForwardedMessage(props: {
     onReply: FunctionTypeMessageEntityToVoid;
     onForward: FunctionTypeMessageEntityToVoid;
     repliedUserName: string;
-    renderOringinalMessage: React.ReactNode;
+    renderOriginalMessage: React.ReactNode;
     date_sent: string;
     status_message: number;
     enableForwarding: boolean;

package/dist/Presentation/Views/DialogInfo/DialogInfo.d.ts

@@ -1,13 +1,17 @@
 import React from 'react';
 import './DialogInfo.scss';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
-import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
+import { FunctionTypeBooleanToVoid, FunctionTypeDialogEntityToVoid, FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
 import { DialogListViewModel } from '../DialogList/DialogListViewModel';
 import UiKitTheme from '../../themes/UiKitTheme';
+import { UserEntity } from '../../../Domain/entity/UserEntity';
 type HeaderDialogsProps = {
     dialog: DialogEntity;
     dialogViewModel: DialogListViewModel;
     onCloseDialogInformationHandler: FunctionTypeVoidToVoid;
+    onLeaveDialog: FunctionTypeDialogEntityToVoid;
+    onShowAllMemberClick: FunctionTypeBooleanToVoid;
+    users: UserEntity[];
     theme?: UiKitTheme;
     subHeaderContent?: React.ReactNode;
     upHeaderContent?: React.ReactNode;

package/dist/Presentation/Views/DialogInfo/MembersList/MembersList.d.ts

@@ -5,6 +5,7 @@ import { UserEntity } from '../../../../Domain/entity/UserEntity';
 type MembersListProps = {
     closeInformationHandler: FunctionTypeVoidToVoid;
     members: UserEntity[];
+    maxHeight?: number;
 };
 declare const MembersList: React.FC<MembersListProps>;
 export default MembersList;

package/dist/Presentation/Views/DialogInfo/UsersList/UsersList.d.ts

@@ -5,6 +5,7 @@ type UsersListProps = {
     usersFirstPageToView: UserEntity[];
     allUsers: UserEntity[];
     usersInDialogCount: number;
+    maxHeight?: number;
 };
 declare const UsersList: React.FC<UsersListProps>;
 export default UsersList;

package/dist/Presentation/Views/DialogInfo/UsersList/UsersListViewModel.d.ts

@@ -1,4 +1,4 @@
-import BaseViewModel, { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
+import BaseViewModel, { FunctionTypeUserIdToUserEntity, FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 import { UserEntity } from '../../../../Domain/entity/UserEntity';
 import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
 export interface UsersListViewModel extends BaseViewModel<DialogEntity> {
@@ -7,4 +7,5 @@ export interface UsersListViewModel extends BaseViewModel<DialogEntity> {
     users: UserEntity[];
     getUsers: FunctionTypeVoidToVoid;
     release: FunctionTypeVoidToVoid;
+    getUserById: FunctionTypeUserIdToUserEntity;
 }

package/dist/Presentation/Views/DialogInfo/UsersList/useUsersListViewModel.d.ts

@@ -1,3 +1,3 @@
 import { DialogEntity } from '../../../../Domain/entity/DialogEntity';
 import { UsersListViewModel } from './UsersListViewModel';
-export default function useUsersListViewModel(dialogEntity: DialogEntity): UsersListViewModel;
+export default function useUsersListViewModel(dialogEntity?: DialogEntity): UsersListViewModel;

package/dist/Presentation/Views/DialogList/DialogList.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
-import './DialogList.scss';
 import { FunctionTypeDialogEntityToVoid, FunctionTypeViewModelToVoid } from '../../../CommonTypes/BaseViewModel';
 import { ThemeNames } from '../PreviewDialog/PreviewDialog';
 import { DialogListViewModel } from './DialogListViewModel';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
 import UiKitTheme from '../../themes/UiKitTheme';
+import './DialogList.scss';
+import '../DialogListHeader/DialogListHeader.scss';
+import '../../ui-components/Header/Header.scss';
 type DialogsComponentSettings = {
     themeName?: ThemeNames;
     withoutHeader?: boolean;

package/dist/Presentation/Views/EditDialog/UserAvatar/UserAvatar.d.ts

@@ -3,7 +3,7 @@ import './UserAvatar.scss';
 import { IconTheme } from '../../../components/UI/svgs/Icons/IconsCommonTypes';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 type UserAvatarProps = {
-    urlAvatar: string;
+    urlAvatar?: string;
     iconTheme?: IconTheme;
     clickRemoveAvatarHandler?: FunctionTypeVoidToVoid;
 };

package/dist/Presentation/Views/Flow/CreateDialog/CreateDialog.d.ts

@@ -2,12 +2,12 @@ import React from 'react';
 import './CreateDialog.scss';
 import { FunctionTypeVoidToVoid } from '../../../../CommonTypes/BaseViewModel';
 type CreateDialogProps = {
-    createPrivateDialogClickHandler: FunctionTypeVoidToVoid;
-    createPrivateDialogTouchHandler: FunctionTypeVoidToVoid;
-    createGroupDialogClickHandler: FunctionTypeVoidToVoid;
-    createGroupDialogTouchHandler: FunctionTypeVoidToVoid;
-    createPublicDialogClickHandler: FunctionTypeVoidToVoid;
-    createPublicDialogTouchHandler: FunctionTypeVoidToVoid;
+    createPrivateDialogOnClick: FunctionTypeVoidToVoid;
+    createPrivateDialogOnTouch: FunctionTypeVoidToVoid;
+    createGroupDialogOnClick: FunctionTypeVoidToVoid;
+    createGroupDialogOnTouch: FunctionTypeVoidToVoid;
+    createPublicDialogOnClick: FunctionTypeVoidToVoid;
+    createPublicDialogOnTouch: FunctionTypeVoidToVoid;
 };
 declare const CreateDialog: React.FC<CreateDialogProps>;
 export default CreateDialog;

package/dist/Presentation/Views/YesNoQuestion/YesNoQuestion.d.ts

@@ -3,10 +3,10 @@ import React from 'react';
 import { FunctionTypeVoidToVoid } from '../../../CommonTypes/BaseViewModel';
 type YesNoQuestionProps = {
     messageText?: string;
-    ClickYesActionHandler?: FunctionTypeVoidToVoid;
-    TouchYesActionHandler?: FunctionTypeVoidToVoid;
-    ClickNoActionHandler?: FunctionTypeVoidToVoid;
-    TouchNoActionHandler?: FunctionTypeVoidToVoid;
+    onClickYesAction?: FunctionTypeVoidToVoid;
+    OnTouchYesAction?: FunctionTypeVoidToVoid;
+    onClickNoAction?: FunctionTypeVoidToVoid;
+    onTouchNoAction?: FunctionTypeVoidToVoid;
     yesActionCaption?: string;
     noActionCaption?: string;
 };

package/dist/Presentation/components/UI/Buttons/MainButton/MainButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import './MainButton.scss';
+import './MainButton.css';
 import { FunctionTypeVoidToVoid } from '../../../../../CommonTypes/BaseViewModel';
 export declare const TypeButton: {
     readonly default: "default";

package/dist/Presentation/components/UI/svgs/ActiveSvg/ActiveSvg.d.ts

@@ -5,6 +5,7 @@ type ActiveSvgContainerProps = {
     content: React.ReactNode;
     onTouch?: FunctionTypeVoidToVoid;
     onClick?: FunctionTypeVoidToVoid;
+    disabled?: boolean;
 };
 declare const ActiveSvg: React.FC<ActiveSvgContainerProps>;
 export default ActiveSvg;

package/dist/Presentation/components/containers/ScrollableContainer/ScrollableContainer.d.ts

@@ -2,6 +2,8 @@ import React from 'react';
 import './ScrollableContainer.scss';
 interface FlatListProps<T> {
     className?: string;
+    rootStyles?: React.CSSProperties;
+    mainContainerStyles?: React.CSSProperties;
     data: Array<T>;
     ListEmptyComponent?: React.ComponentClass | React.FunctionComponent;
     onEndReached?: VoidFunction;

package/dist/Presentation/components/containers/SectionList/useComponent.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode, RefObject } from 'react';
 export interface SectionItem<T> {
     title: string;
     data: Dictionary<T[]>;
@@ -16,12 +16,12 @@ export interface SectionListProps<T> {
      * within half the visible length of the list.
      */
     onEndReachedThreshold?: number;
-    renderItem: (item: [string, T[]]) => ReactNode;
+    renderItem: (item: [string, T[]], listRef: RefObject<HTMLDivElement>) => ReactNode;
     renderSectionHeader?: (section: SectionItem<T>) => ReactNode;
     renderSectionFooter?: (section: SectionItem<T>) => ReactNode;
 }
 declare const _default: <T>(props: SectionListProps<T>) => Record<"refs", {
-    listContentRef: import("react").RefObject<HTMLDivElement>;
+    listContentRef: RefObject<HTMLDivElement>;
 }> & Record<"handlers", {
     scrollHandler: () => void;
 }>;

package/dist/Presentation/icons/actions/index.d.ts

@@ -0,0 +1,26 @@
+export { ReactComponent as AddContactSvg } from './add-contact.svg';
+export { ReactComponent as AddSvg } from './add.svg';
+export { ReactComponent as ArchiveSvg } from './archive.svg';
+export { ReactComponent as CopySvg } from './copy.svg';
+export { ReactComponent as DeleteSvg } from './delete.svg';
+export { ReactComponent as DownloadSvg } from './download.svg';
+export { ReactComponent as EditSvg } from './edit.svg';
+export { ReactComponent as EmojiSvg } from './emoji.svg';
+export { ReactComponent as ForwardFilledSvg } from './forward-filled.svg';
+export { ReactComponent as HunguplSvg } from './hungup.svg';
+export { ReactComponent as IncomeCallSvg } from './income-call.svg';
+export { ReactComponent as LikeSvg } from './like.svg';
+export { ReactComponent as NewChatSvg } from './new-chat.svg';
+export { ReactComponent as OutcomeCllSvg } from './outcome-call.svg';
+export { ReactComponent as PhoneFilledSvg } from './phone-filled.svg';
+export { ReactComponent as PhoneSvg } from './phone.svg';
+export { ReactComponent as Remove2Svg } from './remove-2.svg';
+export { ReactComponent as RemoveSvg } from './remove.svg';
+export { ReactComponent as RephraseSvg } from './rephrase.svg';
+export { ReactComponent as ReplyFilledSvg } from './reply-filled.svg';
+export { ReactComponent as SendSvg } from './send.svg';
+export { ReactComponent as ShareSvg } from './share.svg';
+export { ReactComponent as SwapCameraSvg } from './swap-camera.svg';
+export { ReactComponent as UnarchiveSvg } from './unarchive.svg';
+export { ReactComponent as VideoSvg } from './video.svg';
+export { ReactComponent as VoiceSvg } from './voice.svg';

package/dist/Presentation/icons/contents/index.d.ts

@@ -0,0 +1,13 @@
+export { ReactComponent as BroadcastSvg } from './broadcast.svg';
+export { ReactComponent as ChatFilledSvg } from './chat-filled.svg';
+export { ReactComponent as ChatSvg } from './chat.svg';
+export { ReactComponent as ConferenceSvg } from './conference.svg';
+export { ReactComponent as ContactFilledSvg } from './contact-filled.svg';
+export { ReactComponent as ContactSvg } from './contact.svg';
+export { ReactComponent as GroupChatSvg } from './group-chat.svg';
+export { ReactComponent as NotificationsSvg } from './notifications.svg';
+export { ReactComponent as PrivateChatSvg } from './private-chat.svg';
+export { ReactComponent as PublicChannelSvg } from './public-channel.svg';
+export { ReactComponent as StreamFilledSvg } from './stream-filled.svg';
+export { ReactComponent as SteamSvg } from './stream.svg';
+export { ReactComponent as UserSvg } from './user.svg';

package/dist/Presentation/icons/index.d.ts

@@ -0,0 +1,7 @@
+export * from './actions';
+export * from './contents';
+export * from './media';
+export * from './moderation';
+export * from './navigation';
+export * from './status';
+export * from './toggle';

package/dist/Presentation/icons/media/index.d.ts

@@ -0,0 +1,12 @@
+export { ReactComponent as AttachmentSvg } from './attachment.svg';
+export { ReactComponent as AudioFileSvg } from './audio-file.svg';
+export { ReactComponent as BrokenFileSvg } from './broken-file.svg';
+export { ReactComponent as CameraSvg } from './camera.svg';
+export { ReactComponent as FileSvg } from './file.svg';
+export { ReactComponent as GifFileSvg } from './gif-file.svg';
+export { ReactComponent as ImageFilledSvg } from './image-filled.svg';
+export { ReactComponent as ImageSvg } from './image.svg';
+export { ReactComponent as LinkSvg } from './link.svg';
+export { ReactComponent as LocationSvg } from './location.svg';
+export { ReactComponent as TextDocumentSvg } from './text-document.svg';
+export { ReactComponent as VideoFileSvg } from './video-file.svg';

package/dist/Presentation/icons/moderation/index.d.ts

@@ -0,0 +1,5 @@
+export { ReactComponent as AdminSvg } from './admin.svg';
+export { ReactComponent as BannedSvg } from './banned.svg';
+export { ReactComponent as ModerationsSvg } from './moderations.svg';
+export { ReactComponent as FreezeSvg } from './freeze.svg';
+export { ReactComponent as MutedSvg } from './muted.svg';

package/dist/Presentation/icons/navigation/index.d.ts

@@ -0,0 +1,12 @@
+export { ReactComponent as ArrowLeftSvg } from './arrow-left.svg';
+export { ReactComponent as ArrowRightSvg } from './arrow-right.svg';
+export { ReactComponent as BackSvg } from './back.svg';
+export { ReactComponent as CloseSvg } from './close.svg';
+export { ReactComponent as DownSvg } from './down.svg';
+export { ReactComponent as NextSVG } from './next.svg';
+export { ReactComponent as LeaveSvg } from './leave.svg';
+export { ReactComponent as MoreSvg } from './more.svg';
+export { ReactComponent as PlusSvg } from './plus.svg';
+export { ReactComponent as RefreshSvg } from './refresh.svg';
+export { ReactComponent as SearchSvg } from './search.svg';
+export { ReactComponent as SettingsFilledSvg } from './settings-filled.svg';

package/dist/Presentation/icons/status/index.d.ts

@@ -0,0 +1,7 @@
+export { ReactComponent as ErrorSvg } from './error.svg';
+export { ReactComponent as HelpSvg } from './help.svg';
+export { ReactComponent as InformationSvg } from './information.svg';
+export { ReactComponent as LoaderSvg } from './loader.svg';
+export { ReactComponent as MentionSvg } from './mention.svg';
+export { ReactComponent as SentSvg } from './sent.svg';
+export { ReactComponent as ViewedDeliveredSvg } from './viewed-delivered.svg';

package/dist/Presentation/icons/toggle/index.d.ts

@@ -0,0 +1,23 @@
+export { ReactComponent as CameraOffSvg } from './camera-off.svg';
+export { ReactComponent as CameraOnSvg } from './camera-on.svg';
+export { ReactComponent as CheckOffSvg } from './check-off.svg';
+export { ReactComponent as CheckOnSvg } from './check-on.svg';
+export { ReactComponent as FavoriteSvg } from './favorite.svg';
+export { ReactComponent as FullScreenSvg } from './full-screen.svg';
+export { ReactComponent as HideSvg } from './hide.svg';
+export { ReactComponent as LouderSvg } from './louder.svg';
+export { ReactComponent as MicOffSvg } from './mic-off.svg';
+export { ReactComponent as MicOnSvg } from './mic-on.svg';
+export { ReactComponent as MinimizeSvg } from './minimize.svg';
+export { ReactComponent as NotifyOffSvg } from './notify-off.svg';
+export { ReactComponent as NotifyOnSvg } from './notify-on.svg';
+export { ReactComponent as PauseSvg } from './pause.svg';
+export { ReactComponent as PlaySvg } from './play.svg';
+export { ReactComponent as QuiteSvg } from './quite.svg';
+export { ReactComponent as RecordSvg } from './record.svg';
+export { ReactComponent as ScreenShareSvg } from './screenshare.svg';
+export { ReactComponent as ShowSvg } from './show.svg';
+export { ReactComponent as SpeakerOffSvg } from './speaker-off.svg';
+export { ReactComponent as SpeakerSvg } from './speaker.svg';
+export { ReactComponent as StopRecordSvg } from './stop-record.svg';
+export { ReactComponent as StopShareSvg } from './stop-share.svg';

package/dist/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import '../../Views/Dialog/Dialog.scss';
+import '../../Views/Dialog/DialogHeader/DialogInfoIcon/DialogInfoIcon.scss';
 import UiKitTheme from '../../themes/UiKitTheme';
 import { AIMessageWidget } from '../../Views/Dialog/AIWidgets/AIMessageWidget';
 type AIWidgetPlaceHolder = {

package/dist/Presentation/ui-components/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { ReactElement } from 'react';
+import './Avatar.scss';
+export interface AvatarProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    icon?: ReactElement;
+    className?: string;
+    src?: string;
+}
+export default function Avatar({ icon, size, className, src, }: AvatarProps): JSX.Element;

package/dist/Presentation/ui-components/Avatar/avatar.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Avatar from './Avatar';
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const AvatarDefault: StoryDefault;
+export declare const AvatarIcon: StoryDefault;
+export declare const AvatarImage: StoryDefault;

package/dist/Presentation/ui-components/Badge/Badge.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import './Badge.scss';
+interface BadgeProps {
+    count: number;
+    limit?: number;
+    mute?: boolean;
+    classNames?: string;
+}
+export default function Badge({ count, limit, mute, classNames, }: BadgeProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Badge/Badge.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Badge from './Badge';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const BadgeDefault: StoryDefault;
+export declare const BadgeCount: StoryDefault;
+export declare const BadgeMute: StoryDefault;

package/dist/Presentation/ui-components/Button/Button.d.ts

@@ -0,0 +1,12 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps, ReactElement } from 'react';
+import './Button.scss';
+type HTMLButtonProps = DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+interface ButtonProps extends HTMLButtonProps {
+    variant?: 'default' | 'outlined' | 'danger' | 'text';
+    disabled?: boolean;
+    loading?: boolean;
+    className?: string;
+    children?: ReactElement | string | number;
+}
+export default function Button({ variant, className, disabled, loading, children, ...rest }: ButtonProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/Button/Button.stories.d.ts

@@ -0,0 +1,83 @@
+import type { StoryObj } from '@storybook/react';
+import Button from './Button';
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        disabled: false;
+        loading: false;
+        className: string;
+        children: string;
+    };
+    argTypes: {
+        variant: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        disabled: {
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        loading: {
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        className: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        children: {
+            table: {
+                defaultValue: {
+                    summary: null;
+                };
+                type: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+    };
+};
+export default meta;
+type StoryDefault = StoryObj<typeof meta>;
+export declare const ButtonDefault: StoryDefault;
+export declare const ButtonOutline: StoryDefault;
+export declare const ButtonDanger: StoryDefault;
+export declare const ButtonText: StoryDefault;

package/dist/Presentation/ui-components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './CheckBox.scss';
+interface CheckBoxProps {
+    disabled: boolean;
+    checked: boolean;
+    onChange?: (isSelected: boolean) => void;
+}
+export default function CheckBox({ disabled, checked, onChange, }: CheckBoxProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/DialogBanner/DialogBanner.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './DialogBanner.scss';
+type DialogBannerProps = {
+    text: string;
+    onClick?: VoidFunction;
+};
+export default function ({ text, onClick }: DialogBannerProps): JSX.Element;
+export {};

package/dist/Presentation/ui-components/DialogBanner/DialogBanner.stories.d.ts

@@ -0,0 +1,34 @@
+import type { StoryObj } from '@storybook/react';
+import DialogBanner from './DialogBanner';
+declare const meta: {
+    title: string;
+    component: typeof DialogBanner;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        text: string;
+    };
+    argTypes: {
+        text: {
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+            description: string;
+        };
+        onClick: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const DialogBannerDefault: Story;