agora-appbuilder-core 3.0.13 → 3.0.28-beta-9

package/template/src/components/whiteboard/WhiteboardWrapper.tsx

@@ -0,0 +1,38 @@
+import React, {useContext} from 'react';
+import {whiteboardContext} from './WhiteboardConfigure';
+import VideoRenderer from '../../pages/video-call/VideoRenderer';
+import {useContent} from 'customization-api';
+import WhiteboardView from './WhiteboardView';
+
+const WhiteboardWrapper = () => {
+  const {getWhiteboardUid} = useContext(whiteboardContext);
+  const {customContent, pinnedUid, activeUids} = useContent();
+
+  if (
+    customContent &&
+    getWhiteboardUid() &&
+    customContent[getWhiteboardUid()]?.uid
+  ) {
+    return (
+      <VideoRenderer
+        isMax={
+          getWhiteboardUid() === pinnedUid ||
+          getWhiteboardUid() === activeUids[0]
+        }
+        user={{
+          uid: customContent[getWhiteboardUid()]?.uid,
+          type: 'whiteboard',
+          video: 0,
+          audio: 0,
+          parentUid: undefined,
+          name: 'Whiteboard',
+          muted: undefined,
+        }}
+        CustomChild={WhiteboardView}
+      />
+    );
+  }
+  return null;
+};
+
+export default WhiteboardWrapper;

package/template/src/language/default-labels/commonLabels.ts

@@ -1,21 +1,58 @@
 import {I18nBaseType} from '../i18nTypes';
 
+export const cancelText = 'cancelText';
+export const loadingText = 'loadingText';
+export const logoutText = 'logoutText';
+export const authLogoutPopupHeading = 'authLogoutPopupHeading';
+export const authLogoutPopupSubHeading = 'authLogoutPopupSubHeading';
+export const authLogoutPopupPrimaryBtnText = 'authLogoutPopupPrimaryBtnText';
+export const authLogInRequiredPopupHeading = 'authLogInRequiredPopupHeading';
+export const authLogInRequiredPopupSubHeading =
+  'authLogInRequiredPopupSubHeading';
+export const authLogInRequiredPopupPrimaryBtnText =
+  'authLogInRequiredPopupPrimaryBtnText';
+export const authLogInRequiredPopupSecondaryBtnText =
+  'authLogInRequiredPopupSecondaryBtnText';
+
+export const authSessionTimeoutToastHeading = 'authSessionTimeoutToastHeading';
+export const authErrorOnLoginToastHeading = 'authErrorOnLoginToastHeading';
+export const authAuthenticationFailedText = 'authAuthenticationFailedText';
+export const authAuthorizingApplicationText = 'authAuthorizingApplicationText';
+
 export interface I18nCommonLabelsInterface {
-  //commented for v1 release
-  // goBackButton?: I18nBaseType; //
-  // logoutButton?: I18nBaseType; //
-  // googleAuthButton?: I18nBaseType; //
-  // microsoftAuthButton?: I18nBaseType; //
-  // slackAuthButton?: I18nBaseType; //
-  // appleAuthButton?: I18nBaseType; //
+  [cancelText]?: I18nBaseType;
+  [loadingText]?: I18nBaseType;
+  [logoutText]?: I18nBaseType;
+  [authLogoutPopupHeading]?: I18nBaseType;
+  [authLogoutPopupSubHeading]?: I18nBaseType;
+  [authLogoutPopupPrimaryBtnText]?: I18nBaseType;
+
+  [authLogInRequiredPopupHeading]?: I18nBaseType;
+  [authLogInRequiredPopupSubHeading]?: I18nBaseType;
+  [authLogInRequiredPopupPrimaryBtnText]?: I18nBaseType;
+  [authLogInRequiredPopupSecondaryBtnText]?: I18nBaseType;
+
+  [authSessionTimeoutToastHeading]?: I18nBaseType;
+  [authErrorOnLoginToastHeading]?: I18nBaseType;
+  [authAuthenticationFailedText]?: I18nBaseType;
+  [authAuthorizingApplicationText]?: I18nBaseType;
 }
 
 export const CommonLabels: I18nCommonLabelsInterface = {
-  //commented for v1 release
-  // goBackButton: 'Go back',
-  // logoutButton: 'Logout',
-  // googleAuthButton: 'Google',
-  // microsoftAuthButton: 'Microsoft',
-  // slackAuthButton: 'Slack',
-  // appleAuthButton: 'Apple',
+  [cancelText]: 'CANCEL',
+  [loadingText]: 'Loading...',
+  [logoutText]: 'Logout',
+  [authLogoutPopupHeading]: 'Logout?',
+  [authLogoutPopupSubHeading]: 'Are you sure you wanna log out?',
+  [authLogoutPopupPrimaryBtnText]: 'CONFIRM',
+
+  [authLogInRequiredPopupHeading]: 'Login Required',
+  [authLogInRequiredPopupSubHeading]: 'Log-in to your organization to contiue',
+  [authLogInRequiredPopupPrimaryBtnText]: 'LOGIN',
+  [authLogInRequiredPopupSecondaryBtnText]: 'CLOSE APP',
+
+  [authSessionTimeoutToastHeading]: 'Your session has timed out, Retrying...',
+  [authErrorOnLoginToastHeading]: 'Error occured on Login, Please login again.',
+  [authAuthenticationFailedText]: 'Authentication failed',
+  [authAuthorizingApplicationText]: 'Authorizing app...',
 };

