agora-appbuilder-core 4.1.22-beta.2 → 4.1.22-beta.3

package/template/bridge/rtc/webNg/screenshareMediaHealth.ts

@@ -0,0 +1,49 @@
+export type ScreenshareMediaHealthOutcome =
+  | 'healthy'
+  | 'suspected_blank'
+  | 'track_ended'
+  | 'stats_unavailable';
+
+export const getScreenshareMediaHealthOutcome = ({
+  trackReadyState,
+  bitrate,
+  frameRate,
+  width,
+  height,
+  videoElementPresent = true,
+  renderedWidth,
+  renderedHeight,
+}: {
+  trackReadyState?: MediaStreamTrackState;
+  bitrate?: number;
+  frameRate?: number;
+  width?: number;
+  height?: number;
+  videoElementPresent?: boolean;
+  renderedWidth?: number;
+  renderedHeight?: number;
+}): ScreenshareMediaHealthOutcome => {
+  if (trackReadyState === 'ended') {
+    return 'track_ended';
+  }
+  if (
+    bitrate === undefined &&
+    frameRate === undefined &&
+    width === undefined &&
+    height === undefined
+  ) {
+    return 'stats_unavailable';
+  }
+  if (
+    !videoElementPresent ||
+    !bitrate ||
+    !frameRate ||
+    !width ||
+    !height ||
+    renderedWidth === 0 ||
+    renderedHeight === 0
+  ) {
+    return 'suspected_blank';
+  }
+  return 'healthy';
+};

package/template/bridge/rtm/web/index.ts

