@microsoft/teams-js 2.16.0-beta.0 → 2.16.0-beta.2

package/dist/MicrosoftTeams.js

@@ -802,96 +802,96 @@ __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "ActionObjectType": () => (/* reexport */ ActionObjectType),
-  "ChannelType": () => (/* reexport */ ChannelType),
-  "ChildAppWindow": () => (/* reexport */ ChildAppWindow),
-  "DialogDimension": () => (/* reexport */ DialogDimension),
-  "ErrorCode": () => (/* reexport */ ErrorCode),
-  "FileOpenPreference": () => (/* reexport */ FileOpenPreference),
-  "FrameContexts": () => (/* reexport */ FrameContexts),
-  "HostClientType": () => (/* reexport */ HostClientType),
-  "HostName": () => (/* reexport */ HostName),
-  "LiveShareHost": () => (/* reexport */ LiveShareHost),
-  "NotificationTypes": () => (/* reexport */ NotificationTypes),
-  "ParentAppWindow": () => (/* reexport */ ParentAppWindow),
-  "SecondaryM365ContentIdName": () => (/* reexport */ SecondaryM365ContentIdName),
-  "TaskModuleDimension": () => (/* reexport */ TaskModuleDimension),
-  "TeamType": () => (/* reexport */ TeamType),
-  "UserSettingTypes": () => (/* reexport */ UserSettingTypes),
-  "UserTeamRole": () => (/* reexport */ UserTeamRole),
-  "ViewerActionTypes": () => (/* reexport */ ViewerActionTypes),
-  "app": () => (/* reexport */ app),
-  "appEntity": () => (/* reexport */ appEntity),
-  "appInitialization": () => (/* reexport */ appInitialization),
-  "appInstallDialog": () => (/* reexport */ appInstallDialog),
-  "authentication": () => (/* reexport */ authentication),
-  "barCode": () => (/* reexport */ barCode),
-  "calendar": () => (/* reexport */ calendar),
-  "call": () => (/* reexport */ call),
-  "chat": () => (/* reexport */ chat),
-  "clipboard": () => (/* reexport */ clipboard),
-  "conversations": () => (/* reexport */ conversations),
-  "dialog": () => (/* reexport */ dialog),
-  "enablePrintCapability": () => (/* reexport */ enablePrintCapability),
-  "executeDeepLink": () => (/* reexport */ executeDeepLink),
-  "files": () => (/* reexport */ files),
-  "geoLocation": () => (/* reexport */ geoLocation),
-  "getAdaptiveCardSchemaVersion": () => (/* reexport */ getAdaptiveCardSchemaVersion),
-  "getContext": () => (/* reexport */ getContext),
-  "getMruTabInstances": () => (/* reexport */ getMruTabInstances),
-  "getTabInstances": () => (/* reexport */ getTabInstances),
-  "initialize": () => (/* reexport */ initialize),
-  "initializeWithFrameContext": () => (/* reexport */ initializeWithFrameContext),
-  "liveShare": () => (/* reexport */ liveShare),
-  "location": () => (/* reexport */ location_location),
-  "logs": () => (/* reexport */ logs),
-  "mail": () => (/* reexport */ mail),
-  "marketplace": () => (/* reexport */ marketplace),
-  "media": () => (/* reexport */ media),
-  "meeting": () => (/* reexport */ meeting),
-  "meetingRoom": () => (/* reexport */ meetingRoom),
-  "menus": () => (/* reexport */ menus),
-  "monetization": () => (/* reexport */ monetization),
-  "navigateBack": () => (/* reexport */ navigateBack),
-  "navigateCrossDomain": () => (/* reexport */ navigateCrossDomain),
-  "navigateToTab": () => (/* reexport */ navigateToTab),
-  "notifications": () => (/* reexport */ notifications),
-  "openFilePreview": () => (/* reexport */ openFilePreview),
-  "pages": () => (/* reexport */ pages),
-  "people": () => (/* reexport */ people),
-  "print": () => (/* reexport */ print),
-  "profile": () => (/* reexport */ profile),
-  "registerAppButtonClickHandler": () => (/* reexport */ registerAppButtonClickHandler),
-  "registerAppButtonHoverEnterHandler": () => (/* reexport */ registerAppButtonHoverEnterHandler),
-  "registerAppButtonHoverLeaveHandler": () => (/* reexport */ registerAppButtonHoverLeaveHandler),
-  "registerBackButtonHandler": () => (/* reexport */ registerBackButtonHandler),
-  "registerBeforeUnloadHandler": () => (/* reexport */ registerBeforeUnloadHandler),
-  "registerChangeSettingsHandler": () => (/* reexport */ registerChangeSettingsHandler),
-  "registerCustomHandler": () => (/* reexport */ registerCustomHandler),
-  "registerFocusEnterHandler": () => (/* reexport */ registerFocusEnterHandler),
-  "registerFullScreenHandler": () => (/* reexport */ registerFullScreenHandler),
-  "registerOnLoadHandler": () => (/* reexport */ registerOnLoadHandler),
-  "registerOnThemeChangeHandler": () => (/* reexport */ registerOnThemeChangeHandler),
-  "registerUserSettingsChangeHandler": () => (/* reexport */ registerUserSettingsChangeHandler),
-  "remoteCamera": () => (/* reexport */ remoteCamera),
-  "returnFocus": () => (/* reexport */ returnFocus),
-  "search": () => (/* reexport */ search),
-  "secondaryBrowser": () => (/* reexport */ secondaryBrowser),
-  "sendCustomEvent": () => (/* reexport */ sendCustomEvent),
-  "sendCustomMessage": () => (/* reexport */ sendCustomMessage),
-  "setFrameContext": () => (/* reexport */ setFrameContext),
-  "settings": () => (/* reexport */ settings),
-  "shareDeepLink": () => (/* reexport */ shareDeepLink),
-  "sharing": () => (/* reexport */ sharing),
-  "stageView": () => (/* reexport */ stageView),
-  "tasks": () => (/* reexport */ tasks),
-  "teams": () => (/* reexport */ teams),
-  "teamsCore": () => (/* reexport */ teamsCore),
-  "uploadCustomApp": () => (/* reexport */ uploadCustomApp),
-  "version": () => (/* reexport */ version),
-  "video": () => (/* reexport */ video),
-  "videoEx": () => (/* reexport */ videoEx),
-  "webStorage": () => (/* reexport */ webStorage)
+  ActionObjectType: () => (/* reexport */ ActionObjectType),
+  ChannelType: () => (/* reexport */ ChannelType),
+  ChildAppWindow: () => (/* reexport */ ChildAppWindow),
+  DialogDimension: () => (/* reexport */ DialogDimension),
+  ErrorCode: () => (/* reexport */ ErrorCode),
+  FileOpenPreference: () => (/* reexport */ FileOpenPreference),
+  FrameContexts: () => (/* reexport */ FrameContexts),
+  HostClientType: () => (/* reexport */ HostClientType),
+  HostName: () => (/* reexport */ HostName),
+  LiveShareHost: () => (/* reexport */ LiveShareHost),
+  NotificationTypes: () => (/* reexport */ NotificationTypes),
+  ParentAppWindow: () => (/* reexport */ ParentAppWindow),
+  SecondaryM365ContentIdName: () => (/* reexport */ SecondaryM365ContentIdName),
+  TaskModuleDimension: () => (/* reexport */ TaskModuleDimension),
+  TeamType: () => (/* reexport */ TeamType),
+  UserSettingTypes: () => (/* reexport */ UserSettingTypes),
+  UserTeamRole: () => (/* reexport */ UserTeamRole),
+  ViewerActionTypes: () => (/* reexport */ ViewerActionTypes),
+  app: () => (/* reexport */ app),
+  appEntity: () => (/* reexport */ appEntity),
+  appInitialization: () => (/* reexport */ appInitialization),
+  appInstallDialog: () => (/* reexport */ appInstallDialog),
+  authentication: () => (/* reexport */ authentication),
+  barCode: () => (/* reexport */ barCode),
+  calendar: () => (/* reexport */ calendar),
+  call: () => (/* reexport */ call),
+  chat: () => (/* reexport */ chat),
+  clipboard: () => (/* reexport */ clipboard),
+  conversations: () => (/* reexport */ conversations),
+  dialog: () => (/* reexport */ dialog),
+  enablePrintCapability: () => (/* reexport */ enablePrintCapability),
+  executeDeepLink: () => (/* reexport */ executeDeepLink),
+  files: () => (/* reexport */ files),
+  geoLocation: () => (/* reexport */ geoLocation),
+  getAdaptiveCardSchemaVersion: () => (/* reexport */ getAdaptiveCardSchemaVersion),
+  getContext: () => (/* reexport */ getContext),
+  getMruTabInstances: () => (/* reexport */ getMruTabInstances),
+  getTabInstances: () => (/* reexport */ getTabInstances),
+  initialize: () => (/* reexport */ initialize),
+  initializeWithFrameContext: () => (/* reexport */ initializeWithFrameContext),
+  liveShare: () => (/* reexport */ liveShare),
+  location: () => (/* reexport */ location_location),
+  logs: () => (/* reexport */ logs),
+  mail: () => (/* reexport */ mail),
+  marketplace: () => (/* reexport */ marketplace),
+  media: () => (/* reexport */ media),
+  meeting: () => (/* reexport */ meeting),
+  meetingRoom: () => (/* reexport */ meetingRoom),
+  menus: () => (/* reexport */ menus),
+  monetization: () => (/* reexport */ monetization),
+  navigateBack: () => (/* reexport */ navigateBack),
+  navigateCrossDomain: () => (/* reexport */ navigateCrossDomain),
+  navigateToTab: () => (/* reexport */ navigateToTab),
+  notifications: () => (/* reexport */ notifications),
+  openFilePreview: () => (/* reexport */ openFilePreview),
+  pages: () => (/* reexport */ pages),
+  people: () => (/* reexport */ people),
+  print: () => (/* reexport */ print),
+  profile: () => (/* reexport */ profile),
+  registerAppButtonClickHandler: () => (/* reexport */ registerAppButtonClickHandler),
+  registerAppButtonHoverEnterHandler: () => (/* reexport */ registerAppButtonHoverEnterHandler),
+  registerAppButtonHoverLeaveHandler: () => (/* reexport */ registerAppButtonHoverLeaveHandler),
+  registerBackButtonHandler: () => (/* reexport */ registerBackButtonHandler),
+  registerBeforeUnloadHandler: () => (/* reexport */ registerBeforeUnloadHandler),
+  registerChangeSettingsHandler: () => (/* reexport */ registerChangeSettingsHandler),
+  registerCustomHandler: () => (/* reexport */ registerCustomHandler),
+  registerFocusEnterHandler: () => (/* reexport */ registerFocusEnterHandler),
+  registerFullScreenHandler: () => (/* reexport */ registerFullScreenHandler),
+  registerOnLoadHandler: () => (/* reexport */ registerOnLoadHandler),
+  registerOnThemeChangeHandler: () => (/* reexport */ registerOnThemeChangeHandler),
+  registerUserSettingsChangeHandler: () => (/* reexport */ registerUserSettingsChangeHandler),
+  remoteCamera: () => (/* reexport */ remoteCamera),
+  returnFocus: () => (/* reexport */ returnFocus),
+  search: () => (/* reexport */ search),
+  secondaryBrowser: () => (/* reexport */ secondaryBrowser),
+  sendCustomEvent: () => (/* reexport */ sendCustomEvent),
+  sendCustomMessage: () => (/* reexport */ sendCustomMessage),
+  setFrameContext: () => (/* reexport */ setFrameContext),
+  settings: () => (/* reexport */ settings),
+  shareDeepLink: () => (/* reexport */ shareDeepLink),
+  sharing: () => (/* reexport */ sharing),
+  stageView: () => (/* reexport */ stageView),
+  tasks: () => (/* reexport */ tasks),
+  teams: () => (/* reexport */ teams),
+  teamsCore: () => (/* reexport */ teamsCore),
+  uploadCustomApp: () => (/* reexport */ uploadCustomApp),
+  version: () => (/* reexport */ version),
+  videoEffects: () => (/* reexport */ videoEffects),
+  videoEffectsEx: () => (/* reexport */ videoEffectsEx),
+  webStorage: () => (/* reexport */ webStorage)
 });
 
 ;// CONCATENATED MODULE: ./src/internal/constants.ts
