agora-appbuilder-core 2.2.0 → 2.3.0-beta.0

package/template/src/custom-events/CustomEvents.ts

@@ -0,0 +1,197 @@
+/*
+********************************************
+ Copyright © 2022 Agora Lab, Inc., all rights reserved.
+ AppBuilder and all associated components, source code, APIs, services, and documentation 
+ (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
+ accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
+ Use without a license or in violation of any license terms and conditions (including use for 
+ any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
+ information visit https://appbuilder.agora.io. 
+*********************************************
+*/
+
+('use strict');
+import RtmEngine from 'agora-react-native-rtm';
+import RTMEngine from '../rtm/RTMEngine';
+import {ToOptions, EventPayload} from './types';
+import {EventUtils, eventMessageType} from '../rtm-events';
+import {TEventCallback, EventSourceEnum} from './types';
+
+class CustomEvents {
+  engine!: RtmEngine;
+  source: EventSourceEnum = EventSourceEnum.core;
+
+  constructor(source?: EventSourceEnum) {
+    this.engine = RTMEngine.getInstance().engine;
+    if (source) {
+      this.source = source;
+    }
+  }
+
+  /**
+   * Persists the data in the local attributes of the user
+   *
+   * @param {string} evt  to be stored in rtm Attribute key
+   * @param {any} payload to be stored in rtm Attribute value
+   * @api private
+   */
+  private _persist = async (evt: string, payload: any) => {
+    try {
+      const localUserId = RTMEngine.getInstance().localUid;
+      const rtmAttribute = {key: evt, value: JSON.stringify(payload)};
+      // Step 1: Call RTM API to update local attributes
+      await this.engine.addOrUpdateLocalUserAttributes([rtmAttribute]);
+    } catch (error) {
+      console.log(
+        'CUSTOM_EVENT_API error occured while updating the value ',
+        error,
+      );
+    }
+  };
+
+  /**
+   *
+   */
+  private _validateEvt = (evt: string): boolean => {
+    if (typeof evt !== 'string') {
+      throw Error(
+        `CUSTOM_EVENT_API Event name cannot be of type ${typeof evt}`,
+      );
+    }
+    if (evt.trim() == '') {
+      throw Error(`CUSTOM_EVENT_API Name or function cannot be empty`);
+    }
+    return true;
+  };
+  private _validateListener = (listener: TEventCallback): boolean => {
+    if (typeof listener !== 'function') {
+      throw Error(
+        `CUSTOM_EVENT_API Function cannot be of type ${typeof listener}`,
+      );
+    }
+    return true;
+  };
+
+  /**
+   * Sends the data across to client using transport layer RTM API's
+   *
+   * @param {any} rtmPayload payload to be sent across
+   * @param {ToOptions} to If defined then sent to individual peer in the channle. If not defined then sent to everyone
+   * @api private
+   */
+  private _send = async (rtmPayload: any, to?: ToOptions) => {
+    const text = JSON.stringify({
+      type: eventMessageType.CUSTOM_EVENT,
+      msg: rtmPayload,
+    });
+    // Case 1: send to channel
+    if (
+      typeof to === 'undefined' ||
+      (typeof to === 'number' && !to) ||
+      (Array.isArray(to) && to?.length === 0)
+    ) {
+      console.log('CUSTOM_EVENT_API: case 1 executed');
+      try {
+        const channelId = RTMEngine.getInstance().channelUid;
+        await this.engine.sendMessageByChannelId(channelId, text);
+      } catch (error) {
+        console.log('CUSTOM_EVENT_API: send event case 1 error : ', error);
+        throw error;
+      }
+    }
+    // Case 2: send to indivdual
+    if (typeof to === 'number' && !to) {
+      console.log('CUSTOM_EVENT_API: case 2 executed', to);
+
+      try {
+        await this.engine.sendMessageToPeer({
+          peerId: `${to}`,
+          offline: false,
+          text,
+        });
+      } catch (error) {
+        console.log('CUSTOM_EVENT_API: send event case 2 error : ', error);
+        throw error;
+      }
+    }
+    // Case 3: send to multiple individuals
+    if (typeof to === 'object' && Array.isArray(to)) {
+      console.log('CUSTOM_EVENT_API: case 3 executed', to);
+
+      try {
+        for (const uid of to) {
+          // TODO adjust uids
+          await this.engine.sendMessageToPeer({
+            peerId: `${uid}`,
+            offline: false,
+            text,
+          });
+        }
+      } catch (error) {
+        console.log('CUSTOM_EVENT_API: send event case 3 error : ', error);
+        throw error;
+      }
+    }
+  };
+
+  on = (evt: string, listener: TEventCallback) => {
+    if (!this._validateEvt(evt) || !this._validateListener(listener)) return;
+    EventUtils.addListener(evt, listener, this.source);
+  };
+
+  off = (evt?: string, listener?: TEventCallback) => {
+    if (listener) {
+      if (this._validateListener(listener) && this._validateEvt(evt)) {
+        EventUtils.removeListener(evt, listener, this.source);
+      }
+    } else if (evt) {
+      if (this._validateEvt(evt)) {
+        EventUtils.removeAllListeners(evt, this.source);
+      }
+    } else {
+      EventUtils.removeAll(this.source);
+    }
+  };
+
+  send = async (evt: string, payload: EventPayload, to?: ToOptions) => {
+    if (!this._validateEvt(evt)) return;
+    const {action = '', value = '', level = 1} = payload;
+
+    const rtmPayload = {
+      evt: evt,
+      payload: {
+        action,
+        value,
+        level,
+        source: this.source,
+      },
+    };
+
+    if (level === 2 || level === 3) {
+      console.log('CUSTOM_EVENT_API: Event lifecycle: persist', level);
+      await this._persist(evt, {...payload, source: this.source});
+    }
+    try {
+      await this._send(rtmPayload, to);
+    } catch (error) {
+      console.log('CUSTOM_EVENT_API: sendPersist sending failed. ', error);
+    }
+  };
+
+  printEvents = () => {
+    console.log(
+      'CUSTOM_EVENT_API: EVENTS source',
+      EventUtils.getEvents(EventSourceEnum.core),
+    );
+    console.log(
+      'CUSTOM_EVENT_API: EVENTS fpe',
+      EventUtils.getEvents(EventSourceEnum.fpe),
+    );
+  };
+  // once = (name: string, listener: any) => {
+  //   console.log('CUSTOM_EVENT_API: Event lifecycle: ONCE');
+  //   const response = EventUtils.addOnceListener(name, listener);
+  // };
+}
+
+export default CustomEvents;