@@ -72,24 +72,12 @@ export class RTMWebClient {
   private client: RTMClient;
   private appId: string;
   private userId: string;
-  private eventsMap = new Map<keyof NativeRTMClientEventMap, Set<CallbackType>>(
-    [
-      ['linkState', new Set()],
-      ['storage', new Set()],
-      ['presence', new Set()],
-      ['message', new Set()],
-    ],
-  );
-
-  private emitEvent(event: keyof NativeRTMClientEventMap, data: any) {
-    const listeners = this.eventsMap.get(event);
-
-    if (!listeners) {
-      return;
-    }
-
-    listeners.forEach(listener => listener(data));
-  }
+  private eventsMap = new Map<keyof NativeRTMClientEventMap, CallbackType>([
+    ['linkState', () => null],
+    ['storage', () => null],
+    ['presence', () => null],
+    ['message', () => null],
+  ]);
 
   constructor(appId: string, userId: string) {
     this.appId = appId;
@@ -109,7 +97,7 @@ export class RTMWebClient {
             nativeLinkStateMapping.IDLE,
           reasonCode: linkStatusReasonCodeMapping[data.reasonCode] || 0,
         };
-        this.emitEvent('linkState', nativeState);
+        (this.eventsMap.get('linkState') ?? (() => {}))(nativeState);
       });
 
       this.client.addEventListener('storage', data => {
@@ -120,7 +108,7 @@ export class RTMWebClient {
           data: convertWebToNativeMetadata(data.data),
           timestamp: data.timestamp,
         };
-        this.emitEvent('storage', nativeStorageEvent);
+        (this.eventsMap.get('storage') ?? (() => {}))(nativeStorageEvent);
       });
 
       this.client.addEventListener('presence', data => {
@@ -131,7 +119,7 @@ export class RTMWebClient {
           publisher: data.publisher,
           timestamp: data.timestamp,
         };
-        this.emitEvent('presence', nativePresenceEvent);
+        (this.eventsMap.get('presence') ?? (() => {}))(nativePresenceEvent);
       });
 
       this.client.addEventListener('message', data => {
@@ -141,7 +129,7 @@ export class RTMWebClient {
           messageType: nativeMessageEventTypeMapping[data.messageType],
           message: `${data.message}`,
         };
-        this.emitEvent('message', nativeMessageEvent);
+        (this.eventsMap.get('message') ?? (() => {}))(nativeMessageEvent);
       });
     } catch (error) {
       const contextError = new Error(
@@ -408,18 +396,21 @@ export class RTMWebClient {
     listener: (event: any) => void,
   ) {
     if (this.client) {
-      // Web SDK listeners are fixed in the constructor; keep app-level
-      // subscribers multiplexed here.
-      this.eventsMap.get(event)?.add(listener as CallbackType);
+      // Simply replace the handler in our map - web client listeners are fixed in constructor
+      this.eventsMap.set(event, listener as CallbackType);
     }
   }
 
   removeEventListener(
     event: keyof NativeRTMClientEventMap,
-    listener: (event: any) => void,
+    _listener: (event: any) => void,
   ) {
     if (this.client && this.eventsMap.has(event)) {
-      this.eventsMap.get(event)?.delete(listener as CallbackType);
+      const prevListener = this.eventsMap.get(event);
+      if (prevListener) {
+        this.client.removeEventListener(event, prevListener);
+      }
+      this.eventsMap.set(event, () => null); // reset to no-op
     }
   }
 
@@ -482,10 +473,10 @@ export class RTMWebClient {
 
   removeAllListeners() {
     this.eventsMap = new Map([
-      ['linkState', new Set()],
-      ['storage', new Set()],
-      ['presence', new Set()],
-      ['message', new Set()],
+      ['linkState', () => null],
+      ['storage', () => null],
+      ['presence', () => null],
+      ['message', () => null],
     ]);
     return this.client.removeAllListeners();
   }

package/template/config.json

@@ -0,0 +1,101 @@
+{
+  "PROJECT_ID": "49c705c1c9efb71000d7",
+  "APP_ID": "a569f8fb0309417780b793786b534a86",
+  "PRODUCT_ID": "helloworld",
+  "APP_NAME": "HelloWorld",
+  "LOGO": "data:image/png;base64,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",
+  "ICON": "logoSquare.png",
+  "FRONTEND_ENDPOINT": "https://app-builder-core-git-preprod-agoraio.vercel.app",
+  "BACKEND_ENDPOINT": "https://managedservices-preprod.rteappbuilder.com",
+  "PSTN": true,
+  "PRECALL": true,
+  "CHAT": true,
+  "CLOUD_RECORDING": true,
+  "RECORDING_MODE": "MIX",
+  "SCREEN_SHARING": true,
+  "LANDING_SUB_HEADING": "The Real-Time Engagement Platform",
+  "ENCRYPTION_ENABLED": true,
+  "ENABLE_GOOGLE_OAUTH": false,
+  "ENABLE_APPLE_OAUTH": false,
+  "ENABLE_SLACK_OAUTH": false,
+  "ENABLE_MICROSOFT_OAUTH": false,
+  "GOOGLE_CLIENT_ID": "",
+  "MICROSOFT_CLIENT_ID": "",
+  "SLACK_CLIENT_ID": "",
+  "APPLE_CLIENT_ID": "",
+  "BUCKET_NAME": "",
+  "BUCKET_ACCESS_KEY": "",
+  "BUCKET_ACCESS_SECRET": "",
+  "GOOGLE_CLIENT_SECRET": "",
+  "MICROSOFT_CLIENT_SECRET": "",
+  "SLACK_CLIENT_SECRET": "",
+  "APPLE_PRIVATE_KEY": "",
+  "APPLE_KEY_ID": "",
+  "APPLE_TEAM_ID": "",
+  "PSTN_EMAIL": "",
+  "PSTN_ACCOUNT": "",
+  "PSTN_PASSWORD": "",
+  "RECORDING_REGION": 0,
+  "GEO_FENCING": true,
+  "GEO_FENCING_INCLUDE_AREA": "GLOBAL",
+  "GEO_FENCING_EXCLUDE_AREA": "CHINA",
+  "LOG_ENABLED": true,
+  "EVENT_MODE": false,
+  "RAISE_HAND": false,
+  "AUDIO_ROOM": false,
+  "BG": "",
+  "PRIMARY_FONT_COLOR": "#363636",
+  "SECONDARY_FONT_COLOR": "#FFFFFF",
+  "PROFILE": "720p_3",
+  "SCREEN_SHARE_PROFILE": "1080p_2",
+  "ICON_TEXT": true,
+  "PRIMARY_ACTION_BRAND_COLOR": "#099DFD",
+  "PRIMARY_ACTION_TEXT_COLOR": "#FFFFFF",
+  "SECONDARY_ACTION_COLOR": "#FFFFFF",
+  "FONT_COLOR": "#FFFFFF",
+  "BACKGROUND_COLOR": "#111111",
+  "VIDEO_AUDIO_TILE_COLOR": "#222222",
+  "VIDEO_AUDIO_TILE_OVERLAY_COLOR": "#000004",
+  "VIDEO_AUDIO_TILE_TEXT_COLOR": "#FFFFFF",
+  "VIDEO_AUDIO_TILE_AVATAR_COLOR": "#BDD0DB",
+  "SEMANTIC_ERROR": "#FF414D",
+  "SEMANTIC_SUCCESS": "#36B37E",
+  "SEMANTIC_WARNING": "#FFAB00",
+  "SEMANTIC_NEUTRAL": "#808080",
+  "INPUT_FIELD_BACKGROUND_COLOR": "#181818",
+  "INPUT_FIELD_BORDER_COLOR": "#262626",
+  "CARD_LAYER_1_COLOR": "#1D1D1D",
+  "CARD_LAYER_2_COLOR": "#262626",
+  "CARD_LAYER_3_COLOR": "#2D2D2D",
+  "CARD_LAYER_4_COLOR": "#333333",
+  "CARD_LAYER_5_COLOR": "#808080",
+  "HARD_CODED_BLACK_COLOR": "#000000",
+  "ICON_BG_COLOR": "#242529",
+  "TOOLBAR_COLOR": "#111111",
+  "ACTIVE_SPEAKER": true,
+  "ENABLE_IDP_AUTH": false,
+  "ENABLE_TOKEN_AUTH": false,
+  "ENABLE_STT": true,
+  "ENABLE_CAPTION": true,
+  "ENABLE_MEETING_TRANSCRIPT": true,
+  "ENABLE_NOISE_CANCELLATION": true,
+  "ENABLE_VIRTUAL_BACKGROUND": true,
+  "ENABLE_WHITEBOARD": true,
+  "ENABLE_WHITEBOARD_FILE_UPLOAD": false,
+  "ENABLE_WAITING_ROOM": false,
+  "WHITEBOARD_APPIDENTIFIER": "EEJBQPVbEe2Bao8ZShuoHQ/hgB5eo0qcDbVig",
+  "WHITEBOARD_REGION": "us-sv",
+  "CHAT_ORG_NAME": "41754367",
+  "CHAT_APP_NAME": "1042822",
+  "CHAT_URL": "https://a41.chat.agora.io",
+  "ENABLE_NOISE_CANCELLATION_BY_DEFAULT": true,
+  "DISABLE_LANDSCAPE_MODE": false,
+  "STT_AUTO_START": false,
+  "CLOUD_RECORDING_AUTO_START": false,
+  "ENABLE_SPOTLIGHT": false,
+  "ENABLE_LIVE_REACTIONS": true,
+  "AUTO_CONNECT_RTM": false,
+  "ENABLE_CONVERSATIONAL_AI": false,
+  "CUSTOMIZE_AGENT": false,
+  "ENABLE_TEXT_TRACKS": true
+}

package/template/customization-api/atoms.ts

@@ -8,5 +8,3 @@ export {default as TertiaryButton} from '../src/atoms/TertiaryButton';
 export {default as ActionMenu} from '../src/atoms/ActionMenu';
 export {default as IconButton} from '../src/atoms/IconButton';
 export {default as Dropdown} from '../src/atoms/Dropdown';
-export {default as Popup} from '../src/atoms/Popup';
-export {default as Tooltip} from '../src/atoms/Tooltip';

package/template/customization-api/customEvents.ts

@@ -5,13 +5,10 @@ import {
   PersistanceLevel,
   EventCallback,
 } from '../src/rtm-events-api';
-import LocalEventEmitter, {
-  LocalEventsEnum,
-} from '../src/rtm-events-api/LocalEvents';
 
 // 2. Initialize with source "fpe"
 const customEvents = new Events(EventSource.fpe);
 
 // 3. export
-export {customEvents, PersistanceLevel, LocalEventEmitter, LocalEventsEnum};
+export {customEvents, PersistanceLevel};
 export type {EventCallback};

package/template/customization-api/index.ts

@@ -26,7 +26,6 @@ export * from './typeDefinition';
 export * from './utils';
 export * from './types';
 export * from './atoms';
-export * from './ai-agent';
 
 //TODO: hari remove later - used for simple-practice demo
 export * from './temp';

package/template/customization-api/typeDefinition.ts

@@ -53,7 +53,6 @@ export interface SidePanelItem {
   name: string;
   title: string;
   component: React.ComponentType;
-  headerRightSlot?: React.ReactNode;
   onClose?: () => void;
 }
 
@@ -75,10 +74,6 @@ export type CustomLogger = (
 export interface CustomAgentInterfaceProps {
   connectionState: AIAgentState;
 }
-export interface CreateInterface extends BeforeAndAfterInterface {
-  headerRightSlot?: React.ComponentType;
-}
-
 export interface VideoCallInterface extends BeforeAndAfterInterface {
   // commented for v1 release
   topToolBar?: ToolbarType;
@@ -114,7 +109,7 @@ export type ComponentsInterface = {
   precall?: PreCallInterface;
   preferenceWrapper?: React.ComponentType;
   //precall?: React.ComponentType;
-  create?: React.ComponentType | CreateInterface;
+  create?: React.ComponentType;
   //share?: React.ComponentType;
   //join?: React.ComponentType;
   videoCall?: VideoCallInterface;

package/template/defaultConfig.js

@@ -77,8 +77,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: "",
   CHAT_APP_NAME: "",
   CHAT_URL: "",
-  CLI_VERSION: "3.1.22-beta.2",
-  CORE_VERSION: "4.1.22-beta.2",
+  CLI_VERSION: "3.1.22-beta.3",
+  CORE_VERSION: "4.1.22-beta.3",
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/components/Controls.tsx

@@ -344,8 +344,12 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
   } = useRoomInfo();
   const {setShowInvitePopup, setShowStopRecordingPopup, setShowLayoutOption} =
     useVideoCall();
-  const {isScreenshareActive, startScreenshare, stopScreenshare} =
-    useScreenshare();
+  const {
+    isScreenshareActive,
+    operationState = isScreenshareActive ? 'active' : 'inactive',
+    startScreenshare,
+    stopScreenshare,
+  } = useScreenshare();
   const {isRecordingActive, startRecording, inProgress, deleteRecording} =
     useRecording();
   const {setChatType} = useChatUIControls();
@@ -705,10 +709,12 @@ const MoreButton = (props: {fields: ToolbarMoreButtonDefaultFields}) => {
         componentName: 'screenshare',
         order: 8,
         disabled:
-          rtcProps.role == ClientRoleType.ClientRoleAudience &&
-          $config.EVENT_MODE &&
-          $config.RAISE_HAND &&
-          !isHost,
+          operationState === 'starting' ||
+          operationState === 'stopping' ||
+          (rtcProps.role == ClientRoleType.ClientRoleAudience &&
+            $config.EVENT_MODE &&
+            $config.RAISE_HAND &&
+            !isHost),
         icon: isScreenshareActive ? 'stop-screen-share' : 'screen-share',
         iconColor: isScreenshareActive
           ? $config.SEMANTIC_ERROR

package/template/src/components/CustomSidePanel.tsx

@@ -10,18 +10,23 @@
 *********************************************
 */
 import React from 'react';
-import {View, StyleSheet, ScrollView} from 'react-native';
+import {View, Text, StyleSheet, ScrollView} from 'react-native';
 import {isMobileUA, isWebInternal, useIsSmall} from '../utils/common';
 import CommonStyles from './CommonStyles';
-import useCaptionWidth from '../subComponents/caption/useCaptionWidth';
-import {CustomSidePanelHeader} from '../pages/video-call/SidePanelHeader';
+import SidePanelHeader, {
+  SidePanelStyles,
+} from '../subComponents/SidePanelHeader';
 import {useLayout} from '../utils/useLayout';
 import {getGridLayoutName} from '../pages/video-call/DefaultLayouts';
+import useCaptionWidth from '../subComponents/caption/useCaptionWidth';
+import {useSidePanel} from '../utils/useSidePanel';
+import {SidePanelType} from '../subComponents/SidePanelEnum';
+import {CustomSidePanelHeader} from '../pages/video-call/SidePanelHeader';
+
 export interface CustomSidePanelViewInterface {
   name: string;
   title?: string;
   content: React.ComponentType;
-  headerRightSlot?: React.ReactNode;
   onClose?: () => void;
   showHeader?: boolean;
 }
@@ -32,12 +37,12 @@ const CustomSidePanelView = (props: CustomSidePanelViewInterface) => {
     showHeader = true,
     name,
     title,
-    headerRightSlot,
     onClose,
   } = props;
+  const {currentLayout} = useLayout();
   const {transcriptHeight} = useCaptionWidth();
+  const {setSidePanel} = useSidePanel();
   const isSmall = useIsSmall();
-  const {currentLayout} = useLayout();
 
   return (
     <View
@@ -52,18 +57,13 @@ const CustomSidePanelView = (props: CustomSidePanelViewInterface) => {
           : // desktop maximized
             CommonStyles.sidePanelContainerWeb,
         isWebInternal() && !isSmall() && currentLayout === getGridLayoutName()
-          ? {marginTop: 4}
+          ? {marginVertical: 4}
           : {},
         //@ts-ignore
         transcriptHeight && !isMobileUA() && {height: transcriptHeight},
       ]}>
       {showHeader && (
-        <CustomSidePanelHeader
-          name={name}
-          title={title}
-          headerRightSlot={headerRightSlot}
-          onClose={onClose}
-        />
+        <CustomSidePanelHeader name={name} title={title} onClose={onClose} />
       )}
       <ScrollView contentContainerStyle={[style.bodyContainer]}>
         {CustomSidePanelContent ? <CustomSidePanelContent /> : <></>}

package/template/src/components/RTMConfigure.tsx

@@ -950,20 +950,6 @@ const RtmConfigure = (props: any) => {
       }
     }
 
-    if (
-      typeof evt !== 'string' ||
-      evt.trim() === '' ||
-      typeof value === 'undefined'
-    ) {
-      logger.debug(
-        LogSource.Events,
-        'CUSTOM_EVENTS',
-        'Ignoring RTM payload: not an AppBuilder custom-event envelope',
-        {data, sender, ts},
-      );
-      return;
-    }
-
     try {
       let parsedValue;
       try {

package/template/src/components/participants/UserActionMenuOptions.tsx

@@ -87,7 +87,6 @@ interface UserActionMenuOptionsOptionsProps {
   spotlightUid?: UidType;
   setSpotlightUid?: (uid: UidType) => void;
   items?: UserActionMenuItemsConfig;
-  extraMenuItems?: ActionMenuItem[];
 }
 
 export default function UserActionMenuOptionsOptions(
@@ -103,13 +102,7 @@ export default function UserActionMenuOptionsOptions(
     useState(false);
   const [actionMenuitems, setActionMenuitems] = useState<ActionMenuItem[]>([]);
   const {setSidePanel} = useSidePanel();
-  const {
-    user,
-    actionMenuVisible,
-    setActionMenuVisible,
-    spotlightUid,
-    extraMenuItems,
-  } = props;
+  const {user, actionMenuVisible, setActionMenuVisible, spotlightUid} = props;
   const {currentLayout} = useLayout();
   const {pinnedUid, activeUids, customContent, secondaryPinnedUid} =
     useContent();
@@ -723,24 +716,6 @@ export default function UserActionMenuOptionsOptions(
       items.push(...customItems);
     }
 
-    if (extraMenuItems?.length) {
-      items.push(
-        ...extraMenuItems.map(item => ({
-          ...item,
-          closeActionMenu: () => {
-            item.closeActionMenu?.();
-            setActionMenuVisible(false);
-          },
-          onPress: item.onPress
-            ? () => {
-                item.onPress?.();
-                setActionMenuVisible(false);
-              }
-            : item.onPress,
-        })),
-      );
-    }
-
     items.sort((a, b) => (a.order ?? 999) - (b.order ?? 999));
 
     setActionMenuitems(items);
@@ -754,8 +729,6 @@ export default function UserActionMenuOptionsOptions(
     secondaryPinnedUid,
     currentLayout,
     spotlightUid,
-    extraMenuItems,
-    setActionMenuVisible,
   ]);
 
   const {width: globalWidth, height: globalHeight} = useWindowDimensions();

package/template/src/logger/transports/__tests__/agora-transport.test.ts

@@ -0,0 +1,48 @@
+const mockDatadogLog = jest.fn();
+
+jest.mock('@datadog/browser-logs', () => ({
+  datadogLogs: {
+    init: jest.fn(),
+    logger: {log: mockDatadogLog},
+  },
+}));
+
+const {getTransportLogger} = jest.requireActual('../agora-transport.ts');
+
+describe('Agora Datadog transport structured content', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('emits screen-share journey fields as an object that Datadog can filter', () => {
+    const transport = getTransportLogger();
+    const journey = {
+      screenshareSessionId: 'screen-session-1',
+      screenshareAttemptId: 'attempt-1',
+      action: 'start',
+    };
+
+    transport('[SCREENSHARE_JOURNEY] start', 'info', {}, {}, [journey]);
+
+    expect(mockDatadogLog).toHaveBeenCalledWith(
+      '[SCREENSHARE_JOURNEY] start',
+      expect.objectContaining({logContent: journey}),
+      'info',
+      undefined,
+    );
+  });
+
+  it('preserves the existing array shape for unrelated logs', () => {
+    const transport = getTransportLogger();
+    const content = [{value: 'unchanged'}];
+
+    transport('other log', 'info', {}, {}, content);
+
+    expect(mockDatadogLog).toHaveBeenCalledWith(
+      'other log',
+      expect.objectContaining({logContent: content}),
+      'info',
+      undefined,
+    );
+  });
+});

package/template/src/logger/transports/agora-transport.ts

@@ -22,15 +22,27 @@ export const getTransportLogger = () => {
     contextInfo: Object,
     logContent: any[],
   ) => {
+    const primaryLogContent =
+      logContent?.length === 1 &&
+      logContent[0] &&
+      typeof logContent[0] === 'object'
+        ? logContent[0]
+        : undefined;
+    const datadogLogContent = primaryLogContent?.screenshareSessionId
+      ? primaryLogContent
+      : logContent;
+
     datadogLogs.logger.log(
       logMessage,
-      {...columns, logMessage, logType, contextInfo, logContent},
+      {
+        ...columns,
+        logMessage,
+        logType,
+        contextInfo,
+        logContent: datadogLogContent,
+      },
       logType,
-      logType === 'error'
-        ? logContent?.length
-          ? logContent[0]
-          : undefined
-        : undefined,
+      logType === 'error' ? primaryLogContent : undefined,
     );
   };
 };