quickblox-react-ui-kit 0.3.0-beta.4 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-ui.js +367 -457
- package/dist/index-ui.js.map +1 -1
- package/package.json +2 -2
- package/src/App.tsx +2 -2
- package/src/Data/DefaultConfigurations.ts +4 -4
- package/src/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx +383 -514
- package/src/QBconfig.ts +4 -4
- package/storybook-static/{docs-Introduction-mdx.ac401482.iframe.bundle.js → docs-Introduction-mdx.bcb06844.iframe.bundle.js} +2 -2
- package/storybook-static/{docs-Introduction-mdx.ac401482.iframe.bundle.js.map → docs-Introduction-mdx.bcb06844.iframe.bundle.js.map} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/{runtime~main.12da9712.iframe.bundle.js → runtime~main.7ee2126e.iframe.bundle.js} +1 -1
package/dist/index-ui.js
CHANGED
|
@@ -10412,10 +10412,10 @@ var DefaultConfigurations = /** @class */ (function () {
|
|
|
10412
10412
|
DefaultConfigurations.getDefaultQBConfig = function () {
|
|
10413
10413
|
return {
|
|
10414
10414
|
credentials: {
|
|
10415
|
-
appId:
|
|
10416
|
-
accountKey: '
|
|
10417
|
-
authKey: '
|
|
10418
|
-
authSecret: '
|
|
10415
|
+
appId: -1,
|
|
10416
|
+
accountKey: '',
|
|
10417
|
+
authKey: '',
|
|
10418
|
+
authSecret: '',
|
|
10419
10419
|
sessionToken: '',
|
|
10420
10420
|
},
|
|
10421
10421
|
configAIApi: {
|
|
@@ -29264,70 +29264,22 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
|
|
|
29264
29264
|
|
|
29265
29265
|
var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
29266
29266
|
var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
|
|
29267
|
-
var _p = _a.theme, theme = _p === void 0 ? undefined : _p,
|
|
29268
|
-
//
|
|
29269
|
-
|
|
29270
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29271
|
-
AITranslate = _q === void 0 ? undefined : _q,
|
|
29272
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29273
|
-
_r = _a.AIRephrase,
|
|
29274
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29275
|
-
AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s,
|
|
29276
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29277
|
-
_t = _a.uikitHeightOffset,
|
|
29278
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29279
|
-
uikitHeightOffset = _t === void 0 ? '0px' : _t;
|
|
29280
|
-
console.log('create QuickBloxUIKitDesktopLayout');
|
|
29281
|
-
var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), forwardMessage = _u[0], setForwardMessage = _u[1];
|
|
29282
|
-
var forwardMessageModal = (0,_hooks_useModal__WEBPACK_IMPORTED_MODULE_40__["default"])();
|
|
29283
|
-
var _v = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _v[0], setSelectedDialog = _v[1];
|
|
29267
|
+
var _p = _a.theme, theme = _p === void 0 ? undefined : _p, _q = _a.AITranslate, AITranslate = _q === void 0 ? undefined : _q, _r = _a.AIRephrase, AIRephrase = _r === void 0 ? undefined : _r, _s = _a.AIAssist, AIAssist = _s === void 0 ? undefined : _s, _t = _a.uikitHeightOffset, uikitHeightOffset = _t === void 0 ? '0px' : _t;
|
|
29268
|
+
var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4
|
|
29269
|
+
var messagePerPage = 47;
|
|
29284
29270
|
var currentContext = (0,_providers_QuickBloxUIKitProvider_useQbInitializedDataContext__WEBPACK_IMPORTED_MODULE_5__["default"])();
|
|
29285
29271
|
var QBConfig = currentContext.InitParams.qbConfig ||
|
|
29286
29272
|
_Data_DefaultConfigurations__WEBPACK_IMPORTED_MODULE_15__.DefaultConfigurations.getDefaultQBConfig();
|
|
29287
|
-
// const eventMessaging = useEventMessagesRepository();
|
|
29288
|
-
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
29289
|
-
// @ts-ignore
|
|
29290
29273
|
var userName = (_b = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _b === void 0 ? void 0 : _b.userName;
|
|
29291
29274
|
var currentUserId = (_c = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _c === void 0 ? void 0 : _c.userId;
|
|
29292
29275
|
var sessionToken = (_d = currentContext.storage.REMOTE_DATA_SOURCE.authInformation) === null || _d === void 0 ? void 0 : _d.sessionToken;
|
|
29293
|
-
var
|
|
29294
|
-
|
|
29295
|
-
var
|
|
29296
|
-
var
|
|
29297
|
-
|
|
29298
|
-
|
|
29299
|
-
|
|
29300
|
-
if (status)
|
|
29301
|
-
setIsOnline(true);
|
|
29302
|
-
else
|
|
29303
|
-
setIsOnline(false);
|
|
29304
|
-
});
|
|
29305
|
-
var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needRefresh = _y[0], setNeedRefresh = _y[1];
|
|
29306
|
-
var toastConnectionErrorId = react__WEBPACK_IMPORTED_MODULE_1___default().useRef(null);
|
|
29307
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29308
|
-
if (browserOnline) {
|
|
29309
|
-
setIsOnline(true);
|
|
29310
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/ban-ts-comment
|
|
29311
|
-
// @ts-ignore
|
|
29312
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
29313
|
-
react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast.dismiss(toastConnectionErrorId.current);
|
|
29314
|
-
}
|
|
29315
|
-
else {
|
|
29316
|
-
setIsOnline(false);
|
|
29317
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/ban-ts-comment
|
|
29318
|
-
// @ts-ignore
|
|
29319
|
-
toastConnectionErrorId.current = (0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)('Connection ...', {
|
|
29320
|
-
autoClose: false,
|
|
29321
|
-
isLoading: true,
|
|
29322
|
-
});
|
|
29323
|
-
}
|
|
29324
|
-
}, [browserOnline && connectionStatus]);
|
|
29325
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29326
|
-
if (!isOnline) {
|
|
29327
|
-
setNeedRefresh(true);
|
|
29328
|
-
}
|
|
29329
|
-
}, [isOnline]);
|
|
29330
|
-
var defaultAIRephraseWidget = AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.AIWidget; // useDefaultTextInputWidget();
|
|
29276
|
+
var enableForwarding = QBConfig.appConfig.enableForwarding;
|
|
29277
|
+
var enableReplying = QBConfig.appConfig.enableReplying;
|
|
29278
|
+
var maxFileSize = currentContext.InitParams.maxFileSize;
|
|
29279
|
+
var maxTokensForAIRephrase = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig
|
|
29280
|
+
.maxTokens;
|
|
29281
|
+
var rephraseTones = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig.Tones;
|
|
29282
|
+
var defaultAIRephraseWidget = AIRephrase === null || AIRephrase === void 0 ? void 0 : AIRephrase.AIWidget;
|
|
29331
29283
|
var defaultAITranslateWidget = AITranslate === null || AITranslate === void 0 ? void 0 : AITranslate.AIWidget;
|
|
29332
29284
|
var defaultAIAssistWidget = AIAssist === null || AIAssist === void 0 ? void 0 : AIAssist.AIWidget;
|
|
29333
29285
|
var getAIAssistAnswer = function () {
|
|
@@ -29411,8 +29363,74 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29411
29363
|
getAITranslate();
|
|
29412
29364
|
getAIRephrase();
|
|
29413
29365
|
getAIAssistAnswer();
|
|
29414
|
-
var
|
|
29415
|
-
var
|
|
29366
|
+
var dialogsViewModel = (0,_Views_DialogList_useDialogListViewModel__WEBPACK_IMPORTED_MODULE_10__["default"])(currentContext);
|
|
29367
|
+
var messagesViewModel = (0,_Views_Dialog_useDialogViewModel__WEBPACK_IMPORTED_MODULE_20__["default"])((_e = dialogsViewModel.entity) === null || _e === void 0 ? void 0 : _e.type, dialogsViewModel.entity);
|
|
29368
|
+
var _u = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), forwardMessage = _u[0], setForwardMessage = _u[1];
|
|
29369
|
+
var forwardMessageModal = (0,_hooks_useModal__WEBPACK_IMPORTED_MODULE_40__["default"])();
|
|
29370
|
+
var _v = react__WEBPACK_IMPORTED_MODULE_1___default().useState(), selectedDialog = _v[0], setSelectedDialog = _v[1];
|
|
29371
|
+
var userViewModel = (0,_Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_28__["default"])(selectedDialog);
|
|
29372
|
+
var _w = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _w[0], setDialogAvatarUrl = _w[1];
|
|
29373
|
+
var _x = (0,_providers_QuickBloxUIKitProvider_useQBConnection__WEBPACK_IMPORTED_MODULE_41__["default"])(), browserOnline = _x.browserOnline, connectionStatus = _x.connectionStatus, connectionRepository = _x.connectionRepository;
|
|
29374
|
+
var _y = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(browserOnline && connectionStatus), isOnline = _y[0], setIsOnline = _y[1];
|
|
29375
|
+
connectionRepository.subscribe(function (status) {
|
|
29376
|
+
console.log("Connection status: ".concat(status ? 'CONNECTED' : 'DISCONNECTED'));
|
|
29377
|
+
if (status)
|
|
29378
|
+
setIsOnline(true);
|
|
29379
|
+
else
|
|
29380
|
+
setIsOnline(false);
|
|
29381
|
+
});
|
|
29382
|
+
var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needRefresh = _z[0], setNeedRefresh = _z[1];
|
|
29383
|
+
var toastConnectionErrorId = react__WEBPACK_IMPORTED_MODULE_1___default().useRef(null);
|
|
29384
|
+
//
|
|
29385
|
+
var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _0[0], setWaitAIWidget = _0[1];
|
|
29386
|
+
var _1 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _1[0], setMessageText = _1[1];
|
|
29387
|
+
var _2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showReplyMessage = _2[0], setShowReplyMessage = _2[1];
|
|
29388
|
+
var _3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), messagesToReply = _3[0], setMessagesToReply = _3[1];
|
|
29389
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29390
|
+
var _4 = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_25__.useMobileLayout)(), isMobile = _4[0], width = _4[1], height = _4[2], breakpoint = _4[3];
|
|
29391
|
+
var _5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), clientHeight = _5[0], setClientHeight = _5[1];
|
|
29392
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29393
|
+
var _6 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _6[0], setScrollUpToDown = _6[1];
|
|
29394
|
+
var _7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _7[0], setNeedDialogInformation = _7[1];
|
|
29395
|
+
var informationCloseHandler = function () {
|
|
29396
|
+
setNeedDialogInformation(false);
|
|
29397
|
+
};
|
|
29398
|
+
var informationOpenHandler = function () {
|
|
29399
|
+
setNeedDialogInformation(true);
|
|
29400
|
+
};
|
|
29401
|
+
//
|
|
29402
|
+
var maxWidthToResizing = selectedDialog && needDialogInformation
|
|
29403
|
+
? '$message-view-container-wrapper-min-width'
|
|
29404
|
+
: '1040px';
|
|
29405
|
+
var workHeight = isMobile
|
|
29406
|
+
? "calc(".concat(height.toString(), "px - ").concat(uikitHeightOffset, " - 28px)")
|
|
29407
|
+
: "calc(100vh - ".concat(uikitHeightOffset, " - 28px)");
|
|
29408
|
+
var messagesContainerMobileHeight = showReplyMessage
|
|
29409
|
+
? "calc(".concat(clientHeight, "px - 128px - 64px - 16px)")
|
|
29410
|
+
: "calc(".concat(clientHeight, "px - 128px - 16px)");
|
|
29411
|
+
var messagesContainerHeight = showReplyMessage
|
|
29412
|
+
? "calc(".concat(clientHeight, "px - 128px - 64px)")
|
|
29413
|
+
: "calc(".concat(clientHeight, "px - 128px - 1px)");
|
|
29414
|
+
var clientContainerHeight = "".concat(clientHeight - 5, "px");
|
|
29415
|
+
var headerHeight = 64;
|
|
29416
|
+
var dialogListScrollableHeight = clientHeight - headerHeight - 6;
|
|
29417
|
+
var _8 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _8[0], setWarningErrorText = _8[1];
|
|
29418
|
+
var _9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _9[0], setUseAudioWidget = _9[1];
|
|
29419
|
+
var _10 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _10[0], setFileToSend = _10[1];
|
|
29420
|
+
var _11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _11[0], setIsRecording = _11[1];
|
|
29421
|
+
var _12 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _12[0], setPermission = _12[1];
|
|
29422
|
+
var _13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _13[0], setStream = _13[1];
|
|
29423
|
+
var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
|
|
29424
|
+
var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _14[0], setResultAudioBlob = _14[1];
|
|
29425
|
+
var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _15[0], setAudioChunks = _15[1];
|
|
29426
|
+
var newModal = (0,_hooks_useModal__WEBPACK_IMPORTED_MODULE_40__["default"])();
|
|
29427
|
+
var _16 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), dialogToLeave = _16[0], setDialogToLeave = _16[1];
|
|
29428
|
+
var _17 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogList = _17[0], setShowDialogList = _17[1];
|
|
29429
|
+
var _18 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(true), showDialogMessages = _18[0], setShowDialogMessages = _18[1];
|
|
29430
|
+
var _19 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showDialogInformation = _19[0], setShowDialogInformation = _19[1];
|
|
29431
|
+
var _20 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), isAllMembersShow = _20[0], setIsAllMembersShow = _20[1];
|
|
29432
|
+
var _21 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isOpen = _21[0], setIsOpen = _21[1];
|
|
29433
|
+
// functions
|
|
29416
29434
|
var selectDialogActions = function (item) {
|
|
29417
29435
|
if (isOnline) {
|
|
29418
29436
|
if (!dialogsViewModel.loading) {
|
|
@@ -29421,19 +29439,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29421
29439
|
}
|
|
29422
29440
|
}
|
|
29423
29441
|
};
|
|
29424
|
-
var _z = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), showReplyMessage = _z[0], setShowReplyMessage = _z[1];
|
|
29425
|
-
var _0 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), messagesToReply = _0[0], setMessagesToReply = _0[1];
|
|
29426
|
-
var _1 = (0,_components_containers_SectionList_hooks__WEBPACK_IMPORTED_MODULE_25__.useMobileLayout)(), isMobile = _1[0], width = _1[1], height = _1[2], breakpoint = _1[3];
|
|
29427
|
-
var _2 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0), clientHeight = _2[0], setClientHeight = _2[1];
|
|
29428
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29429
|
-
var _3 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(false), scrollUpToDown = _3[0], setScrollUpToDown = _3[1];
|
|
29430
|
-
// const [dialogMessagesCount, setDialogMessageCount] = useState(100);
|
|
29431
|
-
// const [hasMore, setHasMore] = React.useState(true);
|
|
29432
|
-
// const [messagesToView, setMessagesToView] = React.useState<MessageEntity[]>(
|
|
29433
|
-
// [],
|
|
29434
|
-
// );
|
|
29435
|
-
// инициализация СДК и загрузка тестовых данных, запуск пинга - может не быть
|
|
29436
|
-
// todo: добавить метод в контекст
|
|
29437
29442
|
var isAuthProcessed = function () {
|
|
29438
29443
|
console.log('call isAuthProcessed');
|
|
29439
29444
|
var result = currentContext.storage.REMOTE_DATA_SOURCE.needInit === false &&
|
|
@@ -29450,95 +29455,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29450
29455
|
"initialValue.CONNECTION_REPOSITORY.needInit: ".concat(currentContext.storage.CONNECTION_REPOSITORY.needInit));
|
|
29451
29456
|
return result;
|
|
29452
29457
|
};
|
|
29453
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29454
|
-
var codeVersion = '0.3.0';
|
|
29455
|
-
console.log("React UIKit CODE VERSION IS ".concat(codeVersion));
|
|
29456
|
-
console.log('TestStage: GET DATA ');
|
|
29457
|
-
console.log("auth data: ".concat(JSON.stringify(currentContext.InitParams.loginData), " at ").concat(new Date().toLocaleTimeString()));
|
|
29458
|
-
if (isAuthProcessed()) {
|
|
29459
|
-
console.log('auth is completed, CAN GET DATA');
|
|
29460
|
-
var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination();
|
|
29461
|
-
dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);
|
|
29462
|
-
}
|
|
29463
|
-
return function () {
|
|
29464
|
-
console.log('TestStage: USE EFFECT release');
|
|
29465
|
-
dialogsViewModel.release();
|
|
29466
|
-
};
|
|
29467
|
-
}, []);
|
|
29468
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29469
|
-
console.log('TestStage: GET DATA AFTER User data has CHANGED');
|
|
29470
|
-
console.log("auth is ".concat(JSON.stringify(currentContext.InitParams.loginData), " at ").concat(new Date().toLocaleTimeString()));
|
|
29471
|
-
if (isAuthProcessed()) {
|
|
29472
|
-
console.log('auth is completed, FETCH DATA');
|
|
29473
|
-
var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination();
|
|
29474
|
-
dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);
|
|
29475
|
-
}
|
|
29476
|
-
}, [currentContext.InitParams]);
|
|
29477
|
-
// const fetchMoreData = () => {
|
|
29478
|
-
// if (messagesToView.length >= dialogMessagesCount) {
|
|
29479
|
-
// setHasMore(false);
|
|
29480
|
-
//
|
|
29481
|
-
// return;
|
|
29482
|
-
// }
|
|
29483
|
-
// if (
|
|
29484
|
-
// hasMore &&
|
|
29485
|
-
// messagesToView.length > 0 &&
|
|
29486
|
-
// messagesToView.length < dialogMessagesCount
|
|
29487
|
-
// ) {
|
|
29488
|
-
// setMessagesToView((prevState) => {
|
|
29489
|
-
// const newState = [...prevState];
|
|
29490
|
-
//
|
|
29491
|
-
// const newMessageEntity: MessageEntity =
|
|
29492
|
-
// messagesViewModel.messages[prevState.length];
|
|
29493
|
-
//
|
|
29494
|
-
// newState.push(newMessageEntity);
|
|
29495
|
-
// // newState.unshift(newMessageEntity);
|
|
29496
|
-
//
|
|
29497
|
-
// return newState;
|
|
29498
|
-
// });
|
|
29499
|
-
// }
|
|
29500
|
-
// };
|
|
29501
|
-
// function prepareFirstPage(initData: MessageEntity[]) {
|
|
29502
|
-
// const firstPageSize = messagesViewModel.messages.length;
|
|
29503
|
-
//
|
|
29504
|
-
// for (let i = firstPageSize - 1; i >= 0; i -= 1) {
|
|
29505
|
-
// initData.push(messagesViewModel.messages[i]);
|
|
29506
|
-
// }
|
|
29507
|
-
// }
|
|
29508
|
-
//
|
|
29509
|
-
// useEffect(() => {
|
|
29510
|
-
// setDialogMessageCount(messagesViewModel?.messages?.length || 0);
|
|
29511
|
-
// if (messagesToView?.length === 0 && messagesViewModel.messages.length > 0) {
|
|
29512
|
-
// const initData: MessageEntity[] = [];
|
|
29513
|
-
//
|
|
29514
|
-
// console.log(JSON.stringify(messagesViewModel.messages));
|
|
29515
|
-
// prepareFirstPage(initData);
|
|
29516
|
-
// setMessagesToView(initData);
|
|
29517
|
-
// } else if (messagesViewModel.messages.length - messagesToView.length >= 1) {
|
|
29518
|
-
// setHasMore(true);
|
|
29519
|
-
// setScrollUpToDown(true);
|
|
29520
|
-
// }
|
|
29521
|
-
// }, [messagesViewModel.messages]);
|
|
29522
|
-
//
|
|
29523
|
-
// useEffect(() => {
|
|
29524
|
-
// if (messagesViewModel.messages.length - messagesToView.length >= 1) {
|
|
29525
|
-
// fetchMoreData();
|
|
29526
|
-
// }
|
|
29527
|
-
// }, [dialogMessagesCount]);
|
|
29528
|
-
var messagePerPage = 47;
|
|
29529
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29530
|
-
if (messagesViewModel.entity) {
|
|
29531
|
-
messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination(0, messagePerPage));
|
|
29532
|
-
}
|
|
29533
|
-
}, [messagesViewModel.entity]);
|
|
29534
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29535
|
-
if (isOnline && needRefresh) {
|
|
29536
|
-
if (messagesViewModel.entity) {
|
|
29537
|
-
messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination(0, messagePerPage));
|
|
29538
|
-
setNeedRefresh(false);
|
|
29539
|
-
}
|
|
29540
|
-
}
|
|
29541
|
-
}, [isOnline]);
|
|
29542
29458
|
var fetchMoreData = function () {
|
|
29543
29459
|
if (messagesViewModel.pagination.hasNextPage()) {
|
|
29544
29460
|
var newPagination = messagesViewModel.pagination;
|
|
@@ -29547,8 +29463,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29547
29463
|
messagesViewModel.getMessages(newPagination);
|
|
29548
29464
|
}
|
|
29549
29465
|
};
|
|
29550
|
-
var userViewModel = (0,_Views_DialogInfo_UsersList_useUsersListViewModel__WEBPACK_IMPORTED_MODULE_28__["default"])(selectedDialog);
|
|
29551
|
-
var _4 = react__WEBPACK_IMPORTED_MODULE_1___default().useState(''), dialogAvatarUrl = _4[0], setDialogAvatarUrl = _4[1];
|
|
29552
29466
|
var getUserAvatarByUid = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
29553
29467
|
var result, participants, senderUser;
|
|
29554
29468
|
return __generator(this, function (_a) {
|
|
@@ -29586,17 +29500,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29586
29500
|
});
|
|
29587
29501
|
});
|
|
29588
29502
|
}
|
|
29589
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29590
|
-
getDialogPhotoFileForPreview();
|
|
29591
|
-
if (dialogsViewModel.entity) {
|
|
29592
|
-
userViewModel.entity = dialogsViewModel.entity;
|
|
29593
|
-
}
|
|
29594
|
-
return function () {
|
|
29595
|
-
if (dialogAvatarUrl) {
|
|
29596
|
-
URL.revokeObjectURL(dialogAvatarUrl);
|
|
29597
|
-
}
|
|
29598
|
-
};
|
|
29599
|
-
}, [dialogsViewModel.entity]);
|
|
29600
29503
|
// eslint-disable-next-line consistent-return
|
|
29601
29504
|
var renderIconForTypeDialog = function (dialogEntity) {
|
|
29602
29505
|
if (dialogEntity.type === _Domain_entity_DialogTypes__WEBPACK_IMPORTED_MODULE_19__.DialogType.group) {
|
|
@@ -29611,44 +29514,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29611
29514
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui_components_Avatar_Avatar__WEBPACK_IMPORTED_MODULE_30__["default"], { src: publicDialogEntity.photo, icon: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_icons__WEBPACK_IMPORTED_MODULE_31__.PublicChannelSvg, {}), size: "md" }));
|
|
29612
29515
|
}
|
|
29613
29516
|
};
|
|
29614
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29615
|
-
console.log("Clear selected dialog: ".concat((selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.name) || 'Dialog Name is empty'));
|
|
29616
|
-
if (!dialogsViewModel.entity) {
|
|
29617
|
-
setSelectedDialog(undefined);
|
|
29618
|
-
}
|
|
29619
|
-
}, [dialogsViewModel.entity]);
|
|
29620
|
-
var _5 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), needDialogInformation = _5[0], setNeedDialogInformation = _5[1];
|
|
29621
|
-
var informationCloseHandler = function () {
|
|
29622
|
-
setNeedDialogInformation(false);
|
|
29623
|
-
};
|
|
29624
|
-
var informationOpenHandler = function () {
|
|
29625
|
-
setNeedDialogInformation(true);
|
|
29626
|
-
};
|
|
29627
|
-
//
|
|
29628
|
-
var maxTokensForAIRephrase = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig
|
|
29629
|
-
.maxTokens;
|
|
29630
|
-
var rephraseTones = currentContext.InitParams.qbConfig.configAIApi.AIRephraseWidgetConfig.Tones;
|
|
29631
|
-
var maxFileSize = currentContext.InitParams.maxFileSize;
|
|
29632
|
-
//
|
|
29633
|
-
var _6 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), waitAIWidget = _6[0], setWaitAIWidget = _6[1];
|
|
29634
|
-
var _7 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), messageText = _7[0], setMessageText = _7[1];
|
|
29635
|
-
var _8 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(''), warningErrorText = _8[0], setWarningErrorText = _8[1];
|
|
29636
|
-
// const [showErrorToast, setShowErrorToast] = useState<boolean>(false);
|
|
29637
|
-
// const [messageErrorToast, setMessageErrorToast] = useState<string>('');
|
|
29638
|
-
var _9 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), useAudioWidget = _9[0], setUseAudioWidget = _9[1];
|
|
29639
|
-
var _10 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null), fileToSend = _10[0], setFileToSend = _10[1];
|
|
29640
|
-
var _11 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isRecording = _11[0], setIsRecording = _11[1];
|
|
29641
|
-
//
|
|
29642
|
-
var _12 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), permission = _12[0], setPermission = _12[1];
|
|
29643
|
-
// const [recordingStatus, setRecordingStatus] = useState('inactive');
|
|
29644
|
-
var _13 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), stream = _13[0], setStream = _13[1];
|
|
29645
|
-
// const [mediaRecorder, setMediaRecorder] = useState<MediaRecorder>();
|
|
29646
|
-
var mediaRecorder = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
|
|
29647
|
-
var _14 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), resultAudioBlob = _14[0], setResultAudioBlob = _14[1];
|
|
29648
|
-
var _15 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)([]), audioChunks = _15[0], setAudioChunks = _15[1];
|
|
29649
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29650
|
-
var mimeType = 'audio/webm;codecs=opus'; // audio/ogg audio/mpeg audio/webm audio/x-wav audio/mp4
|
|
29651
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29652
29517
|
var showErrorMessage = function (errorMessage) {
|
|
29653
29518
|
setWarningErrorText(errorMessage);
|
|
29654
29519
|
setTimeout(function () {
|
|
@@ -29681,37 +29546,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29681
29546
|
closeReplyMessageFlowHandler();
|
|
29682
29547
|
});
|
|
29683
29548
|
};
|
|
29684
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29685
|
-
var MAXSIZE = maxFileSize || 90 * 1000000;
|
|
29686
|
-
var MAXSIZE_FOR_MESSAGE = MAXSIZE / (1024 * 1024);
|
|
29687
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29688
|
-
var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;
|
|
29689
|
-
if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {
|
|
29690
|
-
if (showReplyMessage && (messagesToReply === null || messagesToReply === void 0 ? void 0 : messagesToReply.length) > 0) {
|
|
29691
|
-
var replyData = {
|
|
29692
|
-
messagesToReply: messagesToReply,
|
|
29693
|
-
relatedFileMessage: fileToSend,
|
|
29694
|
-
relatedTextMessage: messageText || _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_26__.MessageDTOMapper.REPLY_MESSAGE_PREFIX,
|
|
29695
|
-
};
|
|
29696
|
-
repliedActions(replyData);
|
|
29697
|
-
}
|
|
29698
|
-
else if (isOnline) {
|
|
29699
|
-
// eslint-disable-next-line promise/catch-or-return
|
|
29700
|
-
messagesViewModel
|
|
29701
|
-
.sendAttachmentMessage(fileToSend)
|
|
29702
|
-
.then(function (resultOperation) {
|
|
29703
|
-
// eslint-disable-next-line promise/always-return
|
|
29704
|
-
if (!resultOperation) {
|
|
29705
|
-
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("Incorrect data");
|
|
29706
|
-
}
|
|
29707
|
-
});
|
|
29708
|
-
}
|
|
29709
|
-
}
|
|
29710
|
-
else if (fileToSend) {
|
|
29711
|
-
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("file size ".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, " must be less then ").concat(MAXSIZE_FOR_MESSAGE, " mb."));
|
|
29712
|
-
}
|
|
29713
|
-
}, [fileToSend]);
|
|
29714
|
-
// const [isVoiceMessage, setVoiceMessage] = useState(true);
|
|
29715
29549
|
var getMicrophonePermission = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
29716
29550
|
var mediaStream, err_1;
|
|
29717
29551
|
return __generator(this, function (_a) {
|
|
@@ -29821,86 +29655,26 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29821
29655
|
var resultFile = theBlob;
|
|
29822
29656
|
return resultFile;
|
|
29823
29657
|
};
|
|
29824
|
-
|
|
29825
|
-
|
|
29826
|
-
|
|
29827
|
-
|
|
29828
|
-
|
|
29829
|
-
|
|
29830
|
-
|
|
29831
|
-
|
|
29832
|
-
|
|
29833
|
-
|
|
29834
|
-
|
|
29835
|
-
|
|
29836
|
-
|
|
29837
|
-
|
|
29838
|
-
|
|
29839
|
-
|
|
29840
|
-
|
|
29841
|
-
|
|
29842
|
-
}
|
|
29843
|
-
|
|
29844
|
-
else {
|
|
29845
|
-
// eslint-disable-next-line promise/catch-or-return,promise/always-return
|
|
29846
|
-
startRecording().then(function () {
|
|
29847
|
-
setWarningErrorText("Your voice is recording during for 1 minutes");
|
|
29848
|
-
});
|
|
29849
|
-
}
|
|
29850
|
-
}
|
|
29851
|
-
else {
|
|
29852
|
-
if (permission && mediaRecorder.current) {
|
|
29853
|
-
stopRecording();
|
|
29854
|
-
}
|
|
29855
|
-
setWarningErrorText('');
|
|
29856
|
-
}
|
|
29857
|
-
}, [isRecording]);
|
|
29858
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29859
|
-
if (isRecording && permission) {
|
|
29860
|
-
// eslint-disable-next-line promise/always-return,promise/catch-or-return
|
|
29861
|
-
startRecording().then(function () {
|
|
29862
|
-
setWarningErrorText("Your voice is recording during for 1 minutes");
|
|
29863
|
-
});
|
|
29864
|
-
}
|
|
29865
|
-
}, [permission]);
|
|
29866
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29867
|
-
setWaitAIWidget(false);
|
|
29868
|
-
if ((defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent) &&
|
|
29869
|
-
(defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent.length) > 0) {
|
|
29870
|
-
setMessageText(defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent);
|
|
29871
|
-
}
|
|
29872
|
-
}, [defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent]);
|
|
29873
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29874
|
-
setWaitAIWidget(false);
|
|
29875
|
-
}, [defaultAITranslateWidget === null || defaultAITranslateWidget === void 0 ? void 0 : defaultAITranslateWidget.textToContent]);
|
|
29876
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29877
|
-
setWaitAIWidget(false);
|
|
29878
|
-
if ((defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent) &&
|
|
29879
|
-
(defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent.length) > 0) {
|
|
29880
|
-
setMessageText(defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent);
|
|
29881
|
-
}
|
|
29882
|
-
}, [defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent]);
|
|
29883
|
-
//
|
|
29884
|
-
function sendTextMessageActions(textToSend) {
|
|
29885
|
-
if (isOnline) {
|
|
29886
|
-
// closeReplyMessageFlowHandler
|
|
29887
|
-
if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)
|
|
29888
|
-
return;
|
|
29889
|
-
// setVoiceMessage(true);
|
|
29890
|
-
if (textToSend.length > 0 && textToSend.length <= 1000) {
|
|
29891
|
-
setMessageText('');
|
|
29892
|
-
if (showReplyMessage && (messagesToReply === null || messagesToReply === void 0 ? void 0 : messagesToReply.length) > 0) {
|
|
29893
|
-
var replyData = {
|
|
29894
|
-
messagesToReply: messagesToReply,
|
|
29895
|
-
relatedTextMessage: textToSend,
|
|
29896
|
-
};
|
|
29897
|
-
repliedActions(replyData);
|
|
29898
|
-
}
|
|
29899
|
-
else {
|
|
29900
|
-
messagesViewModel.sendTextMessage(textToSend);
|
|
29901
|
-
setMessageText('');
|
|
29902
|
-
}
|
|
29903
|
-
setMessageText('');
|
|
29658
|
+
function sendTextMessageActions(textToSend) {
|
|
29659
|
+
if (isOnline) {
|
|
29660
|
+
// closeReplyMessageFlowHandler
|
|
29661
|
+
if (messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading)
|
|
29662
|
+
return;
|
|
29663
|
+
// setVoiceMessage(true);
|
|
29664
|
+
if (textToSend.length > 0 && textToSend.length <= 1000) {
|
|
29665
|
+
setMessageText('');
|
|
29666
|
+
if (showReplyMessage && (messagesToReply === null || messagesToReply === void 0 ? void 0 : messagesToReply.length) > 0) {
|
|
29667
|
+
var replyData = {
|
|
29668
|
+
messagesToReply: messagesToReply,
|
|
29669
|
+
relatedTextMessage: textToSend,
|
|
29670
|
+
};
|
|
29671
|
+
repliedActions(replyData);
|
|
29672
|
+
}
|
|
29673
|
+
else {
|
|
29674
|
+
messagesViewModel.sendTextMessage(textToSend);
|
|
29675
|
+
setMessageText('');
|
|
29676
|
+
}
|
|
29677
|
+
setMessageText('');
|
|
29904
29678
|
}
|
|
29905
29679
|
else {
|
|
29906
29680
|
setWarningErrorText('length of text message must be less then 1000 chars.');
|
|
@@ -29910,26 +29684,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29910
29684
|
}
|
|
29911
29685
|
}
|
|
29912
29686
|
}
|
|
29913
|
-
//
|
|
29914
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29915
|
-
messagesViewModel.entity = dialogsViewModel.entity;
|
|
29916
|
-
// setMessagesToView([]);
|
|
29917
|
-
setMessageText('');
|
|
29918
|
-
}, [dialogsViewModel.entity]);
|
|
29919
|
-
//
|
|
29920
|
-
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29921
|
-
if (!isMobile && messagesViewModel.entity) {
|
|
29922
|
-
dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);
|
|
29923
|
-
var timeoutId_1 = setTimeout(function () {
|
|
29924
|
-
dialogsViewModel.setWaitLoadingStatus(false); // wait only for 3 sec
|
|
29925
|
-
}, 3000);
|
|
29926
|
-
return function () { return clearTimeout(timeoutId_1); };
|
|
29927
|
-
}
|
|
29928
|
-
return function () {
|
|
29929
|
-
// Placeholder: Cleanup handler is not required
|
|
29930
|
-
};
|
|
29931
|
-
}, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);
|
|
29932
|
-
//
|
|
29933
29687
|
var ChangeFileHandler = function (event) {
|
|
29934
29688
|
if (isOnline) {
|
|
29935
29689
|
var reader = new FileReader();
|
|
@@ -29943,11 +29697,6 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
29943
29697
|
reader.readAsDataURL(file_1);
|
|
29944
29698
|
}
|
|
29945
29699
|
};
|
|
29946
|
-
//
|
|
29947
|
-
//
|
|
29948
|
-
var maxWidthToResizing = selectedDialog && needDialogInformation
|
|
29949
|
-
? '$message-view-container-wrapper-min-width'
|
|
29950
|
-
: '1040px';
|
|
29951
29700
|
var handleOnReply = function (message) {
|
|
29952
29701
|
setMessagesToReply([message]);
|
|
29953
29702
|
setShowReplyMessage(true);
|
|
@@ -30007,11 +29756,98 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
30007
29756
|
// }));
|
|
30008
29757
|
return sections;
|
|
30009
29758
|
}
|
|
30010
|
-
var
|
|
30011
|
-
|
|
30012
|
-
|
|
29759
|
+
var handleHeightChange = function (newHeight) {
|
|
29760
|
+
console.log('The new height is:', newHeight);
|
|
29761
|
+
setClientHeight(newHeight);
|
|
29762
|
+
};
|
|
29763
|
+
var leaveDialogHandler = function (dialog) {
|
|
29764
|
+
if (isOnline) {
|
|
29765
|
+
setDialogToLeave(dialog);
|
|
29766
|
+
}
|
|
29767
|
+
};
|
|
29768
|
+
var handleDialogOnClick = function () {
|
|
29769
|
+
if (isOpen) {
|
|
29770
|
+
setDialogToLeave(undefined);
|
|
29771
|
+
}
|
|
29772
|
+
setIsOpen(function (state) { return !state; });
|
|
29773
|
+
};
|
|
29774
|
+
var handleLeaveDialog = function () {
|
|
29775
|
+
if (dialogToLeave) {
|
|
29776
|
+
dialogsViewModel
|
|
29777
|
+
.deleteDialog(dialogToLeave)
|
|
29778
|
+
.then(function (result) {
|
|
29779
|
+
// eslint-disable-next-line promise/always-return
|
|
29780
|
+
if (!result) {
|
|
29781
|
+
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)('Dialog have not been left');
|
|
29782
|
+
}
|
|
29783
|
+
handleDialogOnClick();
|
|
29784
|
+
})
|
|
29785
|
+
.catch(function (e) {
|
|
29786
|
+
console.log(e);
|
|
29787
|
+
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("Can't leave dialog");
|
|
29788
|
+
});
|
|
29789
|
+
}
|
|
29790
|
+
};
|
|
29791
|
+
// // eslint-disable-next-line react/prop-types,@typescript-eslint/no-unused-vars
|
|
29792
|
+
// const defaultGetSenderName: GetUserNameFct = async (props: {
|
|
29793
|
+
// userId?: number;
|
|
29794
|
+
// sender?: UserEntity;
|
|
29795
|
+
// }): Promise<string | undefined> => {
|
|
29796
|
+
// let result = 'undefined user';
|
|
29797
|
+
//
|
|
29798
|
+
// // eslint-disable-next-line react/prop-types
|
|
29799
|
+
// if (!props.sender) {
|
|
29800
|
+
// // eslint-disable-next-line react/prop-types
|
|
29801
|
+
// if (props.userId && props.userId > 0) {
|
|
29802
|
+
// // eslint-disable-next-line react/prop-types,@typescript-eslint/no-unsafe-call
|
|
29803
|
+
// const senderUser = await userViewModel.getUserById(props.userId);
|
|
29804
|
+
//
|
|
29805
|
+
// if (!senderUser) {
|
|
29806
|
+
// return result;
|
|
29807
|
+
// }
|
|
29808
|
+
// result =
|
|
29809
|
+
// senderUser.full_name ||
|
|
29810
|
+
// senderUser.login ||
|
|
29811
|
+
// senderUser.email ||
|
|
29812
|
+
// // eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
29813
|
+
// senderUser.id.toString();
|
|
29814
|
+
// } else return result;
|
|
29815
|
+
// } else {
|
|
29816
|
+
// result =
|
|
29817
|
+
// // eslint-disable-next-line react/prop-types
|
|
29818
|
+
// props.sender.full_name ||
|
|
29819
|
+
// // eslint-disable-next-line react/prop-types
|
|
29820
|
+
// props.sender.login ||
|
|
29821
|
+
// // eslint-disable-next-line react/prop-types
|
|
29822
|
+
// props.sender.email ||
|
|
29823
|
+
// // eslint-disable-next-line react/prop-types
|
|
29824
|
+
// props.sender.id.toString();
|
|
29825
|
+
// }
|
|
30013
29826
|
//
|
|
30014
|
-
|
|
29827
|
+
// return result;
|
|
29828
|
+
// };
|
|
29829
|
+
var createDialogHandler = function () {
|
|
29830
|
+
if (isOnline) {
|
|
29831
|
+
newModal.toggleModal();
|
|
29832
|
+
}
|
|
29833
|
+
};
|
|
29834
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29835
|
+
var codeVersion = '0.3.0';
|
|
29836
|
+
console.log("React UIKit CODE VERSION IS ".concat(codeVersion));
|
|
29837
|
+
if (isAuthProcessed()) {
|
|
29838
|
+
var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination();
|
|
29839
|
+
dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);
|
|
29840
|
+
}
|
|
29841
|
+
return function () {
|
|
29842
|
+
dialogsViewModel.release();
|
|
29843
|
+
};
|
|
29844
|
+
}, []);
|
|
29845
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29846
|
+
if (isAuthProcessed()) {
|
|
29847
|
+
var pagination = new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination();
|
|
29848
|
+
dialogsViewModel === null || dialogsViewModel === void 0 ? void 0 : dialogsViewModel.getDialogs(pagination);
|
|
29849
|
+
}
|
|
29850
|
+
}, [currentContext.InitParams]);
|
|
30015
29851
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30016
29852
|
if (isMobile) {
|
|
30017
29853
|
if (!selectedDialog) {
|
|
@@ -30038,9 +29874,73 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
30038
29874
|
setShowDialogInformation(true);
|
|
30039
29875
|
}
|
|
30040
29876
|
//
|
|
30041
|
-
|
|
30042
|
-
|
|
29877
|
+
// const sizeChangingLogString = `SIZE INFO: height: ${height.toString()} clientHeight: ${clientHeight} width: ${width.toString()} breakpont: ${breakpoint.toString()} isMobile:
|
|
29878
|
+
// ${isMobile?.toString()} selectedDialog:
|
|
29879
|
+
// ${selectedDialog ? 'true' : 'false'} showDialogMessages:
|
|
29880
|
+
// ${showDialogMessages?.toString()} showDialogList:
|
|
29881
|
+
// ${showDialogList?.toString()} showDialogInformation:
|
|
29882
|
+
// ${showDialogInformation?.toString()}`;
|
|
29883
|
+
//
|
|
29884
|
+
// console.log(sizeChangingLogString);
|
|
30043
29885
|
}, [isMobile]);
|
|
29886
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29887
|
+
if (browserOnline) {
|
|
29888
|
+
setIsOnline(true);
|
|
29889
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/ban-ts-comment
|
|
29890
|
+
// @ts-ignore
|
|
29891
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
29892
|
+
react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast.dismiss(toastConnectionErrorId.current);
|
|
29893
|
+
}
|
|
29894
|
+
else {
|
|
29895
|
+
setIsOnline(false);
|
|
29896
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/ban-ts-comment
|
|
29897
|
+
// @ts-ignore
|
|
29898
|
+
toastConnectionErrorId.current = (0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)('Connection ...', {
|
|
29899
|
+
autoClose: false,
|
|
29900
|
+
isLoading: true,
|
|
29901
|
+
});
|
|
29902
|
+
}
|
|
29903
|
+
}, [browserOnline && connectionStatus]);
|
|
29904
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29905
|
+
if (!isOnline) {
|
|
29906
|
+
setNeedRefresh(true);
|
|
29907
|
+
}
|
|
29908
|
+
}, [isOnline]);
|
|
29909
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29910
|
+
if (isOnline && needRefresh) {
|
|
29911
|
+
if (messagesViewModel.entity) {
|
|
29912
|
+
messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination(0, messagePerPage));
|
|
29913
|
+
setNeedRefresh(false);
|
|
29914
|
+
}
|
|
29915
|
+
}
|
|
29916
|
+
}, [isOnline]);
|
|
29917
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29918
|
+
getDialogPhotoFileForPreview();
|
|
29919
|
+
if (dialogsViewModel.entity) {
|
|
29920
|
+
userViewModel.entity = dialogsViewModel.entity;
|
|
29921
|
+
}
|
|
29922
|
+
return function () {
|
|
29923
|
+
if (dialogAvatarUrl) {
|
|
29924
|
+
URL.revokeObjectURL(dialogAvatarUrl);
|
|
29925
|
+
}
|
|
29926
|
+
};
|
|
29927
|
+
}, [dialogsViewModel.entity]);
|
|
29928
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29929
|
+
console.log("Clear selected dialog: ".concat((selectedDialog === null || selectedDialog === void 0 ? void 0 : selectedDialog.name) || 'Dialog Name is empty'));
|
|
29930
|
+
if (!dialogsViewModel.entity) {
|
|
29931
|
+
setSelectedDialog(undefined);
|
|
29932
|
+
}
|
|
29933
|
+
}, [dialogsViewModel.entity]);
|
|
29934
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29935
|
+
messagesViewModel.entity = dialogsViewModel.entity;
|
|
29936
|
+
// setMessagesToView([]);
|
|
29937
|
+
setMessageText('');
|
|
29938
|
+
}, [dialogsViewModel.entity]);
|
|
29939
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29940
|
+
if (userViewModel.entity) {
|
|
29941
|
+
userViewModel.getUsers();
|
|
29942
|
+
}
|
|
29943
|
+
}, [userViewModel.entity]);
|
|
30044
29944
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30045
29945
|
if (selectedDialog && selectedDialog) {
|
|
30046
29946
|
dialogsViewModel.entity = selectedDialog;
|
|
@@ -30055,10 +29955,111 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
30055
29955
|
}
|
|
30056
29956
|
}, [selectedDialog]);
|
|
30057
29957
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30058
|
-
if (
|
|
30059
|
-
|
|
29958
|
+
if (messagesViewModel.entity) {
|
|
29959
|
+
messagesViewModel.getMessages(new _Domain_repository_Pagination__WEBPACK_IMPORTED_MODULE_11__.Pagination(0, messagePerPage));
|
|
30060
29960
|
}
|
|
30061
|
-
}, [
|
|
29961
|
+
}, [messagesViewModel.entity]);
|
|
29962
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29963
|
+
if (!isMobile && messagesViewModel.entity) {
|
|
29964
|
+
dialogsViewModel.setWaitLoadingStatus(messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading);
|
|
29965
|
+
var timeoutId_1 = setTimeout(function () {
|
|
29966
|
+
dialogsViewModel.setWaitLoadingStatus(false); // wait only for 3 sec
|
|
29967
|
+
}, 3000);
|
|
29968
|
+
return function () { return clearTimeout(timeoutId_1); };
|
|
29969
|
+
}
|
|
29970
|
+
return function () {
|
|
29971
|
+
// Placeholder: Cleanup handler is not required
|
|
29972
|
+
};
|
|
29973
|
+
}, [messagesViewModel === null || messagesViewModel === void 0 ? void 0 : messagesViewModel.loading]);
|
|
29974
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
29975
|
+
var MAXSIZE = maxFileSize || 90 * 1000000;
|
|
29976
|
+
var MAXSIZE_FOR_MESSAGE = MAXSIZE / (1024 * 1024);
|
|
29977
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
29978
|
+
var flag = (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE;
|
|
29979
|
+
if ((fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) && (fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size) < MAXSIZE) {
|
|
29980
|
+
if (showReplyMessage && (messagesToReply === null || messagesToReply === void 0 ? void 0 : messagesToReply.length) > 0) {
|
|
29981
|
+
var replyData = {
|
|
29982
|
+
messagesToReply: messagesToReply,
|
|
29983
|
+
relatedFileMessage: fileToSend,
|
|
29984
|
+
relatedTextMessage: messageText || _Data_source_remote_Mapper_MessageDTOMapper__WEBPACK_IMPORTED_MODULE_26__.MessageDTOMapper.REPLY_MESSAGE_PREFIX,
|
|
29985
|
+
};
|
|
29986
|
+
repliedActions(replyData);
|
|
29987
|
+
}
|
|
29988
|
+
else if (isOnline) {
|
|
29989
|
+
// eslint-disable-next-line promise/catch-or-return
|
|
29990
|
+
messagesViewModel
|
|
29991
|
+
.sendAttachmentMessage(fileToSend)
|
|
29992
|
+
.then(function (resultOperation) {
|
|
29993
|
+
// eslint-disable-next-line promise/always-return
|
|
29994
|
+
if (!resultOperation) {
|
|
29995
|
+
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("Incorrect data");
|
|
29996
|
+
}
|
|
29997
|
+
});
|
|
29998
|
+
}
|
|
29999
|
+
}
|
|
30000
|
+
else if (fileToSend) {
|
|
30001
|
+
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("file size ".concat(fileToSend === null || fileToSend === void 0 ? void 0 : fileToSend.size, " must be less then ").concat(MAXSIZE_FOR_MESSAGE, " mb."));
|
|
30002
|
+
}
|
|
30003
|
+
}, [fileToSend]);
|
|
30004
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30005
|
+
var fileExt = 'mp4';
|
|
30006
|
+
if (resultAudioBlob) {
|
|
30007
|
+
var voiceMessage = blobToFile(resultAudioBlob, "".concat(userName || '', "_voice_message.").concat(fileExt));
|
|
30008
|
+
setFileToSend(voiceMessage);
|
|
30009
|
+
if (useAudioWidget) {
|
|
30010
|
+
setUseAudioWidget(false);
|
|
30011
|
+
}
|
|
30012
|
+
//
|
|
30013
|
+
}
|
|
30014
|
+
}, [resultAudioBlob]);
|
|
30015
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30016
|
+
// setFileToSend(null);
|
|
30017
|
+
if (isRecording) {
|
|
30018
|
+
if (!permission) {
|
|
30019
|
+
// eslint-disable-next-line promise/catch-or-return,promise/always-return
|
|
30020
|
+
getMicrophonePermission().catch(function () {
|
|
30021
|
+
showErrorMessage("Have no audio.");
|
|
30022
|
+
});
|
|
30023
|
+
}
|
|
30024
|
+
else {
|
|
30025
|
+
// eslint-disable-next-line promise/catch-or-return,promise/always-return
|
|
30026
|
+
startRecording().then(function () {
|
|
30027
|
+
setWarningErrorText("Your voice is recording during for 1 minutes");
|
|
30028
|
+
});
|
|
30029
|
+
}
|
|
30030
|
+
}
|
|
30031
|
+
else {
|
|
30032
|
+
if (permission && mediaRecorder.current) {
|
|
30033
|
+
stopRecording();
|
|
30034
|
+
}
|
|
30035
|
+
setWarningErrorText('');
|
|
30036
|
+
}
|
|
30037
|
+
}, [isRecording]);
|
|
30038
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30039
|
+
if (isRecording && permission) {
|
|
30040
|
+
// eslint-disable-next-line promise/always-return,promise/catch-or-return
|
|
30041
|
+
startRecording().then(function () {
|
|
30042
|
+
setWarningErrorText("Your voice is recording during for 1 minutes");
|
|
30043
|
+
});
|
|
30044
|
+
}
|
|
30045
|
+
}, [permission]);
|
|
30046
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30047
|
+
setWaitAIWidget(false);
|
|
30048
|
+
if ((defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent) &&
|
|
30049
|
+
(defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent.length) > 0) {
|
|
30050
|
+
setMessageText(defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent);
|
|
30051
|
+
}
|
|
30052
|
+
}, [defaultAIRephraseWidget === null || defaultAIRephraseWidget === void 0 ? void 0 : defaultAIRephraseWidget.textToContent]);
|
|
30053
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30054
|
+
setWaitAIWidget(false);
|
|
30055
|
+
}, [defaultAITranslateWidget === null || defaultAITranslateWidget === void 0 ? void 0 : defaultAITranslateWidget.textToContent]);
|
|
30056
|
+
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30057
|
+
setWaitAIWidget(false);
|
|
30058
|
+
if ((defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent) &&
|
|
30059
|
+
(defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent.length) > 0) {
|
|
30060
|
+
setMessageText(defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent);
|
|
30061
|
+
}
|
|
30062
|
+
}, [defaultAIAssistWidget === null || defaultAIAssistWidget === void 0 ? void 0 : defaultAIAssistWidget.textToContent]);
|
|
30062
30063
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30063
30064
|
if (isMobile) {
|
|
30064
30065
|
if (needDialogInformation) {
|
|
@@ -30071,102 +30072,11 @@ var QuickBloxUIKitDesktopLayout = function (_a) {
|
|
|
30071
30072
|
}
|
|
30072
30073
|
}
|
|
30073
30074
|
}, [needDialogInformation]);
|
|
30074
|
-
var handleHeightChange = function (newHeight) {
|
|
30075
|
-
console.log('The new height is:', newHeight);
|
|
30076
|
-
setClientHeight(newHeight);
|
|
30077
|
-
};
|
|
30078
|
-
var workHeight = isMobile
|
|
30079
|
-
? "calc(".concat(height.toString(), "px - ").concat(uikitHeightOffset, " - 28px)")
|
|
30080
|
-
: "calc(100vh - ".concat(uikitHeightOffset, " - 28px)");
|
|
30081
|
-
var _20 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(), dialogToLeave = _20[0], setDialogToLeave = _20[1];
|
|
30082
|
-
var leaveDialogHandler = function (dialog) {
|
|
30083
|
-
if (isOnline) {
|
|
30084
|
-
setDialogToLeave(dialog);
|
|
30085
|
-
}
|
|
30086
|
-
};
|
|
30087
|
-
var _21 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false), isOpen = _21[0], setIsOpen = _21[1];
|
|
30088
|
-
var handleDialogOnClick = function () {
|
|
30089
|
-
if (isOpen) {
|
|
30090
|
-
setDialogToLeave(undefined);
|
|
30091
|
-
}
|
|
30092
|
-
setIsOpen(function (state) { return !state; });
|
|
30093
|
-
};
|
|
30094
30075
|
(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
|
|
30095
30076
|
if (dialogToLeave) {
|
|
30096
30077
|
handleDialogOnClick();
|
|
30097
30078
|
}
|
|
30098
30079
|
}, [dialogToLeave]);
|
|
30099
|
-
var handleLeaveDialog = function () {
|
|
30100
|
-
if (dialogToLeave) {
|
|
30101
|
-
dialogsViewModel
|
|
30102
|
-
.deleteDialog(dialogToLeave)
|
|
30103
|
-
.then(function (result) {
|
|
30104
|
-
// eslint-disable-next-line promise/always-return
|
|
30105
|
-
if (!result) {
|
|
30106
|
-
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)('Dialog have not been left');
|
|
30107
|
-
}
|
|
30108
|
-
handleDialogOnClick();
|
|
30109
|
-
})
|
|
30110
|
-
.catch(function (e) {
|
|
30111
|
-
console.log(e);
|
|
30112
|
-
(0,react_toastify__WEBPACK_IMPORTED_MODULE_4__.toast)("Can't leave dialog");
|
|
30113
|
-
});
|
|
30114
|
-
}
|
|
30115
|
-
};
|
|
30116
|
-
// eslint-disable-next-line react/prop-types,@typescript-eslint/no-unused-vars
|
|
30117
|
-
var defaultGetSenderName = function (props) { return __awaiter(void 0, void 0, void 0, function () {
|
|
30118
|
-
var result, senderUser;
|
|
30119
|
-
return __generator(this, function (_a) {
|
|
30120
|
-
switch (_a.label) {
|
|
30121
|
-
case 0:
|
|
30122
|
-
result = 'undefined user';
|
|
30123
|
-
if (!!props.sender) return [3 /*break*/, 4];
|
|
30124
|
-
if (!(props.userId && props.userId > 0)) return [3 /*break*/, 2];
|
|
30125
|
-
return [4 /*yield*/, userViewModel.getUserById(props.userId)];
|
|
30126
|
-
case 1:
|
|
30127
|
-
senderUser = _a.sent();
|
|
30128
|
-
if (!senderUser) {
|
|
30129
|
-
return [2 /*return*/, result];
|
|
30130
|
-
}
|
|
30131
|
-
result =
|
|
30132
|
-
senderUser.full_name ||
|
|
30133
|
-
senderUser.login ||
|
|
30134
|
-
senderUser.email ||
|
|
30135
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-call
|
|
30136
|
-
senderUser.id.toString();
|
|
30137
|
-
return [3 /*break*/, 3];
|
|
30138
|
-
case 2: return [2 /*return*/, result];
|
|
30139
|
-
case 3: return [3 /*break*/, 5];
|
|
30140
|
-
case 4:
|
|
30141
|
-
result =
|
|
30142
|
-
// eslint-disable-next-line react/prop-types
|
|
30143
|
-
props.sender.full_name ||
|
|
30144
|
-
// eslint-disable-next-line react/prop-types
|
|
30145
|
-
props.sender.login ||
|
|
30146
|
-
// eslint-disable-next-line react/prop-types
|
|
30147
|
-
props.sender.email ||
|
|
30148
|
-
// eslint-disable-next-line react/prop-types
|
|
30149
|
-
props.sender.id.toString();
|
|
30150
|
-
_a.label = 5;
|
|
30151
|
-
case 5: return [2 /*return*/, result];
|
|
30152
|
-
}
|
|
30153
|
-
});
|
|
30154
|
-
}); };
|
|
30155
|
-
var messagesContainerMobileHeight = showReplyMessage
|
|
30156
|
-
? "calc(".concat(clientHeight, "px - 128px - 64px - 16px)")
|
|
30157
|
-
: "calc(".concat(clientHeight, "px - 128px - 16px)");
|
|
30158
|
-
var messagesContainerHeight = showReplyMessage
|
|
30159
|
-
? "calc(".concat(clientHeight, "px - 128px - 64px)")
|
|
30160
|
-
: "calc(".concat(clientHeight, "px - 128px - 1px)");
|
|
30161
|
-
var clientContainerHeight = "".concat(clientHeight - 5, "px");
|
|
30162
|
-
var headerHeight = 64;
|
|
30163
|
-
var dialogListScrollableHeight = clientHeight - headerHeight - 6;
|
|
30164
|
-
var newModal = (0,_hooks_useModal__WEBPACK_IMPORTED_MODULE_40__["default"])();
|
|
30165
|
-
var createDialogHandler = function () {
|
|
30166
|
-
if (isOnline) {
|
|
30167
|
-
newModal.toggleModal();
|
|
30168
|
-
}
|
|
30169
|
-
};
|
|
30170
30080
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_ui_components_Toast_ToastProvider__WEBPACK_IMPORTED_MODULE_38__["default"], { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", __assign({ className: "qb-uikit-layout" }, { children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_DesktopLayout__WEBPACK_IMPORTED_MODULE_8__["default"], { mainContainerStyles: {
|
|
30171
30081
|
minHeight: workHeight,
|
|
30172
30082
|
maxHeight: workHeight,
|
|
@@ -32620,10 +32530,10 @@ var __generator = (undefined && undefined.__generator) || function (thisArg, bod
|
|
|
32620
32530
|
};
|
|
32621
32531
|
var QBConfig = {
|
|
32622
32532
|
credentials: {
|
|
32623
|
-
appId:
|
|
32624
|
-
accountKey: '
|
|
32625
|
-
authKey: '
|
|
32626
|
-
authSecret: '
|
|
32533
|
+
appId: -1,
|
|
32534
|
+
accountKey: '',
|
|
32535
|
+
authKey: '',
|
|
32536
|
+
authSecret: '',
|
|
32627
32537
|
sessionToken: '',
|
|
32628
32538
|
},
|
|
32629
32539
|
configAIApi: {
|