package/template/src/custom-events/index.tsx

@@ -0,0 +1,4 @@
+import CustomEvents from './CustomEvents';
+
+export * from './types';
+export default new CustomEvents();

package/template/src/custom-events/types.ts

@@ -0,0 +1,51 @@
+import {UidType} from '../../agora-rn-uikit';
+type Simplify<T> = T extends infer S ? {[K in keyof S]: S[K]} : never;
+type NoneOf<T> = Simplify<{[K in keyof T]?: never}>;
+type AtMostOneOf<T> =
+  | NoneOf<T>
+  | {[K in keyof T]: Simplify<Pick<T, K> & NoneOf<Omit<T, K>>>}[keyof T];
+
+// export type TEventOptions = AtMostOneOf<IMessageOptions> & IEventOptions;
+
+export type ToOptions = UidType | UidType[];
+
+interface IEventPayloadBase {
+  action?: any;
+}
+
+interface IEventPayloadWithoutAttributes extends IEventPayloadBase {
+  level?: never;
+  value: string;
+}
+
+interface IEventPayloadWithAttributes extends IEventPayloadBase {
+  level: 2 | 3;
+  value: string;
+}
+
+export type EventPayload =
+  | IEventPayloadWithoutAttributes
+  | IEventPayloadWithAttributes
+  | Record<string, never>;
+
+export enum EventSourceEnum {
+  core = 'core',
+  fpe = 'fpe',
+}
+export enum EventLevel {
+  'LEVEL1' = 1,
+  'LEVEL2',
+  'LEVEL3',
+}
+interface dataPayload {
+  action: string;
+  level: 1 | 2 | 3;
+  value: string;
+}
+interface EvtCbPayload {
+  payload: dataPayload;
+  sender: string;
+  ts: number;
+  source: EventSourceEnum;
+}
+export type TEventCallback = (args: EvtCbPayload) => void;

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