package/template/src/language/default-labels/createScreenLabels.ts

@@ -1,22 +1,102 @@
-import {I18nBaseType, I18nConditionalType} from '../i18nTypes';
+import {I18nBaseType, I18nDynamicType} from '../i18nTypes';
+
+export const room = 'Room';
+export const createRoomHeading = `create${room}Heading`;
+export const createRoomInputLabel = `create${room}InputLabel`;
+export const createRoomInputPlaceholderText = `create${room}InputPlaceholderText`;
+export const createRoomMakeEveryOneCoHost = `create${room}MakeEveryOneCoHost`;
+export const createRoomMakeEveryOneCoHostTooltipText = `create${room}MakeEveryOneCoHostTooltipText`;
+
+export const createRoomAllowPhoneNumberJoining = `create${room}AllowPhoneNumberJoining`;
+export const createRoomAllowPhoneNumberJoiningTooltipText = `create${room}AllowPhoneNumberJoiningTooltipText`;
+
+export const createRoomBtnText = `create${room}BtnText`;
+export const createRoomJoinWithID = `create${room}JoinWithID`;
+
+export const createRoomSuccessToastHeading = `create${room}SuccessToastHeading`;
+export const createRoomSuccessToastSubHeading = `create${room}SuccessToastSubHeading`;
+
+export const createRoomErrorToastHeading = `create${room}ErrorToastHeading`;
+export const createRoomErrorToastSubHeading = `create${room}ErrorToastSubHeading`;
+// [screen/[sidepanel/chat/setting/vb]] [room or action] [where is placed/label/text/heading/subheading/tooltiptext/content]
+//label for buttons
+//heading/subheading for toast
+//text inside button text
+//text outside button called label
+//btn use chatPanel
+//chatPanelInputPlaceHolder
+//settingPanelHeading
 
 export interface I18nCreateScreenLabelsInterface {
-  meetingNameInputPlaceholder?: I18nBaseType; //
-  //commented for v1 release
-  // createMeetingButton?: I18nBaseType; //
-  // haveMeetingID?: I18nBaseType;
-  // pstnToggle?: I18nConditionalType; //
-  // hostControlsToggle?: I18nConditionalType; //
+  [createRoomHeading]?: I18nBaseType;
+  [createRoomInputLabel]?: I18nBaseType;
+  [createRoomInputPlaceholderText]?: I18nBaseType;
+  [createRoomMakeEveryOneCoHost]?: I18nBaseType; //
+  [createRoomMakeEveryOneCoHostTooltipText]?: I18nBaseType; //
+  [createRoomAllowPhoneNumberJoining]?: I18nBaseType; //
+  [createRoomAllowPhoneNumberJoiningTooltipText]?: I18nBaseType; //
+  [createRoomBtnText]?: I18nBaseType;
+  [createRoomJoinWithID]?: I18nBaseType; //
+  [createRoomSuccessToastHeading]?: I18nDynamicType; //
+  [createRoomSuccessToastSubHeading]?: I18nBaseType; //
+  [createRoomErrorToastHeading]?: I18nBaseType; //
+  [createRoomErrorToastSubHeading]?: I18nBaseType; //
 }
