quickblox-react-ui-kit 0.1.6 → 0.1.8

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/README.md

@@ -83,7 +83,14 @@ In our example we show how to authenticate user with login and password.
 
 ```
 import * as QB from "quickblox/quickblox";
-import { QuickBloxUIKitProvider } from 'quickblox-ui-kit-react/dist/index-ui';
+import {
+  QuickBloxUIKitProvider,
+  qbDataContext,
+  QuickBloxUIKitDesktopLayout, 
+  LoginData,
+  AuthorizationData,
+  QBDataContextType,
+} from 'quickblox-ui-kit-react/dist/index-ui';
 
 var params = { login: "garry", password: "garry5santos" };
 
@@ -92,13 +99,29 @@ QB.login(params, function(error, result) {
   } else {
     // Navigate User to the UIKit
 });
+
+const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);
+```
+To order to config quickblox ui kit provider if you use SDK without session token:
+```
+ <QuickBloxUIKitProvider
+            maxFileSize={100 * 1000000} //set max size for attachments
+            accountData={{ ...QBConfig.credentials }}
+            loginData={{
+              login: params.login,
+              password: params.password,
+            }}
+        >
+  <QuickBloxUIKitDesktopLayout /> // container for DesktopLayout
+</QuickBloxUIKitProvider>
 ```
-To order to config quickblox ui kit provider
+To order to config quickblox ui kit provider if you use SDK with session token:
 ```
-<QuickBloxUIKitProvider
-maxFileSize={100 * 1000000} //set max size for attachments
->
-  <Desktop> // container for DesktopLayout
+ <QuickBloxUIKitProvider
+            maxFileSize={100 * 1000000} //set max size for attachments
+            accountData={{ ...QBConfig.credentials }} // sessionToken was used in QBConfig
+        >
+  <QuickBloxUIKitDesktopLayout /> // container for DesktopLayout
 </QuickBloxUIKitProvider>
 ```
 