@@ -0,0 +1,21 @@
+import {I18nBaseType} from '../i18nTypes';
+
+export interface I18nCommonLabelsInterface {
+  //commented for v1 release
+  // goBackButton?: I18nBaseType; //
+  // logoutButton?: I18nBaseType; //
+  // googleAuthButton?: I18nBaseType; //
+  // microsoftAuthButton?: I18nBaseType; //
+  // slackAuthButton?: I18nBaseType; //
+  // appleAuthButton?: I18nBaseType; //
+}
+
+export const CommonLabels: I18nCommonLabelsInterface = {
+  //commented for v1 release
+  // goBackButton: 'Go back',
+  // logoutButton: 'Logout',
+  // googleAuthButton: 'Google',
+  // microsoftAuthButton: 'Microsoft',
+  // slackAuthButton: 'Slack',
+  // appleAuthButton: 'Apple',
+};

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

@@ -0,0 +1,22 @@
+import {I18nBaseType, I18nConditionalType} from '../i18nTypes';
+
+export interface I18nCreateScreenLabelsInterface {
+  meetingNameInputPlaceholder?: I18nBaseType; //
+  //commented for v1 release
+  // createMeetingButton?: I18nBaseType; //
+  // haveMeetingID?: I18nBaseType;
+  // pstnToggle?: I18nConditionalType; //
+  // hostControlsToggle?: I18nConditionalType; //
+}
+
+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)',
+};

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

@@ -0,0 +1,38 @@
+import {CommonLabels, I18nCommonLabelsInterface} from './commonLabels';
+import {
+  CreateScreenLabels,
+  I18nCreateScreenLabelsInterface,
+} from './createScreenLabels';
+import {
+  JoinScreenLabels,
+  I18nJoinScreenLabelsInterface,
+} from './joinScreenLabels';
+import {
+  ShareLinkScreenLabels,
+  I18nShareLinkScreenLabelsInterface,
+} from './shareLinkScreenLabels';
+import {
+  VideoCallScreenLabels,
+  I18nVideoCallScreenLabelsInterface,
+} from './videoCallScreenLabels';
+import {
+  PrecallScreenLabels,
+  I18nPrecallScreenLabelsInterface,
+} from './precallScreenLabels';
+
+export interface TextDataInterface
+  extends I18nCommonLabelsInterface,
+    I18nCreateScreenLabelsInterface,
+    I18nJoinScreenLabelsInterface,
+    I18nShareLinkScreenLabelsInterface,
+    I18nVideoCallScreenLabelsInterface,
+    I18nPrecallScreenLabelsInterface {}
+
+export const DEFAULT_LABELS: TextDataInterface = {
+  ...CommonLabels,
+  ...CreateScreenLabels,
+  ...JoinScreenLabels,
+  ...ShareLinkScreenLabels,
+  ...PrecallScreenLabels,
+  ...VideoCallScreenLabels,
+};

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

@@ -0,0 +1,13 @@
+import {I18nBaseType} from '../i18nTypes';
+
+export interface I18nJoinScreenLabelsInterface {
+  //commented for v1 release
+  // meetingIdInputPlaceholder?: I18nBaseType; //
+  // enterMeetingButton?: I18nBaseType; //
+}
+
+export const JoinScreenLabels: I18nJoinScreenLabelsInterface = {
+  //commented for v1 release
+  // meetingIdInputPlaceholder: 'Enter Meeting ID',
+  // enterMeetingButton: 'Enter Meeting',
+};

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