-
 export const CreateScreenLabels: I18nCreateScreenLabelsInterface = {
-  meetingNameInputPlaceholder: 'Name your Meeting',
-  //commented for v1 release
-  // createMeetingButton: 'Create Meeting',
-  // haveMeetingID: 'Have a Meeting ID?',
-  // pstnToggle: 'Use PSTN (Join by dialing a number)',
-  // hostControlsToggle: (toggle) =>
-  //   toggle
-  //     ? 'Restrict Host Controls (Separate host link)'
-  //     : 'Restrict Host Controls (Everyone is a Host)',
+  [createRoomHeading]: ({eventMode, audioRoom}) => {
+    if (audioRoom) {
+      if (eventMode) {
+        return 'Create a Audio Livecast';
+      } else {
+        return 'Create a Voice Chat';
+      }
+    } else {
+      if (eventMode) {
+        return 'Create a Livestream';
+      } else {
+        return 'Create a Room';
+      }
+    }
+  },
+  [createRoomInputLabel]: ({eventMode, audioRoom}) => {
+    if (audioRoom) {
+      if (eventMode) {
+        return 'Audio Livecast Name';
+      } else {
+        return 'Voice Chat Name';
+      }
+    } else {
+      if (eventMode) {
+        return 'Stream Name';
+      } else {
+        return 'Room Name';
+      }
+    }
+  },
+  [createRoomInputPlaceholderText]: 'The Annual Galactic Meet',
+  [createRoomMakeEveryOneCoHost]: 'Make everyone a Co-Host',
+  [createRoomMakeEveryOneCoHostTooltipText]:
+    'Turning on will give everyone the control of this room',
+  [createRoomAllowPhoneNumberJoining]: 'Allow joining via a phone number',
+  [createRoomAllowPhoneNumberJoiningTooltipText]:
+    'Attendees can dial a number and join via PSTN',
+  [createRoomBtnText]: ({eventMode, audioRoom}) => {
+    if (audioRoom) {
+      if (eventMode) {
+        return 'CREATE A AUDIO LIVECAST';
+      } else {
+        return 'CREATE A VOICE CHAT';
+      }
+    } else {
+      if (eventMode) {
+        return 'CREATE A STREAM';
+      } else {
+        return 'CREATE A ROOM';
+      }
+    }
+  },
+  [createRoomJoinWithID]: 'Join with a room ID',
+  [createRoomSuccessToastHeading]: (meetingName: string) =>
+    `${meetingName}  has been created`,
+  [createRoomSuccessToastSubHeading]: 'Your New room is now live',
 };

package/template/src/language/default-labels/joinScreenLabels.ts

@@ -1,13 +1,52 @@
 import {I18nBaseType} from '../i18nTypes';
+import {room} from './createScreenLabels';
+
+export const joinRoomHeading = `join${room}Heading`;
+export const joinRoomInputLabel = `join${room}InputLabel`;
+export const joinRoomInputPlaceHolderText = `join${room}InputPlaceHolderText`;
+export const joinRoomBtnText = `join${room}BtnText`;
+export const joinRoomCreateBtnText = `join${room}CreateBtnText`;
+
+export const joinRoomErrorToastHeading = `join${room}ErrorToastHeading`;
+export const joinRoomErrorToastSubHeading = `join${room}ErrorToastSubHeading`;
 
 export interface I18nJoinScreenLabelsInterface {
-  //commented for v1 release
-  // meetingIdInputPlaceholder?: I18nBaseType; //
-  // enterMeetingButton?: I18nBaseType; //
+  [joinRoomHeading]?: I18nBaseType;
+  [joinRoomInputLabel]?: I18nBaseType;
+  [joinRoomInputPlaceHolderText]?: I18nBaseType;
+  [joinRoomBtnText]?: I18nBaseType;
+  [joinRoomCreateBtnText]?: I18nBaseType;
+  [joinRoomErrorToastHeading]?: I18nBaseType;
+  [joinRoomErrorToastSubHeading]?: I18nBaseType;
 }
 
 export const JoinScreenLabels: I18nJoinScreenLabelsInterface = {
-  //commented for v1 release
-  // meetingIdInputPlaceholder: 'Enter Meeting ID',
-  // enterMeetingButton: 'Enter Meeting',
+  [joinRoomHeading]: ({eventMode}) => {
+    if (eventMode) {
+      return 'Join a Room';
+    } else {
+      return 'Join a Stream';
+    }
+  },
+  [joinRoomInputLabel]: ({eventMode}) => {
+    if (eventMode) {
+      return 'Stream ID';
+    } else {
+      return 'Room ID';
+    }
+  },
+  [joinRoomInputPlaceHolderText]: ({eventMode}) => {
+    if (eventMode) {
+      return 'Enter Stream ID';
+    } else {
+      return 'Enter Room ID';
+    }
+  },
+  [joinRoomBtnText]: ({eventMode}) => (eventMode ? 'Join Stream' : 'Join Room'),
+  [joinRoomCreateBtnText]: ({eventMode}) =>
+    eventMode ? 'Create a Stream' : 'Create a Room',
+  [joinRoomErrorToastHeading]: ({eventMode}) =>
+    `${eventMode ? 'Stream' : 'Room'} ID Invalid.`,
+  [joinRoomErrorToastSubHeading]: ({eventMode}) =>
+    `Please enter a valid ${eventMode ? 'Stream' : 'Room'} ID`,
 };