@@ -1028,6 +1028,8 @@ var validOrigins = [
     'www.officeppe.com',
     '*.www.microsoft365.com',
     'www.microsoft365.com',
+    'bing.com',
+    'edgeservices.bing.com',
 ];
 /**
  * @hidden
@@ -1971,11 +1973,16 @@ function isRuntimeInitialized(runtime) {
     }
 }
 var runtime = _uninitializedRuntime;
-var teamsRuntimeConfig = {
+var versionAndPlatformAgnosticTeamsRuntimeConfig = {
     apiVersion: 3,
     hostVersionsInfo: teamsMinAdaptiveCardVersion,
     isLegacyTeams: true,
     supports: {
+        app: {
+            lifecycle: {
+                caching: {},
+            },
+        },
         appInstallDialog: {},
         appEntity: {},
         call: {},
@@ -2088,7 +2095,7 @@ var upgradeChain = [
         },
     },
 ];
-var versionConstants = {
+var mapTeamsVersionToSupportedCapabilities = {
     '1.9.0': [
         {
             capability: { location: {} },
@@ -2136,33 +2143,33 @@ var generateBackCompatRuntimeConfigLogger = runtimeLogger.extend('generateBackCo
  * Limited to Microsoft-internal use
  *
  * Generates and returns a runtime configuration for host clients which are not on the latest host SDK version
- * and do not provide their own runtime config. Their supported capabilities are based on the highest
- * client SDK version that they can support.
+ * and do not provide their own runtime config (this is just older versions of Teams on some platforms).
+ * Their supported capabilities are based on the highest client SDK version that they can support.
  *
  * @param highestSupportedVersion - The highest client SDK version that the host client can support.
  * @returns runtime which describes the APIs supported by the legacy host client.
  */