@@ -0,0 +1,33 @@
+import {ClientRole} from '../../../agora-rn-uikit';
+import {I18nBaseType} from '../i18nTypes';
+
+export interface JoinRoomButtonTextInterface {
+  ready: boolean;
+  role?: ClientRole;
+}
+export interface I18nPrecallScreenLabelsInterface {
+  //commented for v1 release
+  // precallLabel?: I18nBaseType; //
+  // selectInputDeviceLabel?: I18nBaseType; //
+  // userNamePlaceholder?: I18nBaseType; //
+  // fetchingNamePlaceholder?: I18nBaseType; //
+  // loadingWithDots?: I18nBaseType;
+  joinRoomButton?: I18nBaseType<JoinRoomButtonTextInterface>; // need to check
+}
+
+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...`,
+};

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

@@ -0,0 +1,44 @@
+import {I18nBaseType} from '../i18nTypes';
+
+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;
+}
+
+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',
+};

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

@@ -0,0 +1,189 @@
+import {I18nBaseType, I18nConditionalType, I18nDynamicType} from '../i18nTypes';
+interface NetworkQualityStatusInterface {
+  unknown?: 'Unknown';
+  excellent?: 'Excellent';
+  good?: 'Good';
+  bad?: 'Bad';
+  veryBad?: 'Very Bad';
+  unpublished?: 'Unpublished';
+  loading?: 'Loading';
+}
+export type NetworkQualities = keyof NetworkQualityStatusInterface;
+export interface MeetingInviteInterface {
+  meetingName?: string;
+  pstn?: {
+    number: string;
+    pin: string;
+  };
+  url?: {
+    host?: string;
+    attendee: string;
+  };
+  id?: {
+    host?: string;
+    attendee: string;
+  };
+}
+export interface I18nVideoCallScreenLabelsInterface {
+  //commented for v1 release
+  // toggleVideoButton?: I18nBaseType; //
+  // toggleAudioButton?: I18nBaseType; //
+  // screenShareButton?: I18nBaseType; //
+  // recordingNotificationLabel?: I18nConditionalType;
+  // endCallButton?: I18nBaseType; //
+  // participantsLabel?: I18nBaseType; //
+  // groupChatLabel?: I18nBaseType; //
+  // privateChatLabel?: I18nBaseType; //
+  // chatMessageInputPlaceholder?: I18nBaseType; //
+  // hostControlsLabel?: I18nBaseType; //
+  // muteAllVideoButton?: I18nBaseType; //
+  // muteAllAudioButton?: I18nBaseType; //
+  // switchCameraButton?: I18nBaseType; //
+  // localScreenshareDefaultLabel?: I18nBaseType; //
+  // localUserDefaultLabel?: I18nBaseType; //
+  // remoteUserDefaultLabel?: I18nBaseType; //
+  pstnUserLabel?: I18nBaseType; //
+  // commented for v1 release
+  // authenticationSuccessLabel?: I18nBaseType; //
+  // meetingCreatedNotificationLabel?: I18nBaseType; //
+  // joiningLoaderLabel?: I18nBaseType; //
+  // oauthLoginLabel?: I18nBaseType; //
+  // oauthProviderLabel?: I18nBaseType; //
+  // copyMeetingInviteButton?: I18nBaseType; //
+  // pin?: I18nBaseType;
+  // language?: I18nBaseType;
+  // screensharingActiveOverlayLabel?: I18nBaseType; //
+  // recordingButton?: I18nConditionalType; //
+  // screenshareUserName?: I18nDynamicType; //
+  // messageSenderNotificationLabel?: I18nDynamicType; //
+  // networkQualityLabel?: I18nBaseType<NetworkQualities>; //
+  // meetingInviteText?: I18nBaseType<MeetingInviteInterface>; //
+  // participantListPlaceholder?: I18nBaseType; //
+  // raisedHandsListPlaceholder?: I18nBaseType; //
+  // raisedHandsListTitleLabel?: I18nBaseType; //
+  // hostLabel?: I18nBaseType; //
+  // audienceLabel?: I18nBaseType; //
+  // raiseHandButton?: I18nConditionalType; //
+  // noUserFoundLabel?: I18nBaseType;
+  // userOfflineLabel?: I18nBaseType;
+  // raiseHandLocalNotification?: I18nBaseType; //
+  // raiseHandRemoteHostNotification?: I18nConditionalType; //
+  // raiseHandApprovedLocalNotification?: I18nBaseType; //
+  // raiseHandRejectedLocalNotification?: I18nBaseType; //
+  // lowerHandRemoteHostNotification?: I18nConditionalType; //
+  // lowerHandsLocalNotification?: I18nBaseType; //
+  // raiseHandRevokedLocalNotification?: I18nBaseType; //
+  // recordingLabel?: I18nBaseType;
+  // settingScreenInfoMessage?: I18nBaseType;
+  // chatLabel?: I18nBaseType;
+  // settingsLabel?: I18nBaseType;
+  // layoutLabel?: I18nBaseType;
+}
+
+export const VideoCallScreenLabels: I18nVideoCallScreenLabelsInterface = {
+  //need to check
+  //remoteScreenshareDefaultLabel - User's screenshare
+  //commented for v1 release
+  // toggleVideoButton: 'Video',
+  // toggleAudioButton: 'Audio',
+  // screenShareButton: 'Share',
+  // switchCameraButton: 'Switch',
+  // recordingLabel: 'Recording',
+  // recordingNotificationLabel: (active) =>
+  //   active ? 'Recording Started' : 'Recording Stopped',
+  // endCallButton: 'Hang Up',
+  // participantsLabel: 'Participants',
+  // groupChatLabel: 'Group',
+  // privateChatLabel: 'Private',
+  // chatMessageInputPlaceholder: 'Type your message..',
+  // localScreenshareDefaultLabel: 'Your screenshare',
+  // localUserDefaultLabel: 'You',
+  // remoteUserDefaultLabel: 'User',
+  pstnUserLabel: 'PSTN User',
+  //commented for v1 release
+  // authenticationSuccessLabel: 'Authenticated Successfully!',
+  // meetingCreatedNotificationLabel: 'Created',
+  // joiningLoaderLabel: 'Starting Call. Just a second.',
+  // oauthLoginLabel: 'Login using OAuth',
+  // oauthProviderLabel: 'Please select an OAuth provider to login.',
+  // copyMeetingInviteButton: 'Copy Meeting Invite',
+  // pin: 'Pin',
+  // language: 'Language',
+  // hostControlsLabel: 'Host Controls',
+  // muteAllAudioButton: 'Mute all audios',
+  // muteAllVideoButton: 'Mute all videos',
+  // screensharingActiveOverlayLabel: 'Your screen share is active.',
+  // participantListPlaceholder: 'No one has joined yet',
+  // raisedHandsListPlaceholder: 'No streaming request(s)',
+  // raisedHandsListTitleLabel: 'Streaming Request',
+  // hostLabel: 'Host',
+  // audienceLabel: 'Audience',
+  // noUserFoundLabel: 'User not found',
+  // userOfflineLabel: 'User is offline',
+  // chatLabel: 'Chat',
+  // settingsLabel: 'Settings',
+  // layoutLabel: 'Layouts',
+  // raiseHandLocalNotification:
+  //   'You have raised your hand. Request sent to host for approval',
+  // raiseHandRemoteHostNotification: (name) => `${name} has raised their hand`,
+  // raiseHandApprovedLocalNotification:
+  //   'Your request was approved, unmute to start talking',
+  // raiseHandRejectedLocalNotification: 'Your request was rejected by the host',
+  // lowerHandRemoteHostNotification: (name) => `${name} has lowered their hand`,
+  // lowerHandsLocalNotification: 'You have lowered your hand',
+  // raiseHandRevokedLocalNotification:
+  //   'The host has revoked streaming permissions',
+  // settingScreenInfoMessage:
+  //   'Video and Audio sharing is disabled for attendees. Raise hand to request permission to share.',
+  // screenshareUserName: (name) => `${name}'s screenshare`, //
+  // recordingButton: (recording) => (recording ? 'Recording' : 'Record'),
+  // raiseHandButton: (toggle) => (toggle ? 'Lower hand' : 'Raise Hand'),
+  // messageSenderNotificationLabel: (name) => `From : ${name}`,
+  // networkQualityLabel: (quality) => {
+  //   switch (quality) {
+  //     case 'unknown':
+  //       return 'Unknown';
+  //     case 'excellent':
+  //       return 'Excellent';
+  //     case 'good':
+  //       return 'Good';
+  //     case 'bad':
+  //       return 'Bad';
+  //     case 'veryBad':
+  //       return 'Very Bad';
+  //     case 'unpublished':
+  //       return 'Unpublished';
+  //     case 'loading':
+  //       return 'Loading';
+  //     default:
+  //       return 'Loading';
+  //   }
+  // },
+  // meetingInviteText: ({meetingName, id, url, pstn}) => {
+  //   let inviteContent = '';
+  //   if (url) {
+  //     // if host data is present generate links for both host and attendee
+  //     if (url?.host) {
+  //       inviteContent += `Meeting - ${meetingName}\nURL for Attendee: ${url?.attendee}\nURL for Host: ${url?.host}`;
+  //     }
+  //     // if host data is not present then generate link for attendee alone
+  //     else {
+  //       inviteContent += `Meeting - ${meetingName}\nMeeting URL: ${url?.attendee}`;
+  //     }
+  //   } else {
+  //     // if host data is present generate meeting ID for both host and attendee
+  //     if (id?.host) {
+  //       inviteContent += `Meeting - ${meetingName}\nAttendee Meeting ID: ${id?.attendee}\nHost Meeting ID: ${id?.host}`;
+  //     }
+  //     // if host data is not present then generate meeting ID for attendee alone
+  //     else {
+  //       inviteContent += `Meeting - ${meetingName}\nMeeting ID: ${id?.attendee}`;
+  //     }
+  //   }
+  //   // Adding pstn data into meeting data if present
+  //   if (pstn?.number && pstn?.pin) {
+  //     inviteContent += `\nPSTN Number: ${pstn.number}\nPSTN Pin: ${pstn.pin}`;
+  //   }
+  //   return inviteContent;
+  // },
+};

