agora-appbuilder-core 4.1.22-beta.2 → 4.1.22-beta.4
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/package.json +1 -1
- package/template/defaultConfig.js +54 -54
- package/template/src/components/Controls.tsx +14 -8
- package/template/src/components/EventsConfigure.tsx +36 -1
- package/template/src/components/whiteboard/WhiteboardButton.tsx +3 -3
- package/template/src/components/whiteboard/WhiteboardConfigure.tsx +2 -2
package/package.json
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
const DefaultConfig = {
|
|
2
|
-
PROJECT_ID:
|
|
3
|
-
APP_ID:
|
|
4
|
-
PRODUCT_ID:
|
|
5
|
-
APP_NAME:
|
|
6
|
-
LOGO:
|
|
7
|
-
ICON:
|
|
8
|
-
FRONTEND_ENDPOINT:
|
|
9
|
-
BACKEND_ENDPOINT:
|
|
2
|
+
PROJECT_ID: '',
|
|
3
|
+
APP_ID: '',
|
|
4
|
+
PRODUCT_ID: 'helloworld',
|
|
5
|
+
APP_NAME: 'HelloWorld',
|
|
6
|
+
LOGO: 'data:image/png;base64,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',
|
|
7
|
+
ICON: 'logoSquare.png',
|
|
8
|
+
FRONTEND_ENDPOINT: '',
|
|
9
|
+
BACKEND_ENDPOINT: 'https://managedservices-preprod.rteappbuilder.com',
|
|
10
10
|
PSTN: false,
|
|
11
11
|
PRECALL: true,
|
|
12
12
|
CHAT: true,
|
|
13
13
|
CLOUD_RECORDING: false,
|
|
14
|
-
RECORDING_MODE:
|
|
14
|
+
RECORDING_MODE: 'MIX',
|
|
15
15
|
SCREEN_SHARING: true,
|
|
16
|
-
LANDING_SUB_HEADING:
|
|
16
|
+
LANDING_SUB_HEADING: 'The Real-Time Engagement Platform',
|
|
17
17
|
ENCRYPTION_ENABLED: false,
|
|
18
18
|
ENABLE_GOOGLE_OAUTH: false,
|
|
19
19
|
ENABLE_APPLE_OAUTH: false,
|
|
20
20
|
ENABLE_SLACK_OAUTH: false,
|
|
21
21
|
ENABLE_MICROSOFT_OAUTH: false,
|
|
22
|
-
GOOGLE_CLIENT_ID:
|
|
23
|
-
MICROSOFT_CLIENT_ID:
|
|
24
|
-
SLACK_CLIENT_ID:
|
|
25
|
-
APPLE_CLIENT_ID:
|
|
22
|
+
GOOGLE_CLIENT_ID: '',
|
|
23
|
+
MICROSOFT_CLIENT_ID: '',
|
|
24
|
+
SLACK_CLIENT_ID: '',
|
|
25
|
+
APPLE_CLIENT_ID: '',
|
|
26
26
|
GEO_FENCING: true,
|
|
27
|
-
GEO_FENCING_INCLUDE_AREA:
|
|
28
|
-
GEO_FENCING_EXCLUDE_AREA:
|
|
27
|
+
GEO_FENCING_INCLUDE_AREA: 'GLOBAL',
|
|
28
|
+
GEO_FENCING_EXCLUDE_AREA: '',
|
|
29
29
|
LOG_ENABLED: true,
|
|
30
30
|
EVENT_MODE: false,
|
|
31
31
|
RAISE_HAND: false,
|
|
32
32
|
AUDIO_ROOM: false,
|
|
33
|
-
BG:
|
|
34
|
-
PRIMARY_FONT_COLOR:
|
|
35
|
-
SECONDARY_FONT_COLOR:
|
|
36
|
-
PROFILE:
|
|
37
|
-
SCREEN_SHARE_PROFILE:
|
|
33
|
+
BG: '',
|
|
34
|
+
PRIMARY_FONT_COLOR: '#363636',
|
|
35
|
+
SECONDARY_FONT_COLOR: '#FFFFFF',
|
|
36
|
+
PROFILE: '720p_3',
|
|
37
|
+
SCREEN_SHARE_PROFILE: '1080p_2',
|
|
38
38
|
ICON_TEXT: true,
|
|
39
|
-
PRIMARY_ACTION_BRAND_COLOR:
|
|
40
|
-
PRIMARY_ACTION_TEXT_COLOR:
|
|
41
|
-
SECONDARY_ACTION_COLOR:
|
|
42
|
-
FONT_COLOR:
|
|
43
|
-
BACKGROUND_COLOR:
|
|
44
|
-
VIDEO_AUDIO_TILE_COLOR:
|
|
45
|
-
VIDEO_AUDIO_TILE_OVERLAY_COLOR:
|
|
46
|
-
VIDEO_AUDIO_TILE_TEXT_COLOR:
|
|
47
|
-
VIDEO_AUDIO_TILE_AVATAR_COLOR:
|
|
48
|
-
SEMANTIC_ERROR:
|
|
49
|
-
SEMANTIC_SUCCESS:
|
|
50
|
-
SEMANTIC_WARNING:
|
|
51
|
-
SEMANTIC_NEUTRAL:
|
|
52
|
-
INPUT_FIELD_BACKGROUND_COLOR:
|
|
53
|
-
INPUT_FIELD_BORDER_COLOR:
|
|
54
|
-
CARD_LAYER_1_COLOR:
|
|
55
|
-
CARD_LAYER_2_COLOR:
|
|
56
|
-
CARD_LAYER_3_COLOR:
|
|
57
|
-
CARD_LAYER_4_COLOR:
|
|
58
|
-
CARD_LAYER_5_COLOR:
|
|
59
|
-
HARD_CODED_BLACK_COLOR:
|
|
60
|
-
ICON_BG_COLOR:
|
|
61
|
-
TOOLBAR_COLOR:
|
|
39
|
+
PRIMARY_ACTION_BRAND_COLOR: '#099DFD',
|
|
40
|
+
PRIMARY_ACTION_TEXT_COLOR: '#FFFFFF',
|
|
41
|
+
SECONDARY_ACTION_COLOR: '#FFFFFF',
|
|
42
|
+
FONT_COLOR: '#FFFFFF',
|
|
43
|
+
BACKGROUND_COLOR: '#111111',
|
|
44
|
+
VIDEO_AUDIO_TILE_COLOR: '#222222',
|
|
45
|
+
VIDEO_AUDIO_TILE_OVERLAY_COLOR: '#000004',
|
|
46
|
+
VIDEO_AUDIO_TILE_TEXT_COLOR: '#FFFFFF',
|
|
47
|
+
VIDEO_AUDIO_TILE_AVATAR_COLOR: '#BDD0DB',
|
|
48
|
+
SEMANTIC_ERROR: '#FF414D',
|
|
49
|
+
SEMANTIC_SUCCESS: '#36B37E',
|
|
50
|
+
SEMANTIC_WARNING: '#FFAB00',
|
|
51
|
+
SEMANTIC_NEUTRAL: '#808080',
|
|
52
|
+
INPUT_FIELD_BACKGROUND_COLOR: '#181818',
|
|
53
|
+
INPUT_FIELD_BORDER_COLOR: '#262626',
|
|
54
|
+
CARD_LAYER_1_COLOR: '#1D1D1D',
|
|
55
|
+
CARD_LAYER_2_COLOR: '#262626',
|
|
56
|
+
CARD_LAYER_3_COLOR: '#2D2D2D',
|
|
57
|
+
CARD_LAYER_4_COLOR: '#333333',
|
|
58
|
+
CARD_LAYER_5_COLOR: '#808080',
|
|
59
|
+
HARD_CODED_BLACK_COLOR: '#000000',
|
|
60
|
+
ICON_BG_COLOR: '#242529',
|
|
61
|
+
TOOLBAR_COLOR: '#111111',
|
|
62
62
|
ACTIVE_SPEAKER: true,
|
|
63
63
|
ENABLE_IDP_AUTH: false,
|
|
64
64
|
ENABLE_TOKEN_AUTH: false,
|
|
@@ -70,15 +70,15 @@ const DefaultConfig = {
|
|
|
70
70
|
ENABLE_WHITEBOARD: false,
|
|
71
71
|
ENABLE_WHITEBOARD_FILE_UPLOAD: false,
|
|
72
72
|
ENABLE_WAITING_ROOM: false,
|
|
73
|
-
WHITEBOARD_APPIDENTIFIER:
|
|
74
|
-
WHITEBOARD_REGION:
|
|
73
|
+
WHITEBOARD_APPIDENTIFIER: '',
|
|
74
|
+
WHITEBOARD_REGION: '',
|
|
75
75
|
ENABLE_NOISE_CANCELLATION_BY_DEFAULT: false,
|
|
76
|
-
NOISE_CANCELLATION_WASM_PATH:
|
|
77
|
-
CHAT_ORG_NAME:
|
|
78
|
-
CHAT_APP_NAME:
|
|
79
|
-
CHAT_URL:
|
|
80
|
-
CLI_VERSION:
|
|
81
|
-
CORE_VERSION:
|
|
76
|
+
NOISE_CANCELLATION_WASM_PATH: 'wasm',
|
|
77
|
+
CHAT_ORG_NAME: '',
|
|
78
|
+
CHAT_APP_NAME: '',
|
|
79
|
+
CHAT_URL: '',
|
|
80
|
+
CLI_VERSION: '3.1.22-beta.4',
|
|
81
|
+
CORE_VERSION: '4.1.22-beta.4',
|
|
82
82
|
DISABLE_LANDSCAPE_MODE: false,
|
|
83
83
|
STT_AUTO_START: false,
|
|
84
84
|
CLOUD_RECORDING_AUTO_START: false,
|
|
@@ -87,8 +87,8 @@ const DefaultConfig = {
|
|
|
87
87
|
AUTO_CONNECT_RTM: false,
|
|
88
88
|
ENABLE_CONVERSATIONAL_AI: false,
|
|
89
89
|
CUSTOMIZE_AGENT: true,
|
|
90
|
-
AI_LAYOUT:
|
|
91
|
-
SDK_CODEC:
|
|
90
|
+
AI_LAYOUT: 'LAYOUT_TYPE_1',
|
|
91
|
+
SDK_CODEC: 'vp8',
|
|
92
92
|
ENABLE_WAITING_ROOM_AUTO_APPROVAL: false,
|
|
93
93
|
ENABLE_WAITING_ROOM_AUTO_REQUEST: false,
|
|
94
94
|
ENABLE_TEXT_TRACKS: false,
|
|
@@ -125,6 +125,9 @@ import {
|
|
|
125
125
|
import ViewTextTracksModal from './text-tracks/ViewTextTracksModal';
|
|
126
126
|
import LiveReactionButton from './reactions/LiveReactionButton';
|
|
127
127
|
|
|
128
|
+
const getWhiteboardActivePayload = (status: boolean, channel?: string) =>
|
|
129
|
+
JSON.stringify({status, channel});
|
|
130
|
+
|
|
128
131
|
export const useToggleWhiteboard = () => {
|
|
129
132
|
const {
|
|
130
133
|
whiteboardActive,
|
|
@@ -135,6 +138,9 @@ export const useToggleWhiteboard = () => {
|
|
|
135
138
|
const {setCustomContent} = useContent();
|
|
136
139
|
const {setLayout} = useLayout();
|
|
137
140
|
const {dispatch} = useContext(DispatchContext);
|
|
141
|
+
const {
|
|
142
|
+
data: {channel},
|
|
143
|
+
} = useRoomInfo();
|
|
138
144
|
return () => {
|
|
139
145
|
if ($config.ENABLE_WHITEBOARD) {
|
|
140
146
|
if (whiteboardActive) {
|
|
@@ -143,7 +149,7 @@ export const useToggleWhiteboard = () => {
|
|
|
143
149
|
setLayout('grid');
|
|
144
150
|
events.send(
|
|
145
151
|
EventNames.WHITEBOARD_ACTIVE,
|
|
146
|
-
|
|
152
|
+
getWhiteboardActivePayload(false, channel),
|
|
147
153
|
PersistanceLevel.Session,
|
|
148
154
|
);
|
|
149
155
|
} else {
|
|
@@ -156,7 +162,7 @@ export const useToggleWhiteboard = () => {
|
|
|
156
162
|
setLayout('pinned');
|
|
157
163
|
events.send(
|
|
158
164
|
EventNames.WHITEBOARD_ACTIVE,
|
|
159
|
-
|
|
165
|
+
getWhiteboardActivePayload(true, channel),
|
|
160
166
|
PersistanceLevel.Session,
|
|
161
167
|
);
|
|
162
168
|
}
|
|
@@ -169,7 +175,7 @@ export const WhiteboardListener = () => {
|
|
|
169
175
|
const {setCustomContent} = useContent();
|
|
170
176
|
const {currentLayout, setLayout} = useLayout();
|
|
171
177
|
const {
|
|
172
|
-
data: {isHost},
|
|
178
|
+
data: {channel, isHost},
|
|
173
179
|
isWhiteBoardOn,
|
|
174
180
|
} = useRoomInfo();
|
|
175
181
|
|
|
@@ -248,7 +254,7 @@ export const WhiteboardListener = () => {
|
|
|
248
254
|
triggerEvent &&
|
|
249
255
|
events.send(
|
|
250
256
|
EventNames.WHITEBOARD_ACTIVE,
|
|
251
|
-
|
|
257
|
+
getWhiteboardActivePayload(false, channel),
|
|
252
258
|
PersistanceLevel.Session,
|
|
253
259
|
);
|
|
254
260
|
} else {
|
|
@@ -262,7 +268,7 @@ export const WhiteboardListener = () => {
|
|
|
262
268
|
triggerEvent &&
|
|
263
269
|
events.send(
|
|
264
270
|
EventNames.WHITEBOARD_ACTIVE,
|
|
265
|
-
|
|
271
|
+
getWhiteboardActivePayload(true, channel),
|
|
266
272
|
PersistanceLevel.Session,
|
|
267
273
|
);
|
|
268
274
|
}
|
|
@@ -340,7 +346,7 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
|
|
|
340
346
|
|
|
341
347
|
// const {start, restart} = useSTTAPI();
|
|
342
348
|
const {
|
|
343
|
-
data: {isHost},
|
|
349
|
+
data: {channel, isHost},
|
|
344
350
|
} = useRoomInfo();
|
|
345
351
|
const {setShowInvitePopup, setShowStopRecordingPopup, setShowLayoutOption} =
|
|
346
352
|
useVideoCall();
|
|
@@ -467,7 +473,7 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
|
|
|
467
473
|
triggerEvent &&
|
|
468
474
|
events.send(
|
|
469
475
|
EventNames.WHITEBOARD_ACTIVE,
|
|
470
|
-
|
|
476
|
+
getWhiteboardActivePayload(false, channel),
|
|
471
477
|
PersistanceLevel.Session,
|
|
472
478
|
);
|
|
473
479
|
} else {
|
|
@@ -481,7 +487,7 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
|
|
|
481
487
|
triggerEvent &&
|
|
482
488
|
events.send(
|
|
483
489
|
EventNames.WHITEBOARD_ACTIVE,
|
|
484
|
-
|
|
490
|
+
getWhiteboardActivePayload(true, channel),
|
|
485
491
|
PersistanceLevel.Session,
|
|
486
492
|
);
|
|
487
493
|
}
|
|
@@ -243,11 +243,12 @@ const EventsConfigure: React.FC<Props> = ({
|
|
|
243
243
|
defaultContentRef.current.defaultContent = defaultContent;
|
|
244
244
|
}, [defaultContent]);
|
|
245
245
|
const {
|
|
246
|
-
data: {isHost, roomId},
|
|
246
|
+
data: {channel, isHost, roomId},
|
|
247
247
|
roomPreference: {userRemovalTimeout},
|
|
248
248
|
} = useRoomInfo();
|
|
249
249
|
const {setRoomInfo} = useSetRoomInfo();
|
|
250
250
|
const isHostRef = React.useRef(isHost);
|
|
251
|
+
const channelRef = React.useRef(channel);
|
|
251
252
|
const {permissionStatus} = useLocalUserInfo();
|
|
252
253
|
const permissionStatusRef = React.useRef(permissionStatus);
|
|
253
254
|
const {waitingRoomUids, waitingRoomRef} = useWaitingRoomContext();
|
|
@@ -263,6 +264,13 @@ const EventsConfigure: React.FC<Props> = ({
|
|
|
263
264
|
useEffect(() => {
|
|
264
265
|
isHostRef.current = isHost;
|
|
265
266
|
}, [isHost]);
|
|
267
|
+
useEffect(() => {
|
|
268
|
+
channelRef.current = channel;
|
|
269
|
+
}, [channel]);
|
|
270
|
+
const isDifferentWhiteboardChannel = (eventChannel?: string) => {
|
|
271
|
+
const currentChannel = channelRef.current;
|
|
272
|
+
return !!currentChannel && eventChannel !== currentChannel;
|
|
273
|
+
};
|
|
266
274
|
|
|
267
275
|
useEffect(() => {
|
|
268
276
|
permissionStatusRef.current = permissionStatus;
|
|
@@ -492,6 +500,15 @@ const EventsConfigure: React.FC<Props> = ({
|
|
|
492
500
|
|
|
493
501
|
events.on(EventNames.WHITEBOARD_ACTIVE, ({payload}) => {
|
|
494
502
|
const data = JSON.parse(payload);
|
|
503
|
+
if (isDifferentWhiteboardChannel(data?.channel)) {
|
|
504
|
+
logger.debug(
|
|
505
|
+
LogSource.Internals,
|
|
506
|
+
'WHITEBOARD',
|
|
507
|
+
'Ignoring whiteboard state for a different channel',
|
|
508
|
+
{eventChannel: data?.channel, currentChannel: channelRef.current},
|
|
509
|
+
);
|
|
510
|
+
return;
|
|
511
|
+
}
|
|
495
512
|
if (data && data?.status) {
|
|
496
513
|
if (
|
|
497
514
|
($config.ENABLE_WAITING_ROOM && !isHostRef.current) ||
|
|
@@ -529,6 +546,15 @@ const EventsConfigure: React.FC<Props> = ({
|
|
|
529
546
|
|
|
530
547
|
events.on(EventNames.BOARD_COLOR_CHANGED, ({payload}) => {
|
|
531
548
|
const data = JSON.parse(payload);
|
|
549
|
+
if (isDifferentWhiteboardChannel(data?.channel)) {
|
|
550
|
+
logger.debug(
|
|
551
|
+
LogSource.Internals,
|
|
552
|
+
'WHITEBOARD',
|
|
553
|
+
'Ignoring whiteboard board color for a different channel',
|
|
554
|
+
{eventChannel: data?.channel, currentChannel: channelRef.current},
|
|
555
|
+
);
|
|
556
|
+
return;
|
|
557
|
+
}
|
|
532
558
|
if (data?.boardColor) {
|
|
533
559
|
if (
|
|
534
560
|
($config.ENABLE_WAITING_ROOM && !isHostRef.current) ||
|
|
@@ -550,6 +576,15 @@ const EventsConfigure: React.FC<Props> = ({
|
|
|
550
576
|
|
|
551
577
|
events.on(EventNames.WHITEBOARD_LAST_IMAGE_UPLOAD_POSITION, ({payload}) => {
|
|
552
578
|
const data = JSON.parse(payload);
|
|
579
|
+
if (isDifferentWhiteboardChannel(data?.channel)) {
|
|
580
|
+
logger.debug(
|
|
581
|
+
LogSource.Internals,
|
|
582
|
+
'WHITEBOARD',
|
|
583
|
+
'Ignoring whiteboard upload position for a different channel',
|
|
584
|
+
{eventChannel: data?.channel, currentChannel: channelRef.current},
|
|
585
|
+
);
|
|
586
|
+
return;
|
|
587
|
+
}
|
|
553
588
|
if (
|
|
554
589
|
($config.ENABLE_WAITING_ROOM && !isHostRef.current) ||
|
|
555
590
|
$config.AUTO_CONNECT_RTM
|
|
@@ -19,7 +19,7 @@ const WhiteboardButton = () => {
|
|
|
19
19
|
leaveWhiteboardRoom,
|
|
20
20
|
} = useContext(whiteboardContext);
|
|
21
21
|
const {
|
|
22
|
-
data: {isHost},
|
|
22
|
+
data: {channel, isHost},
|
|
23
23
|
} = useRoomInfo();
|
|
24
24
|
|
|
25
25
|
const {setLayout, currentLayout} = useLayout();
|
|
@@ -46,7 +46,7 @@ const WhiteboardButton = () => {
|
|
|
46
46
|
triggerEvent &&
|
|
47
47
|
customEvents.send(
|
|
48
48
|
EventNames.WHITEBOARD_ACTIVE,
|
|
49
|
-
JSON.stringify({status: false}),
|
|
49
|
+
JSON.stringify({status: false, channel}),
|
|
50
50
|
PersistanceLevel.Session,
|
|
51
51
|
);
|
|
52
52
|
} else {
|
|
@@ -55,7 +55,7 @@ const WhiteboardButton = () => {
|
|
|
55
55
|
triggerEvent &&
|
|
56
56
|
customEvents.send(
|
|
57
57
|
EventNames.WHITEBOARD_ACTIVE,
|
|
58
|
-
JSON.stringify({status: true}),
|
|
58
|
+
JSON.stringify({status: true, channel}),
|
|
59
59
|
PersistanceLevel.Session,
|
|
60
60
|
);
|
|
61
61
|
}
|
|
@@ -140,7 +140,7 @@ const WhiteboardConfigure: React.FC<WhiteboardPropsInterface> = props => {
|
|
|
140
140
|
|
|
141
141
|
const [name] = useUserName();
|
|
142
142
|
const {
|
|
143
|
-
data: {isHost, whiteboard: {room_token, room_uuid} = {}},
|
|
143
|
+
data: {channel, isHost, whiteboard: {room_token, room_uuid} = {}},
|
|
144
144
|
boardColor: boardColorRemote,
|
|
145
145
|
whiteboardLastImageUploadPosition: whiteboardLastImageUploadPositionRemote,
|
|
146
146
|
} = useRoomInfo();
|
|
@@ -335,7 +335,7 @@ const WhiteboardConfigure: React.FC<WhiteboardPropsInterface> = props => {
|
|
|
335
335
|
*/
|
|
336
336
|
events.send(
|
|
337
337
|
EventNames.WHITEBOARD_LAST_IMAGE_UPLOAD_POSITION,
|
|
338
|
-
JSON.stringify({height: height || 0}),
|
|
338
|
+
JSON.stringify({height: height || 0, channel}),
|
|
339
339
|
PersistanceLevel.Session,
|
|
340
340
|
);
|
|
341
341
|
};
|