-function generateBackCompatRuntimeConfig(highestSupportedVersion) {
+function generateVersionBasedTeamsRuntimeConfig(highestSupportedVersion) {
     generateBackCompatRuntimeConfigLogger('generating back compat runtime config for %s', highestSupportedVersion);
-    var newSupports = __assign({}, teamsRuntimeConfig.supports);
+    var newSupports = __assign({}, versionAndPlatformAgnosticTeamsRuntimeConfig.supports);
     generateBackCompatRuntimeConfigLogger('Supported capabilities in config before updating based on highestSupportedVersion: %o', newSupports);
-    Object.keys(versionConstants).forEach(function (versionNumber) {
+    Object.keys(mapTeamsVersionToSupportedCapabilities).forEach(function (versionNumber) {
         if (compareSDKVersions(highestSupportedVersion, versionNumber) >= 0) {
-            versionConstants[versionNumber].forEach(function (capabilityReqs) {
+            mapTeamsVersionToSupportedCapabilities[versionNumber].forEach(function (capabilityReqs) {
                 if (capabilityReqs.hostClientTypes.includes(GlobalVars.hostClientType)) {
                     newSupports = __assign(__assign({}, newSupports), capabilityReqs.capability);
                 }
             });
         }
     });
-    var backCompatRuntimeConfig = {
+    var teamsBackCompatRuntimeConfig = {
         apiVersion: latestRuntimeApiVersion,
         hostVersionsInfo: teamsMinAdaptiveCardVersion,
         isLegacyTeams: true,
         supports: newSupports,
     };
-    generateBackCompatRuntimeConfigLogger('Runtime config after updating based on highestSupportedVersion: %o', backCompatRuntimeConfig);
-    return backCompatRuntimeConfig;
+    generateBackCompatRuntimeConfigLogger('Runtime config after updating based on highestSupportedVersion: %o', teamsBackCompatRuntimeConfig);
+    return teamsBackCompatRuntimeConfig;
 }
 var applyRuntimeConfigLogger = runtimeLogger.extend('applyRuntimeConfig');
 function applyRuntimeConfig(runtimeConfig) {
@@ -2207,7 +2214,7 @@ var _minRuntimeConfigToUninitialize = {
  * @hidden
  *  Package version.
  */
-var version = "2.16.0-beta.0";
+var version = "2.16.0-beta.2";
 
 ;// CONCATENATED MODULE: ./src/internal/internalAPIs.ts
 
@@ -3536,7 +3543,7 @@ var app;
                             }
                             catch (e) {
                                 if (e instanceof SyntaxError) {
-                                    applyRuntimeConfig(generateBackCompatRuntimeConfig(GlobalVars.clientSupportedSDKVersion));
+                                    applyRuntimeConfig(generateVersionBasedTeamsRuntimeConfig(GlobalVars.clientSupportedSDKVersion));
                                 }
                                 else {
                                     throw e;
@@ -3674,6 +3681,66 @@ var app;
         });
     }
     app.openLink = openLink;
+    /**
+     * A namespace for enabling the suspension or delayed termination of an app when the user navigates away.
+     * When an app registers for the registerBeforeSuspendOrTerminateHandler, it chooses to delay termination.
+     * When an app registers for both registerBeforeSuspendOrTerminateHandler and registerOnResumeHandler, it chooses the suspension of the app .
+     * Please note that selecting suspension doesn't guarantee prevention of background termination.
+     * The outcome is influenced by factors such as available memory and the number of suspended apps.
+     *
+     * @beta
+     */
+    var lifecycle;
+    (function (lifecycle) {
+        /**
+         * Registers a handler to be called before the page is suspended or terminated. Once a user navigates away from an app,
+         * the handler will be invoked. App developers can use this handler to save unsaved data, pause sync calls etc.
+         *
+         * @param handler - The handler to invoke before the page is suspended or terminated. When invoked, app can perform tasks like cleanups, logging etc.
+         * Upon returning, the app will be suspended or terminated.
+         *
+         */
+        function registerBeforeSuspendOrTerminateHandler(handler) {
+            if (!handler) {
+                throw new Error('[app.lifecycle.registerBeforeSuspendOrTerminateHandler] Handler cannot be null');
+            }
+            if (!isSupported()) {
+                throw errorNotSupportedOnPlatform;
+            }
+            handlers_registerBeforeSuspendOrTerminateHandler(handler);
+        }
+        lifecycle.registerBeforeSuspendOrTerminateHandler = registerBeforeSuspendOrTerminateHandler;
+        /**
+         * Registers a handler to be called when the page has been requested to resume from being suspended.
+         *
+         * @param handler - The handler to invoke when the page is requested to be resumed. The app is supposed to navigate to
+         * the appropriate page using the ResumeContext. Once done, the app should then call {@link notifySuccess}.
+         *
+         * @beta
+         */
+        function registerOnResumeHandler(handler) {
+            if (!handler) {
+                throw new Error('[app.lifecycle.registerOnResumeHandler] Handler cannot be null');
+            }
+            if (!isSupported()) {
+                throw errorNotSupportedOnPlatform;
+            }
+            handlers_registerOnResumeHandler(handler);
+        }
+        lifecycle.registerOnResumeHandler = registerOnResumeHandler;
+        /**
+         * Checks if app.lifecycle is supported by the host.
+         * @returns boolean to represent whether the lifecycle capability is supported
+         * @throws Error if {@linkcode app.initialize} has not successfully completed
+         *
+         * @beta
+         */
+        function isSupported() {
+            var _a;
+            return ensureInitialized(runtime) && !!((_a = runtime.supports.app) === null || _a === void 0 ? void 0 : _a.lifecycle);
+        }
+        lifecycle.isSupported = isSupported;
+    })(lifecycle = app.lifecycle || (app.lifecycle = {}));
 })(app || (app = {}));
 /**
  * @hidden
@@ -4545,6 +4612,8 @@ var HandlersPrivate = /** @class */ (function () {
         HandlersPrivate.handlers['themeChange'] = handleThemeChange;
         HandlersPrivate.handlers['load'] = handleLoad;
         HandlersPrivate.handlers['beforeUnload'] = handleBeforeUnload;
+        HandlersPrivate.handlers['beforeSuspendOrTerminate'] = handleBeforeSuspendOrTerminate;
+        HandlersPrivate.handlers['resume'] = handleResume;
         pages.backStack._initialize();
     };
     /**
@@ -4557,6 +4626,8 @@ var HandlersPrivate = /** @class */ (function () {
         HandlersPrivate.themeChangeHandler = null;
         HandlersPrivate.loadHandler = null;
         HandlersPrivate.beforeUnloadHandler = null;
+        HandlersPrivate.beforeSuspendOrTerminateHandler = null;
+        HandlersPrivate.resumeHandler = null;
     };
     HandlersPrivate.handlers = {};
     return HandlersPrivate;
@@ -4668,6 +4739,8 @@ function handleThemeChange(theme) {
 /**
  * @internal
  * Limited to Microsoft-internal use
+ *
+ * @deprecated
  */
 function handlers_registerOnLoadHandler(handler) {
     HandlersPrivate.loadHandler = handler;
@@ -4676,6 +4749,8 @@ function handlers_registerOnLoadHandler(handler) {
 /**
  * @internal
  * Limited to Microsoft-internal use
+ *
+ * @deprecated
  */
 function handleLoad(context) {
     if (HandlersPrivate.loadHandler) {
@@ -4688,6 +4763,8 @@ function handleLoad(context) {
 /**
  * @internal
  * Limited to Microsoft-internal use
+ *
+ * @deprecated
  */
 function handlers_registerBeforeUnloadHandler(handler) {
     HandlersPrivate.beforeUnloadHandler = handler;
@@ -4696,6 +4773,8 @@ function handlers_registerBeforeUnloadHandler(handler) {
 /**
  * @internal
  * Limited to Microsoft-internal use
+ *
+ * @deprecated
  */
 function handleBeforeUnload() {
     var readyToUnload = function () {
@@ -4710,6 +4789,52 @@ function handleBeforeUnload() {
         }
     }
 }
+/**
+ * @internal
+ * Limited to Microsoft-internal use
+ */
+function handlers_registerBeforeSuspendOrTerminateHandler(handler) {
+    HandlersPrivate.beforeSuspendOrTerminateHandler = handler;
+    handler && sendMessageToParent('registerHandler', ['beforeSuspendOrTerminate']);
+}
+/**
+ * @internal
+ * Limited to Microsoft-internal use
+ */
+function handleBeforeSuspendOrTerminate() {
+    var readyToSuspendOrTerminate = function () {
+        sendMessageToParent('readyToSuspendOrTerminate', []);
+    };
+    if (HandlersPrivate.beforeSuspendOrTerminateHandler) {
+        HandlersPrivate.beforeSuspendOrTerminateHandler();
+    }
+    if (Communication.childWindow) {
+        sendMessageEventToChild('beforeSuspendOrTerminate');
+    }
+    else {
+        readyToSuspendOrTerminate();
+    }
+}
+/**
+ * @internal
+ * Limited to Microsoft-internal use
+ */
+function handlers_registerOnResumeHandler(handler) {
+    HandlersPrivate.loadHandler = handler;
+    handler && sendMessageToParent('registerHandler', ['resume']);
+}
+/**
+ * @internal
+ * Limited to Microsoft-internal use
+ */
+function handleResume(context) {
+    if (HandlersPrivate.loadHandler) {
+        HandlersPrivate.loadHandler(context);
+    }
+    if (Communication.childWindow) {
+        sendMessageEventToChild('resume', [context]);
+    }
+}
 
 ;// CONCATENATED MODULE: ./src/internal/communication.ts
 /* eslint-disable @typescript-eslint/ban-types */
@@ -7186,6 +7311,8 @@ var meeting_generator = (undefined && undefined.__generator) || function (thisAr
  * Interact with meetings, including retrieving meeting details, getting mic status, and sharing app content.
  * This namespace is used to handle meeting related functionality like
  * get meeting details, get/update state of mic, sharing app content and more.
+ *
+ * To learn more, visit https://aka.ms/teamsmeetingapps
  */
 var meeting;
 (function (meeting) {
@@ -7218,38 +7345,101 @@ var meeting;
         MeetingReactionType["surprised"] = "surprised";
         MeetingReactionType["applause"] = "applause";
     })(MeetingReactionType = meeting.MeetingReactionType || (meeting.MeetingReactionType = {}));
-    /** Represents the type of a meeting */
+    /**
+     * Represents the type of a meeting
+     *
+     * @hidden
+     * Hide from docs.
+     *
+     * @remarks
+     * Teams has several types of meetings to account for different user scenarios and requirements.
+     */
     var MeetingType;
     (function (MeetingType) {
-        /** Used when the meeting type is not known. */
+        /**
+         * Used when the meeting type is not known.
+         *
+         * @remarks
+         * This response is not an expected case.
+         */
         MeetingType["Unknown"] = "Unknown";
-        /** Used for ad hoc meetings that are created on the fly. */
+        /**
+         * Used for group call meeting types.
+         *
+         * @remarks
+         * To test this meeting type in Teams, start a chat with two or more users and click the "Call" button.
+         * Note that a group call may return as this or {@link CallType.GroupCall}. These two different response types should be considered as equal.
+         */
         MeetingType["Adhoc"] = "Adhoc";
-        /** Used for meetings that have been scheduled in advance. */
+        /**
+         * Used for single-occurrence meetings that have been scheduled in advance.
+         *
+         * @remarks
+         * To create a meeting of this type in Teams, press the "New meeting" button from the calendar and enter a meeting title.
+         * Before saving, ensure that the "Online Meeting" field is checked.
+         */
         MeetingType["Scheduled"] = "Scheduled";
-        /** Used for meetings that occur on a recurring basis. */
+        /**
+         * Used for meetings that occur on a recurring basis.
+         *
+         * @remarks
+         * To create a meeting of this type in Teams, press the "New meeting" button from the calendar, enter a meeting title, and then change the field labeled "Does not repeat" to some other value.
+         * Before saving, ensure that the "Online Meeting" field is checked.
+         */
         MeetingType["Recurring"] = "Recurring";
-        /** Used for live events or webinars. */
+        /**
+         * Used for webinars.
+         *
+         * @remarks
+         * Meeting apps are only supported for those in the "event group" of a webinar, which are those who'll be presenting and producing the webinar.
+         * To learn how to create a meeting of this type, visit https://aka.ms/teams/howto/webinars.
+         */
         MeetingType["Broadcast"] = "Broadcast";
-        /** Used for meetings that are created on the fly, but with a more polished experience than ad hoc meetings. */
+        /**
+         * Used for meet now meetings, which are meetings users create on the fly.
+         *
+         * @remarks
+         * To create a meeting of this type, click the "Meet now" button from the calendar in Teams or the "Teams call" button in Outlook.
+         */
         MeetingType["MeetNow"] = "MeetNow";
     })(MeetingType = meeting.MeetingType || (meeting.MeetingType = {}));
-    /** Represents the type of a call. */
+    /**
+     * Represents the type of a call.
+     *
+     * @hidden
+     * Hide from docs.
+     */
     var CallType;
     (function (CallType) {
-        /** Represents a call between two people. */
+        /**
+         * Represents a call between two people.
+         *
+         * @remarks
+         * To test this feature, start a chat with one other user and click the "Call" button.
+         */
         CallType["OneOnOneCall"] = "oneOnOneCall";
-        /** Represents a call between more than two people. */
+        /**
+         * Represents a call between more than two people.
+         *
+         * @remarks
+         * To test this meeting type in Teams, start a chat with two or more users and click the "Call" button.
+         * Note that a group call may return as this or {@link MeetingType.Adhoc}. These two different response types should be considered as equal.
+         */
         CallType["GroupCall"] = "groupCall";
     })(CallType = meeting.CallType || (meeting.CallType = {}));
     /**
-     * Allows an app to get the incoming audio speaker setting for the meeting user
+     * Allows an app to get the incoming audio speaker setting for the meeting user.
+     * To learn more, visit https://aka.ms/teamsjs/getIncomingClientAudioState
      *
-     * @param callback - Callback contains 2 parameters, error and result.
+     * @remarks
+     * Use {@link toggleIncomingClientAudio} to toggle the current audio state.
+     * For private scheduled meetings, meet now, or calls, include the `OnlineMeetingParticipant.ToggleIncomingAudio.Chat` RSC permission in your app manifest.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
+     * This API can only be used in the `sidePanel` and `meetingStage` frame contexts.
      *
-     * error can either contain an error of type SdkError, incase of an error, or null when fetch is successful
-     * result can either contain the true/false value, incase of a successful fetch or null when the fetching fails
-     * result: True means incoming audio is muted and false means incoming audio is unmuted
+     * @param callback - Callback contains 2 parameters, `error` and `result`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when fetch is successful.
+     * `result` will be true when incoming audio is muted and false when incoming audio is unmuted, or null when the request fails.
      */
     function getIncomingClientAudioState(callback) {
         if (!callback) {
@@ -7260,12 +7450,18 @@ var meeting;
     }
     meeting.getIncomingClientAudioState = getIncomingClientAudioState;
     /**
-     * Allows an app to toggle the incoming audio speaker setting for the meeting user from mute to unmute or vice-versa
+     * Allows an app to toggle the incoming audio speaker setting for the meeting user from mute to unmute or vice-versa.
+     * To learn more, visit https://aka.ms/teamsjs/toggleIncomingClientAudio
      *
-     * @param callback - Callback contains 2 parameters, error and result.
-     * error can either contain an error of type SdkError, incase of an error, or null when toggle is successful
-     * result can either contain the true/false value, incase of a successful toggle or null when the toggling fails
-     * result: True means incoming audio is muted and false means incoming audio is unmuted
+     * @remarks
+     * Use {@link getIncomingClientAudioState} to get the current audio state.
+     * For private scheduled meetings, meet now, or calls, include the `OnlineMeetingParticipant.ToggleIncomingAudio.Chat` RSC permission in your app manifest.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
+     * This API can only be used in the `sidePanel` and `meetingStage` frame contexts.
+     *
+     * @param callback - Callback contains 2 parameters, `error` and `result`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when toggle is successful.
+     * `result` will be true when incoming audio is muted and false when incoming audio is unmuted, or null when the toggling fails.
      */
     function toggleIncomingClientAudio(callback) {
         if (!callback) {
@@ -7279,9 +7475,9 @@ var meeting;
      * @hidden
      * Allows an app to get the meeting details for the meeting
      *
-     * @param callback - Callback contains 2 parameters, error and meetingDetailsResponse.
-     * error can either contain an error of type SdkError, incase of an error, or null when get is successful
-     * result can either contain a IMeetingDetailsResponse value, in case of a successful get or null when the get fails
+     * @param callback - Callback contains 2 parameters, `error` and `meetingDetailsResponse`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when get is successful
+     * `result` can either contain a {@link IMeetingDetailsResponse} value, in case of a successful get or null when the get fails
      *
      * @internal
      * Limited to Microsoft-internal use
@@ -7298,9 +7494,9 @@ var meeting;
      * @hidden
      * Allows an app to get the authentication token for the anonymous or guest user in the meeting
      *
-     * @param callback - Callback contains 2 parameters, error and authenticationTokenOfAnonymousUser.
-     * error can either contain an error of type SdkError, incase of an error, or null when get is successful
-     * authenticationTokenOfAnonymousUser can either contain a string value, incase of a successful get or null when the get fails
+     * @param callback - Callback contains 2 parameters, `error` and `authenticationTokenOfAnonymousUser`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when get is successful
+     * `authenticationTokenOfAnonymousUser` can either contain a string value, in case of a successful get or null when the get fails
      *
      * @internal
      * Limited to Microsoft-internal use
@@ -7314,11 +7510,17 @@ var meeting;
     }
     meeting.getAuthenticationTokenForAnonymousUser = getAuthenticationTokenForAnonymousUser;
     /**
-     * Allows an app to get the state of the live stream in the current meeting
+     * Allows an app to get the state of the outgoing live stream in the current meeting.
+     *
+     * @remarks
+     * Use {@link requestStartLiveStreaming} or {@link requestStopLiveStreaming} to start/stop a live stream.
+     * This API can only be used in the `sidePanel` frame context.
+     * The `meetingExtensionDefinition.supportsStreaming` field in your app manifest must be `true` to use this API.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/meetingExtensionDefinition.
      *
-     * @param callback - Callback contains 2 parameters: error and liveStreamState.
-     * error can either contain an error of type SdkError, in case of an error, or null when get is successful
-     * liveStreamState can either contain a LiveStreamState value, or null when operation fails
+     * @param callback - Callback contains 2 parameters: `error` and `liveStreamState`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when the request is successful
+     * `liveStreamState` can either contain a `LiveStreamState` value, or null when operation fails
      */
     function getLiveStreamState(callback) {
         if (!callback) {
@@ -7329,14 +7531,20 @@ var meeting;
     }
     meeting.getLiveStreamState = getLiveStreamState;
     /**
-     * Allows an app to request the live streaming be started at the given streaming url
+     * Allows an app to ask the local user to begin live streaming the current meeting to the given Real-Time Messaging Protocol (RTMP) stream url.
+     * A confirmation dialog will be shown to the local user with options to "Allow" or "Cancel" this request.
      *
      * @remarks
-     * Use getLiveStreamState or registerLiveStreamChangedHandler to get updates on the live stream state
+     * Meeting content (e.g., user video, screenshare, audio, etc.) can be externally streamed to any platform that supports the popular RTMP standard.
+     * Content broadcasted through RTMP is automatically formatted and cannot be customized.
+     * Use {@link getLiveStreamState} or {@link registerLiveStreamChangedHandler} to get updates on the live stream state.
+     * This API can only be used in the `sidePanel` frame context.
+     * The `meetingExtensionDefinition.supportsStreaming` field in your app manifest must be `true` to use this API.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/meetingExtensionDefinition.
      *
-     * @param streamUrl - the url to the stream resource
-     * @param streamKey - the key to the stream resource
-     * @param callback - Callback contains error parameter which can be of type SdkError in case of an error, or null when operation is successful
+     * @param callback - completion callback that contains an `error` parameter, which can be of type `SdkError` in case of an error, or null when operation is successful
+     * @param streamUrl - the url to the RTMP stream resource
+     * @param streamKey - the key to the RTMP stream resource
      */
     function requestStartLiveStreaming(callback, streamUrl, streamKey) {
         if (!callback) {
@@ -7347,12 +7555,15 @@ var meeting;
     }
     meeting.requestStartLiveStreaming = requestStartLiveStreaming;
     /**
-     * Allows an app to request the live streaming be stopped at the given streaming url
+     * Allows an app to request that live streaming be stopped.
      *
      * @remarks
-     * Use getLiveStreamState or registerLiveStreamChangedHandler to get updates on the live stream state
+     * Use {@link getLiveStreamState} or {@link registerLiveStreamChangedHandler} to get updates on the live stream state.
+     * This API can only be used in the `sidePanel` frame context.
+     * The `meetingExtensionDefinition.supportsStreaming` field in your app manifest must be `true` to use this API.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/meetingExtensionDefinition.
      *
-     * @param callback - Callback contains error parameter which can be of type SdkError in case of an error, or null when operation is successful
+     * @param callback - completion callback that contains an error parameter, which can be of type `SdkError` in case of an error, or null when operation is successful
      */
     function requestStopLiveStreaming(callback) {
         if (!callback) {
@@ -7363,10 +7574,14 @@ var meeting;
     }
     meeting.requestStopLiveStreaming = requestStopLiveStreaming;
     /**
-     * Registers a handler for changes to the live stream.
+     * Registers an event handler for state changes to the live stream.
      *
      * @remarks
      * Only one handler can be registered at a time. A subsequent registration replaces an existing registration.
+     * Use {@link requestStartLiveStreaming} or {@link requestStopLiveStreaming} to start/stop a live stream.
+     * This API can only be used in the `sidePanel` frame context.
+     * The `meetingExtensionDefinition.supportsStreaming` field in your app manifest must be `true` to use this API.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/meetingExtensionDefinition.
      *
      * @param handler - The handler to invoke when the live stream state changes
      */
@@ -7379,12 +7594,22 @@ var meeting;
     }
     meeting.registerLiveStreamChangedHandler = registerLiveStreamChangedHandler;
     /**
-     * Allows an app to share contents in the meeting
+     * Allows an app to share a given URL to the meeting stage for all users in the meeting.
+     * To learn more, visit https://aka.ms/teamsjs/shareAppContentToStage
      *
-     * @param callback - Callback contains 2 parameters, error and result.
-     * error can either contain an error of type SdkError, incase of an error, or null when share is successful
-     * result can either contain a true value, incase of a successful share or null when the share fails
-     * @param appContentUrl - is the input URL which needs to be shared on to the stage
+     * @remarks
+     * This API can only be used in the `sidePanel` and `meetingStage` frame contexts.
+     * For private scheduled meetings, meet now, or calls, include the `MeetingStage.Write.Chat` RSC permission in your app manifest.
+     * For channel meetings, include the `ChannelMeetingStage.Write.Group` RSC permission in your app manifest.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
+     * Use {@link getAppContentStageSharingCapabilities} to determine if the local user is eligible to use this API.
+     * Use {@link getAppContentStageSharingState} to determine whether app content is already being shared to the meeting stage.
+     *
+     * @param callback - Callback contains 2 parameters, `error` and `result`.
+     * `error` can either contain an error of type `SdkError`, in case of an error, or null when share is successful
+     * `result` can either contain a true value, in case of a successful share or null when the share fails
+     * @param appContentUrl - is the input URL to be shared to the meeting stage.
+     * the URL origin must be included in your app manifest's `validDomains` field.
      */
     function shareAppContentToStage(callback, appContentUrl) {
         if (!callback) {
@@ -7395,12 +7620,21 @@ var meeting;
     }
     meeting.shareAppContentToStage = shareAppContentToStage;
     /**
-     * Provides information related app's in-meeting sharing capabilities
+     * Allows an app to request whether the local user's app version has the required app manifest permissions to share content to meeting stage.
+     * To learn more, visit https://aka.ms/teamsjs/getAppContentStageSharingCapabilities
      *
-     * @param callback - Callback contains 2 parameters, error and result.
-     * error can either contain an error of type SdkError (error indication), or null (non-error indication)
-     * appContentStageSharingCapabilities can either contain an IAppContentStageSharingCapabilities object
-     * (indication of successful retrieval), or null (indication of failed retrieval)
+     * @remarks
+     * If you are updating your published app to include the share to stage feature, you can use this API to prompt users to update their app if they are using an older version.
+     * Your app's `configurableTabs` or `staticTabs` entry's `context` array must include `meetingStage` for `doesAppHaveSharePermission` to be `true` in the `callback` response.
+     *
+     * @throws error if API is being used outside of `sidePanel` or `meetingStage` frame contexts.
+     * @throws error if your app manifest does not include the `MeetingStage.Write.Chat` RSC permission in your app manifest in a private scheduled meeting, meet now, or call --
+     * or if it does not include the `ChannelMeetingStage.Write.Group` RSC permission in your app manifest in a channel meeting.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
+     *
+     * @param callback - Completion callback contains 2 parameters: `error` and `appContentStageSharingCapabilities`.
+     * `error` can either contain an error of type `SdkError` (error indication), or null (non-error indication).
+     * `appContentStageSharingCapabilities` will contain an {@link IAppContentStageSharingCapabilities} object if the request succeeds, or null if it failed.
      */
     function getAppContentStageSharingCapabilities(callback) {
         if (!callback) {
@@ -7428,12 +7662,18 @@ var meeting;
     }
     meeting.stopSharingAppContentToStage = stopSharingAppContentToStage;
     /**
-     * Provides information related to current stage sharing state for app
+     * Provides information related to current stage sharing state for your app.
+     * To learn more, visit https://aka.ms/teamsjs/getAppContentStageSharingState
      *
-     * @param callback - Callback contains 2 parameters, error and result.
+     * @remarks
+     * This API can only be used in the `sidePanel` and `meetingStage` frame contexts.
+     * For private scheduled meetings, meet now, or calls, include the `MeetingStage.Write.Chat` RSC permission in your app manifest.
+     * For channel meetings, include the `ChannelMeetingStage.Write.Group` RSC permission in your app manifest.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
+     *
+     * @param callback - Callback contains 2 parameters, `error` and `appContentStageSharingState`.
      * error can either contain an error of type SdkError (error indication), or null (non-error indication)
-     * appContentStageSharingState can either contain an IAppContentStageSharingState object
-     * (indication of successful retrieval), or null (indication of failed retrieval)
+     * `appContentStageSharingState` can either contain an `IAppContentStageSharingState` object if the request succeeds, or null if it failed
      */
     function getAppContentStageSharingState(callback) {
         if (!callback) {
@@ -7444,9 +7684,17 @@ var meeting;
     }
     meeting.getAppContentStageSharingState = getAppContentStageSharingState;
     /**
-     * Registers a handler for changes to paticipant speaking states. This API returns {@link ISpeakingState}, which will have isSpeakingDetected
-     * and/or an error object. If any participant is speaking, isSpeakingDetected will be true. If no participants are speaking, isSpeakingDetected
-     * will be false. Default value is false. Only one handler can be registered at a time. A subsequent registration replaces an existing registration.
+     * Registers a handler for changes to participant speaking states.
+     * To learn more, visit https://aka.ms/teamsjs/registerSpeakingStateChangeHandler
+     *
+     * @remarks
+     * This API returns {@link ISpeakingState}, which will have `isSpeakingDetected` and/or an error object.
+     * If any participant is speaking, `isSpeakingDetected` will be true, or false if no participants are speaking.
+     * Only one handler can be registered at a time. Subsequent registrations replace existing registrations.
+     * This API can only be used in the `sidePanel` and `meetingStage` frame contexts.
+     * For private scheduled meetings, meet now, or calls, include the `OnlineMeetingIncomingAudio.Detect.Chat` RSC permission in your app manifest.
+     * For channel meetings, include the `OnlineMeetingIncomingAudio.Detect.Group` RSC permission in your app manifest.
+     * Find the app manifest reference at https://aka.ms/teamsAppManifest/authorization.
      *
      * @param handler The handler to invoke when the speaking state of any participant changes (start/stop speaking).
      */
@@ -7507,6 +7755,12 @@ var meeting;
     /**
      * Nested namespace for functions to control behavior of the app share button
      *
+     * @hidden
+     * Hide from docs.
+     *
+     * @internal
+     * Limited to Microsoft-internal use
+     *
      * @beta
      */
     var appShareButton;
@@ -7519,6 +7773,13 @@ var meeting;
          * @throws standard Invalid Url error
          * @param shareInformation has two elements, one isVisible boolean flag and another
          * optional string contentUrl, which will override contentUrl coming from Manifest
+         *
+         * @hidden
+         * Hide from docs.
+         *
+         * @internal
+         * Limited to Microsoft-internal use
+         *
          * @beta
          */
         function setOptions(shareInformation) {
@@ -7881,6 +8142,9 @@ var teamsCore;
      *
      * @param handler - The handler to invoke when the page is loaded.
      *
+     * @deprecated
+     * As of 2.14.1, please use {@link app.lifecycle.registerOnResumeHandler} instead.
+     *
      * @beta
      */
     function registerOnLoadHandler(handler) {
@@ -7900,6 +8164,8 @@ var teamsCore;
      *
      * @param handler - The handler to invoke when the page is loaded.
      * @param versionSpecificHelper - The helper function containing logic pertaining to a specific version of the API.
+     *
+     * @deprecated
      */
     function registerOnLoadHandlerHelper(handler, versionSpecificHelper) {
         // allow for registration cleanup even when not finished initializing
@@ -7919,6 +8185,7 @@ var teamsCore;
      * @param handler - The handler to invoke before the page is unloaded. If this handler returns true the page should
      * invoke the readyToUnload function provided to it once it's ready to be unloaded.
      *
+     * @deprecated
      * @beta
      */
     function registerBeforeUnloadHandler(handler) {
@@ -7939,6 +8206,8 @@ var teamsCore;
      * @param handler - - The handler to invoke before the page is unloaded. If this handler returns true the page should
      * invoke the readyToUnload function provided to it once it's ready to be unloaded.
      * @param versionSpecificHelper - The helper function containing logic pertaining to a specific version of the API.
+     *
+     * @deprecated
      */
     function registerBeforeUnloadHandlerHelper(handler, versionSpecificHelper) {
         // allow for registration cleanup even when not finished initializing
@@ -8148,311 +8417,43 @@ var profile;
     profile.isSupported = isSupported;
 })(profile || (profile = {}));
 
-;// CONCATENATED MODULE: ./src/internal/videoFrameTick.ts
-
-var VideoFrameTick = /** @class */ (function () {
-    function VideoFrameTick() {
-    }
-    VideoFrameTick.setTimeout = function (callback, timeoutInMs) {
-        var startedAtInMs = performance.now();
-        var id = generateGUID();
-        VideoFrameTick.setTimeoutCallbacks[id] = {
-            callback: callback,
-            timeoutInMs: timeoutInMs,
-            startedAtInMs: startedAtInMs,
-        };
-        return id;
-    };
-    VideoFrameTick.clearTimeout = function (id) {
-        delete VideoFrameTick.setTimeoutCallbacks[id];
-    };
-    VideoFrameTick.setInterval = function (callback, intervalInMs) {
-        VideoFrameTick.setTimeout(function next() {
-            callback();
-            VideoFrameTick.setTimeout(next, intervalInMs);
-        }, intervalInMs);
-    };
-    /**
-     * Call this function whenever a frame comes in, it will check if any timeout is due and call the callback
-     */
-    VideoFrameTick.tick = function () {
-        var now = performance.now();
-        var timeoutIds = [];
-        // find all the timeouts that are due,
-        // not to invoke them in the loop to avoid modifying the collection while iterating
-        for (var key in VideoFrameTick.setTimeoutCallbacks) {
-            var callback = VideoFrameTick.setTimeoutCallbacks[key];
-            var start = callback.startedAtInMs;
-            if (now - start >= callback.timeoutInMs) {
-                timeoutIds.push(key);
+;// CONCATENATED MODULE: ./src/internal/videoEffectsUtils.ts
+var videoEffectsUtils_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var videoEffectsUtils_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
             }
-        }
-        // invoke the callbacks
-        for (var _i = 0, timeoutIds_1 = timeoutIds; _i < timeoutIds_1.length; _i++) {
-            var id = timeoutIds_1[_i];
-            var callback = VideoFrameTick.setTimeoutCallbacks[id];
-            callback.callback();
-            delete VideoFrameTick.setTimeoutCallbacks[id];
-        }
-    };
-    VideoFrameTick.setTimeoutCallbacks = {};
-    return VideoFrameTick;
-}());
-
-
-;// CONCATENATED MODULE: ./src/internal/videoPerformanceStatistics.ts
-
-var VideoPerformanceStatistics = /** @class */ (function () {
-    function VideoPerformanceStatistics(distributionBinSize, 
-    /**
-     * Function to report the statistics result
-     */
-    reportStatisticsResult) {
-        this.reportStatisticsResult = reportStatisticsResult;
-        this.sampleCount = 0;
-        this.distributionBins = new Uint32Array(distributionBinSize);
-    }
-    /**
-     * Call this function before processing every frame
-     */
-    VideoPerformanceStatistics.prototype.processStarts = function (effectId, frameWidth, frameHeight, effectParam) {
-        VideoFrameTick.tick();
-        if (!this.suitableForThisSession(effectId, frameWidth, frameHeight, effectParam)) {
-            this.reportAndResetSession(this.getStatistics(), effectId, effectParam, frameWidth, frameHeight);
-        }
-        this.start();
-    };
-    VideoPerformanceStatistics.prototype.processEnds = function () {
-        // calculate duration of the process and record it
-        var durationInMillisecond = performance.now() - this.frameProcessingStartedAt;
-        var binIndex = Math.floor(Math.max(0, Math.min(this.distributionBins.length - 1, durationInMillisecond)));
-        this.distributionBins[binIndex] += 1;
-        this.sampleCount += 1;
-    };
-    VideoPerformanceStatistics.prototype.getStatistics = function () {
-        if (!this.currentSession) {
-            return null;
-        }
-        return {
-            effectId: this.currentSession.effectId,
-            effectParam: this.currentSession.effectParam,
-            frameHeight: this.currentSession.frameHeight,
-            frameWidth: this.currentSession.frameWidth,
-            duration: performance.now() - this.currentSession.startedAtInMs,
-            sampleCount: this.sampleCount,
-            distributionBins: this.distributionBins.slice(),
-        };
-    };
-    VideoPerformanceStatistics.prototype.start = function () {
-        this.frameProcessingStartedAt = performance.now();
-    };
-    VideoPerformanceStatistics.prototype.suitableForThisSession = function (effectId, frameWidth, frameHeight, effectParam) {
-        return (this.currentSession &&
-            this.currentSession.effectId === effectId &&
-            this.currentSession.effectParam === effectParam &&
-            this.currentSession.frameWidth === frameWidth &&
-            this.currentSession.frameHeight === frameHeight);
-    };
-    VideoPerformanceStatistics.prototype.reportAndResetSession = function (result, effectId, effectParam, frameWidth, frameHeight) {
-        var _this = this;
-        result && this.reportStatisticsResult(result);
-        this.resetCurrentSession(this.getNextTimeout(effectId, this.currentSession), effectId, effectParam, frameWidth, frameHeight);
-        if (this.timeoutId) {
-            VideoFrameTick.clearTimeout(this.timeoutId);
-        }
-        this.timeoutId = VideoFrameTick.setTimeout((function () { return _this.reportAndResetSession(_this.getStatistics(), effectId, effectParam, frameWidth, frameHeight); }).bind(this), this.currentSession.timeoutInMs);
-    };
-    VideoPerformanceStatistics.prototype.resetCurrentSession = function (timeoutInMs, effectId, effectParam, frameWidth, frameHeight) {
-        this.currentSession = {
-            startedAtInMs: performance.now(),
-            timeoutInMs: timeoutInMs,
-            effectId: effectId,
-            effectParam: effectParam,
-            frameWidth: frameWidth,
-            frameHeight: frameHeight,
-        };
-        this.sampleCount = 0;
-        this.distributionBins.fill(0);
-    };
-    // send the statistics result every n second, where n starts from 1, 2, 4...and finally stays at every 30 seconds.
-    VideoPerformanceStatistics.prototype.getNextTimeout = function (effectId, currentSession) {
-        // only reset timeout when new session or effect changed
-        if (!currentSession || currentSession.effectId !== effectId) {
-            return VideoPerformanceStatistics.initialSessionTimeoutInMs;
-        }
-        return Math.min(VideoPerformanceStatistics.maxSessionTimeoutInMs, currentSession.timeoutInMs * 2);
-    };
-    VideoPerformanceStatistics.initialSessionTimeoutInMs = 1000;
-    VideoPerformanceStatistics.maxSessionTimeoutInMs = 1000 * 30;
-    return VideoPerformanceStatistics;
-}());
-
-
-;// CONCATENATED MODULE: ./src/internal/videoPerformanceMonitor.ts
-
-
-/**
- * This class is used to monitor the performance of video processing, and report performance events.
- */
-var VideoPerformanceMonitor = /** @class */ (function () {
-    function VideoPerformanceMonitor(reportPerformanceEvent) {
-        var _this = this;
-        this.reportPerformanceEvent = reportPerformanceEvent;
-        this.isFirstFrameProcessed = false;
-        this.frameProcessTimeLimit = 100;
-        this.frameProcessingStartedAt = 0;
-        this.frameProcessingTimeCost = 0;
-        this.processedFrameCount = 0;
-        this.performanceStatistics = new VideoPerformanceStatistics(VideoPerformanceMonitor.distributionBinSize, function (result) {
-            return _this.reportPerformanceEvent('video.performance.performanceDataGenerated', [result]);
-        });
-    }
-    /**
-     * Start to check frame processing time intervally
-     * and report performance event if the average frame processing time is too long.
-     */
-    VideoPerformanceMonitor.prototype.startMonitorSlowFrameProcessing = function () {
-        var _this = this;
-        VideoFrameTick.setInterval(function () {
-            if (_this.processedFrameCount === 0) {
-                return;
-            }
-            var averageFrameProcessingTime = _this.frameProcessingTimeCost / _this.processedFrameCount;
-            if (averageFrameProcessingTime > _this.frameProcessTimeLimit) {
-                _this.reportPerformanceEvent('video.performance.frameProcessingSlow', [averageFrameProcessingTime]);
-            }
-            _this.frameProcessingTimeCost = 0;
-            _this.processedFrameCount = 0;
-        }, VideoPerformanceMonitor.calculateFPSInterval);
-    };
-    /**
-     * Define the time limit of frame processing.
-     * When the average frame processing time is longer than the time limit, a "video.performance.frameProcessingSlow" event will be reported.
-     * @param timeLimit
-     */
-    VideoPerformanceMonitor.prototype.setFrameProcessTimeLimit = function (timeLimit) {
-        this.frameProcessTimeLimit = timeLimit;
-    };
-    /**
-     * Call this function when the app starts to switch to the new video effect
-     */
-    VideoPerformanceMonitor.prototype.reportApplyingVideoEffect = function (effectId, effectParam) {
-        var _a, _b;
-        if (((_a = this.applyingEffect) === null || _a === void 0 ? void 0 : _a.effectId) === effectId && ((_b = this.applyingEffect) === null || _b === void 0 ? void 0 : _b.effectParam) === effectParam) {
-            return;
-        }
-        this.applyingEffect = {
-            effectId: effectId,
-            effectParam: effectParam,
-        };
-        this.appliedEffect = undefined;
-    };
-    /**
-     * Call this function when the new video effect is ready
-     */
-    VideoPerformanceMonitor.prototype.reportVideoEffectChanged = function (effectId, effectParam) {
-        if (this.applyingEffect === undefined ||
-            (this.applyingEffect.effectId !== effectId && this.applyingEffect.effectParam !== effectParam)) {
-            // don't handle obsoleted event
-            return;
-        }
-        this.appliedEffect = {
-            effectId: effectId,
-            effectParam: effectParam,
-        };
-        this.applyingEffect = undefined;
-        this.isFirstFrameProcessed = false;
-    };
-    /**
-     * Call this function when the app starts to process a video frame
-     */
-    VideoPerformanceMonitor.prototype.reportStartFrameProcessing = function (frameWidth, frameHeight) {
-        VideoFrameTick.tick();
-        if (!this.appliedEffect) {
-            return;
-        }
-        this.frameProcessingStartedAt = performance.now();
-        this.performanceStatistics.processStarts(this.appliedEffect.effectId, frameWidth, frameHeight, this.appliedEffect.effectParam);
-    };
-    /**
-     * Call this function when the app finishes successfully processing a video frame
-     */
-    VideoPerformanceMonitor.prototype.reportFrameProcessed = function () {
-        var _a;
-        if (!this.appliedEffect) {
-            return;
-        }
-        this.processedFrameCount++;
-        this.frameProcessingTimeCost += performance.now() - this.frameProcessingStartedAt;
-        this.performanceStatistics.processEnds();
-        if (!this.isFirstFrameProcessed) {
-            this.isFirstFrameProcessed = true;
-            this.reportPerformanceEvent('video.performance.firstFrameProcessed', [
-                Date.now(),
-                this.appliedEffect.effectId,
-                (_a = this.appliedEffect) === null || _a === void 0 ? void 0 : _a.effectParam,
-            ]);
-        }
-    };
-    /**
-     * Call this function when the app starts to get the texture stream
-     */
-    VideoPerformanceMonitor.prototype.reportGettingTextureStream = function (streamId) {
-        this.gettingTextureStreamStartedAt = performance.now();
-        this.currentStreamId = streamId;
-    };
-    /**
-     * Call this function when the app finishes successfully getting the texture stream
-     */
-    VideoPerformanceMonitor.prototype.reportTextureStreamAcquired = function () {
-        if (this.gettingTextureStreamStartedAt !== undefined) {
-            var timeTaken = performance.now() - this.gettingTextureStreamStartedAt;
-            this.reportPerformanceEvent('video.performance.textureStreamAcquired', [this.currentStreamId, timeTaken]);
-        }
-    };
-    VideoPerformanceMonitor.distributionBinSize = 1000;
-    VideoPerformanceMonitor.calculateFPSInterval = 1000;
-    return VideoPerformanceMonitor;
-}());
-
-
-;// CONCATENATED MODULE: ./src/internal/videoUtils.ts
-var videoUtils_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var videoUtils_generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 
 
 
@@ -8464,9 +8465,9 @@ var videoUtils_generator = (undefined && undefined.__generator) || function (thi
  */
 function processMediaStream(streamId, videoFrameHandler, notifyError, videoPerformanceMonitor) {
     var _a, _b;
-    return videoUtils_awaiter(this, void 0, void 0, function () {
+    return videoEffectsUtils_awaiter(this, void 0, void 0, function () {
         var generator, _c;
-        return videoUtils_generator(this, function (_d) {
+        return videoEffectsUtils_generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
                     generator = createProcessedStreamGeneratorWithoutSource();
@@ -8491,9 +8492,9 @@ function processMediaStream(streamId, videoFrameHandler, notifyError, videoPerfo
  */
 function processMediaStreamWithMetadata(streamId, videoFrameHandler, notifyError, videoPerformanceMonitor) {
     var _a, _b;
-    return videoUtils_awaiter(this, void 0, void 0, function () {
+    return videoEffectsUtils_awaiter(this, void 0, void 0, function () {
         var generator, _c;
-        return videoUtils_generator(this, function (_d) {
+        return videoEffectsUtils_generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
                     generator = createProcessedStreamGeneratorWithoutSource();
@@ -8512,9 +8513,9 @@ function processMediaStreamWithMetadata(streamId, videoFrameHandler, notifyError
  * Get the video track from the media stream gotten from chrome.webview.getTextureStream(streamId).
  */
 function getInputVideoTrack(streamId, notifyError, videoPerformanceMonitor) {
-    return videoUtils_awaiter(this, void 0, void 0, function () {
+    return videoEffectsUtils_awaiter(this, void 0, void 0, function () {
         var chrome, mediaStream, tracks, error_1, errorMsg;
-        return videoUtils_generator(this, function (_a) {
+        return videoEffectsUtils_generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     if (inServerSideRenderingEnvironment()) {
@@ -8584,9 +8585,9 @@ var DefaultTransformer = /** @class */ (function () {
         var _this = this;
         this.notifyError = notifyError;
         this.videoFrameHandler = videoFrameHandler;
-        this.transform = function (originalFrame, controller) { return videoUtils_awaiter(_this, void 0, void 0, function () {
+        this.transform = function (originalFrame, controller) { return videoEffectsUtils_awaiter(_this, void 0, void 0, function () {
             var timestamp, frameProcessedByApp, processedFrame, error_2;
-            return videoUtils_generator(this, function (_a) {
+            return videoEffectsUtils_generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         timestamp = originalFrame.timestamp;
@@ -8746,9 +8747,9 @@ var TransformerWithMetadata = /** @class */ (function () {
         this.notifyError = notifyError;
         this.videoFrameHandler = videoFrameHandler;
         this.shouldDiscardAudioInferenceResult = false;
-        this.transform = function (originalFrame, controller) { return videoUtils_awaiter(_this, void 0, void 0, function () {
+        this.transform = function (originalFrame, controller) { return videoEffectsUtils_awaiter(_this, void 0, void 0, function () {
             var timestamp, _a, videoFrame, _b, _c, audioInferenceResult, frameProcessedByApp, processedFrame, error_3;
-            return videoUtils_generator(this, function (_d) {
+            return videoEffectsUtils_generator(this, function (_d) {
                 switch (_d.label) {
                     case 0:
                         timestamp = originalFrame.timestamp;
@@ -8809,9 +8810,9 @@ var TransformerWithMetadata = /** @class */ (function () {
          * @internal
          * Limited to Microsoft-internal use
          */
-        this.extractVideoFrameAndMetadata = function (texture) { return videoUtils_awaiter(_this, void 0, void 0, function () {
+        this.extractVideoFrameAndMetadata = function (texture) { return videoEffectsUtils_awaiter(_this, void 0, void 0, function () {
             var headerRect, headerBuffer, header, metadataRect, metadataBuffer, metadata;
-            return videoUtils_generator(this, function (_a) {
+            return videoEffectsUtils_generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         if (inServerSideRenderingEnvironment()) {
@@ -8874,15 +8875,283 @@ function createEffectParameterChangeCallback(callback, videoPerformanceMonitor)
             sendMessageToParent('video.videoEffectReadiness', [true, effectId, undefined, effectParam]);
         })
             .catch(function (reason) {
-            var validReason = reason in video.EffectFailureReason ? reason : video.EffectFailureReason.InitializationFailure;
+            var validReason = reason in videoEffects.EffectFailureReason ? reason : videoEffects.EffectFailureReason.InitializationFailure;
             sendMessageToParent('video.videoEffectReadiness', [false, effectId, validReason, effectParam]);
         });
     };
 }
 
-;// CONCATENATED MODULE: ./src/public/video.ts
-var video_assign = (undefined && undefined.__assign) || function () {
-    video_assign = Object.assign || function(t) {
+;// CONCATENATED MODULE: ./src/internal/videoFrameTick.ts
+
+var VideoFrameTick = /** @class */ (function () {
+    function VideoFrameTick() {
+    }
+    VideoFrameTick.setTimeout = function (callback, timeoutInMs) {
+        var startedAtInMs = performance.now();
+        var id = generateGUID();
+        VideoFrameTick.setTimeoutCallbacks[id] = {
+            callback: callback,
+            timeoutInMs: timeoutInMs,
+            startedAtInMs: startedAtInMs,
+        };
+        return id;
+    };
+    VideoFrameTick.clearTimeout = function (id) {
+        delete VideoFrameTick.setTimeoutCallbacks[id];
+    };
+    VideoFrameTick.setInterval = function (callback, intervalInMs) {
+        VideoFrameTick.setTimeout(function next() {
+            callback();
+            VideoFrameTick.setTimeout(next, intervalInMs);
+        }, intervalInMs);
+    };
+    /**
+     * Call this function whenever a frame comes in, it will check if any timeout is due and call the callback
+     */
+    VideoFrameTick.tick = function () {
+        var now = performance.now();
+        var timeoutIds = [];
+        // find all the timeouts that are due,
+        // not to invoke them in the loop to avoid modifying the collection while iterating
+        for (var key in VideoFrameTick.setTimeoutCallbacks) {
+            var callback = VideoFrameTick.setTimeoutCallbacks[key];
+            var start = callback.startedAtInMs;
+            if (now - start >= callback.timeoutInMs) {
+                timeoutIds.push(key);
+            }
+        }
+        // invoke the callbacks
+        for (var _i = 0, timeoutIds_1 = timeoutIds; _i < timeoutIds_1.length; _i++) {
+            var id = timeoutIds_1[_i];
+            var callback = VideoFrameTick.setTimeoutCallbacks[id];
+            callback.callback();
+            delete VideoFrameTick.setTimeoutCallbacks[id];
+        }
+    };
+    VideoFrameTick.setTimeoutCallbacks = {};
+    return VideoFrameTick;
+}());
+
+
+;// CONCATENATED MODULE: ./src/internal/videoPerformanceStatistics.ts
+
+var VideoPerformanceStatistics = /** @class */ (function () {
+    function VideoPerformanceStatistics(distributionBinSize, 
+    /**
+     * Function to report the statistics result
+     */
+    reportStatisticsResult) {
+        this.reportStatisticsResult = reportStatisticsResult;
+        this.sampleCount = 0;
+        this.distributionBins = new Uint32Array(distributionBinSize);
+    }
+    /**
+     * Call this function before processing every frame
+     */
+    VideoPerformanceStatistics.prototype.processStarts = function (effectId, frameWidth, frameHeight, effectParam) {
+        VideoFrameTick.tick();
+        if (!this.suitableForThisSession(effectId, frameWidth, frameHeight, effectParam)) {
+            this.reportAndResetSession(this.getStatistics(), effectId, effectParam, frameWidth, frameHeight);
+        }
+        this.start();
+    };
+    VideoPerformanceStatistics.prototype.processEnds = function () {
+        // calculate duration of the process and record it
+        var durationInMillisecond = performance.now() - this.frameProcessingStartedAt;
+        var binIndex = Math.floor(Math.max(0, Math.min(this.distributionBins.length - 1, durationInMillisecond)));
+        this.distributionBins[binIndex] += 1;
+        this.sampleCount += 1;
+    };
+    VideoPerformanceStatistics.prototype.getStatistics = function () {
+        if (!this.currentSession) {
+            return null;
+        }
+        return {
+            effectId: this.currentSession.effectId,
+            effectParam: this.currentSession.effectParam,
+            frameHeight: this.currentSession.frameHeight,
+            frameWidth: this.currentSession.frameWidth,
+            duration: performance.now() - this.currentSession.startedAtInMs,
+            sampleCount: this.sampleCount,
+            distributionBins: this.distributionBins.slice(),
+        };
+    };
+    VideoPerformanceStatistics.prototype.start = function () {
+        this.frameProcessingStartedAt = performance.now();
+    };
+    VideoPerformanceStatistics.prototype.suitableForThisSession = function (effectId, frameWidth, frameHeight, effectParam) {
+        return (this.currentSession &&
+            this.currentSession.effectId === effectId &&
+            this.currentSession.effectParam === effectParam &&
+            this.currentSession.frameWidth === frameWidth &&
+            this.currentSession.frameHeight === frameHeight);
+    };
+    VideoPerformanceStatistics.prototype.reportAndResetSession = function (result, effectId, effectParam, frameWidth, frameHeight) {
+        var _this = this;
+        result && this.reportStatisticsResult(result);
+        this.resetCurrentSession(this.getNextTimeout(effectId, this.currentSession), effectId, effectParam, frameWidth, frameHeight);
+        if (this.timeoutId) {
+            VideoFrameTick.clearTimeout(this.timeoutId);
+        }
+        this.timeoutId = VideoFrameTick.setTimeout((function () { return _this.reportAndResetSession(_this.getStatistics(), effectId, effectParam, frameWidth, frameHeight); }).bind(this), this.currentSession.timeoutInMs);
+    };
+    VideoPerformanceStatistics.prototype.resetCurrentSession = function (timeoutInMs, effectId, effectParam, frameWidth, frameHeight) {
+        this.currentSession = {
+            startedAtInMs: performance.now(),
+            timeoutInMs: timeoutInMs,
+            effectId: effectId,
+            effectParam: effectParam,
+            frameWidth: frameWidth,
+            frameHeight: frameHeight,
+        };
+        this.sampleCount = 0;
+        this.distributionBins.fill(0);
+    };
+    // send the statistics result every n second, where n starts from 1, 2, 4...and finally stays at every 30 seconds.
+    VideoPerformanceStatistics.prototype.getNextTimeout = function (effectId, currentSession) {
+        // only reset timeout when new session or effect changed
+        if (!currentSession || currentSession.effectId !== effectId) {
+            return VideoPerformanceStatistics.initialSessionTimeoutInMs;
+        }
+        return Math.min(VideoPerformanceStatistics.maxSessionTimeoutInMs, currentSession.timeoutInMs * 2);
+    };
+    VideoPerformanceStatistics.initialSessionTimeoutInMs = 1000;
+    VideoPerformanceStatistics.maxSessionTimeoutInMs = 1000 * 30;
+    return VideoPerformanceStatistics;
+}());
+
+
+;// CONCATENATED MODULE: ./src/internal/videoPerformanceMonitor.ts
+
+
+/**
+ * This class is used to monitor the performance of video processing, and report performance events.
+ */
+var VideoPerformanceMonitor = /** @class */ (function () {
+    function VideoPerformanceMonitor(reportPerformanceEvent) {
+        var _this = this;
+        this.reportPerformanceEvent = reportPerformanceEvent;
+        this.isFirstFrameProcessed = false;
+        this.frameProcessTimeLimit = 100;
+        this.frameProcessingStartedAt = 0;
+        this.frameProcessingTimeCost = 0;
+        this.processedFrameCount = 0;
+        this.performanceStatistics = new VideoPerformanceStatistics(VideoPerformanceMonitor.distributionBinSize, function (result) {
+            return _this.reportPerformanceEvent('video.performance.performanceDataGenerated', [result]);
+        });
+    }
+    /**
+     * Start to check frame processing time intervally
+     * and report performance event if the average frame processing time is too long.
+     */
+    VideoPerformanceMonitor.prototype.startMonitorSlowFrameProcessing = function () {
+        var _this = this;
+        VideoFrameTick.setInterval(function () {
+            if (_this.processedFrameCount === 0) {
+                return;
+            }
+            var averageFrameProcessingTime = _this.frameProcessingTimeCost / _this.processedFrameCount;
+            if (averageFrameProcessingTime > _this.frameProcessTimeLimit) {
+                _this.reportPerformanceEvent('video.performance.frameProcessingSlow', [averageFrameProcessingTime]);
+            }
+            _this.frameProcessingTimeCost = 0;
+            _this.processedFrameCount = 0;
+        }, VideoPerformanceMonitor.calculateFPSInterval);
+    };
+    /**
+     * Define the time limit of frame processing.
+     * When the average frame processing time is longer than the time limit, a "video.performance.frameProcessingSlow" event will be reported.
+     * @param timeLimit
+     */
+    VideoPerformanceMonitor.prototype.setFrameProcessTimeLimit = function (timeLimit) {
+        this.frameProcessTimeLimit = timeLimit;
+    };
+    /**
+     * Call this function when the app starts to switch to the new video effect
+     */
+    VideoPerformanceMonitor.prototype.reportApplyingVideoEffect = function (effectId, effectParam) {
+        var _a, _b;
+        if (((_a = this.applyingEffect) === null || _a === void 0 ? void 0 : _a.effectId) === effectId && ((_b = this.applyingEffect) === null || _b === void 0 ? void 0 : _b.effectParam) === effectParam) {
+            return;
+        }
+        this.applyingEffect = {
+            effectId: effectId,
+            effectParam: effectParam,
+        };
+        this.appliedEffect = undefined;
+    };
+    /**
+     * Call this function when the new video effect is ready
+     */
+    VideoPerformanceMonitor.prototype.reportVideoEffectChanged = function (effectId, effectParam) {
+        if (this.applyingEffect === undefined ||
+            (this.applyingEffect.effectId !== effectId && this.applyingEffect.effectParam !== effectParam)) {
+            // don't handle obsoleted event
+            return;
+        }
+        this.appliedEffect = {
+            effectId: effectId,
+            effectParam: effectParam,
+        };
+        this.applyingEffect = undefined;
+        this.isFirstFrameProcessed = false;
+    };
+    /**
+     * Call this function when the app starts to process a video frame
+     */
+    VideoPerformanceMonitor.prototype.reportStartFrameProcessing = function (frameWidth, frameHeight) {
+        VideoFrameTick.tick();
+        if (!this.appliedEffect) {
+            return;
+        }
+        this.frameProcessingStartedAt = performance.now();
+        this.performanceStatistics.processStarts(this.appliedEffect.effectId, frameWidth, frameHeight, this.appliedEffect.effectParam);
+    };
+    /**
+     * Call this function when the app finishes successfully processing a video frame
+     */
+    VideoPerformanceMonitor.prototype.reportFrameProcessed = function () {
+        var _a;
+        if (!this.appliedEffect) {
+            return;
+        }
+        this.processedFrameCount++;
+        this.frameProcessingTimeCost += performance.now() - this.frameProcessingStartedAt;
+        this.performanceStatistics.processEnds();
+        if (!this.isFirstFrameProcessed) {
+            this.isFirstFrameProcessed = true;
+            this.reportPerformanceEvent('video.performance.firstFrameProcessed', [
+                Date.now(),
+                this.appliedEffect.effectId,
+                (_a = this.appliedEffect) === null || _a === void 0 ? void 0 : _a.effectParam,
+            ]);
+        }
+    };
+    /**
+     * Call this function when the app starts to get the texture stream
+     */
+    VideoPerformanceMonitor.prototype.reportGettingTextureStream = function (streamId) {
+        this.gettingTextureStreamStartedAt = performance.now();
+        this.currentStreamId = streamId;
+    };
+    /**
+     * Call this function when the app finishes successfully getting the texture stream
+     */
+    VideoPerformanceMonitor.prototype.reportTextureStreamAcquired = function () {
+        if (this.gettingTextureStreamStartedAt !== undefined) {
+            var timeTaken = performance.now() - this.gettingTextureStreamStartedAt;
+            this.reportPerformanceEvent('video.performance.textureStreamAcquired', [this.currentStreamId, timeTaken]);
+        }
+    };
+    VideoPerformanceMonitor.distributionBinSize = 1000;
+    VideoPerformanceMonitor.calculateFPSInterval = 1000;
+    return VideoPerformanceMonitor;
+}());
+
+
+;// CONCATENATED MODULE: ./src/public/videoEffects.ts
+var videoEffects_assign = (undefined && undefined.__assign) || function () {
+    videoEffects_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
             s = arguments[i];
             for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
@@ -8890,9 +9159,9 @@ var video_assign = (undefined && undefined.__assign) || function () {
         }
         return t;
     };
-    return video_assign.apply(this, arguments);
+    return videoEffects_assign.apply(this, arguments);
 };
-var video_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+var videoEffects_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -8901,7 +9170,7 @@ var video_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _ar
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var video_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+var videoEffects_generator = (undefined && undefined.__generator) || function (thisArg, body) {
     var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
     return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
@@ -8928,7 +9197,7 @@ var video_generator = (undefined && undefined.__generator) || function (thisArg,
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var video_rest = (undefined && undefined.__rest) || function (s, e) {
+var videoEffects_rest = (undefined && undefined.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
@@ -8951,8 +9220,8 @@ var video_rest = (undefined && undefined.__rest) || function (s, e) {
  * Namespace to video extensibility of the SDK
  * @beta
  */
-var video;
-(function (video) {
+var videoEffects;
+(function (videoEffects) {
     var videoPerformanceMonitor = inServerSideRenderingEnvironment()
         ? undefined
         : new VideoPerformanceMonitor(sendMessageToParent);
@@ -8964,7 +9233,7 @@ var video;
     (function (VideoFrameFormat) {
         /** Video format used for encoding and decoding YUV color data in video streaming and storage applications. */
         VideoFrameFormat["NV12"] = "NV12";
-    })(VideoFrameFormat = video.VideoFrameFormat || (video.VideoFrameFormat = {}));
+    })(VideoFrameFormat = videoEffects.VideoFrameFormat || (videoEffects.VideoFrameFormat = {}));
     /**
      * Video effect change type enum
      * @beta
@@ -8979,7 +9248,7 @@ var video;
          * Disable the video effect
          */
         EffectChangeType["EffectDisabled"] = "EffectDisabled";
-    })(EffectChangeType = video.EffectChangeType || (video.EffectChangeType = {}));
+    })(EffectChangeType = videoEffects.EffectChangeType || (videoEffects.EffectChangeType = {}));
     /**
      * Predefined failure reasons for preparing the selected video effect
      * @beta
@@ -8995,7 +9264,7 @@ var video;
          * The effect can't be initialized
          */
         EffectFailureReason["InitializationFailure"] = "InitializationFailure";
-    })(EffectFailureReason = video.EffectFailureReason || (video.EffectFailureReason = {}));
+    })(EffectFailureReason = videoEffects.EffectFailureReason || (videoEffects.EffectFailureReason = {}));
     /**
      * Register callbacks to process the video frames if the host supports it.
      * @beta
@@ -9005,7 +9274,7 @@ var video;
      *
      * @example
      * ```typescript
-     * video.registerForVideoFrame({
+     * videoEffects.registerForVideoFrame({
      *   videoFrameHandler: async (videoFrameData) => {
      *     const originalFrame = videoFrameData.videoFrame as VideoFrame;
      *     try {
@@ -9028,7 +9297,7 @@ var video;
      *       }
      *     },
      *   config: {
-     *     format: video.VideoPixelFormat.NV12,
+     *     format: videoEffects.VideoPixelFormat.NV12,
      *   }
      * });
      * ```
@@ -9056,7 +9325,7 @@ var video;
         }
         videoPerformanceMonitor === null || videoPerformanceMonitor === void 0 ? void 0 : videoPerformanceMonitor.startMonitorSlowFrameProcessing();
     }
-    video.registerForVideoFrame = registerForVideoFrame;
+    videoEffects.registerForVideoFrame = registerForVideoFrame;
     /**
      * Video extension should call this to notify host that the current selected effect parameter changed.
      * If it's pre-meeting, host will call videoEffectCallback immediately then use the videoEffect.
@@ -9072,7 +9341,7 @@ var video;
         }
         sendMessageToParent('video.videoEffectChanged', [effectChangeType, effectId]);
     }
-    video.notifySelectedVideoEffectChanged = notifySelectedVideoEffectChanged;
+    videoEffects.notifySelectedVideoEffectChanged = notifySelectedVideoEffectChanged;
     /**
      * Register a callback to be notified when a new video effect is applied.
      * @beta
@@ -9086,7 +9355,7 @@ var video;
         registerHandler('video.effectParameterChange', createEffectParameterChangeCallback(callback, videoPerformanceMonitor), false);
         sendMessageToParent('video.registerForVideoEffect');
     }
-    video.registerForVideoEffect = registerForVideoEffect;
+    videoEffects.registerForVideoEffect = registerForVideoEffect;
     /**
      * Sending notification to host finished the video frame processing, now host can render this video frame
      * or pass the video frame to next one in video pipeline
@@ -9117,16 +9386,16 @@ var video;
             /** A host should support either mediaStream or sharedFrame sub-capability to support the video capability */
             (!!runtime.supports.video.mediaStream || !!runtime.supports.video.sharedFrame));
     }
-    video.isSupported = isSupported;
+    videoEffects.isSupported = isSupported;
     function registerForMediaStream(videoFrameHandler, config) {
         var _this = this;
         ensureInitialized(runtime, FrameContexts.sidePanel);
         if (!isSupported() || !doesSupportMediaStream()) {
             throw errorNotSupportedOnPlatform;
         }
-        registerHandler('video.startVideoExtensibilityVideoStream', function (mediaStreamInfo) { return video_awaiter(_this, void 0, void 0, function () {
+        registerHandler('video.startVideoExtensibilityVideoStream', function (mediaStreamInfo) { return videoEffects_awaiter(_this, void 0, void 0, function () {
             var streamId, monitoredVideoFrameHandler;
-            return video_generator(this, function (_a) {
+            return videoEffects_generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         streamId = mediaStreamInfo.streamId;
@@ -9142,9 +9411,9 @@ var video;
     }
     function createMonitoredVideoFrameHandler(videoFrameHandler, videoPerformanceMonitor) {
         var _this = this;
-        return function (videoFrameData) { return video_awaiter(_this, void 0, void 0, function () {
+        return function (videoFrameData) { return videoEffects_awaiter(_this, void 0, void 0, function () {
             var originalFrame, processedFrame;
-            return video_generator(this, function (_a) {
+            return videoEffects_generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         originalFrame = videoFrameData.videoFrame;
@@ -9183,8 +9452,8 @@ var video;
         }
         else {
             // The host may pass the VideoFrame with the old definition which has `data` instead of `videoFrameBuffer`
-            var data = videoBufferData.data, newVideoBufferData = video_rest(videoBufferData, ["data"]);
-            return video_assign(video_assign({}, newVideoBufferData), { videoFrameBuffer: data });
+            var data = videoBufferData.data, newVideoBufferData = videoEffects_rest(videoBufferData, ["data"]);
+            return videoEffects_assign(videoEffects_assign({}, newVideoBufferData), { videoFrameBuffer: data });
         }
     }
     function doesSupportMediaStream() {
@@ -9201,7 +9470,7 @@ var video;
         var _a;
         return ensureInitialized(runtime, FrameContexts.sidePanel) && !!((_a = runtime.supports.video) === null || _a === void 0 ? void 0 : _a.sharedFrame);
     }
-})(video || (video = {})); //end of video namespace
+})(videoEffects || (videoEffects = {})); //end of video namespace
 
 ;// CONCATENATED MODULE: ./src/public/search.ts
 
@@ -9894,7 +10163,8 @@ function shareDeepLink(deepLinkParameters) {
 function executeDeepLink(deepLink, onComplete) {
     ensureInitialized(runtime, FrameContexts.content, FrameContexts.sidePanel, FrameContexts.settings, FrameContexts.task, FrameContexts.stage, FrameContexts.meetingStage);
     onComplete = onComplete ? onComplete : getGenericOnCompleteHandler();
-    app.openLink(deepLink)
+    app
+        .openLink(deepLink)
         .then(function () {
         onComplete(true);
     })
@@ -9957,7 +10227,8 @@ function returnFocus(navigateForward) {
 function navigateToTab(tabInstance, onComplete) {
     ensureInitialized(runtime);
     onComplete = onComplete ? onComplete : getGenericOnCompleteHandler();
-    pages.tabs.navigateToTab(tabInstance)
+    pages.tabs
+        .navigateToTab(tabInstance)
         .then(function () {
         onComplete(true);
     })
@@ -9981,7 +10252,8 @@ function navigateToTab(tabInstance, onComplete) {
 function navigateCrossDomain(url, onComplete) {
     ensureInitialized(runtime, FrameContexts.content, FrameContexts.sidePanel, FrameContexts.settings, FrameContexts.remove, FrameContexts.task, FrameContexts.stage, FrameContexts.meetingStage);
     onComplete = onComplete ? onComplete : getGenericOnCompleteHandler();
-    pages.navigateCrossDomain(url)
+    pages
+        .navigateCrossDomain(url)
         .then(function () {
         onComplete(true);
     })
@@ -10001,7 +10273,8 @@ function navigateCrossDomain(url, onComplete) {
 function navigateBack(onComplete) {
     ensureInitialized(runtime);
     onComplete = onComplete ? onComplete : getGenericOnCompleteHandler();
-    pages.backStack.navigateBack()
+    pages.backStack
+        .navigateBack()
         .then(function () {
         onComplete(true);
     })
@@ -10065,7 +10338,8 @@ var settings;
     function setSettings(instanceSettings, onComplete) {
         ensureInitialized(runtime, FrameContexts.content, FrameContexts.settings, FrameContexts.sidePanel);
         onComplete = onComplete ? onComplete : getGenericOnCompleteHandler();
-        pages.config.setConfig(instanceSettings)
+        pages.config
+            .setConfig(instanceSettings)
             .then(function () {
             onComplete(true);
         })
@@ -12154,8 +12428,8 @@ var teams;
     })(fullTrust = teams.fullTrust || (teams.fullTrust = {}));
 })(teams || (teams = {}));
 
-;// CONCATENATED MODULE: ./src/private/videoEx.ts
-var videoEx_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+;// CONCATENATED MODULE: ./src/private/videoEffectsEx.ts
+var videoEffectsEx_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
@@ -12164,7 +12438,7 @@ var videoEx_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var videoEx_generator = (undefined && undefined.__generator) || function (thisArg, body) {
+var videoEffectsEx_generator = (undefined && undefined.__generator) || function (thisArg, body) {
     var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
     return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
@@ -12208,8 +12482,8 @@ var videoEx_generator = (undefined && undefined.__generator) || function (thisAr
  * @internal
  * Limited to Microsoft-internal use
  */
-var videoEx;
-(function (videoEx) {
+var videoEffectsEx;
+(function (videoEffectsEx) {
     var videoPerformanceMonitor = inServerSideRenderingEnvironment()
         ? undefined
         : new VideoPerformanceMonitor(sendMessageToParent);
@@ -12225,7 +12499,7 @@ var videoEx;
     (function (ErrorLevel) {
         ErrorLevel["Fatal"] = "fatal";
         ErrorLevel["Warn"] = "warn";
-    })(ErrorLevel = videoEx.ErrorLevel || (videoEx.ErrorLevel = {}));
+    })(ErrorLevel = videoEffectsEx.ErrorLevel || (videoEffectsEx.ErrorLevel = {}));
     /**
      * @hidden
      * Register to process video frames
@@ -12250,9 +12524,9 @@ var videoEx;
         if (ensureInitialized(runtime, FrameContexts.sidePanel)) {
             registerHandler('video.setFrameProcessTimeLimit', function (timeLimit) { return videoPerformanceMonitor === null || videoPerformanceMonitor === void 0 ? void 0 : videoPerformanceMonitor.setFrameProcessTimeLimit(timeLimit); }, false);
             if ((_a = runtime.supports.video) === null || _a === void 0 ? void 0 : _a.mediaStream) {
-                registerHandler('video.startVideoExtensibilityVideoStream', function (mediaStreamInfo) { return videoEx_awaiter(_this, void 0, void 0, function () {
+                registerHandler('video.startVideoExtensibilityVideoStream', function (mediaStreamInfo) { return videoEffectsEx_awaiter(_this, void 0, void 0, function () {
                     var streamId, metadataInTexture, handler, _a;
-                    return videoEx_generator(this, function (_b) {
+                    return videoEffectsEx_generator(this, function (_b) {
                         switch (_b.label) {
                             case 0:
                                 streamId = mediaStreamInfo.streamId, metadataInTexture = mediaStreamInfo.metadataInTexture;
@@ -12296,12 +12570,12 @@ var videoEx;
             videoPerformanceMonitor === null || videoPerformanceMonitor === void 0 ? void 0 : videoPerformanceMonitor.startMonitorSlowFrameProcessing();
         }
     }
-    videoEx.registerForVideoFrame = registerForVideoFrame;
+    videoEffectsEx.registerForVideoFrame = registerForVideoFrame;
     function createMonitoredVideoFrameHandler(videoFrameHandler, videoPerformanceMonitor) {
         var _this = this;
-        return function (receivedVideoFrame) { return videoEx_awaiter(_this, void 0, void 0, function () {
+        return function (receivedVideoFrame) { return videoEffectsEx_awaiter(_this, void 0, void 0, function () {
             var originalFrame, processedFrame;
-            return videoEx_generator(this, function (_a) {
+            return videoEffectsEx_generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
                         originalFrame = receivedVideoFrame.videoFrame;
@@ -12340,7 +12614,7 @@ var videoEx;
         }
         sendMessageToParent('video.videoEffectChanged', [effectChangeType, effectId, effectParam]);
     }
-    videoEx.notifySelectedVideoEffectChanged = notifySelectedVideoEffectChanged;
+    videoEffectsEx.notifySelectedVideoEffectChanged = notifySelectedVideoEffectChanged;
     /**
      * @hidden
      * Register the video effect callback, host uses this to notify the video extension the new video effect will by applied
@@ -12358,7 +12632,7 @@ var videoEx;
         registerHandler('video.effectParameterChange', createEffectParameterChangeCallback(callback, videoPerformanceMonitor), false);
         sendMessageToParent('video.registerForVideoEffect');
     }
-    videoEx.registerForVideoEffect = registerForVideoEffect;
+    videoEffectsEx.registerForVideoEffect = registerForVideoEffect;
     /**
      * @hidden
      * Send personalized effects to Teams client
@@ -12369,12 +12643,12 @@ var videoEx;
      */
     function updatePersonalizedEffects(effects) {
         ensureInitialized(runtime, FrameContexts.sidePanel);
-        if (!video.isSupported()) {
+        if (!videoEffects.isSupported()) {
             throw errorNotSupportedOnPlatform;
         }
         sendMessageToParent('video.personalizedEffectsChanged', [effects]);
     }
-    videoEx.updatePersonalizedEffects = updatePersonalizedEffects;
+    videoEffectsEx.updatePersonalizedEffects = updatePersonalizedEffects;
     /**
      * @hidden
      *
@@ -12390,9 +12664,9 @@ var videoEx;
      */
     function isSupported() {
         ensureInitialized(runtime);
-        return video.isSupported();
+        return videoEffects.isSupported();
     }
-    videoEx.isSupported = isSupported;
+    videoEffectsEx.isSupported = isSupported;
     /**
      * @hidden
      * Sending notification to host finished the video frame processing, now host can render this video frame
@@ -12431,13 +12705,13 @@ var videoEx;
      */
     function notifyFatalError(errorMessage) {
         ensureInitialized(runtime);
-        if (!video.isSupported()) {
+        if (!videoEffects.isSupported()) {
             throw errorNotSupportedOnPlatform;
         }
         notifyError(errorMessage, ErrorLevel.Fatal);
     }
-    videoEx.notifyFatalError = notifyFatalError;
-})(videoEx || (videoEx = {}));
+    videoEffectsEx.notifyFatalError = notifyFatalError;
+})(videoEffectsEx || (videoEffectsEx = {}));
 
 ;// CONCATENATED MODULE: ./src/private/index.ts