@@ -269,7 +292,7 @@ and specify selected components:
 ```
 # Sample
 
-https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat
+https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-init-sample
 
 # License
 [](#license)

package/dist/Data/source/remote/RemoteDataSource.d.ts

@@ -18,7 +18,7 @@ export type PaginatedDTOResult = {
     ResultData: RemoteUserDTO[];
 };
 export type LoginData = {
-    userName: string;
+    login: string;
     password: string;
 };
 export type AuthorizationData = {

package/dist/Presentation/Views/Base/BaseViewModel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Pagination } from '../../../Domain/repository/Pagination';
 import { GroupDialogEntity } from '../../../Domain/entity/GroupDialogEntity';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
@@ -13,6 +14,10 @@ export type EditDialogParams = {
     dialogTitle: string;
     dialogAvatar: File | string | null;
 };
+export interface IChatMessage {
+    role: string;
+    content: string;
+}
 export type FunctionTypeFileToToVoid = (file: File) => void;
 export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
 export type FunctionTypeVoidToVoid = () => void;
@@ -22,3 +27,5 @@ export type FunctionTypeEditDialogParamsToVoid = (params: EditDialogParams) => v
 export type FunctionTypeDialogEntityToDialogEntity = (entity: GroupDialogEntity) => Promise<DialogEntity>;
 export type FunctionTypeDialogEntityToBoolean = (entity: GroupDialogEntity) => Promise<boolean>;
 export type FunctionTypeFileToFileEntity = (file: File) => Promise<FileEntity>;
+export type FunctionTypeJSXElement = () => JSX.Element;
+export type FunctionTypeChatMessagesToVoid = (lastMessage: string, messages: IChatMessage) => void;

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

@@ -9,13 +9,15 @@ type DialogsComponentSettings = {
     themeName?: ThemeNames;
     withoutHeader?: boolean;
     useSubHeader?: boolean;
+    useUpHeader?: boolean;
     themeHeader?: UiKitTheme;
     themePreview?: UiKitTheme;
 };
 type DialogsProps = {
     header?: React.ReactNode;
     subHeaderContent?: React.ReactNode;
-    itemSelectHandler?: FunctionTypeViewModelToVoid<DialogEntity>;
+    upHeaderContent?: React.ReactNode;
+    onDialogSelectHandler?: FunctionTypeViewModelToVoid<DialogEntity>;
     dialogsViewModel: DialogsViewModel;
     additionalSettings?: DialogsComponentSettings;
 };

package/dist/Presentation/components/UI/Dialogs/DialogInformation/DialogInformation.d.ts

@@ -7,8 +7,10 @@ import UiKitTheme from '../../../../assets/UiKitTheme';
 type HeaderDialogsProps = {
     dialog: DialogEntity;
     dialogViewModel: DialogsViewModel;
-    closeInformationHandler: FunctionTypeVoidToVoid;
+    onCloseDialogInformationHandler: FunctionTypeVoidToVoid;
     theme?: UiKitTheme;
+    subHeaderContent?: React.ReactNode;
+    upHeaderContent?: React.ReactNode;
 };
 declare const DialogInformation: React.FC<HeaderDialogsProps>;
 export default DialogInformation;

package/dist/Presentation/components/UI/Dialogs/MessagesView/InputWidget/InputWidget.d.ts

@@ -0,0 +1,8 @@
+import { FunctionTypeFileToToVoid, FunctionTypeJSXElement, FunctionTypeStringToVoid } from '../../../../../Views/Base/BaseViewModel';
+export interface InputWidget {
+    renderWidget: FunctionTypeJSXElement;
+    textToWidget: FunctionTypeStringToVoid;
+    fileToWidget: FunctionTypeFileToToVoid;
+    textToInput: string | undefined;
+    fileToInput: File | undefined;
+}

package/dist/Presentation/components/UI/Dialogs/MessagesView/InputWidget/UseDefaultTextInputWidget.d.ts

@@ -0,0 +1,2 @@
+import { InputWidget } from './InputWidget';
+export default function useDefaultTextInputWidget(): InputWidget;

package/dist/Presentation/components/UI/Dialogs/MessagesView/InputWidget/useDefaultVoiceInputWidget.d.ts

@@ -0,0 +1,2 @@
+import { InputWidget } from './InputWidget';
+export default function useDefaultVoiceInputWidget(): InputWidget;

package/dist/Presentation/components/UI/Dialogs/MessagesView/MessagesView.d.ts

@@ -5,9 +5,11 @@ import UiKitTheme from '../../../../assets/UiKitTheme';
 import { DialogsViewModel } from '../../../../Views/Dialogs/DialogViewModel';
 type HeaderDialogsMessagesProps = {
     dialogsViewModel: DialogsViewModel;
-    InformationHandler?: FunctionTypeVoidToVoid;
+    onDialogInformationHandler?: FunctionTypeVoidToVoid;
     maxWidthToResize?: string;
     theme?: UiKitTheme;
+    subHeaderContent?: React.ReactNode;
+    upHeaderContent?: React.ReactNode;
 };
 declare const MessagesView: React.FC<HeaderDialogsMessagesProps>;
 export default MessagesView;

package/dist/Presentation/components/UI/svgs/Icons/Media/AIWidget/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconTheme } from '../../IconsCommonTypes';
+declare function AIWidgetIcon(theme?: IconTheme | undefined): JSX.Element;
+export default AIWidgetIcon;

package/dist/Presentation/components/layouts/TestStage/CompanyLogo/CompanyLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CompanyLogo: React.FC;
+export default CompanyLogo;

package/dist/Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext.d.ts

@@ -0,0 +1,3 @@
+import { QBDataContextType } from './QuickBloxUIKitProvider';
+declare const useQbInitializedDataContext: () => QBDataContextType;
+export default useQbInitializedDataContext;

package/dist/Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext.d.ts

@@ -0,0 +1,3 @@
+import { QBDataContextType } from './QuickBloxUIKitProvider';
+declare const useQbUIKitDataContext: () => QBDataContextType;
+export default useQbUIKitDataContext;

package/dist/QBconfig.d.ts

@@ -6,6 +6,18 @@ export declare const QBConfig: {
         authSecret: string;
         sessionToken: string;
     };
+    configAIApi: {
+        AIAnswerAssistWidgetConfig: {
+            apiKey: string;
+            useDefault: boolean;
+            proxyConfig: {
+                api: string;
+                servername: string;
+                port: string;
+                sessionToken: string;
+            };
+        };
+    };
     appConfig: {
         maxFileSize: number;
         sessionTimeOut: number;

package/dist/index-ui.d.ts

@@ -1,9 +1,9 @@
 import './index.scss';
 import MainButton, { TypeButton } from './Presentation/components/UI/Buttons/MainButton/MainButton';
-import QuickBloxUIKitProvider, { qbDataContext } from './Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider';
+import QuickBloxUIKitProvider, { qbDataContext, QBDataContextType } from './Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider';
 import { LocalDataSource } from './Data/source/local/LocalDataSource';
 import useQBConnection from './Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection';
-import useQbDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext';
+import useQbInitializedDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbInitializedDataContext';
 import useEventMessagesRepository from './Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository';
 import { DialogsViewModel } from './Presentation/Views/Dialogs/DialogViewModel';
 import useDialogsViewModel from './Presentation/Views/Dialogs/useDialogsViewModel';
@@ -19,8 +19,9 @@ import MessagesView from './Presentation/components/UI/Dialogs/MessagesView/Mess
 import DialogInformation from './Presentation/components/UI/Dialogs/DialogInformation/DialogInformation';
 import { DialogEntity } from './Domain/entity/DialogEntity';
 import BaseViewModel from './Presentation/Views/Base/BaseViewModel';
-import { LoginData, RemoteDataSource } from './Data/source/remote/RemoteDataSource';
+import { LoginData, AuthorizationData, RemoteDataSource } from './Data/source/remote/RemoteDataSource';
 import QuickBloxUIKitDesktopLayout from './Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout';
 import DefaultTheme from './Presentation/assets/DefaultThemes/DefaultTheme';
 import UiKitTheme from './Presentation/assets/UiKitTheme';
-export { MainButton, TypeButton, type LoginData, QuickBloxUIKitProvider, qbDataContext, RemoteDataSource, LocalDataSource, useQBConnection, useQbDataContext, useEventMessagesRepository, type DialogsViewModel, useDialogsViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogsComponent, MessagesView, DialogInformation, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, };
+import useQbUIKitDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext';
+export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogsViewModel, useDialogsViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogsComponent, MessagesView, DialogInformation, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, };