package/template/src/language/default-labels/precallScreenLabels.ts

@@ -1,33 +1,166 @@
-import {ClientRole} from '../../../agora-rn-uikit';
-import {I18nBaseType} from '../i18nTypes';
+import {ClientRoleType} from '../../../agora-rn-uikit';
+import {I18nBaseType, I18nConditionalType} from '../i18nTypes';
+import {VBMode} from '../../components/virtual-background/useVB';
 
-export interface JoinRoomButtonTextInterface {
+export interface PrecallJoinBtnTextInterface {
   ready: boolean;
-  role?: ClientRole;
+  role?: ClientRoleType;
+  waitingRoom?: boolean;
 }
+
+export const permissionPopupHeading = `permissionPopupHeading`;
+export const permissionPopupSubHeading = `permissionPopupSubHeading`;
+export const permissionPopupDismissBtnText = `permissionPopupDismissBtnText`;
+export const permissionPopupErrorToastHeading = `permissionPopupErrorToastHeading`;
+export const permissionPopupErrorToastSubHeading = `permissionPopupErrorToastSubHeading`;
+
+export const settingsPanelHeading = `settingsPanelHeading`;
+export const settingsPanelMicrophoneLabel = 'settingsPanelMicrophoneLabel';
+export const settingsPanelNoMicrophoneDetectedText =
+  'settingsPanelNoMicrophoneDetectedText';
+export const settingsPanelNoMicrophoneSelectedText =
+  'settingsPanelNoMicrophoneSelectedText';
+export const settingsPanelCameraLabel = 'settingsPanelCameraLabel';
+export const settingsPanelNoCameraDetectedText =
+  'settingsPanelNoCameraDetectedText';
+export const settingsPanelNoCameraSelectedText =
+  'settingsPanelNoCameraSelectedText';
+export const settingsPanelSpeakerLabel = 'settingsPanelSpeakerLabel';
+export const settingsPanelNoSpeakerDetectedText =
+  'settingsPanelNoSpeakerDetectedText';
+export const settingsPanelNoSpeakerSelectedText =
+  'settingsPanelNoSpeakerSelectedText';
+export const settingsPanelSystemDefaultSpeakerText =
+  'settingsPanelSystemDefaultSpeakerText';
+export const settingsPanelLiveStreamingAttendeeInfo =
+  'settingsPanelLiveStreamingAttendeeInfo';
+export const settingsPanelUpdatingText = 'settingsPanelUpdatingText';
+
+export const settingsPanelLanguageLabel = 'settingsPanelLanguageLabel';
+
+export const precallYouAreJoiningAsHeading = 'precallYouAreJoiningAsHeading';
+export const precallNameInputPlaceholderText =
+  'precallNameInputPlaceholderText';
+export const precallJoinBtnText = 'precallJoinBtnText';
+export const precallInputGettingName = 'precallInputGettingName';
+
+export const vbPanelHeading = 'vbPanelHeading';
+export const vbPanelInfo = 'vbPanelInfo';
+
+export const vbOptionText = 'vbOptionText';
+
 export interface I18nPrecallScreenLabelsInterface {
-  //commented for v1 release
-  // precallLabel?: I18nBaseType; //
-  // selectInputDeviceLabel?: I18nBaseType; //
-  // userNamePlaceholder?: I18nBaseType; //
-  // fetchingNamePlaceholder?: I18nBaseType; //
-  // loadingWithDots?: I18nBaseType;
-  joinRoomButton?: I18nBaseType<JoinRoomButtonTextInterface>; // need to check
+  [permissionPopupHeading]?: I18nBaseType;
+  [permissionPopupSubHeading]?: I18nBaseType;
+  [permissionPopupDismissBtnText]?: I18nBaseType;
+  [permissionPopupErrorToastHeading]?: I18nBaseType;
+  [permissionPopupErrorToastSubHeading]?: I18nBaseType;
+
+  [settingsPanelHeading]?: I18nBaseType;
+
+  [settingsPanelCameraLabel]?: I18nBaseType;
+  [settingsPanelNoCameraDetectedText]?: I18nBaseType;
+  [settingsPanelNoCameraSelectedText]?: I18nBaseType;
+
+  [settingsPanelMicrophoneLabel]?: I18nBaseType;
+  [settingsPanelNoMicrophoneDetectedText]?: I18nBaseType;
+  [settingsPanelNoMicrophoneSelectedText]?: I18nBaseType;
+
+  [settingsPanelSpeakerLabel]?: I18nBaseType;
+  [settingsPanelNoSpeakerDetectedText]?: I18nBaseType;
+  [settingsPanelNoSpeakerSelectedText]?: I18nBaseType;
+  [settingsPanelSystemDefaultSpeakerText]?: I18nBaseType;
+
+  [settingsPanelLiveStreamingAttendeeInfo]?: I18nBaseType;
+  [settingsPanelUpdatingText]?: I18nBaseType;
+  [settingsPanelLanguageLabel]?: I18nBaseType;
+
+  [precallYouAreJoiningAsHeading]?: I18nBaseType;
+  [precallNameInputPlaceholderText]?: I18nBaseType;
+  [precallJoinBtnText]?: I18nBaseType<PrecallJoinBtnTextInterface>;
+
+  [vbPanelHeading]?: I18nBaseType;
+  [vbPanelInfo]?: I18nConditionalType;
+
+  [vbOptionText]?: I18nBaseType<VBMode>;
+
+  [precallInputGettingName]?: I18nBaseType;
 }
 
 export const PrecallScreenLabels: I18nPrecallScreenLabelsInterface = {
-  //commented for v1 release
-  // precallLabel: 'Precall',
-  // selectInputDeviceLabel: 'Select Input Device',
-  // userNamePlaceholder: 'Display name*',
-  // fetchingNamePlaceholder: 'Getting name...',
-  // loadingWithDots: 'Loading...',
-  joinRoomButton: ({ready, role}) =>
-    ready
-      ? !role
-        ? 'Join Room'
-        : `Join Room as ${
-            role === ClientRole.Broadcaster ? 'Host' : 'Audience'
-          }`
-      : `Loading...`,
+  //permission popup
+  [permissionPopupHeading]: ({audioRoom}) =>
+    audioRoom
+      ? 'Allow access to microphone'
+      : 'Allow access to camera and microphone',
+  [permissionPopupSubHeading]: ({audioRoom}) =>
+    audioRoom
+      ? 'Select “Allow” for others to hear you'
+      : 'Select “Allow” for others to see and hear you',
+  [permissionPopupDismissBtnText]: 'Dismiss',
+  [permissionPopupErrorToastHeading]: ({audioRoom}) =>
+    `Can't find your ${audioRoom ? ' Microphone' : ' Camera'}`,
+  [permissionPopupErrorToastSubHeading]: audioRoom =>
+    `Check your system settings to make sure that a ${
+      audioRoom ? 'microphone' : 'camera'
+    } is available. If not, plug one in and restart your browser`,
+
+  [settingsPanelHeading]: 'Settings',
+
+  [settingsPanelCameraLabel]: 'Camera',
+  [settingsPanelNoCameraDetectedText]: 'No Camera Detected',
+  [settingsPanelNoCameraSelectedText]: 'No Camera Selected',
+
+  [settingsPanelMicrophoneLabel]: 'Microphone',
+  [settingsPanelNoMicrophoneDetectedText]: 'No Microphone Detected',
+  [settingsPanelNoMicrophoneSelectedText]: 'No Microphone Selected',
+
+  [settingsPanelSpeakerLabel]: 'Speaker',
+  [settingsPanelNoSpeakerDetectedText]: 'No Speaker Detected',
+  [settingsPanelNoSpeakerSelectedText]: 'No Speaker Selected',
+  [settingsPanelSystemDefaultSpeakerText]: 'System Default Speaker Device',
+
+  [settingsPanelLiveStreamingAttendeeInfo]:
+    'Attendees need to raise their hand to access the devices.',
+  [settingsPanelUpdatingText]: 'Updating',
+
+  [settingsPanelLanguageLabel]: 'Language',
+
+  [precallYouAreJoiningAsHeading]: 'You are joining',
+  [precallNameInputPlaceholderText]: 'Enter Your Name',
+  [precallInputGettingName]: 'Getting name...',
+  [precallJoinBtnText]: ({waitingRoom, ready, role}) => {
+    if (waitingRoom) {
+      return ready ? 'Ask To Join' : `Waiting for approval...`;
+    } else {
+      return ready
+        ? !role
+          ? 'JOIN ROOM'
+          : `JOIN ROOM AS ${
+              role === ClientRoleType.ClientRoleBroadcaster
+                ? 'HOST'
+                : 'AUDIENCE'
+            }`
+        : `Loading...`;
+    }
+  },
+
+  [vbPanelHeading]: 'Virtual Background',
+  [vbPanelInfo]: (isCamOn: boolean) =>
+    isCamOn
+      ? 'Camera is currently off. Selected background will be applied as soon as your camera turns on.'
+      : 'Your camera is switched off. Save a background to apply once it’s turned on.',
+
+  [vbOptionText]: mode => {
+    switch (mode) {
+      case 'none':
+        return 'None';
+      case 'custom':
+        return 'Custom';
+      case 'blur':
+        return 'Blur';
+      default:
+        return '';
+    }
+  },
 };

package/template/src/language/default-labels/shareLinkScreenLabels.ts

@@ -1,44 +1,92 @@
 import {I18nBaseType} from '../i18nTypes';
+import {room} from './createScreenLabels';
+import {MeetingInviteInterface} from './videoCallScreenLabels';
 
+export const shareRoomAttendeeLinkLabel = `share${room}AttendeeLinkLabel`;
+export const shareRoomAttendeeLinkSubText = `share${room}AttendeeLinkSubText`;
+export const shareRoomHostLinkLabel = `share${room}HostLinkLabel`;
+export const shareRoomHostLinkSubText = `share${room}HostLinkSubText`;
+export const shareRoomPSTNLabel = `share${room}PSTNLabel`;
+export const shareRoomPSTNNumberLabel = `share${room}PSTNNumberLabel`;
+export const shareRoomPSTNPinLabel = `share${room}PSTNPinLabel`;
+export const shareRoomPSTNSubText = `share${room}PSTNSubText`;
+export const shareRoomCopyBtnText = `share${room}CopyBtnText`;
+export const shareRoomCopyBtnTooltipText = `share${room}CopyBtnTooltipText`;
+export const shareRoomStartBtnText = `share${room}StartBtnText`;
+export const shareRoomCopyInviteToClipboardContent = `share${room}CopyInviteToClipboardContent`;
 export interface I18nShareLinkScreenLabelsInterface {
-  //commented for v1 release
-  // attendeeUrlLabel?: I18nBaseType; //
-  // hostUrlLabel?: I18nBaseType; //
-  // enterMeetingAfterCreateButton?: I18nBaseType; //
-  // copyInviteButton?: I18nBaseType; //
-  // pstnLabel?: I18nBaseType; //
-  // pstnNumberLabel?: I18nBaseType; //
-  // meetingUrlLabel?: I18nBaseType; //
-  // hostIdLabel?: I18nBaseType; //
-  // meetingIdLabel?: I18nBaseType; //
-  // attendeeIdLabel?: I18nBaseType; //
-  // copiedToClipboardNotificationLabel?: I18nBaseType; //
-  // PSTNNumber?: I18nBaseType;
-  // PSTNPin?: I18nBaseType;
-  // meeting?: I18nBaseType;
-  // URLForAttendee?: I18nBaseType;
-  // URLForHost?: I18nBaseType;
-  // attendeeMeetingID?: I18nBaseType;
-  // hostMeetingID?: I18nBaseType;
+  [shareRoomAttendeeLinkLabel]?: I18nBaseType;
+  [shareRoomAttendeeLinkSubText]?: I18nBaseType;
+  [shareRoomHostLinkLabel]?: I18nBaseType;
+  [shareRoomHostLinkSubText]?: I18nBaseType;
+  [shareRoomPSTNLabel]?: I18nBaseType;
+  [shareRoomPSTNNumberLabel]?: I18nBaseType;
+  [shareRoomPSTNPinLabel]?: I18nBaseType;
+  [shareRoomPSTNSubText]?: I18nBaseType;
+  [shareRoomCopyBtnText]?: I18nBaseType; // need to discuss
+  [shareRoomCopyBtnTooltipText]?: I18nBaseType; // need to discuss
+  [shareRoomStartBtnText]?: I18nBaseType;
+  [shareRoomCopyInviteToClipboardContent]?: I18nBaseType<MeetingInviteInterface>; //
 }
 
 export const ShareLinkScreenLabels: I18nShareLinkScreenLabelsInterface = {
-  //commented for v1 release
-  // attendeeUrlLabel: 'Attendee URL',
-  // hostUrlLabel: 'Host URL',
-  // enterMeetingAfterCreateButton: 'Start Meeting (as host)',
-  // copyInviteButton: 'Copy invite to clipboard',
-  // pstnLabel: 'PSTN',
-  // pstnNumberLabel: 'Number',
-  // meetingUrlLabel: 'Meeting URL',
-  // hostIdLabel: 'Host ID',
-  // meetingIdLabel: 'Meeting ID',
-  // attendeeIdLabel: 'Attendee ID',
-  // copiedToClipboardNotificationLabel: 'Copied to Clipboard',
-  // PSTNNumber: 'PSTN Number',
-  // PSTNPin: 'PSTN Pin',
-  // URLForAttendee: 'URL for Attendee',
-  // URLForHost: 'URL for Host',
-  // attendeeMeetingID: 'Attendee Meeting ID',
-  // hostMeetingID: 'Host Meeting ID',
+  [shareRoomAttendeeLinkLabel]: isWeb =>
+    isWeb ? 'Attendee Link' : 'Attendee ID',
+  [shareRoomAttendeeLinkSubText]:
+    'Share this with attendees you want to invite.',
+  [shareRoomHostLinkLabel]: isWeb => (isWeb ? 'Host Link' : 'Host ID'),
+  [shareRoomHostLinkSubText]:
+    'Share this with other co-hosts you want to invite.',
+  [shareRoomPSTNLabel]: 'PSTN',
+  [shareRoomPSTNNumberLabel]: 'Number',
+  [shareRoomPSTNPinLabel]: 'Pin',
+  [shareRoomPSTNSubText]: 'Share this phone number and pin to dial from phone.',
+
+  [shareRoomCopyBtnText]: 'Copy invite to clipboard',
+  [shareRoomCopyBtnTooltipText]: 'Copied to clipboard',
+  [shareRoomStartBtnText]: ({eventMode}) =>
+    eventMode ? 'Start Stream (as host)' : 'Start Room (as host)',
+
+  [shareRoomCopyInviteToClipboardContent]: ({
+    meetingName,
+    id,
+    url,
+    pstn,
+    isHost,
+    isSeparateHostLink,
+  }) => {
+    let inviteContent = '';
+    if (url) {
+      //for host
+      if (isHost) {
+        if (isSeparateHostLink) {
+          //seperate link for host and attendee
+          inviteContent += `Room: ${meetingName}\n\nAttendee Link:\n${url?.attendee}\n\nHost Link:\n${url?.host}`;
+        } else {
+          //single link for everyone
+          inviteContent += `Room: ${meetingName}\n\nMeeting Link:\n${url?.host}`;
+        }
+      }
+      //for attendee
+      else {
+        inviteContent += `Room: ${meetingName}\n\nAttendee Link:\n${url?.attendee}`;
+      }
+    } else {
+      if (isHost) {
+        if (isSeparateHostLink) {
+          inviteContent += `Room: ${meetingName}\n\nAttendee Room ID:\n${id?.attendee}\n\nHost Room ID:\n${id?.host}`;
+        } else {
+          inviteContent += `Room: ${meetingName}\n\nRoom ID:\n${id?.host}`;
+        }
+      } else {
+        //copy this label on videocall screen
+        inviteContent += `Room: ${meetingName}\n\nAttendee Room ID:\n${id?.attendee}`;
+      }
+    }
+    // Adding pstn data into meeting data if present
+    if (pstn?.number && pstn?.pin) {
+      inviteContent += `\n\nPSTN Number:\n${pstn.number}\n\nPSTN Pin:\n${pstn.pin}`;
+    }
+    return inviteContent;
+  },
 };