package/template/src/language/i18nTypes.ts

@@ -0,0 +1,10 @@
+import {TextDataInterface} from './default-labels/index';
+
+export type I18nBaseType<T = any> = string | ((template: T) => string);
+export type I18nDynamicType = I18nBaseType<string>;
+export type I18nConditionalType = I18nBaseType<boolean>;
+export interface i18nInterface {
+  locale: string;
+  label?: string;
+  data: TextDataInterface;
+}

package/template/src/language/index.ts

@@ -0,0 +1,18 @@
+/*
+********************************************
+ Copyright © 2021 Agora Lab, Inc., all rights reserved.
+ AppBuilder and all associated components, source code, APIs, services, and documentation 
+ (the “Materials”) are owned by Agora Lab, Inc. and its licensors. The Materials may not be 
+ accessed, used, modified, or distributed for any purpose without a license from Agora Lab, Inc.  
+ Use without a license or in violation of any license terms and conditions (including use for 
+ any purpose competitive to Agora Lab, Inc.’s business) is strictly prohibited. For more 
+ information visit https://appbuilder.agora.io. 
+*********************************************
+*/
+import {i18nInterface} from './i18nTypes';
+import {DEFAULT_LABELS} from './default-labels/index';
+export const DEFAULT_I18_DATA: i18nInterface = {
+  label: 'English US',
+  locale: 'en-us',
+  data: DEFAULT_LABELS,
+};