@azure/communication-react 1.4.2-alpha-202211220015.0 → 1.4.2-alpha-202211240014.0

package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatefulCallClient.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/StatefulCallClient.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { deviceManagerDeclaratify } from './DeviceManagerDeclarative';\nimport { CallClient, CallClientOptions, CreateViewOptions, DeviceManager } from '@azure/communication-calling';\nimport { CallClientState, LocalVideoStreamState, RemoteVideoStreamState } from './CallClientState';\nimport { CallContext } from './CallContext';\nimport { callAgentDeclaratify, DeclarativeCallAgent } from './CallAgentDeclarative';\nimport { InternalCallContext } from './InternalCallContext';\nimport { createView, disposeView, CreateViewResult } from './StreamUtils';\nimport { CommunicationIdentifier, CommunicationUserIdentifier, getIdentifierKind } from '@azure/communication-common';\nimport { _getApplicationId } from '@internal/acs-ui-common';\nimport { callingStatefulLogger } from './Logger';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { DeclarativeTeamsCallAgent, teamsCallAgentDeclaratify } from './TeamsCallAgentDeclarative';\n\n/**\n * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.\n * The interface provides access to proxied state and also allows registering a handler for state change events. For\n * state definition see {@link CallClientState}.\n *\n * State change events are driven by:\n * - Returned data from {@link @azure/communication-calling#DeviceManager} APIs.\n * - Returned data from {@link @azure/communication-calling#CallAgent} APIs.\n * - Listeners automatically attached to various azure communication-calling objects:\n *   - CallAgent 'incomingCall'\n *   - CallAgent 'callsUpdated'\n *   - DeviceManager 'videoDevicesUpdated'\n *   - DeviceManager 'audioDevicesUpdated\n *   - DeviceManager 'selectedMicrophoneChanged'\n *   - DeviceManager 'selectedSpeakerChanged'\n *   - Call 'stateChanged'\n *   - Call 'idChanged'\n *   - Call 'isMutedChanged'\n *   - Call 'isScreenSharingOnChanged'\n *   - Call 'remoteParticipantsUpdated'\n *   - Call 'localVideoStreamsUpdated'\n *   - IncomingCall 'callEnded'\n *   - RemoteParticipant 'stateChanged'\n *   - RemoteParticipant 'isMutedChanged'\n *   - RemoteParticipant 'displayNameChanged'\n *   - RemoteParticipant 'isSpeakingChanged'\n *   - RemoteParticipant 'videoStreamsUpdated'\n *   - RemoteVideoStream 'isAvailableChanged'\n *   - TranscriptionCallFeature 'isTranscriptionActiveChanged'\n *   - RecordingCallFeature 'isRecordingActiveChanged'\n *\n * @public\n */\nexport interface StatefulCallClient extends CallClient {\n  /**\n   * Holds all the state that we could proxy from CallClient {@link @azure/communication-calling#CallClient} as\n   * CallClientState {@link CallClientState}.\n   */\n  getState(): CallClientState;\n  /**\n   * Allows a handler to be registered for 'stateChanged' events.\n   *\n   * @param handler - Callback to receive the state.\n   */\n  onStateChange(handler: (state: CallClientState) => void): void;\n  /**\n   * Allows unregistering for 'stateChanged' events.\n   *\n   * @param handler - Original callback to be unsubscribed.\n   */\n  offStateChange(handler: (state: CallClientState) => void): void;\n  /**\n   * Renders a {@link RemoteVideoStreamState} or {@link LocalVideoStreamState} and stores the resulting\n   * {@link VideoStreamRendererViewState} under the relevant {@link RemoteVideoStreamState} or\n   * {@link LocalVideoStreamState} or as unparented view in the state. Under the hood calls\n   * {@link @azure/communication-calling#VideoStreamRenderer.createView}.\n   *\n   * Scenario 1: Render RemoteVideoStreamState\n   * - CallId is required, participantId is required, and stream of type RemoteVideoStreamState is required\n   * - Resulting {@link VideoStreamRendererViewState} is stored in the given callId and participantId in\n   * {@link CallClientState}\n   *\n   * Scenario 2: Render LocalVideoStreamState for a call\n   * - CallId is required, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - The {@link @azure/communication-calling#Call.localVideoStreams} must already be started using\n   *   {@link @azure/communication-calling#Call.startVideo}.\n   * - Resulting {@link VideoStreamRendererViewState} is stored in the given callId {@link CallState.localVideoStreams}\n   *   in {@link CallClientState}.\n   *\n   * - Scenario 2: Render LocalVideoStreamState not part of a call (example rendering camera for local preview)\n   * - CallId must be undefined, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - Resulting {@link VideoStreamRendererViewState} is stored in under the given LocalVideoStreamState in\n   *   {@link CallClientState.deviceManager.unparentedViews}\n   *\n   * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.\n   * @param participantId - {@link RemoteParticipant.identifier} associated with the given RemoteVideoStreamState. Could\n   *   be undefined if rendering LocalVideoStreamState.\n   * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to start rendering.\n   * @param options - Options that are passed to the {@link @azure/communication-calling#VideoStreamRenderer}.\n   */\n  createView(\n    callId: string | undefined,\n    participantId: CommunicationIdentifier | undefined,\n    stream: LocalVideoStreamState | RemoteVideoStreamState,\n    options?: CreateViewOptions\n  ): Promise<CreateViewResult | undefined>;\n  /**\n   * Stops rendering a {@link RemoteVideoStreamState} or {@link LocalVideoStreamState} and removes the\n   * {@link VideoStreamRendererView} from the relevant {@link RemoteVideoStreamState} in {@link CallClientState} or\n   * {@link LocalVideoStream} in {@link CallClientState} or appropriate\n   * {@link CallClientState.deviceManager.unparentedViews} Under the hood calls\n   * {@link @azure/communication-calling#VideoStreamRenderer.dispose}.\n   *\n   * Its important to disposeView to clean up resources properly.\n   *\n   * Scenario 1: Dispose RemoteVideoStreamState\n   * - CallId is required, participantId is required, and stream of type RemoteVideoStreamState is required\n   *\n   * Scenario 2: Dispose LocalVideoStreamState for a call\n   * - CallId is required, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   *\n   * - Scenario 2: Dispose LocalVideoStreamState not part of a call\n   * - CallId must be undefined, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - LocalVideoStreamState must be the original one passed to createView.\n   *\n   * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.\n   * @param participantId - {@link RemoteParticipant.identifier} associated with the given RemoteVideoStreamState. Could\n   *   be undefined if disposing LocalVideoStreamState.\n   * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.\n   */\n  disposeView(\n    callId: string | undefined,\n    participantId: CommunicationIdentifier | undefined,\n    stream: LocalVideoStreamState | RemoteVideoStreamState\n  ): void;\n\n  /** @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * The CallAgent is used to handle calls.\n   * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.\n   * - The CallClient can only have one active CallAgent instance at a time.\n   * - You can create a new CallClient instance to create a new CallAgent.\n   * - You can dispose of a CallClient's current active CallAgent, and call the CallClient's\n   *   createCallAgent() method again to create a new CallAgent.\n   * @param tokenCredential - The token credential. Use AzureCommunicationTokenCredential from `@azure/communication-common` to create a credential.\n   * @param options - The CallAgentOptions for additional options like display name.\n   * @public\n   */\n  createCallAgent(...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent>;\n}\n\n/**\n * A function to modify the state of the StatefulCallClient.\n *\n * Provided as a callback to the {@link StatefulCallClient.modifyState} method.\n *\n * The function must modify the provided state in place as much as possible.\n * Making large modifications can lead to bad performance by causing spurious rerendering of the UI.\n *\n * Consider using commonly used modifier functions exported from this package.\n */\nexport type CallStateModifier = (state: CallClientState) => void;\n\n/**\n * ProxyCallClient proxies CallClient {@link @azure/communication-calling#CallClient} and subscribes to all events that\n * affect state. ProxyCallClient keeps its own copy of the call state and when state is updated, ProxyCallClient emits\n * the event 'stateChanged'.\n */\nclass ProxyCallClient implements ProxyHandler<CallClient> {\n  private _context: CallContext;\n  private _internalContext: InternalCallContext;\n  private _callAgent:\n    | DeclarativeCallAgent\n    | /* @conditional-compile-remove(teams-identity-support) */ DeclarativeTeamsCallAgent\n    | undefined;\n  private _deviceManager: DeviceManager | undefined;\n  private _sdkDeviceManager: DeviceManager | undefined;\n\n  constructor(context: CallContext, internalContext: InternalCallContext) {\n    this._context = context;\n    this._internalContext = internalContext;\n  }\n\n  public get<P extends keyof CallClient>(target: CallClient, prop: P): any {\n    switch (prop) {\n      case 'createCallAgent': {\n        return this._context.withAsyncErrorTeedToState(\n          async (...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent> => {\n            // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous\n            // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative\n            // callAgent if the createCallAgent succeeds.\n            const callAgent = await target.createCallAgent(...args);\n            this._callAgent = callAgentDeclaratify(callAgent, this._context, this._internalContext);\n            this._context.setCallAgent({\n              displayName: this._callAgent.displayName\n            });\n            return this._callAgent;\n          },\n          'CallClient.createCallAgent'\n        );\n      }\n      case 'createTeamsCallAgent': {\n        /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState(\n          async (...args: Parameters<CallClient['createTeamsCallAgent']>): Promise<DeclarativeTeamsCallAgent> => {\n            // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous\n            // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative\n            // callAgent if the createCallAgent succeeds.\n            const callAgent = await target.createTeamsCallAgent(...args);\n            this._callAgent = teamsCallAgentDeclaratify(callAgent, this._context, this._internalContext);\n            this._context.setCallAgent({\n              displayName: undefined\n            });\n            return this._callAgent;\n          },\n          'CallClient.createTeamsCallAgent'\n        );\n        return Reflect.get(target, prop);\n      }\n      case 'getDeviceManager': {\n        return this._context.withAsyncErrorTeedToState(async () => {\n          // As of writing, the SDK always returns the same instance of DeviceManager so we keep a reference of\n          // DeviceManager and if it does not change we return the cached DeclarativeDeviceManager. If it does not we'll\n          // throw an error that indicate we need to fix this issue as our implementation has diverged from the SDK.\n          const deviceManager = await target.getDeviceManager();\n          if (this._sdkDeviceManager) {\n            if (this._sdkDeviceManager === deviceManager) {\n              return this._deviceManager;\n            } else {\n              throw new Error(\n                'Multiple DeviceManager not supported. This means a incompatible version of communication-calling is ' +\n                  'used OR calling declarative was not properly updated to communication-calling version.'\n              );\n            }\n          } else {\n            this._sdkDeviceManager = deviceManager;\n          }\n          this._deviceManager = deviceManagerDeclaratify(deviceManager, this._context);\n          return this._deviceManager;\n        }, 'CallClient.getDeviceManager');\n      }\n      default:\n        return Reflect.get(target, prop);\n    }\n  }\n}\n\n/**\n * Arguments to construct the StatefulCallClient.\n *\n * @public\n */\nexport type StatefulCallClientArgs = {\n  /**\n   * UserId from SDK. This is provided for developer convenience to easily access the userId from the\n   * state. It is not used by StatefulCallClient.\n   */\n  userId: CommunicationUserIdentifier;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * A phone number in E.164 format that will be used to represent the callers identity. This number is required\n   * to start a PSTN call.\n   *\n   * example: +11234567\n   *\n   * This is not a cached value from the headless calling client.\n   */\n  alternateCallerId?: string;\n};\n\n/**\n * Options to construct the StatefulCallClient with.\n *\n * @public\n */\nexport type StatefulCallClientOptions = {\n  /**\n   * Options to construct the {@link @axure/communication-calling#CallClient} with.\n   */\n  callClientOptions: CallClientOptions;\n  /**\n   * Sets the max listeners limit of the 'stateChange' event. Defaults to the node.js EventEmitter.defaultMaxListeners\n   * if not specified.\n   */\n  maxStateChangeListeners?: number;\n};\n\n/**\n * Creates a StatefulCallClient {@link StatefulCallClient} by proxying CallClient\n * {@link @azure/communication-calling#CallClient} with ProxyCallClient {@link ProxyCallClient} which then allows access\n * to state in a declarative way.\n *\n * It is important to use the {@link @azure/communication-calling#DeviceManager} and\n * {@link @azure/communication-calling#CallAgent} and {@link @azure/communication-calling#Call} (and etc.) that are\n * obtained from the StatefulCallClient in order for their state changes to be proxied properly.\n *\n * @param args - {@link StatefulCallClientArgs}\n * @param options - {@link StatefulCallClientOptions}\n *\n * @public\n */\nexport const createStatefulCallClient = (\n  args: StatefulCallClientArgs,\n  options?: StatefulCallClientOptions\n): StatefulCallClient => {\n  callingStatefulLogger.info(`Creating calling stateful client using library version: ${_getApplicationId()}`);\n  return createStatefulCallClientWithDeps(\n    new CallClient(withTelemetryTag(options?.callClientOptions)),\n    new CallContext(\n      getIdentifierKind(args.userId),\n      options?.maxStateChangeListeners,\n      /* @conditional-compile-remove(PSTN-calls) */ args.alternateCallerId\n    ),\n    new InternalCallContext()\n  );\n};\n\n/**\n * Package-internal version of createStatefulCallClient that allows dependency injection.\n *\n * This function should not be exported from the package.\n */\nexport const createStatefulCallClientWithDeps = (\n  callClient: CallClient,\n  context: CallContext,\n  internalContext: InternalCallContext\n): StatefulCallClient => {\n  Object.defineProperty(callClient, 'getState', {\n    configurable: false,\n    value: () => context.getState()\n  });\n  Object.defineProperty(callClient, 'onStateChange', {\n    configurable: false,\n    value: (handler: (state: CallClientState) => void) => context.onStateChange(handler)\n  });\n  Object.defineProperty(callClient, 'offStateChange', {\n    configurable: false,\n    value: (handler: (state: CallClientState) => void) => context.offStateChange(handler)\n  });\n  Object.defineProperty(callClient, 'createView', {\n    configurable: false,\n    value: (\n      callId: string | undefined,\n      participantId: CommunicationIdentifier | undefined,\n      stream: LocalVideoStreamState | RemoteVideoStreamState,\n      options?: CreateViewOptions\n    ): Promise<CreateViewResult | undefined> => {\n      const participantIdKind = participantId ? getIdentifierKind(participantId) : undefined;\n      return createView(context, internalContext, callId, participantIdKind, stream, options);\n    }\n  });\n  Object.defineProperty(callClient, 'disposeView', {\n    configurable: false,\n    value: (\n      callId: string | undefined,\n      participantId: CommunicationIdentifier | undefined,\n      stream: LocalVideoStreamState | RemoteVideoStreamState\n    ): void => {\n      const participantIdKind = participantId ? getIdentifierKind(participantId) : undefined;\n      disposeView(context, internalContext, callId, participantIdKind, stream);\n    }\n  });\n\n  return new Proxy(callClient, new ProxyCallClient(context, internalContext)) as StatefulCallClient;\n};\n\nconst withTelemetryTag = (options?: CallClientOptions): CallClientOptions => {\n  const tags = options?.diagnostics?.tags ?? [];\n  tags.push(_getApplicationId());\n  return {\n    ...options,\n    diagnostics: {\n      ...options?.diagnostics,\n      tags\n    }\n  };\n};\n\"../../acs-ui-common/src\""]}
+{"version":3,"file":"StatefulCallClient.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/StatefulCallClient.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { deviceManagerDeclaratify } from './DeviceManagerDeclarative';\nimport { CallClient, CallClientOptions, CreateViewOptions, DeviceManager } from '@azure/communication-calling';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Features } from '@azure/communication-calling';\nimport { CallClientState, LocalVideoStreamState, RemoteVideoStreamState } from './CallClientState';\nimport { CallContext } from './CallContext';\nimport { callAgentDeclaratify, DeclarativeCallAgent } from './CallAgentDeclarative';\nimport { InternalCallContext } from './InternalCallContext';\nimport { createView, disposeView, CreateViewResult } from './StreamUtils';\nimport { CommunicationIdentifier, CommunicationUserIdentifier, getIdentifierKind } from '@azure/communication-common';\nimport { _getApplicationId } from '@internal/acs-ui-common';\nimport { callingStatefulLogger } from './Logger';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { DeclarativeTeamsCallAgent, teamsCallAgentDeclaratify } from './TeamsCallAgentDeclarative';\n\n/**\n * Defines the methods that allow CallClient {@link @azure/communication-calling#CallClient} to be used statefully.\n * The interface provides access to proxied state and also allows registering a handler for state change events. For\n * state definition see {@link CallClientState}.\n *\n * State change events are driven by:\n * - Returned data from {@link @azure/communication-calling#DeviceManager} APIs.\n * - Returned data from {@link @azure/communication-calling#CallAgent} APIs.\n * - Listeners automatically attached to various azure communication-calling objects:\n *   - CallAgent 'incomingCall'\n *   - CallAgent 'callsUpdated'\n *   - DeviceManager 'videoDevicesUpdated'\n *   - DeviceManager 'audioDevicesUpdated\n *   - DeviceManager 'selectedMicrophoneChanged'\n *   - DeviceManager 'selectedSpeakerChanged'\n *   - Call 'stateChanged'\n *   - Call 'idChanged'\n *   - Call 'isMutedChanged'\n *   - Call 'isScreenSharingOnChanged'\n *   - Call 'remoteParticipantsUpdated'\n *   - Call 'localVideoStreamsUpdated'\n *   - IncomingCall 'callEnded'\n *   - RemoteParticipant 'stateChanged'\n *   - RemoteParticipant 'isMutedChanged'\n *   - RemoteParticipant 'displayNameChanged'\n *   - RemoteParticipant 'isSpeakingChanged'\n *   - RemoteParticipant 'videoStreamsUpdated'\n *   - RemoteVideoStream 'isAvailableChanged'\n *   - TranscriptionCallFeature 'isTranscriptionActiveChanged'\n *   - RecordingCallFeature 'isRecordingActiveChanged'\n *\n * @public\n */\nexport interface StatefulCallClient extends CallClient {\n  /**\n   * Holds all the state that we could proxy from CallClient {@link @azure/communication-calling#CallClient} as\n   * CallClientState {@link CallClientState}.\n   */\n  getState(): CallClientState;\n  /**\n   * Allows a handler to be registered for 'stateChanged' events.\n   *\n   * @param handler - Callback to receive the state.\n   */\n  onStateChange(handler: (state: CallClientState) => void): void;\n  /**\n   * Allows unregistering for 'stateChanged' events.\n   *\n   * @param handler - Original callback to be unsubscribed.\n   */\n  offStateChange(handler: (state: CallClientState) => void): void;\n  /**\n   * Renders a {@link RemoteVideoStreamState} or {@link LocalVideoStreamState} and stores the resulting\n   * {@link VideoStreamRendererViewState} under the relevant {@link RemoteVideoStreamState} or\n   * {@link LocalVideoStreamState} or as unparented view in the state. Under the hood calls\n   * {@link @azure/communication-calling#VideoStreamRenderer.createView}.\n   *\n   * Scenario 1: Render RemoteVideoStreamState\n   * - CallId is required, participantId is required, and stream of type RemoteVideoStreamState is required\n   * - Resulting {@link VideoStreamRendererViewState} is stored in the given callId and participantId in\n   * {@link CallClientState}\n   *\n   * Scenario 2: Render LocalVideoStreamState for a call\n   * - CallId is required, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - The {@link @azure/communication-calling#Call.localVideoStreams} must already be started using\n   *   {@link @azure/communication-calling#Call.startVideo}.\n   * - Resulting {@link VideoStreamRendererViewState} is stored in the given callId {@link CallState.localVideoStreams}\n   *   in {@link CallClientState}.\n   *\n   * - Scenario 2: Render LocalVideoStreamState not part of a call (example rendering camera for local preview)\n   * - CallId must be undefined, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - Resulting {@link VideoStreamRendererViewState} is stored in under the given LocalVideoStreamState in\n   *   {@link CallClientState.deviceManager.unparentedViews}\n   *\n   * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.\n   * @param participantId - {@link RemoteParticipant.identifier} associated with the given RemoteVideoStreamState. Could\n   *   be undefined if rendering LocalVideoStreamState.\n   * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to start rendering.\n   * @param options - Options that are passed to the {@link @azure/communication-calling#VideoStreamRenderer}.\n   */\n  createView(\n    callId: string | undefined,\n    participantId: CommunicationIdentifier | undefined,\n    stream: LocalVideoStreamState | RemoteVideoStreamState,\n    options?: CreateViewOptions\n  ): Promise<CreateViewResult | undefined>;\n  /**\n   * Stops rendering a {@link RemoteVideoStreamState} or {@link LocalVideoStreamState} and removes the\n   * {@link VideoStreamRendererView} from the relevant {@link RemoteVideoStreamState} in {@link CallClientState} or\n   * {@link LocalVideoStream} in {@link CallClientState} or appropriate\n   * {@link CallClientState.deviceManager.unparentedViews} Under the hood calls\n   * {@link @azure/communication-calling#VideoStreamRenderer.dispose}.\n   *\n   * Its important to disposeView to clean up resources properly.\n   *\n   * Scenario 1: Dispose RemoteVideoStreamState\n   * - CallId is required, participantId is required, and stream of type RemoteVideoStreamState is required\n   *\n   * Scenario 2: Dispose LocalVideoStreamState for a call\n   * - CallId is required, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   *\n   * - Scenario 2: Dispose LocalVideoStreamState not part of a call\n   * - CallId must be undefined, participantId must be undefined, and stream of type LocalVideoStreamState is required.\n   * - LocalVideoStreamState must be the original one passed to createView.\n   *\n   * @param callId - CallId for the given stream. Can be undefined if the stream is not part of any call.\n   * @param participantId - {@link RemoteParticipant.identifier} associated with the given RemoteVideoStreamState. Could\n   *   be undefined if disposing LocalVideoStreamState.\n   * @param stream - The LocalVideoStreamState or RemoteVideoStreamState to dispose.\n   */\n  disposeView(\n    callId: string | undefined,\n    participantId: CommunicationIdentifier | undefined,\n    stream: LocalVideoStreamState | RemoteVideoStreamState\n  ): void;\n\n  /** @conditional-compile-remove(one-to-n-calling) */\n  /**\n   * The CallAgent is used to handle calls.\n   * To create the CallAgent, pass a CommunicationTokenCredential object provided from SDK.\n   * - The CallClient can only have one active CallAgent instance at a time.\n   * - You can create a new CallClient instance to create a new CallAgent.\n   * - You can dispose of a CallClient's current active CallAgent, and call the CallClient's\n   *   createCallAgent() method again to create a new CallAgent.\n   * @param tokenCredential - The token credential. Use AzureCommunicationTokenCredential from `@azure/communication-common` to create a credential.\n   * @param options - The CallAgentOptions for additional options like display name.\n   * @public\n   */\n  createCallAgent(...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent>;\n}\n\n/**\n * A function to modify the state of the StatefulCallClient.\n *\n * Provided as a callback to the {@link StatefulCallClient.modifyState} method.\n *\n * The function must modify the provided state in place as much as possible.\n * Making large modifications can lead to bad performance by causing spurious rerendering of the UI.\n *\n * Consider using commonly used modifier functions exported from this package.\n */\nexport type CallStateModifier = (state: CallClientState) => void;\n\n/**\n * ProxyCallClient proxies CallClient {@link @azure/communication-calling#CallClient} and subscribes to all events that\n * affect state. ProxyCallClient keeps its own copy of the call state and when state is updated, ProxyCallClient emits\n * the event 'stateChanged'.\n */\nclass ProxyCallClient implements ProxyHandler<CallClient> {\n  private _context: CallContext;\n  private _internalContext: InternalCallContext;\n  private _callAgent:\n    | DeclarativeCallAgent\n    | /* @conditional-compile-remove(teams-identity-support) */ DeclarativeTeamsCallAgent\n    | undefined;\n  private _deviceManager: DeviceManager | undefined;\n  private _sdkDeviceManager: DeviceManager | undefined;\n\n  constructor(context: CallContext, internalContext: InternalCallContext) {\n    this._context = context;\n    this._internalContext = internalContext;\n  }\n\n  public get<P extends keyof CallClient>(target: CallClient, prop: P): any {\n    switch (prop) {\n      case 'createCallAgent': {\n        return this._context.withAsyncErrorTeedToState(\n          async (...args: Parameters<CallClient['createCallAgent']>): Promise<DeclarativeCallAgent> => {\n            // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous\n            // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative\n            // callAgent if the createCallAgent succeeds.\n            const callAgent = await target.createCallAgent(...args);\n            this._callAgent = callAgentDeclaratify(callAgent, this._context, this._internalContext);\n            this._context.setCallAgent({\n              displayName: this._callAgent.displayName\n            });\n            return this._callAgent;\n          },\n          'CallClient.createCallAgent'\n        );\n      }\n      case 'createTeamsCallAgent': {\n        /* @conditional-compile-remove(teams-identity-support) */ return this._context.withAsyncErrorTeedToState(\n          async (...args: Parameters<CallClient['createTeamsCallAgent']>): Promise<DeclarativeTeamsCallAgent> => {\n            // createCallAgent will throw an exception if the previous callAgent was not disposed. If the previous\n            // callAgent was disposed then it would have unsubscribed to events so we can just create a new declarative\n            // callAgent if the createCallAgent succeeds.\n            const callAgent = await target.createTeamsCallAgent(...args);\n            this._callAgent = teamsCallAgentDeclaratify(callAgent, this._context, this._internalContext);\n            this._context.setCallAgent({\n              displayName: undefined\n            });\n            return this._callAgent;\n          },\n          'CallClient.createTeamsCallAgent'\n        );\n        return Reflect.get(target, prop);\n      }\n      case 'getDeviceManager': {\n        return this._context.withAsyncErrorTeedToState(async () => {\n          // As of writing, the SDK always returns the same instance of DeviceManager so we keep a reference of\n          // DeviceManager and if it does not change we return the cached DeclarativeDeviceManager. If it does not we'll\n          // throw an error that indicate we need to fix this issue as our implementation has diverged from the SDK.\n          const deviceManager = await target.getDeviceManager();\n          if (this._sdkDeviceManager) {\n            if (this._sdkDeviceManager === deviceManager) {\n              return this._deviceManager;\n            } else {\n              throw new Error(\n                'Multiple DeviceManager not supported. This means a incompatible version of communication-calling is ' +\n                  'used OR calling declarative was not properly updated to communication-calling version.'\n              );\n            }\n          } else {\n            this._sdkDeviceManager = deviceManager;\n          }\n          this._deviceManager = deviceManagerDeclaratify(deviceManager, this._context);\n          return this._deviceManager;\n        }, 'CallClient.getDeviceManager');\n      }\n      case 'feature': {\n        /* @conditional-compile-remove(unsupported-browser) */\n        return this._context.withErrorTeedToState((...args: Parameters<CallClient['feature']>) => {\n          if (args[0] === Features.DebugInfo) {\n            const feature = target.feature(Features.DebugInfo);\n            /**\n             * add to this object if we want to proxy anything else off the DebugInfo feature object.\n             */\n            return {\n              ...feature,\n              getEnvironmentInfo: async () => {\n                const environmentInfo = await feature.getEnvironmentInfo();\n                this._context.setEnvironmentInfo(environmentInfo);\n                return environmentInfo;\n              }\n            };\n          }\n          return Reflect.get(target, prop);\n        }, 'CallClient.feature');\n      }\n      default:\n        return Reflect.get(target, prop);\n    }\n  }\n}\n\n/**\n * Arguments to construct the StatefulCallClient.\n *\n * @public\n */\nexport type StatefulCallClientArgs = {\n  /**\n   * UserId from SDK. This is provided for developer convenience to easily access the userId from the\n   * state. It is not used by StatefulCallClient.\n   */\n  userId: CommunicationUserIdentifier;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * A phone number in E.164 format that will be used to represent the callers identity. This number is required\n   * to start a PSTN call.\n   *\n   * example: +11234567\n   *\n   * This is not a cached value from the headless calling client.\n   */\n  alternateCallerId?: string;\n};\n\n/**\n * Options to construct the StatefulCallClient with.\n *\n * @public\n */\nexport type StatefulCallClientOptions = {\n  /**\n   * Options to construct the {@link @axure/communication-calling#CallClient} with.\n   */\n  callClientOptions: CallClientOptions;\n  /**\n   * Sets the max listeners limit of the 'stateChange' event. Defaults to the node.js EventEmitter.defaultMaxListeners\n   * if not specified.\n   */\n  maxStateChangeListeners?: number;\n};\n\n/**\n * Creates a StatefulCallClient {@link StatefulCallClient} by proxying CallClient\n * {@link @azure/communication-calling#CallClient} with ProxyCallClient {@link ProxyCallClient} which then allows access\n * to state in a declarative way.\n *\n * It is important to use the {@link @azure/communication-calling#DeviceManager} and\n * {@link @azure/communication-calling#CallAgent} and {@link @azure/communication-calling#Call} (and etc.) that are\n * obtained from the StatefulCallClient in order for their state changes to be proxied properly.\n *\n * @param args - {@link StatefulCallClientArgs}\n * @param options - {@link StatefulCallClientOptions}\n *\n * @public\n */\nexport const createStatefulCallClient = (\n  args: StatefulCallClientArgs,\n  options?: StatefulCallClientOptions\n): StatefulCallClient => {\n  callingStatefulLogger.info(`Creating calling stateful client using library version: ${_getApplicationId()}`);\n  return createStatefulCallClientWithDeps(\n    new CallClient(withTelemetryTag(options?.callClientOptions)),\n    new CallContext(\n      getIdentifierKind(args.userId),\n      options?.maxStateChangeListeners,\n      /* @conditional-compile-remove(PSTN-calls) */ args.alternateCallerId\n    ),\n    new InternalCallContext()\n  );\n};\n\n/**\n * Package-internal version of createStatefulCallClient that allows dependency injection.\n *\n * This function should not be exported from the package.\n */\nexport const createStatefulCallClientWithDeps = (\n  callClient: CallClient,\n  context: CallContext,\n  internalContext: InternalCallContext\n): StatefulCallClient => {\n  Object.defineProperty(callClient, 'getState', {\n    configurable: false,\n    value: () => context.getState()\n  });\n  Object.defineProperty(callClient, 'onStateChange', {\n    configurable: false,\n    value: (handler: (state: CallClientState) => void) => context.onStateChange(handler)\n  });\n  Object.defineProperty(callClient, 'offStateChange', {\n    configurable: false,\n    value: (handler: (state: CallClientState) => void) => context.offStateChange(handler)\n  });\n  Object.defineProperty(callClient, 'createView', {\n    configurable: false,\n    value: (\n      callId: string | undefined,\n      participantId: CommunicationIdentifier | undefined,\n      stream: LocalVideoStreamState | RemoteVideoStreamState,\n      options?: CreateViewOptions\n    ): Promise<CreateViewResult | undefined> => {\n      const participantIdKind = participantId ? getIdentifierKind(participantId) : undefined;\n      return createView(context, internalContext, callId, participantIdKind, stream, options);\n    }\n  });\n  Object.defineProperty(callClient, 'disposeView', {\n    configurable: false,\n    value: (\n      callId: string | undefined,\n      participantId: CommunicationIdentifier | undefined,\n      stream: LocalVideoStreamState | RemoteVideoStreamState\n    ): void => {\n      const participantIdKind = participantId ? getIdentifierKind(participantId) : undefined;\n      disposeView(context, internalContext, callId, participantIdKind, stream);\n    }\n  });\n\n  return new Proxy(callClient, new ProxyCallClient(context, internalContext)) as StatefulCallClient;\n};\n\nconst withTelemetryTag = (options?: CallClientOptions): CallClientOptions => {\n  const tags = options?.diagnostics?.tags ?? [];\n  tags.push(_getApplicationId());\n  return {\n    ...options,\n    diagnostics: {\n      ...options?.diagnostics,\n      tags\n    }\n  };\n};\n\"../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/ErrorBar.d.ts

@@ -17,6 +17,16 @@ export interface ErrorBarProps extends IMessageBarProps {
      * Currently active errors.
      */
     activeErrorMessages: ActiveErrorMessage[];
+    /**
+     * If set, errors with {@link ActiveErrorMessage.timestamp} older than the time this component is mounted
+     * are not shown.
+     *
+     * This is useful when using the {@link ErrorBar} with a stateful client that handles more than one call
+     * or chat thread. Set this prop to ignore errors from previous call or chat.
+     *
+     * @defaultValue false
+     */
+    ignorePremountErrors?: boolean;
 }
 /**
  * All strings that may be shown on the UI in the {@link ErrorBar}.

package/dist/dist-esm/react-components/src/components/ErrorBar.js

@@ -1,6 +1,6 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { MessageBar, Stack } from '@fluentui/react';
 import { useLocale } from '../localization';
 import { dismissError, dropDismissalsForInactiveErrors, errorsToShow, messageBarIconProps, messageBarType } from './utils';
@@ -22,11 +22,14 @@ export const ErrorBar = (props) => {
     var _a;
     const localeStrings = useLocale().strings.errorBar;
     const strings = (_a = props.strings) !== null && _a !== void 0 ? _a : localeStrings;
+    // Timestamp for when this comopnent is first mounted.
+    // Never updated through the lifecycle of this component.
+    const mountTimestamp = useRef(new Date(Date.now()));
     const [dismissedErrors, setDismissedErrors] = useState([]);
     // dropDismissalsForInactiveErrors only returns a new object if `dismissedErrors` actually changes.
     // Without this behaviour, this `useEffect` block would cause a render loop.
     useEffect(() => setDismissedErrors(dropDismissalsForInactiveErrors(props.activeErrorMessages, dismissedErrors)), [props.activeErrorMessages, dismissedErrors]);
-    const toShow = errorsToShow(props.activeErrorMessages, dismissedErrors);
+    const toShow = errorsToShow(props.activeErrorMessages, dismissedErrors, props.ignorePremountErrors ? mountTimestamp.current : undefined);
     return (React.createElement(Stack, { "data-ui-id": "error-bar-stack" }, toShow.map((error) => (React.createElement(MessageBar, Object.assign({}, props, { styles: {
             innerText: {
                 paddingTop: messageBarType(error.type) === 5 ? '0.15rem' : '0.1rem',

package/dist/dist-esm/react-components/src/components/ErrorBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBar.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAoB,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAEL,YAAY,EACZ,+BAA+B,EAC/B,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAC;AA6MjB;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;;IAC5D,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;IACnD,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,aAAa,CAAC;IAE/C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAE7E,mGAAmG;IACnG,4EAA4E;IAC5E,SAAS,CACP,GAAG,EAAE,CAAC,kBAAkB,CAAC,+BAA+B,CAAC,KAAK,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC,EACrG,CAAC,KAAK,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAC7C,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC;IAExE,OAAO,CACL,oBAAC,KAAK,kBAAY,iBAAiB,IAChC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,UAAU,oBACL,KAAK,IACT,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;gBACnE,UAAU,EAAE,MAAM;aACnB;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;aACV;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;aACtB;YACD,SAAS,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,QAAQ;aACrB;SACF,EACD,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAC1C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,EACpD,SAAS,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,EACzE,sBAAsB,EAAE,OAAO,CAAC,sBAAsB,EACtD,gBAAgB,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,KAE9C,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CACT,CACd,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { useEffect, useState } from 'react';\nimport { IMessageBarProps, MessageBar, Stack } from '@fluentui/react';\nimport { useLocale } from '../localization';\nimport {\n  DismissedError,\n  dismissError,\n  dropDismissalsForInactiveErrors,\n  errorsToShow,\n  messageBarIconProps,\n  messageBarType\n} from './utils';\n\n/**\n * Props for {@link ErrorBar}.\n *\n * In addition to the following, {@link ErrorBar} forwards all\n * {@link @fluentui/react#IMessageBarProps} to the underlying {@link @fluentui/react#MessageBar}.\n *\n * @public\n */\nexport interface ErrorBarProps extends IMessageBarProps {\n  /**\n   * Strings shown on the UI on errors.\n   */\n  strings?: ErrorBarStrings;\n\n  /**\n   * Currently active errors.\n   */\n  activeErrorMessages: ActiveErrorMessage[];\n}\n\n/**\n * All strings that may be shown on the UI in the {@link ErrorBar}.\n *\n * @public\n */\nexport interface ErrorBarStrings {\n  /**\n   * Unable to reach Chat service.\n   *\n   * This can mean:\n   *   - Incorrect Azure Communication Services endpoint was provided.\n   *   - User's network connection is down.\n   */\n  unableToReachChatService: string;\n\n  /**\n   * User does not have access to the Chat service.\n   * This usually means that either the Azure Communication Services endpiont or the token provided are incorrect.\n   */\n  accessDenied: string;\n\n  /**\n   * User is no longer on the thread.\n   *\n   * See also: {@link ErrorBarStrings.sendMessageNotInChatThread} for a more specific error.\n   */\n  userNotInChatThread: string;\n\n  /**\n   * Sending message failed because user is no longer on the thread.\n   */\n  sendMessageNotInChatThread: string;\n\n  /**\n   * A generic message when sending message fails.\n   * Prefer more specific error strings when possible.\n   */\n  sendMessageGeneric: string;\n\n  /**\n   * A generic message when starting video fails.\n   */\n  startVideoGeneric: string;\n\n  /**\n   * A generic message when starting video fails.\n   */\n  stopVideoGeneric: string;\n\n  /**\n   * A generic message when muting microphone fails.\n   */\n  muteGeneric: string;\n\n  /**\n   * A generic message when unmuting microphone fails.\n   */\n  unmuteGeneric: string;\n\n  /**\n   * A generic message when starting screenshare fails.\n   */\n  startScreenShareGeneric: string;\n\n  /**\n   * A generic message when stopping screenshare fails.\n   */\n  stopScreenShareGeneric: string;\n\n  /**\n   * Message shown when poor network quality is detected during a call.\n   */\n  callNetworkQualityLow: string;\n\n  /**\n   * Message shown on failure to detect audio output devices.\n   */\n  callNoSpeakerFound: string;\n\n  /**\n   * Message shown on failure to detect audio input devices.\n   */\n  callNoMicrophoneFound: string;\n\n  /**\n   * Message shown when microphone can be enumerated but access is blocked by the system.\n   */\n  callMicrophoneAccessDenied: string;\n\n  /**\n   * Message shown when microphone is muted by the system (not by local or remote participants)\n   */\n  callMicrophoneMutedBySystem: string;\n\n  /**\n   * Message shown when microphone is unmuted by the system (not by local or remote participants).\n   * This typically occurs if the system recovers from an unexpected mute.\n   */\n  callMicrophoneUnmutedBySystem: string;\n\n  /**\n   * Mac OS specific message shown when microphone can be enumerated but access is\n   * blocked by the system.\n   */\n  callMacOsMicrophoneAccessDenied: string;\n\n  /**\n   * Message shown when poor network causes local video stream to be frozen.\n   */\n  callLocalVideoFreeze: string;\n\n  /**\n   * Message shown when camera can be enumerated but access is blocked by the system.\n   */\n  callCameraAccessDenied: string;\n\n  /**\n   * Message shown when local video fails to start because camera is already in use by\n   * another applciation.\n   */\n  callCameraAlreadyInUse: string;\n\n  /**\n   * Message shown when local video is stopped by the system (not by local or remote participants)\n   */\n  callVideoStoppedBySystem: string;\n\n  /**\n   * Message shown when local video was recovered by the system (not by the local participant)\n   */\n  callVideoRecoveredBySystem: string;\n\n  /**\n   * Mac OS specific message shown when system denies access to camera.\n   */\n  callMacOsCameraAccessDenied: string;\n\n  /**\n   * Mac OS specific message shown when system denies sharing local screen on a call.\n   */\n  callMacOsScreenShareAccessDenied: string;\n  /**\n   * Dimiss errorbar button aria label read by screen reader accessibility tools\n   */\n  dismissButtonAriaLabel?: string;\n\n  /**\n   * An error message when joining a call fails.\n   */\n  failedToJoinCallGeneric?: string;\n\n  /**\n   * An error message when joining a call fails specifically due to an invalid meeting link.\n   */\n  failedToJoinCallInvalidMeetingLink?: string;\n}\n\n/**\n * All errors that can be shown in the {@link ErrorBar}.\n *\n * @public\n */\nexport type ErrorType = keyof ErrorBarStrings;\n\n/**\n * Active error messages to be shown via {@link ErrorBar}.\n *\n * @public\n */\nexport interface ActiveErrorMessage {\n  /**\n   * Type of error that is active.\n   */\n  type: ErrorType;\n  /**\n   * The latest timestamp when this error was observed.\n   *\n   * When available, this is used to track errors that have already been seen and dismissed\n   * by the user.\n   */\n  timestamp?: Date;\n}\n\n/**\n * A component to show error messages on the UI.\n * All strings that can be shown are accepted as the {@link ErrorBarProps.strings} so that they can be localized.\n * Active errors are selected by {@link ErrorBarProps.activeErrorMessages}.\n *\n * This component internally tracks dismissed by the user.\n *   * Errors that have an associated timestamp: The error is shown on the UI again if it occurs after being dismissed.\n *   * Errors that do not have a timestamp: The error is dismissed until it disappears from the props.\n *         If the error recurs, it is shown in the UI.\n *\n * Uses {@link @fluentui/react#MessageBar} UI element.\n *\n * @public\n */\nexport const ErrorBar = (props: ErrorBarProps): JSX.Element => {\n  const localeStrings = useLocale().strings.errorBar;\n  const strings = props.strings ?? localeStrings;\n\n  const [dismissedErrors, setDismissedErrors] = useState<DismissedError[]>([]);\n\n  // dropDismissalsForInactiveErrors only returns a new object if `dismissedErrors` actually changes.\n  // Without this behaviour, this `useEffect` block would cause a render loop.\n  useEffect(\n    () => setDismissedErrors(dropDismissalsForInactiveErrors(props.activeErrorMessages, dismissedErrors)),\n    [props.activeErrorMessages, dismissedErrors]\n  );\n\n  const toShow = errorsToShow(props.activeErrorMessages, dismissedErrors);\n\n  return (\n    <Stack data-ui-id=\"error-bar-stack\">\n      {toShow.map((error) => (\n        <MessageBar\n          {...props}\n          styles={{\n            innerText: {\n              paddingTop: messageBarType(error.type) === 5 ? '0.15rem' : '0.1rem', // to move the inner text of the message bar down to be centered\n              lineHeight: 'none'\n            },\n            icon: {\n              height: 0\n            },\n            content: {\n              lineHeight: 'inherit'\n            },\n            dismissal: {\n              height: 0,\n              paddingTop: '0.8rem'\n            }\n          }}\n          key={error.type}\n          messageBarType={messageBarType(error.type)}\n          messageBarIconProps={messageBarIconProps(error.type)}\n          onDismiss={() => setDismissedErrors(dismissError(dismissedErrors, error))}\n          dismissButtonAriaLabel={strings.dismissButtonAriaLabel}\n          dismissIconProps={{ iconName: 'ErrorBarClear' }}\n        >\n          {strings[error.type]}\n        </MessageBar>\n      ))}\n    </Stack>\n  );\n};\n"]}
+{"version":3,"file":"ErrorBar.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/ErrorBar.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAoB,UAAU,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAEL,YAAY,EACZ,+BAA+B,EAC/B,YAAY,EACZ,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAC;AAwNjB;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAe,EAAE;;IAC5D,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;IACnD,MAAM,OAAO,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,aAAa,CAAC;IAE/C,sDAAsD;IACtD,yDAAyD;IACzD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;IAEpD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAE7E,mGAAmG;IACnG,4EAA4E;IAC5E,SAAS,CACP,GAAG,EAAE,CAAC,kBAAkB,CAAC,+BAA+B,CAAC,KAAK,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAC,EACrG,CAAC,KAAK,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAC7C,CAAC;IAEF,MAAM,MAAM,GAAG,YAAY,CACzB,KAAK,CAAC,mBAAmB,EACzB,eAAe,EACf,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAChE,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,kBAAY,iBAAiB,IAChC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,oBAAC,UAAU,oBACL,KAAK,IACT,MAAM,EAAE;YACN,SAAS,EAAE;gBACT,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;gBACnE,UAAU,EAAE,MAAM;aACnB;YACD,IAAI,EAAE;gBACJ,MAAM,EAAE,CAAC;aACV;YACD,OAAO,EAAE;gBACP,UAAU,EAAE,SAAS;aACtB;YACD,SAAS,EAAE;gBACT,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,QAAQ;aACrB;SACF,EACD,GAAG,EAAE,KAAK,CAAC,IAAI,EACf,cAAc,EAAE,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAC1C,mBAAmB,EAAE,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,EACpD,SAAS,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC,EACzE,sBAAsB,EAAE,OAAO,CAAC,sBAAsB,EACtD,gBAAgB,EAAE,EAAE,QAAQ,EAAE,eAAe,EAAE,KAE9C,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CACT,CACd,CAAC,CACI,CACT,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { useEffect, useRef, useState } from 'react';\nimport { IMessageBarProps, MessageBar, Stack } from '@fluentui/react';\nimport { useLocale } from '../localization';\nimport {\n  DismissedError,\n  dismissError,\n  dropDismissalsForInactiveErrors,\n  errorsToShow,\n  messageBarIconProps,\n  messageBarType\n} from './utils';\n\n/**\n * Props for {@link ErrorBar}.\n *\n * In addition to the following, {@link ErrorBar} forwards all\n * {@link @fluentui/react#IMessageBarProps} to the underlying {@link @fluentui/react#MessageBar}.\n *\n * @public\n */\nexport interface ErrorBarProps extends IMessageBarProps {\n  /**\n   * Strings shown on the UI on errors.\n   */\n  strings?: ErrorBarStrings;\n\n  /**\n   * Currently active errors.\n   */\n  activeErrorMessages: ActiveErrorMessage[];\n\n  /**\n   * If set, errors with {@link ActiveErrorMessage.timestamp} older than the time this component is mounted\n   * are not shown.\n   *\n   * This is useful when using the {@link ErrorBar} with a stateful client that handles more than one call\n   * or chat thread. Set this prop to ignore errors from previous call or chat.\n   *\n   * @defaultValue false\n   */\n  ignorePremountErrors?: boolean;\n}\n\n/**\n * All strings that may be shown on the UI in the {@link ErrorBar}.\n *\n * @public\n */\nexport interface ErrorBarStrings {\n  /**\n   * Unable to reach Chat service.\n   *\n   * This can mean:\n   *   - Incorrect Azure Communication Services endpoint was provided.\n   *   - User's network connection is down.\n   */\n  unableToReachChatService: string;\n\n  /**\n   * User does not have access to the Chat service.\n   * This usually means that either the Azure Communication Services endpiont or the token provided are incorrect.\n   */\n  accessDenied: string;\n\n  /**\n   * User is no longer on the thread.\n   *\n   * See also: {@link ErrorBarStrings.sendMessageNotInChatThread} for a more specific error.\n   */\n  userNotInChatThread: string;\n\n  /**\n   * Sending message failed because user is no longer on the thread.\n   */\n  sendMessageNotInChatThread: string;\n\n  /**\n   * A generic message when sending message fails.\n   * Prefer more specific error strings when possible.\n   */\n  sendMessageGeneric: string;\n\n  /**\n   * A generic message when starting video fails.\n   */\n  startVideoGeneric: string;\n\n  /**\n   * A generic message when starting video fails.\n   */\n  stopVideoGeneric: string;\n\n  /**\n   * A generic message when muting microphone fails.\n   */\n  muteGeneric: string;\n\n  /**\n   * A generic message when unmuting microphone fails.\n   */\n  unmuteGeneric: string;\n\n  /**\n   * A generic message when starting screenshare fails.\n   */\n  startScreenShareGeneric: string;\n\n  /**\n   * A generic message when stopping screenshare fails.\n   */\n  stopScreenShareGeneric: string;\n\n  /**\n   * Message shown when poor network quality is detected during a call.\n   */\n  callNetworkQualityLow: string;\n\n  /**\n   * Message shown on failure to detect audio output devices.\n   */\n  callNoSpeakerFound: string;\n\n  /**\n   * Message shown on failure to detect audio input devices.\n   */\n  callNoMicrophoneFound: string;\n\n  /**\n   * Message shown when microphone can be enumerated but access is blocked by the system.\n   */\n  callMicrophoneAccessDenied: string;\n\n  /**\n   * Message shown when microphone is muted by the system (not by local or remote participants)\n   */\n  callMicrophoneMutedBySystem: string;\n\n  /**\n   * Message shown when microphone is unmuted by the system (not by local or remote participants).\n   * This typically occurs if the system recovers from an unexpected mute.\n   */\n  callMicrophoneUnmutedBySystem: string;\n\n  /**\n   * Mac OS specific message shown when microphone can be enumerated but access is\n   * blocked by the system.\n   */\n  callMacOsMicrophoneAccessDenied: string;\n\n  /**\n   * Message shown when poor network causes local video stream to be frozen.\n   */\n  callLocalVideoFreeze: string;\n\n  /**\n   * Message shown when camera can be enumerated but access is blocked by the system.\n   */\n  callCameraAccessDenied: string;\n\n  /**\n   * Message shown when local video fails to start because camera is already in use by\n   * another applciation.\n   */\n  callCameraAlreadyInUse: string;\n\n  /**\n   * Message shown when local video is stopped by the system (not by local or remote participants)\n   */\n  callVideoStoppedBySystem: string;\n\n  /**\n   * Message shown when local video was recovered by the system (not by the local participant)\n   */\n  callVideoRecoveredBySystem: string;\n\n  /**\n   * Mac OS specific message shown when system denies access to camera.\n   */\n  callMacOsCameraAccessDenied: string;\n\n  /**\n   * Mac OS specific message shown when system denies sharing local screen on a call.\n   */\n  callMacOsScreenShareAccessDenied: string;\n  /**\n   * Dimiss errorbar button aria label read by screen reader accessibility tools\n   */\n  dismissButtonAriaLabel?: string;\n\n  /**\n   * An error message when joining a call fails.\n   */\n  failedToJoinCallGeneric?: string;\n\n  /**\n   * An error message when joining a call fails specifically due to an invalid meeting link.\n   */\n  failedToJoinCallInvalidMeetingLink?: string;\n}\n\n/**\n * All errors that can be shown in the {@link ErrorBar}.\n *\n * @public\n */\nexport type ErrorType = keyof ErrorBarStrings;\n\n/**\n * Active error messages to be shown via {@link ErrorBar}.\n *\n * @public\n */\nexport interface ActiveErrorMessage {\n  /**\n   * Type of error that is active.\n   */\n  type: ErrorType;\n  /**\n   * The latest timestamp when this error was observed.\n   *\n   * When available, this is used to track errors that have already been seen and dismissed\n   * by the user.\n   */\n  timestamp?: Date;\n}\n\n/**\n * A component to show error messages on the UI.\n * All strings that can be shown are accepted as the {@link ErrorBarProps.strings} so that they can be localized.\n * Active errors are selected by {@link ErrorBarProps.activeErrorMessages}.\n *\n * This component internally tracks dismissed by the user.\n *   * Errors that have an associated timestamp: The error is shown on the UI again if it occurs after being dismissed.\n *   * Errors that do not have a timestamp: The error is dismissed until it disappears from the props.\n *         If the error recurs, it is shown in the UI.\n *\n * Uses {@link @fluentui/react#MessageBar} UI element.\n *\n * @public\n */\nexport const ErrorBar = (props: ErrorBarProps): JSX.Element => {\n  const localeStrings = useLocale().strings.errorBar;\n  const strings = props.strings ?? localeStrings;\n\n  // Timestamp for when this comopnent is first mounted.\n  // Never updated through the lifecycle of this component.\n  const mountTimestamp = useRef(new Date(Date.now()));\n\n  const [dismissedErrors, setDismissedErrors] = useState<DismissedError[]>([]);\n\n  // dropDismissalsForInactiveErrors only returns a new object if `dismissedErrors` actually changes.\n  // Without this behaviour, this `useEffect` block would cause a render loop.\n  useEffect(\n    () => setDismissedErrors(dropDismissalsForInactiveErrors(props.activeErrorMessages, dismissedErrors)),\n    [props.activeErrorMessages, dismissedErrors]\n  );\n\n  const toShow = errorsToShow(\n    props.activeErrorMessages,\n    dismissedErrors,\n    props.ignorePremountErrors ? mountTimestamp.current : undefined\n  );\n\n  return (\n    <Stack data-ui-id=\"error-bar-stack\">\n      {toShow.map((error) => (\n        <MessageBar\n          {...props}\n          styles={{\n            innerText: {\n              paddingTop: messageBarType(error.type) === 5 ? '0.15rem' : '0.1rem', // to move the inner text of the message bar down to be centered\n              lineHeight: 'none'\n            },\n            icon: {\n              height: 0\n            },\n            content: {\n              lineHeight: 'inherit'\n            },\n            dismissal: {\n              height: 0,\n              paddingTop: '0.8rem'\n            }\n          }}\n          key={error.type}\n          messageBarType={messageBarType(error.type)}\n          messageBarIconProps={messageBarIconProps(error.type)}\n          onDismiss={() => setDismissedErrors(dismissError(dismissedErrors, error))}\n          dismissButtonAriaLabel={strings.dismissButtonAriaLabel}\n          dismissIconProps={{ iconName: 'ErrorBarClear' }}\n        >\n          {strings[error.type]}\n        </MessageBar>\n      ))}\n    </Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/MessageThread.js

@@ -293,11 +293,13 @@ export const MessageThread = (props) => {
     }, [scrollToBottom, sendMessageStatusIfAtBottom]);
     // Infinite scrolling + threadInitialize function
     const fetchNewMessageWhenAtTop = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (chatScrollDivRef.current && !isLoadingChatMessagesRef.current) {
+        if (!isLoadingChatMessagesRef.current) {
             if (onLoadPreviousChatMessages) {
                 isLoadingChatMessagesRef.current = true;
                 // Fetch message until scrollTop reach the threshold for fetching new message
-                while (!isAllChatMessagesLoadedRef.current && chatScrollDivRef.current.scrollTop <= 500) {
+                while (!isAllChatMessagesLoadedRef.current &&
+                    chatScrollDivRef.current &&
+                    chatScrollDivRef.current.scrollTop <= 500) {
                     isAllChatMessagesLoadedRef.current = yield onLoadPreviousChatMessages(numberOfChatMessagesToReload);
                     yield delay(200);
                 }
@@ -305,12 +307,6 @@ export const MessageThread = (props) => {
             }
         }
     }), [numberOfChatMessagesToReload, onLoadPreviousChatMessages]);
-    const handleInfiniteScroll = useCallback(() => {
-        if (!chatScrollDivRef.current) {
-            return;
-        }
-        fetchNewMessageWhenAtTop();
-    }, [fetchNewMessageWhenAtTop]);
     // The below 2 of useEffects are design for fixing infinite scrolling problem
     // Scrolling element will behave differently when scrollTop = 0(it sticks at the top)
     // we need to get previousTop before it prepend contents
@@ -348,12 +344,12 @@ export const MessageThread = (props) => {
     useEffect(() => {
         const chatScrollDiv = chatScrollDivRef.current;
         chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', handleScrollToTheBottom);
-        chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', handleInfiniteScroll);
+        chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.addEventListener('scroll', fetchNewMessageWhenAtTop);
         return () => {
             chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', handleScrollToTheBottom);
-            chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', handleInfiniteScroll);
+            chatScrollDiv === null || chatScrollDiv === void 0 ? void 0 : chatScrollDiv.removeEventListener('scroll', fetchNewMessageWhenAtTop);
         };
-    }, [handleInfiniteScroll, handleScrollToTheBottom]);
+    }, [fetchNewMessageWhenAtTop, handleScrollToTheBottom]);
     /**
      * ClientHeight controls the number of messages to render. However ClientHeight will not be initialized after the
      * first render (not sure but I guess Fluent is updating it in hook which is after render maybe?) so we need to

package/dist/dist-esm/react-components/src/components/MessageThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/MessageThread.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,IAAI,EAEJ,IAAI,EACJ,GAAG,EAEH,WAAW,IAAI,oBAAoB,EACpC,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,aAAa,EACb,8BAA8B,EAC9B,2BAA2B,EAC3B,SAAS,EACT,oBAAoB,EACpB,qBAAqB,EACrB,2BAA2B,EAC3B,oBAAoB,EACpB,+BAA+B,EAC/B,6BAA6B,EAC7B,2BAA2B,EAC3B,gBAAgB,EAChB,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EACL,IAAI,EAEJ,WAAW,EACX,OAAO,EACP,WAAW,EACX,aAAa,EACb,KAAK,EAGN,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAatC,OAAO,EAAE,sBAAsB,EAA+B,MAAM,0BAA0B,CAAC;AAC/F,OAAO,EAAE,YAAY,EAAiB,mCAAgC;AACtE,OAAO,EAAE,aAAa,IAAI,sBAAsB,EAA0B,MAAM,iBAAiB,CAAC;AAClG,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,iCAAiC,EAAE,MAAM,2CAA2C,CAAC;AAG9F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,MAAmB,EAAW,EAAE;IACzE,OAAO,CACL,KAAK,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS;QACpC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO;QAChC,KAAK,CAAC,WAAW,KAAK,MAAM,CAAC,WAAW;QACxC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;QACpE,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,QAAQ;QAClC,KAAK,CAAC,iBAAiB,KAAK,MAAM,CAAC,iBAAiB;QACpD,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,oBAAoB,GAAG,CAAC,QAAyD,EAA2B,EAAE;IAClH,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE;YACzD,OAAO,OAAO,CAAC;SAChB;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,mCAAmC,GAAG,CAC1C,MAAc,EACd,iCAA+C,EAC/C,4BAA0C,EACjC,EAAE;IACX,IAAI,4BAA4B,KAAK,SAAS,EAAE;QAC9C,OAAO,KAAK,CAAC;KACd;IACD,IAAI,iCAAiC,KAAK,SAAS,EAAE;QACnD,OAAO,4BAA4B,CAAC,QAAQ,KAAK,MAAM,CAAC;KACzD;IACD,OAAO,CACL,CAAC,aAAa,CAAC,4BAA4B,EAAE,iCAAiC,CAAC;QAC/E,4BAA4B,CAAC,QAAQ,KAAK,MAAM,CACjD,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,2BAA2B,GAAG,CAClC,MAAc,EACd,iCAA+C,EAC/C,4BAA0C,EACjC,EAAE;IACX,IAAI,4BAA4B,KAAK,SAAS,EAAE;QAC9C,OAAO,KAAK,CAAC;KACd;IACD,IAAI,iCAAiC,KAAK,SAAS,EAAE;QACnD,OAAO,4BAA4B,CAAC,QAAQ,KAAK,MAAM,CAAC;KACzD;IACD,OAAO,CACL,CAAC,aAAa,CAAC,4BAA4B,EAAE,iCAAiC,CAAC;QAC/E,4BAA4B,CAAC,QAAQ,KAAK,MAAM,CACjD,CAAC;AACJ,CAAC,CAAC;AAyGF,MAAM,6BAA6B,GAAG,CAAC,KAAkC,EAAe,EAAE;IACxF,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAChC,OAAO,CACL,oBAAC,aAAa,IACZ,SAAS,EAAE,qBAAqB,EAChC,MAAM,EAAE,oBAAoB,EAC5B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,GAAG,EAAE,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAE,aAAa,GAAI,GACtE,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAAC,YAAwC,EAAE,WAAmB,EAAU,EAAE,CACxG,YAAY;KACT,GAAG,CACF,CAAC,WAAW,EAAE,EAAE,CACd,GAAG,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE,CAC1G;KACA,IAAI,CAAC,IAAI,CAAC,CAAC;AAShB,MAAM,iCAAiC,GAAG,CAAC,EACzC,OAAO,EACP,KAAK,EACL,WAAW,EAKZ,EAAe,EAAE;IAChB,MAAM,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAChC,MAAM,eAAe,GAAG,uBAAuB,CAAC,OAAO,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IACnF,MAAM,aAAa,GACjB,OAAO,CAAC,iBAAiB,KAAK,kBAAkB;QAC9C,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,iBAAiB;QACzC,CAAC,CAAC,OAAO,CAAC,aAAa,CAAC,eAAe,CAAC;IAE5C,IAAI,eAAe,KAAK,EAAE,EAAE;QAC1B,OAAO,CACL,oBAAC,sBAAsB,IACrB,QAAQ,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAA2B,EAC9E,OAAO,EAAE,GAAG,eAAe,IAAI,aAAa,EAAE,EAC9C,cAAc,EAAE,KAAK,GACrB,CACH,CAAC;KACH;IACD,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAoB,CAAC,KAAmB,EAAE,EAAE;;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAC9B,QAAQ,OAAO,CAAC,WAAW,EAAE;QAC3B,KAAK,QAAQ;YACX,QAAQ,OAAO,CAAC,iBAAiB,EAAE;gBACjC,KAAK,SAAS;oBACZ,OAAO,CACL,oBAAC,sBAAsB,IACrB,QAAQ,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAA2B,EAC9E,OAAO,EAAE,MAAA,OAAO,CAAC,OAAO,mCAAI,EAAE,EAC9B,cAAc,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,qBAAqB,GAC5C,CACH,CAAC;gBACJ,KAAK,kBAAkB,CAAC;gBACxB,KAAK,oBAAoB;oBACvB,OAAO,CACL,oBAAC,iCAAiC,IAChC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,CAAC,qBAAqB,EAClC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,GAC3C,CACH,CAAC;aACL;KACJ;IACD,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,YAAY,CACrC,CACE,WAAmB,EACnB,OAAgB,EAChB,eAAwB,EACxB,iBAA0B,EAC1B,cAAkD,EAClD,6BAAsC,EACtC,MAAuC,EACvC,qBAEa,EACb,qBAKgB,EAChB,0BAAkE,EAClE,OAA6B,EAC7B,SAA4B,EAC5B,cAA8B,EAC9B,gBAAyB,EACzB,SAAkB,EAClB,eAA2F,EAC3F,eAAuC,EACvC,eAAsD,EACtD,aAAkD,EACnB,EAAE;;IACjC,MAAM,YAAY,GAAiB;QACjC,OAAO;QACP,OAAO;QACP,QAAQ,EAAE,eAAe;QACzB,eAAe;QACf,eAAe;QACf,aAAa;KACd,CAAC;IAEF,QAAQ,OAAO,CAAC,WAAW,EAAE;QAC3B,KAAK,MAAM,CAAC,CAAC;YACX,MAAM,kBAAkB,GACtB,OAAO,CAAC,MAAM,KAAK,QAAQ;gBACzB,CAAC,CAAC,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,4BAA4B,mCAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,sBAAsB,mCAAI,4BAA4B;gBACxG,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,sBAAsB,mCAAI,6BAA6B,CAAC;YACtE,MAAM,gBAAgB,GAAG,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,oBAAoB,mCAAI,2BAA2B,CAAC;YACrF,YAAY,CAAC,qBAAqB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAE1F,MAAM,oBAAoB,GACxB,eAAe,KAAK,SAAS;gBAC3B,CAAC,CAAC,0BAA0B,CAAC,YAAY,CAAC;gBAC1C,CAAC,CAAC,eAAe,CAAC,YAAY,EAAE,0BAA0B,CAAC,CAAC;YAEhE,MAAM,cAAc,GAAa;gBAC/B,kBAAkB,EAAE,IAAI;gBACxB,IAAI,EAAE,WAAW,CAAC,MAAM;gBACxB,IAAI,EAAE,OAAO,CAAC,iBAAiB;gBAC/B,mBAAmB,EAAE,KAAK;aAC3B,CAAC;YAEF,MAAM,oBAAoB,GACxB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,0BAA0B,CAAC,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,wBAAwB,CAAC;gBACtF,+BAA+B,CAAC,6BAA6B,CAAC,CAAC;YAEjE,MAAM,gBAAgB,GACpB,OAAO,CAAC,QAAQ,KAAK,KAAK,IAAI,OAAO,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,sBAAsB,CAAC;YAEvG,OAAO;gBACL,MAAM,EAAE;oBACN,MAAM,EAAE,gBAAgB;oBACxB,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,EAAE,CACH,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACnB,cAAc,CAAC,MAAA,OAAO,CAAC,QAAQ,mCAAI,EAAE,EAAE,cAAc,CAAC,CACvD,CAAC,CAAC,CAAC,CACF,oBAAC,OAAO,oBAAK,cAAc,EAAI,CAChC;iBACF;gBACD,eAAe,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO;gBAC/C,OAAO,EAAE;oBACP,MAAM,EAAE,oBAAoB;oBAC5B,OAAO,EAAE,CACP,oBAAC,IAAI,IAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAC,KAAK;wBACzD,oBAAoB;wBACrB,6BACE,SAAS,EAAE,WAAW,CACpB,2BAA2B,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,KAAK,CAAC,EAClD,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,sBAAsB,EAAC,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAC3F,IAEA,iBAAiB,IAAI,cAAc,CAAC,CAAC,CAAC,CACrC,qBAAqB,CAAC,CAAC,CAAC,CACtB,qBAAqB,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC,CAClD,CAAC,CAAC,CAAC,CACF,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,CAAC,CAAC,CACtF,CACF,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,WAAW,CAAC,oBAAoB,CAAC,GAAI,CACtD,CACG,CACD,CACR;iBACF;gBACD,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,GAAG,EAAE,WAAW;aACjB,CAAC;SACH;QAED,KAAK,QAAQ,CAAC,CAAC;YACb,YAAY,CAAC,qBAAqB,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,sBAAsB,CAAC;YACpE,MAAM,sBAAsB,GAC1B,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,CAC9B,oBAAC,oBAAoB,oBAAK,YAAY,EAAI,CAC3C,CAAC,CAAC,CAAC,CACF,eAAe,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,oBAAoB,oBAAK,KAAK,EAAI,CAAC,CAC9E,CAAC;YACJ,OAAO;gBACL,QAAQ,EAAE,sBAAsB;gBAChC,GAAG,EAAE,WAAW;aACjB,CAAC;SACH;QAED,OAAO,CAAC,CAAC;YACP,mHAAmH;YACnH,MAAM,sBAAsB,GAAG,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,yCAAK,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YACrG,OAAO;gBACL,QAAQ,EAAE,sBAAsB;gBAChC,GAAG,EAAE,WAAW;aACjB,CAAC;SACH;KACF;AACH,CAAC,CACF,CAAC;AAEF,MAAM,8BAA8B,GAAG,CAAC,QAAmB,EAAE,MAAqB,EAAsB,EAAE;IACxG,KAAK,IAAI,CAAC,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;QAC7C,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,IAAI,OAAO,CAAC,MAAM,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,EAAE;YAC/E,OAAO,OAAO,CAAC,SAAS,CAAC;SAC1B;KACF;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AA0OF;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAe,EAAE;;IACtE,MAAM,EACJ,QAAQ,EAAE,WAAW,EACrB,MAAM,EACN,gBAAgB,EAChB,sBAAsB,EACtB,MAAM,EACN,6BAA6B,GAAG,KAAK,EACrC,eAAe,GAAG,KAAK,EACvB,iBAAiB,GAAG,KAAK,EACzB,4BAA4B,GAAG,CAAC,EAChC,aAAa,EACb,qBAAqB,EACrB,cAAc,EACd,0BAA0B,EAC1B,8BAA8B,EAC9B,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa;IACb,0DAA0D;IAC1D,uBAAuB,EACxB,GAAG,KAAK,CAAC;IAEV,MAAM,qBAAqB,GAAG,+BAA+B,CAAC,KAAK,CAAC,CAAC;IAErE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkD,EAAE,CAAC,CAAC;IAC9F,qGAAqG;IACrG,mHAAmH;IACnH,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAC5E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE1D,8EAA8E;IAC9E,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,QAAQ,CAA0B,SAAS,CAAC,CAAC;IAC/G,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAA0B,SAAS,CAAC,CAAC;IAC7G,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEjF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC9F,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxG,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEpG,qGAAqG;IACrG,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEhH,MAAM,0BAA0B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,iBAAiB,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC,CAAC;IAE7C,MAAM,oBAAoB,GAAG,MAAM,CAAS,EAAE,CAAC,CAAC;IAEhD,MAAM,gBAAgB,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IACnD,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/C,qFAAqF;IACrF,uFAAuF;IACvF,gBAAgB;IAChB,MAAM,eAAe,GAAG,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC1D,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE1E,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,CAAC,yBAA0E,EAAQ,EAAE;QAC1G,WAAW,CAAC,OAAO,GAAG,yBAAyB,CAAC;QAChD,WAAW,CAAC,yBAAyB,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,wBAAwB,GAAG,CAAC,uBAAgC,EAAQ,EAAE;QAC1E,qBAAqB,CAAC,OAAO,GAAG,uBAAuB,CAAC;QACxD,qBAAqB,CAAC,uBAAuB,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,MAAM,0BAA0B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAC;IACnE,MAAM,6BAA6B,GAAG,CAAC,uBAAgC,EAAQ,EAAE;QAC/E,0BAA0B,CAAC,OAAO,GAAG,uBAAuB,CAAC;QAC7D,0BAA0B,CAAC,uBAAuB,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,8EAA8E;IAC9E,MAAM,2BAA2B,GAAG,WAAW,CAAC,GAAwB,EAAE;QACxE,IACE,CAAC,qBAAqB,CAAC,OAAO;YAC9B,CAAC,QAAQ,CAAC,QAAQ,EAAE;YACpB,CAAC,WAAW,CAAC,OAAO;YACpB,WAAW,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC;YAChC,CAAC,iBAAiB,EAClB;YACA,OAAO;SACR;QACD,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5D,OAAO,OAAO,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC;QAChF,CAAC,CAAC,CAAC;QACH,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;YAC/B,OAAO;SACR;QACD,MAAM,WAAW,GAAgB,cAAc,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAgB,CAAC;QAC1F,IAAI;YACF,IACE,aAAa;gBACb,WAAW;gBACX,WAAW,CAAC,SAAS;gBACrB,WAAW,CAAC,SAAS,KAAK,oBAAoB,CAAC,OAAO,EACtD;gBACA,MAAM,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC3C,oBAAoB,CAAC,OAAO,GAAG,WAAW,CAAC,SAAS,CAAC;aACtD;SACF;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC;SACpD;IACH,CAAC,CAAA,EAAE,CAAC,iBAAiB,EAAE,aAAa,CAAC,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,WAAW,CAAC,GAAS,EAAE;QAC5C,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,gBAAgB,CAAC,OAAO,CAAC,SAAS,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;SAC5E;QACD,uBAAuB,CAAC,KAAK,CAAC,CAAC;QAC/B,wBAAwB,CAAC,IAAI,CAAC,CAAC;QAC/B,2BAA2B,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAElC,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAS,EAAE;QACrD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC7B,OAAO;SACR;QAED,MAAM,QAAQ,GACZ,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC;YAC7C,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;QAChF,IAAI,QAAQ,EAAE;YACZ,2BAA2B,EAAE,CAAC;YAC9B,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE;gBAClC,cAAc,EAAE,CAAC;aAClB;SACF;QACD,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,cAAc,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAElD,iDAAiD;IACjD,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAS,EAAE;QACtD,IAAI,gBAAgB,CAAC,OAAO,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE;YACjE,IAAI,0BAA0B,EAAE;gBAC9B,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;gBACxC,6EAA6E;gBAC7E,OAAO,CAAC,0BAA0B,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,SAAS,IAAI,GAAG,EAAE;oBACvF,0BAA0B,CAAC,OAAO,GAAG,MAAM,0BAA0B,CAAC,4BAA4B,CAAC,CAAC;oBACpG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;iBAClB;gBACD,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;aAC1C;SACF;IACH,CAAC,CAAA,EAAE,CAAC,4BAA4B,EAAE,0BAA0B,CAAC,CAAC,CAAC;IAE/D,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAS,EAAE;QAClD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC7B,OAAO;SACR;QAED,wBAAwB,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B,6EAA6E;IAC7E,qFAAqF;IACrF,wDAAwD;IACxD,gGAAgG;IAChG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC7B,OAAO;SACR;QACD,cAAc,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,SAAS,CAAC;QAC5D,iBAAiB,CAAC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,YAAY,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE;YAC7B,OAAO;SACR;QACD,gBAAgB,CAAC,OAAO,CAAC,SAAS;YAChC,gBAAgB,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IACjG,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,mHAAmH;IACnH,SAAS,CAAC,GAAG,EAAE;QACb,wBAAwB,EAAE,CAAC;IAC7B,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC;QACxE,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC;QACxE,OAAO,GAAG,EAAE;YACV,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC;YAC3E,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,2BAA2B,CAAC,CAAC;QAC7E,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,gBAAgB,CAAC,OAAO,CAAC;QAC/C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;QACnE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,gBAAgB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;YACtE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,mBAAmB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEpD;;;;OAIG;IACH,MAAM,YAAY,GAAG,MAAA,aAAa,CAAC,OAAO,0CAAE,YAAY,CAAC;IACzD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC;YAChC,OAAO;SACR;QACD,yDAAyD;QACzD,qBAAqB,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC;IACpD,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAC;IAEzE;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,4BAA4B,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QACxE,2BAA2B,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;QAC/D,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,CAAC,0BAA0B,CAAC,OAAO,IAAI,6BAA6B,CAAC,IAAI,CAAC,CAAC;QAC3E,2BAA2B,CAAC,8BAA8B,CAAC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;QACtF,sBAAsB,CAAC,8BAA8B,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;QAC5E,yBAAyB,CAAC,8BAA8B,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,CAAC;IACpF,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,4FAA4F;QAC5F,IACE,mCAAmC,CAAC,MAAM,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;YAChG,CAAC,qBAAqB,CAAC,OAAO,EAC9B;YACA,uBAAuB,CAAC,IAAI,CAAC,CAAC;SAC/B;aAAM,IACL,2BAA2B,CAAC,MAAM,EAAE,yBAAyB,EAAE,wBAAwB,CAAC;YACxF,qBAAqB,CAAC,OAAO,EAC7B;YACA,cAAc,EAAE,CAAC;SAClB;QACD,uDAAuD;IACzD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,mBAAmB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACrD,MAAM,yBAAyB,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC;IAEjE,mBAAmB,CAAC,OAAO,GAAG,gBAAgB,CAAC;IAC/C,yBAAyB,CAAC,OAAO,GAAG,sBAAsB,CAAC;IAE3D,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,OAAoB,EAAE,gBAAyE,EAAE,EAAE;QAClG,IAAI,mBAAmB,CAAC,OAAO,IAAI,mBAAmB,CAAC,OAAO,GAAG,CAAC,GAAG,CAAC,IAAI,yBAAyB,CAAC,OAAO,EAAE;YAC3G,gBAAgB,CAAC,iCAAiC,CAAC,OAAO,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,CAAC;SACjG;IACH,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,aAAa,CAAC;IACxD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,iCAAM,aAAa,GAAK,KAAK,CAAC,OAAO,EAAG,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACxG,8HAA8H;IAC9H,MAAM,0BAA0B,GAAG,WAAW,CAC5C,CAAC,YAA0B,EAAE,EAAE;QAC7B,IAAI,YAAY,CAAC,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;YAC/C,OAAO,CACL,oBAAC,oBAAoB,oBACf,YAAY,IAChB,qBAAqB,EAAE,qBAAqB;gBAC5C,+CAA+C;gBAC/C,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,CAAC,OAAO,EAC7B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,uBAAuB,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EACpE,6BAA6B,EAAE,CAAC,QAAQ,EACxC,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,MAAM,EAC1C,mBAAmB,EAAE,uBAAuB;gBAC5C,0DAA0D;gBAC1D,uBAAuB,EAAE,uBAAuB,IAChD,CACH,CAAC;SACH;QACD,OAAO,yCAAK,CAAC;IACf,CAAC,EACD;QACE,qBAAqB;QACrB,+CAA+C;QAC/C,OAAO;QACP,KAAK,CAAC,MAAM;QACZ,gBAAgB;QAChB,QAAQ;QACR,cAAc;QACd,iBAAiB;QACjB,uBAAuB;QACvB,0DAA0D;QAC1D,uBAAuB;KACxB,CACF,CAAC;IAEF,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,OAAoB,EAAE,MAAqB,EAAE,gBAAwB,EAAE,SAAiB,EAAE,EAAE;QAC3F,MAAM,eAAe,GAAG,CAAC,SAAkB,EAAQ,EAAE;YACnD,IAAI,SAAS,IAAI,yBAAyB,CAAC,OAAO,EAAE;gBAClD,+BAA+B,CAC7B,iCAAiC,CAAC,OAAO,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAC,MAAM,CACrF,CAAC;aACH;iBAAM;gBACL,+BAA+B,CAAC,SAAS,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC;QACF,OAAO,CACL,oBAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe;YAChC,uDAAuD;YACvD,uBAAuB,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GACpE,CACH,CAAC;IACJ,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,kBAAkB,CAAC,CAAC,iBAAiB,EAAE,EAAE;QACvC,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAgB,EAAE,KAAa,EAAiC,EAAE;YACrF,IAAI,GAAG,GAAuB,OAAO,CAAC,SAAS,CAAC;YAChD,IAAI,cAAc,GAA8B,SAAS,CAAC;YAE1D,IAAI,OAAO,CAAC,WAAW,KAAK,MAAM,EAAE;gBAClC,IAAI,CAAC,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,SAAS,KAAK,EAAE,EAAE;oBAClD,GAAG,GAAG,OAAO,CAAC,eAAe,CAAC;iBAC/B;gBACD,IAAI,iBAAiB,IAAI,OAAO,CAAC,IAAI,EAAE;oBACrC,QAAQ,OAAO,CAAC,SAAS,EAAE;wBACzB,KAAK,mBAAmB,CAAC,CAAC;4BACxB,cAAc,GAAG,MAAM,CAAC;4BACxB,MAAM;yBACP;wBACD,KAAK,sBAAsB,CAAC,CAAC;4BAC3B,cAAc,GAAG,SAAS,CAAC;4BAC3B,MAAM;yBACP;wBACD,KAAK,wBAAwB,CAAC,CAAC;4BAC7B,cAAc,GAAG,WAAW,CAAC;4BAC7B,MAAM;yBACP;qBACF;iBACF;gBACD,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ,EAAE;oBAC/C,cAAc,GAAG,QAAQ,CAAC;iBAC3B;aACF;YAED,OAAO,iBAAiB,CACtB,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,GAAG,KAAK,EACpB,OAAO,EACP,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,QAAQ,EACR,MAAM,EACN,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,OAAO;YACP,+EAA+E;YAC/E,wCAAwC;YACxC,OAAO,CAAC,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EACd,gBAAgB,EAChB,4BAA4B,EAC5B,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,CACd,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,EACJ;QACE,QAAQ;QACR,eAAe;QACf,iBAAiB;QACjB,cAAc;QACd,QAAQ;QACR,MAAM;QACN,qBAAqB;QACrB,qBAAqB;QACrB,0BAA0B;QAC1B,OAAO;QACP,gBAAgB;QAChB,4BAA4B;QAC5B,eAAe;QACf,eAAe;QACf,eAAe;QACf,aAAa;QACb,mBAAmB;QACnB,sBAAsB;QACtB,wBAAwB;KACzB,CACF,CAAC;IAEF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;;QAC5B,OAAO,CACL,oBAAC,aAAa;YACZ,oBAAC,IAAI,IACH,MAAM,EAAE,oBAAoB,CAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,mCAAI,EAAE,CAAC,EACvF,KAAK,EAAE,iBAAiB,GACxB,CACY,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,aAAa;QAC1B,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,CAAC,2BAA2B,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,EAAE,IAAI;YAI3E,oBAAoB,IAAI,CAAC,6BAA6B,IAAI,CACzD,6BAAK,SAAS,EAAE,WAAW,CAAC,8BAA8B,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,yBAAyB,CAAC,IAC3F,8BAA8B,CAAC,CAAC,CAAC,CAChC,8BAA8B,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,oBAAoB,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAChG,CAAC,CAAC,CAAC,CACF,oBAAC,6BAA6B,IAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,EAAE,OAAO,EAAE,cAAc,GAAI,CAC/F,CACG,CACP;YAED,oBAAC,GAAG,IAAC,QAAQ,EAAE,gBAAgB,IAAG,QAAQ,CAAO,CAC3C,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,+BAA+B,GAAG,CACtC,KAAyB,EAC4C,EAAE;IACvE,+CAA+C;IAC/C,OAAO,KAAK,CAAC,qBAAqB,CAAC;IACnC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAY,EAAsB,EAAE;IACtD,OAAO;QACL,UAAU,EAAE;YACV,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;SAClC;QACD,aAAa,EAAE;YACb,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;SACjC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;SACjC;QACD,cAAc,EAAE;YACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW;SACjC;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Chat,\n  ChatItemProps,\n  Flex,\n  Ref,\n  ShorthandValue,\n  mergeStyles as mergeNorthstarThemes\n} from '@fluentui/react-northstar';\nimport {\n  DownIconStyle,\n  newMessageButtonContainerStyle,\n  messageThreadContainerStyle,\n  chatStyle,\n  buttonWithIconStyles,\n  newMessageButtonStyle,\n  messageStatusContainerStyle,\n  noMessageStatusStyle,\n  defaultChatItemMessageContainer,\n  defaultMyChatMessageContainer,\n  defaultChatMessageContainer,\n  gutterWithAvatar,\n  gutterWithHiddenAvatar,\n  FailedMyChatMessageContainer\n} from './styles/MessageThread.styles';\nimport {\n  Icon,\n  IStyle,\n  mergeStyles,\n  Persona,\n  PersonaSize,\n  PrimaryButton,\n  Stack,\n  IPersona,\n  Theme\n} from '@fluentui/react';\nimport { ComponentSlotStyle } from '@fluentui/react-northstar';\nimport { LiveAnnouncer } from 'react-aria-live';\nimport { delay } from './utils/delay';\nimport {\n  BaseCustomStyles,\n  ChatMessage,\n  CustomMessage,\n  SystemMessage,\n  CommunicationParticipant,\n  OnRenderAvatarCallback,\n  ParticipantAddedSystemMessage,\n  ParticipantRemovedSystemMessage,\n  Message,\n  ReadReceiptsBySenderId\n} from '../types';\nimport { MessageStatusIndicator, MessageStatusIndicatorProps } from './MessageStatusIndicator';\nimport { memoizeFnAll, MessageStatus } from '@internal/acs-ui-common';\nimport { SystemMessage as SystemMessageComponent, SystemMessageIconTypes } from './SystemMessage';\nimport { ChatMessageComponent } from './ChatMessage/ChatMessageComponent';\nimport { useLocale } from '../localization/LocalizationProvider';\nimport { isNarrowWidth, _useContainerWidth } from './utils/responsive';\nimport { getParticipantsWhoHaveReadMessage } from './utils/getParticipantsWhoHaveReadMessage';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadHandler, FileMetadata } from './FileDownloadCards';\nimport { useTheme } from '../theming';\n\nconst isMessageSame = (first: ChatMessage, second: ChatMessage): boolean => {\n  return (\n    first.messageId === second.messageId &&\n    first.content === second.content &&\n    first.contentType === second.contentType &&\n    JSON.stringify(first.createdOn) === JSON.stringify(second.createdOn) &&\n    first.senderId === second.senderId &&\n    first.senderDisplayName === second.senderDisplayName &&\n    first.status === second.status\n  );\n};\n\n/**\n * Get the latest message from the message array.\n *\n * @param messages\n */\nconst getLatestChatMessage = (messages: (ChatMessage | SystemMessage | CustomMessage)[]): ChatMessage | undefined => {\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const message = messages[i];\n    if (message.messageType === 'chat' && !!message.createdOn) {\n      return message;\n    }\n  }\n  return undefined;\n};\n\n/**\n * Compare latestMessageFromPreviousMessages & latestMessageFromNewMessages to see if the new message is not from\n * current user.\n */\nconst isThereNewMessageNotFromCurrentUser = (\n  userId: string,\n  latestMessageFromPreviousMessages?: ChatMessage,\n  latestMessageFromNewMessages?: ChatMessage\n): boolean => {\n  if (latestMessageFromNewMessages === undefined) {\n    return false;\n  }\n  if (latestMessageFromPreviousMessages === undefined) {\n    return latestMessageFromNewMessages.senderId !== userId;\n  }\n  return (\n    !isMessageSame(latestMessageFromNewMessages, latestMessageFromPreviousMessages) &&\n    latestMessageFromNewMessages.senderId !== userId\n  );\n};\n\n/**\n * Returns true if the current user sent the latest message and false otherwise. It will ignore messages that have no\n * sender, messages that have failed to send, and messages from the current user that is marked as SEEN. This is meant\n * as an indirect way to detect if user is at bottom of the chat when the component updates with new messages. If we\n * updated this component due to current user sending a message we want to then call scrollToBottom.\n */\nconst didUserSendTheLatestMessage = (\n  userId: string,\n  latestMessageFromPreviousMessages?: ChatMessage,\n  latestMessageFromNewMessages?: ChatMessage\n): boolean => {\n  if (latestMessageFromNewMessages === undefined) {\n    return false;\n  }\n  if (latestMessageFromPreviousMessages === undefined) {\n    return latestMessageFromNewMessages.senderId === userId;\n  }\n  return (\n    !isMessageSame(latestMessageFromNewMessages, latestMessageFromPreviousMessages) &&\n    latestMessageFromNewMessages.senderId === userId\n  );\n};\n\n/**\n * Fluent styles for {@link MessageThread}.\n *\n * @public\n */\nexport interface MessageThreadStyles extends BaseCustomStyles {\n  /** Styles for load previous messages container. */\n  loadPreviousMessagesButtonContainer?: IStyle;\n  /** Styles for new message container. */\n  newMessageButtonContainer?: IStyle;\n  /** Styles for chat container. */\n  chatContainer?: ComponentSlotStyle;\n  /** styles for my chat items.  */\n  myChatItemMessageContainer?: ComponentSlotStyle;\n  /** styles for chat items.  */\n  chatItemMessageContainer?: ComponentSlotStyle;\n  /** Styles for my chat message container. */\n  myChatMessageContainer?: ComponentSlotStyle;\n  /** Styles for my chat message container in case of failure. */\n  failedMyChatMessageContainer?: ComponentSlotStyle;\n  /** Styles for chat message container. */\n  chatMessageContainer?: ComponentSlotStyle;\n  /** Styles for system message container. */\n  systemMessageContainer?: ComponentSlotStyle;\n  /** Styles for message status indicator container. */\n  messageStatusContainer?: (mine: boolean) => IStyle;\n}\n\n/**\n * Strings of {@link MessageThread} that can be overridden.\n *\n * @public\n */\nexport interface MessageThreadStrings {\n  /** String for Sunday */\n  sunday: string;\n  /** String for Monday */\n  monday: string;\n  /** String for Tuesday */\n  tuesday: string;\n  /** String for Wednesday */\n  wednesday: string;\n  /** String for Thursday */\n  thursday: string;\n  /** String for Friday */\n  friday: string;\n  /** String for Saturday */\n  saturday: string;\n  /** String for Yesterday */\n  yesterday: string;\n  /** String for participants joined */\n  participantJoined: string;\n  /** String for participants left */\n  participantLeft: string;\n  /** Tag shown on a message that has been edited */\n  editedTag: string;\n  /** String for editing message in floating menu */\n  editMessage: string;\n  /** String for removing message in floating menu */\n  removeMessage: string;\n  /** String for resending failed message in floating menu */\n  resendMessage?: string;\n  /** String for indicating failed to send messages */\n  failToSendTag?: string;\n  /** String for LiveMessage introduction for the Chat Message */\n  liveAuthorIntro: string;\n  /** String for aria text of remote user's message content */\n  messageContentAriaText: string;\n  /** String for aria text of local user's message content */\n  messageContentMineAriaText: string;\n  /** String for warning on text limit exceeded in EditBox*/\n  editBoxTextLimit: string;\n  /** String for placeholder text in EditBox when there is no user input*/\n  editBoxPlaceholderText: string;\n  /** String for new messages indicator*/\n  newMessagesIndicator: string;\n  /** String for showing message read status in floating menu */\n  messageReadCount?: string;\n  /** String for replacing display name when there is none*/\n  noDisplayNameSub: string;\n  /** String for Cancel button in EditBox*/\n  editBoxCancelButton: string;\n  /** String for Submit in EditBox when there is no user input*/\n  editBoxSubmitButton: string;\n  /** String for action menu indicating there are more options */\n  actionMenuMoreOptions?: string;\n  /* @conditional-compile-remove(file-sharing) */\n  /** String for download file button in file card */\n  downloadFile: string;\n}\n\n/**\n * Arguments for {@link MessageThreadProps.onRenderJumpToNewMessageButton}.\n *\n * @public\n */\nexport interface JumpToNewMessageButtonProps {\n  /** String for button text */\n  text: string;\n  /** Callback for when button is clicked */\n  onClick: () => void;\n}\n\nconst DefaultJumpToNewMessageButton = (props: JumpToNewMessageButtonProps): JSX.Element => {\n  const { text, onClick } = props;\n  return (\n    <PrimaryButton\n      className={newMessageButtonStyle}\n      styles={buttonWithIconStyles}\n      text={text}\n      onClick={onClick}\n      onRenderIcon={() => <Icon iconName=\"Down\" className={DownIconStyle} />}\n    />\n  );\n};\n\nconst generateParticipantsStr = (participants: CommunicationParticipant[], defaultName: string): string =>\n  participants\n    .map(\n      (participant) =>\n        `${!participant.displayName || participant.displayName === '' ? defaultName : participant.displayName}`\n    )\n    .join(', ');\n\n/**\n * A component to render a single message.\n *\n * @public\n */\nexport type MessageRenderer = (props: MessageProps) => JSX.Element;\n\nconst ParticipantSystemMessageComponent = ({\n  message,\n  style,\n  defaultName\n}: {\n  message: ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage;\n  style?: ComponentSlotStyle;\n  defaultName: string;\n}): JSX.Element => {\n  const { strings } = useLocale();\n  const participantsStr = generateParticipantsStr(message.participants, defaultName);\n  const messageSuffix =\n    message.systemMessageType === 'participantAdded'\n      ? strings.messageThread.participantJoined\n      : strings.messageThread.participantLeft;\n\n  if (participantsStr !== '') {\n    return (\n      <SystemMessageComponent\n        iconName={(message.iconName ? message.iconName : '') as SystemMessageIconTypes}\n        content={`${participantsStr} ${messageSuffix}`}\n        containerStyle={style}\n      />\n    );\n  }\n  return <></>;\n};\n\nconst DefaultSystemMessage: MessageRenderer = (props: MessageProps) => {\n  const message = props.message;\n  switch (message.messageType) {\n    case 'system':\n      switch (message.systemMessageType) {\n        case 'content':\n          return (\n            <SystemMessageComponent\n              iconName={(message.iconName ? message.iconName : '') as SystemMessageIconTypes}\n              content={message.content ?? ''}\n              containerStyle={props?.messageContainerStyle}\n            />\n          );\n        case 'participantAdded':\n        case 'participantRemoved':\n          return (\n            <ParticipantSystemMessageComponent\n              message={message}\n              style={props.messageContainerStyle}\n              defaultName={props.strings.noDisplayNameSub}\n            />\n          );\n      }\n  }\n  return <></>;\n};\n\nconst memoizeAllMessages = memoizeFnAll(\n  (\n    _messageKey: string,\n    message: Message,\n    showMessageDate: boolean,\n    showMessageStatus: boolean,\n    onRenderAvatar: OnRenderAvatarCallback | undefined,\n    shouldOverlapAvatarAndMessage: boolean,\n    styles: MessageThreadStyles | undefined,\n    onRenderMessageStatus:\n      | ((messageStatusIndicatorProps: MessageStatusIndicatorProps) => JSX.Element | null)\n      | undefined,\n    defaultStatusRenderer: (\n      message: ChatMessage,\n      status: MessageStatus,\n      participantCount: number,\n      readCount: number\n    ) => JSX.Element,\n    defaultChatMessageRenderer: (message: MessageProps) => JSX.Element,\n    strings: MessageThreadStrings,\n    _attached?: boolean | string,\n    statusToRender?: MessageStatus,\n    participantCount?: number,\n    readCount?: number,\n    onRenderMessage?: (message: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element,\n    onUpdateMessage?: UpdateMessageCallback,\n    onDeleteMessage?: (messageId: string) => Promise<void>,\n    onSendMessage?: (content: string) => Promise<void>\n  ): ShorthandValue<ChatItemProps> => {\n    const messageProps: MessageProps = {\n      message,\n      strings,\n      showDate: showMessageDate,\n      onUpdateMessage,\n      onDeleteMessage,\n      onSendMessage\n    };\n\n    switch (message.messageType) {\n      case 'chat': {\n        const myChatMessageStyle =\n          message.status === 'failed'\n            ? styles?.failedMyChatMessageContainer ?? styles?.myChatMessageContainer ?? FailedMyChatMessageContainer\n            : styles?.myChatMessageContainer ?? defaultMyChatMessageContainer;\n        const chatMessageStyle = styles?.chatMessageContainer ?? defaultChatMessageContainer;\n        messageProps.messageContainerStyle = message.mine ? myChatMessageStyle : chatMessageStyle;\n\n        const chatMessageComponent =\n          onRenderMessage === undefined\n            ? defaultChatMessageRenderer(messageProps)\n            : onRenderMessage(messageProps, defaultChatMessageRenderer);\n\n        const personaOptions: IPersona = {\n          hidePersonaDetails: true,\n          size: PersonaSize.size32,\n          text: message.senderDisplayName,\n          showOverflowTooltip: false\n        };\n\n        const chatItemMessageStyle =\n          (message.mine ? styles?.myChatItemMessageContainer : styles?.chatItemMessageContainer) ||\n          defaultChatItemMessageContainer(shouldOverlapAvatarAndMessage);\n\n        const chatGutterStyles =\n          message.attached === 'top' || message.attached === false ? gutterWithAvatar : gutterWithHiddenAvatar;\n\n        return {\n          gutter: {\n            styles: chatGutterStyles,\n            content: message.mine ? (\n              ''\n            ) : onRenderAvatar ? (\n              onRenderAvatar(message.senderId ?? '', personaOptions)\n            ) : (\n              <Persona {...personaOptions} />\n            )\n          },\n          contentPosition: message.mine ? 'end' : 'start',\n          message: {\n            styles: chatItemMessageStyle,\n            content: (\n              <Flex hAlign={message.mine ? 'end' : undefined} vAlign=\"end\">\n                {chatMessageComponent}\n                <div\n                  className={mergeStyles(\n                    messageStatusContainerStyle(message.mine ?? false),\n                    styles?.messageStatusContainer ? styles.messageStatusContainer(message.mine ?? false) : ''\n                  )}\n                >\n                  {showMessageStatus && statusToRender ? (\n                    onRenderMessageStatus ? (\n                      onRenderMessageStatus({ status: statusToRender })\n                    ) : (\n                      defaultStatusRenderer(message, statusToRender, participantCount ?? 0, readCount ?? 0)\n                    )\n                  ) : (\n                    <div className={mergeStyles(noMessageStatusStyle)} />\n                  )}\n                </div>\n              </Flex>\n            )\n          },\n          attached: message.attached,\n          key: _messageKey\n        };\n      }\n\n      case 'system': {\n        messageProps.messageContainerStyle = styles?.systemMessageContainer;\n        const systemMessageComponent =\n          onRenderMessage === undefined ? (\n            <DefaultSystemMessage {...messageProps} />\n          ) : (\n            onRenderMessage(messageProps, (props) => <DefaultSystemMessage {...props} />)\n          );\n        return {\n          children: systemMessageComponent,\n          key: _messageKey\n        };\n      }\n\n      default: {\n        // We do not handle custom type message by default, users can handle custom type by using onRenderMessage function.\n        const customMessageComponent = onRenderMessage === undefined ? <></> : onRenderMessage(messageProps);\n        return {\n          children: customMessageComponent,\n          key: _messageKey\n        };\n      }\n    }\n  }\n);\n\nconst getLastChatMessageIdWithStatus = (messages: Message[], status: MessageStatus): string | undefined => {\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const message = messages[i];\n    if (message.messageType === 'chat' && message.status === status && message.mine) {\n      return message.messageId;\n    }\n  }\n  return undefined;\n};\n\n/**\n * @public\n * Callback function run when a message is updated.\n */\nexport type UpdateMessageCallback = (\n  messageId: string,\n  content: string,\n  /* @conditional-compile-remove(file-sharing) */\n  metadata?: Record<string, string>,\n  /* @conditional-compile-remove(file-sharing) */\n  options?: {\n    attachedFilesMetadata?: FileMetadata[];\n  }\n) => Promise<void>;\n\n/**\n * Props for {@link MessageThread}.\n *\n * @public\n */\nexport type MessageThreadProps = {\n  /**\n   * UserId of the current user.\n   */\n  userId: string;\n  /**\n   * Messages to render in message thread. A message can be of type `ChatMessage`, `SystemMessage` or `CustomMessage`.\n   */\n  messages: (ChatMessage | SystemMessage | CustomMessage)[];\n  /**\n   * number of participants in the thread\n   */\n  participantCount?: number;\n  /**\n   * read receipts for each sender in the chat\n   */\n  readReceiptsBySenderId?: ReadReceiptsBySenderId;\n  /**\n   * Allows users to pass an object containing custom CSS styles.\n   * @Example\n   * ```\n   * <MessageThread styles={{ root: { background: 'blue' } }} />\n   * ```\n   */\n  styles?: MessageThreadStyles;\n  /**\n   * Whether the new message button is disabled or not.\n   *\n   * @defaultValue `false`\n   */\n  disableJumpToNewMessageButton?: boolean;\n  /**\n   * Whether the date of each message is displayed or not.\n   * It is ignored when onDisplayDateTimeString is supplied.\n   *\n   * @defaultValue `false`\n   */\n  showMessageDate?: boolean;\n  /**\n   * Whether the status indicator for each message is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showMessageStatus?: boolean;\n  /**\n   * Number of chat messages to reload each time onLoadPreviousChatMessages is called.\n   *\n   * @defaultValue 0\n   */\n  numberOfChatMessagesToReload?: number;\n  /**\n   * Optional callback to override actions on message being seen.\n   *\n   * @param messageId - message Id\n   */\n  onMessageSeen?: (messageId: string) => Promise<void>;\n  /**\n   * Optional callback to override render of the message status indicator.\n   *\n   * @param messageStatusIndicatorProps - props of type MessageStatusIndicatorProps\n   */\n  onRenderMessageStatus?: (messageStatusIndicatorProps: MessageStatusIndicatorProps) => JSX.Element | null;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\n  /**\n   * Optional callback to override render of the button for jumping to the new message.\n   *\n   * @param newMessageButtonProps - button props of type JumpToNewMessageButtonProps\n   */\n  onRenderJumpToNewMessageButton?: (newMessageButtonProps: JumpToNewMessageButtonProps) => JSX.Element;\n  /**\n   * Optional callback to override loading of previous messages.\n   * It accepts the number of history chat messages that we want to load and return a boolean Promise indicating if we have got all the history messages.\n   * If the promise resolves to `true`, we have load all chat messages into the message thread and `loadPreviousMessagesButton` will not be rendered anymore.\n   */\n  onLoadPreviousChatMessages?: (messagesToLoad: number) => Promise<boolean>;\n  /**\n   * Optional callback to override render of a message.\n   *\n   * @param messageProps - props of type {@link communication-react#MessageProps}\n   * @param defaultOnRender - default render of type {@link communication-react#MessageRenderer}\n   *\n   * @remarks\n   * `messageRenderer` is not provided for `CustomMessage` and thus only available for `ChatMessage` and `SystemMessage`.\n   */\n  onRenderMessage?: (messageProps: MessageProps, messageRenderer?: MessageRenderer) => JSX.Element;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to render uploaded files in the message component.\n   * @beta\n   */\n  onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;\n  /**\n   * Optional callback to edit a message.\n   *\n   * @param messageId - message id from chatClient\n   * @param content - new content of the message\n   *\n   */\n  onUpdateMessage?: UpdateMessageCallback;\n\n  /**\n   * Optional callback to delete a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onDeleteMessage?: (messageId: string) => Promise<void>;\n\n  /**\n   * Optional callback to send a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onSendMessage?: (messageId: string) => Promise<void>;\n\n  /**\n  /**\n   * Disable editing messages.\n   *\n   * @remarks This removes the action menu on messages.\n   *\n   * @defaultValue `false`\n   */\n  disableEditing?: boolean;\n\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<MessageThreadStrings>;\n\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * @beta\n   * Optional function called when someone clicks on the file download icon.\n   * If file attachments are defined in the `message.metadata` property using the `fileSharingMetadata` key,\n   * this function will be called with the data inside `fileSharingMetadata` key.\n   */\n  fileDownloadHandler?: FileDownloadHandler;\n\n  /* @conditional-compile-remove(date-time-customization) */\n  /**\n   * Optional function to provide customized date format.\n   * @beta\n   */\n  onDisplayDateTimeString?: (messageDate: Date) => string;\n};\n\n/**\n * Props to render a single message.\n *\n * See {@link MessageRenderer}.\n *\n * @public\n */\nexport type MessageProps = {\n  /**\n   * Message to render. It can type `ChatMessage` or `SystemMessage` or `CustomMessage`.\n   */\n  message: Message;\n  /**\n   * Strings from parent MessageThread component\n   */\n  strings: MessageThreadStrings;\n  /**\n   * Custom CSS styles for chat message container.\n   */\n  messageContainerStyle?: ComponentSlotStyle;\n  /**\n   * Whether the date of a message is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showDate?: boolean;\n  /**\n   * Disable editing messages.\n   *\n   * @remarks This removes the action menu on messages.\n   *\n   * @defaultValue `false`\n   */\n  disableEditing?: boolean;\n  /**\n   * Optional callback to edit a message.\n   *\n   * @param messageId - message id from chatClient\n   * @param content - new content of the message\n   */\n  onUpdateMessage?: UpdateMessageCallback;\n\n  /**\n   * Optional callback to delete a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onDeleteMessage?: (messageId: string) => Promise<void>;\n\n  /**\n   * Optional callback to send a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onSendMessage?: (messageId: string) => Promise<void>;\n};\n\n/**\n * `MessageThread` allows you to easily create a component for rendering chat messages, handling scrolling behavior of new/old messages and customizing icons & controls inside the chat thread.\n * @param props - of type MessageThreadProps\n *\n * Users will need to provide at least chat messages and userId to render the `MessageThread` component.\n * Users can also customize `MessageThread` by passing in their own Avatar, `MessageStatusIndicator` icon, `JumpToNewMessageButton`, `LoadPreviousMessagesButton` and the behavior of these controls.\n *\n * `MessageThread` internally uses the `Chat` & `Chat.Message` component from `@fluentui/react-northstar`. You can checkout the details about these [two components](https://fluentsite.z22.web.core.windows.net/0.53.0/components/chat/props).\n *\n * @public\n */\nexport const MessageThread = (props: MessageThreadProps): JSX.Element => {\n  const {\n    messages: newMessages,\n    userId,\n    participantCount,\n    readReceiptsBySenderId,\n    styles,\n    disableJumpToNewMessageButton = false,\n    showMessageDate = false,\n    showMessageStatus = false,\n    numberOfChatMessagesToReload = 5,\n    onMessageSeen,\n    onRenderMessageStatus,\n    onRenderAvatar,\n    onLoadPreviousChatMessages,\n    onRenderJumpToNewMessageButton,\n    onRenderMessage,\n    onUpdateMessage,\n    onDeleteMessage,\n    onSendMessage,\n    /* @conditional-compile-remove(date-time-customization) */\n    onDisplayDateTimeString\n  } = props;\n\n  const onRenderFileDownloads = onRenderFileDownloadsTrampoline(props);\n\n  const [messages, setMessages] = useState<(ChatMessage | SystemMessage | CustomMessage)[]>([]);\n  // We need this state to wait for one tick and scroll to bottom after messages have been initialized.\n  // Otherwise chatScrollDivRef.current.clientHeight is wrong if we scroll to bottom before messages are initialized.\n  const [chatMessagesInitialized, setChatMessagesInitialized] = useState<boolean>(false);\n  const [isAtBottomOfScroll, setIsAtBottomOfScroll] = useState<boolean>(true);\n  const [forceUpdate, setForceUpdate] = useState<number>(0);\n\n  // Used to decide if should auto scroll to bottom or show \"new message\" button\n  const [latestPreviousChatMessage, setLatestPreviousChatMessage] = useState<ChatMessage | undefined>(undefined);\n  const [latestCurrentChatMessage, setLatestCurrentChatMessage] = useState<ChatMessage | undefined>(undefined);\n  const [existsNewChatMessage, setExistsNewChatMessage] = useState<boolean>(false);\n\n  const [lastSeenChatMessage, setLastSeenChatMessage] = useState<string | undefined>(undefined);\n  const [lastDeliveredChatMessage, setLastDeliveredChatMessage] = useState<string | undefined>(undefined);\n  const [lastSendingChatMessage, setLastSendingChatMessage] = useState<string | undefined>(undefined);\n\n  // readCount and participantCount will only need to be updated on-fly when user hover on an indicator\n  const [readCountForHoveredIndicator, setReadCountForHoveredIndicator] = useState<number | undefined>(undefined);\n\n  const isAllChatMessagesLoadedRef = useRef(false);\n\n  const previousTopRef = useRef<number>(-1);\n  const previousHeightRef = useRef<number>(-1);\n\n  const messageIdSeenByMeRef = useRef<string>('');\n\n  const chatScrollDivRef = useRef<HTMLElement>(null);\n  const chatThreadRef = useRef<HTMLElement>(null);\n  const isLoadingChatMessagesRef = useRef(false);\n\n  // When the chat thread is narrow, we perform space optimizations such as overlapping\n  // the avatar on top of the chat message and moving the chat accept/reject edit buttons\n  // to a new line\n  const chatThreadWidth = _useContainerWidth(chatThreadRef);\n  const isNarrow = chatThreadWidth ? isNarrowWidth(chatThreadWidth) : false;\n\n  const messagesRef = useRef(messages);\n  const setMessagesRef = (messagesWithAttachedValue: (ChatMessage | SystemMessage | CustomMessage)[]): void => {\n    messagesRef.current = messagesWithAttachedValue;\n    setMessages(messagesWithAttachedValue);\n  };\n\n  const isAtBottomOfScrollRef = useRef(isAtBottomOfScroll);\n  const setIsAtBottomOfScrollRef = (isAtBottomOfScrollValue: boolean): void => {\n    isAtBottomOfScrollRef.current = isAtBottomOfScrollValue;\n    setIsAtBottomOfScroll(isAtBottomOfScrollValue);\n  };\n\n  const chatMessagesInitializedRef = useRef(chatMessagesInitialized);\n  const setChatMessagesInitializedRef = (chatMessagesInitialized: boolean): void => {\n    chatMessagesInitializedRef.current = chatMessagesInitialized;\n    setChatMessagesInitialized(chatMessagesInitialized);\n  };\n\n  // we try to only send those message status if user is scrolled to the bottom.\n  const sendMessageStatusIfAtBottom = useCallback(async (): Promise<void> => {\n    if (\n      !isAtBottomOfScrollRef.current ||\n      !document.hasFocus() ||\n      !messagesRef.current ||\n      messagesRef.current.length === 0 ||\n      !showMessageStatus\n    ) {\n      return;\n    }\n    const messagesWithId = messagesRef.current.filter((message) => {\n      return message.messageType === 'chat' && !message.mine && !!message.messageId;\n    });\n    if (messagesWithId.length === 0) {\n      return;\n    }\n    const lastMessage: ChatMessage = messagesWithId[messagesWithId.length - 1] as ChatMessage;\n    try {\n      if (\n        onMessageSeen &&\n        lastMessage &&\n        lastMessage.messageId &&\n        lastMessage.messageId !== messageIdSeenByMeRef.current\n      ) {\n        await onMessageSeen(lastMessage.messageId);\n        messageIdSeenByMeRef.current = lastMessage.messageId;\n      }\n    } catch (e) {\n      console.log('onMessageSeen Error', lastMessage, e);\n    }\n  }, [showMessageStatus, onMessageSeen]);\n\n  const scrollToBottom = useCallback((): void => {\n    if (chatScrollDivRef.current) {\n      chatScrollDivRef.current.scrollTop = chatScrollDivRef.current.scrollHeight;\n    }\n    setExistsNewChatMessage(false);\n    setIsAtBottomOfScrollRef(true);\n    sendMessageStatusIfAtBottom();\n  }, [sendMessageStatusIfAtBottom]);\n\n  const handleScrollToTheBottom = useCallback((): void => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n\n    const atBottom =\n      Math.ceil(chatScrollDivRef.current.scrollTop) >=\n      chatScrollDivRef.current.scrollHeight - chatScrollDivRef.current.clientHeight;\n    if (atBottom) {\n      sendMessageStatusIfAtBottom();\n      if (!isAtBottomOfScrollRef.current) {\n        scrollToBottom();\n      }\n    }\n    setIsAtBottomOfScrollRef(atBottom);\n  }, [scrollToBottom, sendMessageStatusIfAtBottom]);\n\n  // Infinite scrolling + threadInitialize function\n  const fetchNewMessageWhenAtTop = useCallback(async () => {\n    if (chatScrollDivRef.current && !isLoadingChatMessagesRef.current) {\n      if (onLoadPreviousChatMessages) {\n        isLoadingChatMessagesRef.current = true;\n        // Fetch message until scrollTop reach the threshold for fetching new message\n        while (!isAllChatMessagesLoadedRef.current && chatScrollDivRef.current.scrollTop <= 500) {\n          isAllChatMessagesLoadedRef.current = await onLoadPreviousChatMessages(numberOfChatMessagesToReload);\n          await delay(200);\n        }\n        isLoadingChatMessagesRef.current = false;\n      }\n    }\n  }, [numberOfChatMessagesToReload, onLoadPreviousChatMessages]);\n\n  const handleInfiniteScroll = useCallback((): void => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n\n    fetchNewMessageWhenAtTop();\n  }, [fetchNewMessageWhenAtTop]);\n\n  // The below 2 of useEffects are design for fixing infinite scrolling problem\n  // Scrolling element will behave differently when scrollTop = 0(it sticks at the top)\n  // we need to get previousTop before it prepend contents\n  // Execute order [newMessage useEffect] => get previousTop => dom update => [messages useEffect]\n  useEffect(() => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n    previousTopRef.current = chatScrollDivRef.current.scrollTop;\n    previousHeightRef.current = chatScrollDivRef.current.scrollHeight;\n  }, [newMessages]);\n\n  useEffect(() => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n    chatScrollDivRef.current.scrollTop =\n      chatScrollDivRef.current.scrollHeight - (previousHeightRef.current - previousTopRef.current);\n  }, [messages]);\n\n  // Fetch more messages to make the scroll bar appear, infinity scroll is then handled in the handleScroll function.\n  useEffect(() => {\n    fetchNewMessageWhenAtTop();\n  }, [fetchNewMessageWhenAtTop]);\n\n  /**\n   * One time run useEffects. Sets up listeners when component is mounted and tears down listeners when component\n   * unmounts unless these function changed\n   */\n  useEffect(() => {\n    window && window.addEventListener('click', sendMessageStatusIfAtBottom);\n    window && window.addEventListener('focus', sendMessageStatusIfAtBottom);\n    return () => {\n      window && window.removeEventListener('click', sendMessageStatusIfAtBottom);\n      window && window.removeEventListener('focus', sendMessageStatusIfAtBottom);\n    };\n  }, [sendMessageStatusIfAtBottom]);\n\n  useEffect(() => {\n    const chatScrollDiv = chatScrollDivRef.current;\n    chatScrollDiv?.addEventListener('scroll', handleScrollToTheBottom);\n    chatScrollDiv?.addEventListener('scroll', handleInfiniteScroll);\n\n    return () => {\n      chatScrollDiv?.removeEventListener('scroll', handleScrollToTheBottom);\n      chatScrollDiv?.removeEventListener('scroll', handleInfiniteScroll);\n    };\n  }, [handleInfiniteScroll, handleScrollToTheBottom]);\n\n  /**\n   * ClientHeight controls the number of messages to render. However ClientHeight will not be initialized after the\n   * first render (not sure but I guess Fluent is updating it in hook which is after render maybe?) so we need to\n   * trigger a re-render until ClientHeight is initialized. This force re-render should only happen once.\n   */\n  const clientHeight = chatThreadRef.current?.clientHeight;\n  useEffect(() => {\n    if (clientHeight === undefined) {\n      setForceUpdate(forceUpdate + 1);\n      return;\n    }\n    // Only scroll to bottom if isAtBottomOfScrollRef is true\n    isAtBottomOfScrollRef.current && scrollToBottom();\n  }, [clientHeight, forceUpdate, scrollToBottom, chatMessagesInitialized]);\n\n  /**\n   * This needs to run to update latestPreviousChatMessage & latestCurrentChatMessage.\n   * These two states are used to manipulate scrollbar\n   */\n  useEffect(() => {\n    setLatestPreviousChatMessage(getLatestChatMessage(messagesRef.current));\n    setLatestCurrentChatMessage(getLatestChatMessage(newMessages));\n    setMessagesRef(newMessages);\n    !chatMessagesInitializedRef.current && setChatMessagesInitializedRef(true);\n    setLastDeliveredChatMessage(getLastChatMessageIdWithStatus(newMessages, 'delivered'));\n    setLastSeenChatMessage(getLastChatMessageIdWithStatus(newMessages, 'seen'));\n    setLastSendingChatMessage(getLastChatMessageIdWithStatus(newMessages, 'sending'));\n  }, [newMessages]);\n\n  /**\n   * This needs to run after messages are rendererd so we can manipulate the scroll bar.\n   */\n  useEffect(() => {\n    // If user just sent the latest message then we assume we can move user to bottom of scroll.\n    if (\n      isThereNewMessageNotFromCurrentUser(userId, latestPreviousChatMessage, latestCurrentChatMessage) &&\n      !isAtBottomOfScrollRef.current\n    ) {\n      setExistsNewChatMessage(true);\n    } else if (\n      didUserSendTheLatestMessage(userId, latestPreviousChatMessage, latestCurrentChatMessage) ||\n      isAtBottomOfScrollRef.current\n    ) {\n      scrollToBottom();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messages]);\n\n  const participantCountRef = useRef(participantCount);\n  const readReceiptsBySenderIdRef = useRef(readReceiptsBySenderId);\n\n  participantCountRef.current = participantCount;\n  readReceiptsBySenderIdRef.current = readReceiptsBySenderId;\n\n  const onActionButtonClickMemo = useCallback(\n    (message: ChatMessage, setMessageReadBy: (readBy: { id: string; displayName: string }[]) => void) => {\n      if (participantCountRef.current && participantCountRef.current - 1 > 1 && readReceiptsBySenderIdRef.current) {\n        setMessageReadBy(getParticipantsWhoHaveReadMessage(message, readReceiptsBySenderIdRef.current));\n      }\n    },\n    []\n  );\n\n  const localeStrings = useLocale().strings.messageThread;\n  const strings = useMemo(() => ({ ...localeStrings, ...props.strings }), [localeStrings, props.strings]);\n  // To rerender the defaultChatMessageRenderer if app running across days(every new day chat time stamp need to be regenerated)\n  const defaultChatMessageRenderer = useCallback(\n    (messageProps: MessageProps) => {\n      if (messageProps.message.messageType === 'chat') {\n        return (\n          <ChatMessageComponent\n            {...messageProps}\n            onRenderFileDownloads={onRenderFileDownloads}\n            /* @conditional-compile-remove(file-sharing) */\n            strings={strings}\n            message={messageProps.message}\n            userId={props.userId}\n            remoteParticipantsCount={participantCount ? participantCount - 1 : 0}\n            inlineAcceptRejectEditButtons={!isNarrow}\n            onRenderAvatar={onRenderAvatar}\n            showMessageStatus={showMessageStatus}\n            messageStatus={messageProps.message.status}\n            onActionButtonClick={onActionButtonClickMemo}\n            /* @conditional-compile-remove(date-time-customization) */\n            onDisplayDateTimeString={onDisplayDateTimeString}\n          />\n        );\n      }\n      return <></>;\n    },\n    [\n      onRenderFileDownloads,\n      /* @conditional-compile-remove(file-sharing) */\n      strings,\n      props.userId,\n      participantCount,\n      isNarrow,\n      onRenderAvatar,\n      showMessageStatus,\n      onActionButtonClickMemo,\n      /* @conditional-compile-remove(date-time-customization) */\n      onDisplayDateTimeString\n    ]\n  );\n\n  const defaultStatusRenderer = useCallback(\n    (message: ChatMessage, status: MessageStatus, participantCount: number, readCount: number) => {\n      const onToggleToolTip = (isToggled: boolean): void => {\n        if (isToggled && readReceiptsBySenderIdRef.current) {\n          setReadCountForHoveredIndicator(\n            getParticipantsWhoHaveReadMessage(message, readReceiptsBySenderIdRef.current).length\n          );\n        } else {\n          setReadCountForHoveredIndicator(undefined);\n        }\n      };\n      return (\n        <MessageStatusIndicator\n          status={status}\n          readCount={readCount}\n          onToggleToolTip={onToggleToolTip}\n          // -1 because participant count does not include myself\n          remoteParticipantsCount={participantCount ? participantCount - 1 : 0}\n        />\n      );\n    },\n    []\n  );\n\n  const messagesToDisplay = useMemo(\n    () =>\n      memoizeAllMessages((memoizedMessageFn) => {\n        return messages.map((message: Message, index: number): ShorthandValue<ChatItemProps> => {\n          let key: string | undefined = message.messageId;\n          let statusToRender: MessageStatus | undefined = undefined;\n\n          if (message.messageType === 'chat') {\n            if (!message.messageId || message.messageId === '') {\n              key = message.clientMessageId;\n            }\n            if (showMessageStatus && message.mine) {\n              switch (message.messageId) {\n                case lastSeenChatMessage: {\n                  statusToRender = 'seen';\n                  break;\n                }\n                case lastSendingChatMessage: {\n                  statusToRender = 'sending';\n                  break;\n                }\n                case lastDeliveredChatMessage: {\n                  statusToRender = 'delivered';\n                  break;\n                }\n              }\n            }\n            if (message.mine && message.status === 'failed') {\n              statusToRender = 'failed';\n            }\n          }\n\n          return memoizedMessageFn(\n            key ?? 'id_' + index,\n            message,\n            showMessageDate,\n            showMessageStatus,\n            onRenderAvatar,\n            isNarrow,\n            styles,\n            onRenderMessageStatus,\n            defaultStatusRenderer,\n            defaultChatMessageRenderer,\n            strings,\n            // Temporary solution to make sure we re-render if attach attribute is changed.\n            // The proper fix should be in selector.\n            message.messageType === 'chat' ? message.attached : undefined,\n            statusToRender,\n            participantCount,\n            readCountForHoveredIndicator,\n            onRenderMessage,\n            onUpdateMessage,\n            onDeleteMessage,\n            onSendMessage\n          );\n        });\n      }),\n    [\n      messages,\n      showMessageDate,\n      showMessageStatus,\n      onRenderAvatar,\n      isNarrow,\n      styles,\n      onRenderMessageStatus,\n      defaultStatusRenderer,\n      defaultChatMessageRenderer,\n      strings,\n      participantCount,\n      readCountForHoveredIndicator,\n      onRenderMessage,\n      onUpdateMessage,\n      onDeleteMessage,\n      onSendMessage,\n      lastSeenChatMessage,\n      lastSendingChatMessage,\n      lastDeliveredChatMessage\n    ]\n  );\n\n  const theme = useTheme();\n\n  const chatBody = useMemo(() => {\n    return (\n      <LiveAnnouncer>\n        <Chat\n          styles={mergeNorthstarThemes(chatStyle, linkStyles(theme), styles?.chatContainer ?? {})}\n          items={messagesToDisplay}\n        />\n      </LiveAnnouncer>\n    );\n  }, [theme, styles?.chatContainer, messagesToDisplay]);\n\n  return (\n    <Ref innerRef={chatThreadRef}>\n      <Stack className={mergeStyles(messageThreadContainerStyle, styles?.root)} grow>\n        {/* Always ensure New Messages button is above the chat body element in the DOM tree. This is to ensure correct\n            tab ordering. Because the New Messages button floats on top of the chat body it is in a higher z-index and\n            thus Users should be able to tab navigate to the new messages button _before_ tab focus is taken to the chat body.*/}\n        {existsNewChatMessage && !disableJumpToNewMessageButton && (\n          <div className={mergeStyles(newMessageButtonContainerStyle, styles?.newMessageButtonContainer)}>\n            {onRenderJumpToNewMessageButton ? (\n              onRenderJumpToNewMessageButton({ text: strings.newMessagesIndicator, onClick: scrollToBottom })\n            ) : (\n              <DefaultJumpToNewMessageButton text={strings.newMessagesIndicator} onClick={scrollToBottom} />\n            )}\n          </div>\n        )}\n\n        <Ref innerRef={chatScrollDivRef}>{chatBody}</Ref>\n      </Stack>\n    </Ref>\n  );\n};\n\nconst onRenderFileDownloadsTrampoline = (\n  props: MessageThreadProps\n): ((userId: string, message: ChatMessage) => JSX.Element) | undefined => {\n  /* @conditional-compile-remove(file-sharing) */\n  return props.onRenderFileDownloads;\n  return undefined;\n};\n\nconst linkStyles = (theme: Theme): ComponentSlotStyle => {\n  return {\n    '& a:link': {\n      color: theme.palette.themePrimary\n    },\n    '& a:visited': {\n      color: theme.palette.themeDarker\n    },\n    '& a:hover': {\n      color: theme.palette.themeDarker\n    },\n    '& a:selected': {\n      color: theme.palette.themeDarker\n    }\n  };\n};\n\"../../../acs-ui-common/src\""]}
+{"version":3,"file":"MessageThread.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/MessageThread.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Chat,\n  ChatItemProps,\n  Flex,\n  Ref,\n  ShorthandValue,\n  mergeStyles as mergeNorthstarThemes\n} from '@fluentui/react-northstar';\nimport {\n  DownIconStyle,\n  newMessageButtonContainerStyle,\n  messageThreadContainerStyle,\n  chatStyle,\n  buttonWithIconStyles,\n  newMessageButtonStyle,\n  messageStatusContainerStyle,\n  noMessageStatusStyle,\n  defaultChatItemMessageContainer,\n  defaultMyChatMessageContainer,\n  defaultChatMessageContainer,\n  gutterWithAvatar,\n  gutterWithHiddenAvatar,\n  FailedMyChatMessageContainer\n} from './styles/MessageThread.styles';\nimport {\n  Icon,\n  IStyle,\n  mergeStyles,\n  Persona,\n  PersonaSize,\n  PrimaryButton,\n  Stack,\n  IPersona,\n  Theme\n} from '@fluentui/react';\nimport { ComponentSlotStyle } from '@fluentui/react-northstar';\nimport { LiveAnnouncer } from 'react-aria-live';\nimport { delay } from './utils/delay';\nimport {\n  BaseCustomStyles,\n  ChatMessage,\n  CustomMessage,\n  SystemMessage,\n  CommunicationParticipant,\n  OnRenderAvatarCallback,\n  ParticipantAddedSystemMessage,\n  ParticipantRemovedSystemMessage,\n  Message,\n  ReadReceiptsBySenderId\n} from '../types';\nimport { MessageStatusIndicator, MessageStatusIndicatorProps } from './MessageStatusIndicator';\nimport { memoizeFnAll, MessageStatus } from '@internal/acs-ui-common';\nimport { SystemMessage as SystemMessageComponent, SystemMessageIconTypes } from './SystemMessage';\nimport { ChatMessageComponent } from './ChatMessage/ChatMessageComponent';\nimport { useLocale } from '../localization/LocalizationProvider';\nimport { isNarrowWidth, _useContainerWidth } from './utils/responsive';\nimport { getParticipantsWhoHaveReadMessage } from './utils/getParticipantsWhoHaveReadMessage';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadHandler, FileMetadata } from './FileDownloadCards';\nimport { useTheme } from '../theming';\n\nconst isMessageSame = (first: ChatMessage, second: ChatMessage): boolean => {\n  return (\n    first.messageId === second.messageId &&\n    first.content === second.content &&\n    first.contentType === second.contentType &&\n    JSON.stringify(first.createdOn) === JSON.stringify(second.createdOn) &&\n    first.senderId === second.senderId &&\n    first.senderDisplayName === second.senderDisplayName &&\n    first.status === second.status\n  );\n};\n\n/**\n * Get the latest message from the message array.\n *\n * @param messages\n */\nconst getLatestChatMessage = (messages: (ChatMessage | SystemMessage | CustomMessage)[]): ChatMessage | undefined => {\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const message = messages[i];\n    if (message.messageType === 'chat' && !!message.createdOn) {\n      return message;\n    }\n  }\n  return undefined;\n};\n\n/**\n * Compare latestMessageFromPreviousMessages & latestMessageFromNewMessages to see if the new message is not from\n * current user.\n */\nconst isThereNewMessageNotFromCurrentUser = (\n  userId: string,\n  latestMessageFromPreviousMessages?: ChatMessage,\n  latestMessageFromNewMessages?: ChatMessage\n): boolean => {\n  if (latestMessageFromNewMessages === undefined) {\n    return false;\n  }\n  if (latestMessageFromPreviousMessages === undefined) {\n    return latestMessageFromNewMessages.senderId !== userId;\n  }\n  return (\n    !isMessageSame(latestMessageFromNewMessages, latestMessageFromPreviousMessages) &&\n    latestMessageFromNewMessages.senderId !== userId\n  );\n};\n\n/**\n * Returns true if the current user sent the latest message and false otherwise. It will ignore messages that have no\n * sender, messages that have failed to send, and messages from the current user that is marked as SEEN. This is meant\n * as an indirect way to detect if user is at bottom of the chat when the component updates with new messages. If we\n * updated this component due to current user sending a message we want to then call scrollToBottom.\n */\nconst didUserSendTheLatestMessage = (\n  userId: string,\n  latestMessageFromPreviousMessages?: ChatMessage,\n  latestMessageFromNewMessages?: ChatMessage\n): boolean => {\n  if (latestMessageFromNewMessages === undefined) {\n    return false;\n  }\n  if (latestMessageFromPreviousMessages === undefined) {\n    return latestMessageFromNewMessages.senderId === userId;\n  }\n  return (\n    !isMessageSame(latestMessageFromNewMessages, latestMessageFromPreviousMessages) &&\n    latestMessageFromNewMessages.senderId === userId\n  );\n};\n\n/**\n * Fluent styles for {@link MessageThread}.\n *\n * @public\n */\nexport interface MessageThreadStyles extends BaseCustomStyles {\n  /** Styles for load previous messages container. */\n  loadPreviousMessagesButtonContainer?: IStyle;\n  /** Styles for new message container. */\n  newMessageButtonContainer?: IStyle;\n  /** Styles for chat container. */\n  chatContainer?: ComponentSlotStyle;\n  /** styles for my chat items.  */\n  myChatItemMessageContainer?: ComponentSlotStyle;\n  /** styles for chat items.  */\n  chatItemMessageContainer?: ComponentSlotStyle;\n  /** Styles for my chat message container. */\n  myChatMessageContainer?: ComponentSlotStyle;\n  /** Styles for my chat message container in case of failure. */\n  failedMyChatMessageContainer?: ComponentSlotStyle;\n  /** Styles for chat message container. */\n  chatMessageContainer?: ComponentSlotStyle;\n  /** Styles for system message container. */\n  systemMessageContainer?: ComponentSlotStyle;\n  /** Styles for message status indicator container. */\n  messageStatusContainer?: (mine: boolean) => IStyle;\n}\n\n/**\n * Strings of {@link MessageThread} that can be overridden.\n *\n * @public\n */\nexport interface MessageThreadStrings {\n  /** String for Sunday */\n  sunday: string;\n  /** String for Monday */\n  monday: string;\n  /** String for Tuesday */\n  tuesday: string;\n  /** String for Wednesday */\n  wednesday: string;\n  /** String for Thursday */\n  thursday: string;\n  /** String for Friday */\n  friday: string;\n  /** String for Saturday */\n  saturday: string;\n  /** String for Yesterday */\n  yesterday: string;\n  /** String for participants joined */\n  participantJoined: string;\n  /** String for participants left */\n  participantLeft: string;\n  /** Tag shown on a message that has been edited */\n  editedTag: string;\n  /** String for editing message in floating menu */\n  editMessage: string;\n  /** String for removing message in floating menu */\n  removeMessage: string;\n  /** String for resending failed message in floating menu */\n  resendMessage?: string;\n  /** String for indicating failed to send messages */\n  failToSendTag?: string;\n  /** String for LiveMessage introduction for the Chat Message */\n  liveAuthorIntro: string;\n  /** String for aria text of remote user's message content */\n  messageContentAriaText: string;\n  /** String for aria text of local user's message content */\n  messageContentMineAriaText: string;\n  /** String for warning on text limit exceeded in EditBox*/\n  editBoxTextLimit: string;\n  /** String for placeholder text in EditBox when there is no user input*/\n  editBoxPlaceholderText: string;\n  /** String for new messages indicator*/\n  newMessagesIndicator: string;\n  /** String for showing message read status in floating menu */\n  messageReadCount?: string;\n  /** String for replacing display name when there is none*/\n  noDisplayNameSub: string;\n  /** String for Cancel button in EditBox*/\n  editBoxCancelButton: string;\n  /** String for Submit in EditBox when there is no user input*/\n  editBoxSubmitButton: string;\n  /** String for action menu indicating there are more options */\n  actionMenuMoreOptions?: string;\n  /* @conditional-compile-remove(file-sharing) */\n  /** String for download file button in file card */\n  downloadFile: string;\n}\n\n/**\n * Arguments for {@link MessageThreadProps.onRenderJumpToNewMessageButton}.\n *\n * @public\n */\nexport interface JumpToNewMessageButtonProps {\n  /** String for button text */\n  text: string;\n  /** Callback for when button is clicked */\n  onClick: () => void;\n}\n\nconst DefaultJumpToNewMessageButton = (props: JumpToNewMessageButtonProps): JSX.Element => {\n  const { text, onClick } = props;\n  return (\n    <PrimaryButton\n      className={newMessageButtonStyle}\n      styles={buttonWithIconStyles}\n      text={text}\n      onClick={onClick}\n      onRenderIcon={() => <Icon iconName=\"Down\" className={DownIconStyle} />}\n    />\n  );\n};\n\nconst generateParticipantsStr = (participants: CommunicationParticipant[], defaultName: string): string =>\n  participants\n    .map(\n      (participant) =>\n        `${!participant.displayName || participant.displayName === '' ? defaultName : participant.displayName}`\n    )\n    .join(', ');\n\n/**\n * A component to render a single message.\n *\n * @public\n */\nexport type MessageRenderer = (props: MessageProps) => JSX.Element;\n\nconst ParticipantSystemMessageComponent = ({\n  message,\n  style,\n  defaultName\n}: {\n  message: ParticipantAddedSystemMessage | ParticipantRemovedSystemMessage;\n  style?: ComponentSlotStyle;\n  defaultName: string;\n}): JSX.Element => {\n  const { strings } = useLocale();\n  const participantsStr = generateParticipantsStr(message.participants, defaultName);\n  const messageSuffix =\n    message.systemMessageType === 'participantAdded'\n      ? strings.messageThread.participantJoined\n      : strings.messageThread.participantLeft;\n\n  if (participantsStr !== '') {\n    return (\n      <SystemMessageComponent\n        iconName={(message.iconName ? message.iconName : '') as SystemMessageIconTypes}\n        content={`${participantsStr} ${messageSuffix}`}\n        containerStyle={style}\n      />\n    );\n  }\n  return <></>;\n};\n\nconst DefaultSystemMessage: MessageRenderer = (props: MessageProps) => {\n  const message = props.message;\n  switch (message.messageType) {\n    case 'system':\n      switch (message.systemMessageType) {\n        case 'content':\n          return (\n            <SystemMessageComponent\n              iconName={(message.iconName ? message.iconName : '') as SystemMessageIconTypes}\n              content={message.content ?? ''}\n              containerStyle={props?.messageContainerStyle}\n            />\n          );\n        case 'participantAdded':\n        case 'participantRemoved':\n          return (\n            <ParticipantSystemMessageComponent\n              message={message}\n              style={props.messageContainerStyle}\n              defaultName={props.strings.noDisplayNameSub}\n            />\n          );\n      }\n  }\n  return <></>;\n};\n\nconst memoizeAllMessages = memoizeFnAll(\n  (\n    _messageKey: string,\n    message: Message,\n    showMessageDate: boolean,\n    showMessageStatus: boolean,\n    onRenderAvatar: OnRenderAvatarCallback | undefined,\n    shouldOverlapAvatarAndMessage: boolean,\n    styles: MessageThreadStyles | undefined,\n    onRenderMessageStatus:\n      | ((messageStatusIndicatorProps: MessageStatusIndicatorProps) => JSX.Element | null)\n      | undefined,\n    defaultStatusRenderer: (\n      message: ChatMessage,\n      status: MessageStatus,\n      participantCount: number,\n      readCount: number\n    ) => JSX.Element,\n    defaultChatMessageRenderer: (message: MessageProps) => JSX.Element,\n    strings: MessageThreadStrings,\n    _attached?: boolean | string,\n    statusToRender?: MessageStatus,\n    participantCount?: number,\n    readCount?: number,\n    onRenderMessage?: (message: MessageProps, defaultOnRender?: MessageRenderer) => JSX.Element,\n    onUpdateMessage?: UpdateMessageCallback,\n    onDeleteMessage?: (messageId: string) => Promise<void>,\n    onSendMessage?: (content: string) => Promise<void>\n  ): ShorthandValue<ChatItemProps> => {\n    const messageProps: MessageProps = {\n      message,\n      strings,\n      showDate: showMessageDate,\n      onUpdateMessage,\n      onDeleteMessage,\n      onSendMessage\n    };\n\n    switch (message.messageType) {\n      case 'chat': {\n        const myChatMessageStyle =\n          message.status === 'failed'\n            ? styles?.failedMyChatMessageContainer ?? styles?.myChatMessageContainer ?? FailedMyChatMessageContainer\n            : styles?.myChatMessageContainer ?? defaultMyChatMessageContainer;\n        const chatMessageStyle = styles?.chatMessageContainer ?? defaultChatMessageContainer;\n        messageProps.messageContainerStyle = message.mine ? myChatMessageStyle : chatMessageStyle;\n\n        const chatMessageComponent =\n          onRenderMessage === undefined\n            ? defaultChatMessageRenderer(messageProps)\n            : onRenderMessage(messageProps, defaultChatMessageRenderer);\n\n        const personaOptions: IPersona = {\n          hidePersonaDetails: true,\n          size: PersonaSize.size32,\n          text: message.senderDisplayName,\n          showOverflowTooltip: false\n        };\n\n        const chatItemMessageStyle =\n          (message.mine ? styles?.myChatItemMessageContainer : styles?.chatItemMessageContainer) ||\n          defaultChatItemMessageContainer(shouldOverlapAvatarAndMessage);\n\n        const chatGutterStyles =\n          message.attached === 'top' || message.attached === false ? gutterWithAvatar : gutterWithHiddenAvatar;\n\n        return {\n          gutter: {\n            styles: chatGutterStyles,\n            content: message.mine ? (\n              ''\n            ) : onRenderAvatar ? (\n              onRenderAvatar(message.senderId ?? '', personaOptions)\n            ) : (\n              <Persona {...personaOptions} />\n            )\n          },\n          contentPosition: message.mine ? 'end' : 'start',\n          message: {\n            styles: chatItemMessageStyle,\n            content: (\n              <Flex hAlign={message.mine ? 'end' : undefined} vAlign=\"end\">\n                {chatMessageComponent}\n                <div\n                  className={mergeStyles(\n                    messageStatusContainerStyle(message.mine ?? false),\n                    styles?.messageStatusContainer ? styles.messageStatusContainer(message.mine ?? false) : ''\n                  )}\n                >\n                  {showMessageStatus && statusToRender ? (\n                    onRenderMessageStatus ? (\n                      onRenderMessageStatus({ status: statusToRender })\n                    ) : (\n                      defaultStatusRenderer(message, statusToRender, participantCount ?? 0, readCount ?? 0)\n                    )\n                  ) : (\n                    <div className={mergeStyles(noMessageStatusStyle)} />\n                  )}\n                </div>\n              </Flex>\n            )\n          },\n          attached: message.attached,\n          key: _messageKey\n        };\n      }\n\n      case 'system': {\n        messageProps.messageContainerStyle = styles?.systemMessageContainer;\n        const systemMessageComponent =\n          onRenderMessage === undefined ? (\n            <DefaultSystemMessage {...messageProps} />\n          ) : (\n            onRenderMessage(messageProps, (props) => <DefaultSystemMessage {...props} />)\n          );\n        return {\n          children: systemMessageComponent,\n          key: _messageKey\n        };\n      }\n\n      default: {\n        // We do not handle custom type message by default, users can handle custom type by using onRenderMessage function.\n        const customMessageComponent = onRenderMessage === undefined ? <></> : onRenderMessage(messageProps);\n        return {\n          children: customMessageComponent,\n          key: _messageKey\n        };\n      }\n    }\n  }\n);\n\nconst getLastChatMessageIdWithStatus = (messages: Message[], status: MessageStatus): string | undefined => {\n  for (let i = messages.length - 1; i >= 0; i--) {\n    const message = messages[i];\n    if (message.messageType === 'chat' && message.status === status && message.mine) {\n      return message.messageId;\n    }\n  }\n  return undefined;\n};\n\n/**\n * @public\n * Callback function run when a message is updated.\n */\nexport type UpdateMessageCallback = (\n  messageId: string,\n  content: string,\n  /* @conditional-compile-remove(file-sharing) */\n  metadata?: Record<string, string>,\n  /* @conditional-compile-remove(file-sharing) */\n  options?: {\n    attachedFilesMetadata?: FileMetadata[];\n  }\n) => Promise<void>;\n\n/**\n * Props for {@link MessageThread}.\n *\n * @public\n */\nexport type MessageThreadProps = {\n  /**\n   * UserId of the current user.\n   */\n  userId: string;\n  /**\n   * Messages to render in message thread. A message can be of type `ChatMessage`, `SystemMessage` or `CustomMessage`.\n   */\n  messages: (ChatMessage | SystemMessage | CustomMessage)[];\n  /**\n   * number of participants in the thread\n   */\n  participantCount?: number;\n  /**\n   * read receipts for each sender in the chat\n   */\n  readReceiptsBySenderId?: ReadReceiptsBySenderId;\n  /**\n   * Allows users to pass an object containing custom CSS styles.\n   * @Example\n   * ```\n   * <MessageThread styles={{ root: { background: 'blue' } }} />\n   * ```\n   */\n  styles?: MessageThreadStyles;\n  /**\n   * Whether the new message button is disabled or not.\n   *\n   * @defaultValue `false`\n   */\n  disableJumpToNewMessageButton?: boolean;\n  /**\n   * Whether the date of each message is displayed or not.\n   * It is ignored when onDisplayDateTimeString is supplied.\n   *\n   * @defaultValue `false`\n   */\n  showMessageDate?: boolean;\n  /**\n   * Whether the status indicator for each message is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showMessageStatus?: boolean;\n  /**\n   * Number of chat messages to reload each time onLoadPreviousChatMessages is called.\n   *\n   * @defaultValue 0\n   */\n  numberOfChatMessagesToReload?: number;\n  /**\n   * Optional callback to override actions on message being seen.\n   *\n   * @param messageId - message Id\n   */\n  onMessageSeen?: (messageId: string) => Promise<void>;\n  /**\n   * Optional callback to override render of the message status indicator.\n   *\n   * @param messageStatusIndicatorProps - props of type MessageStatusIndicatorProps\n   */\n  onRenderMessageStatus?: (messageStatusIndicatorProps: MessageStatusIndicatorProps) => JSX.Element | null;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\n  /**\n   * Optional callback to override render of the button for jumping to the new message.\n   *\n   * @param newMessageButtonProps - button props of type JumpToNewMessageButtonProps\n   */\n  onRenderJumpToNewMessageButton?: (newMessageButtonProps: JumpToNewMessageButtonProps) => JSX.Element;\n  /**\n   * Optional callback to override loading of previous messages.\n   * It accepts the number of history chat messages that we want to load and return a boolean Promise indicating if we have got all the history messages.\n   * If the promise resolves to `true`, we have load all chat messages into the message thread and `loadPreviousMessagesButton` will not be rendered anymore.\n   */\n  onLoadPreviousChatMessages?: (messagesToLoad: number) => Promise<boolean>;\n  /**\n   * Optional callback to override render of a message.\n   *\n   * @param messageProps - props of type {@link communication-react#MessageProps}\n   * @param defaultOnRender - default render of type {@link communication-react#MessageRenderer}\n   *\n   * @remarks\n   * `messageRenderer` is not provided for `CustomMessage` and thus only available for `ChatMessage` and `SystemMessage`.\n   */\n  onRenderMessage?: (messageProps: MessageProps, messageRenderer?: MessageRenderer) => JSX.Element;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to render uploaded files in the message component.\n   * @beta\n   */\n  onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;\n  /**\n   * Optional callback to edit a message.\n   *\n   * @param messageId - message id from chatClient\n   * @param content - new content of the message\n   *\n   */\n  onUpdateMessage?: UpdateMessageCallback;\n\n  /**\n   * Optional callback to delete a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onDeleteMessage?: (messageId: string) => Promise<void>;\n\n  /**\n   * Optional callback to send a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onSendMessage?: (messageId: string) => Promise<void>;\n\n  /**\n  /**\n   * Disable editing messages.\n   *\n   * @remarks This removes the action menu on messages.\n   *\n   * @defaultValue `false`\n   */\n  disableEditing?: boolean;\n\n  /**\n   * Optional strings to override in component\n   */\n  strings?: Partial<MessageThreadStrings>;\n\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * @beta\n   * Optional function called when someone clicks on the file download icon.\n   * If file attachments are defined in the `message.metadata` property using the `fileSharingMetadata` key,\n   * this function will be called with the data inside `fileSharingMetadata` key.\n   */\n  fileDownloadHandler?: FileDownloadHandler;\n\n  /* @conditional-compile-remove(date-time-customization) */\n  /**\n   * Optional function to provide customized date format.\n   * @beta\n   */\n  onDisplayDateTimeString?: (messageDate: Date) => string;\n};\n\n/**\n * Props to render a single message.\n *\n * See {@link MessageRenderer}.\n *\n * @public\n */\nexport type MessageProps = {\n  /**\n   * Message to render. It can type `ChatMessage` or `SystemMessage` or `CustomMessage`.\n   */\n  message: Message;\n  /**\n   * Strings from parent MessageThread component\n   */\n  strings: MessageThreadStrings;\n  /**\n   * Custom CSS styles for chat message container.\n   */\n  messageContainerStyle?: ComponentSlotStyle;\n  /**\n   * Whether the date of a message is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showDate?: boolean;\n  /**\n   * Disable editing messages.\n   *\n   * @remarks This removes the action menu on messages.\n   *\n   * @defaultValue `false`\n   */\n  disableEditing?: boolean;\n  /**\n   * Optional callback to edit a message.\n   *\n   * @param messageId - message id from chatClient\n   * @param content - new content of the message\n   */\n  onUpdateMessage?: UpdateMessageCallback;\n\n  /**\n   * Optional callback to delete a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onDeleteMessage?: (messageId: string) => Promise<void>;\n\n  /**\n   * Optional callback to send a message.\n   *\n   * @param messageId - message id from chatClient\n   *\n   */\n  onSendMessage?: (messageId: string) => Promise<void>;\n};\n\n/**\n * `MessageThread` allows you to easily create a component for rendering chat messages, handling scrolling behavior of new/old messages and customizing icons & controls inside the chat thread.\n * @param props - of type MessageThreadProps\n *\n * Users will need to provide at least chat messages and userId to render the `MessageThread` component.\n * Users can also customize `MessageThread` by passing in their own Avatar, `MessageStatusIndicator` icon, `JumpToNewMessageButton`, `LoadPreviousMessagesButton` and the behavior of these controls.\n *\n * `MessageThread` internally uses the `Chat` & `Chat.Message` component from `@fluentui/react-northstar`. You can checkout the details about these [two components](https://fluentsite.z22.web.core.windows.net/0.53.0/components/chat/props).\n *\n * @public\n */\nexport const MessageThread = (props: MessageThreadProps): JSX.Element => {\n  const {\n    messages: newMessages,\n    userId,\n    participantCount,\n    readReceiptsBySenderId,\n    styles,\n    disableJumpToNewMessageButton = false,\n    showMessageDate = false,\n    showMessageStatus = false,\n    numberOfChatMessagesToReload = 5,\n    onMessageSeen,\n    onRenderMessageStatus,\n    onRenderAvatar,\n    onLoadPreviousChatMessages,\n    onRenderJumpToNewMessageButton,\n    onRenderMessage,\n    onUpdateMessage,\n    onDeleteMessage,\n    onSendMessage,\n    /* @conditional-compile-remove(date-time-customization) */\n    onDisplayDateTimeString\n  } = props;\n\n  const onRenderFileDownloads = onRenderFileDownloadsTrampoline(props);\n\n  const [messages, setMessages] = useState<(ChatMessage | SystemMessage | CustomMessage)[]>([]);\n  // We need this state to wait for one tick and scroll to bottom after messages have been initialized.\n  // Otherwise chatScrollDivRef.current.clientHeight is wrong if we scroll to bottom before messages are initialized.\n  const [chatMessagesInitialized, setChatMessagesInitialized] = useState<boolean>(false);\n  const [isAtBottomOfScroll, setIsAtBottomOfScroll] = useState<boolean>(true);\n  const [forceUpdate, setForceUpdate] = useState<number>(0);\n\n  // Used to decide if should auto scroll to bottom or show \"new message\" button\n  const [latestPreviousChatMessage, setLatestPreviousChatMessage] = useState<ChatMessage | undefined>(undefined);\n  const [latestCurrentChatMessage, setLatestCurrentChatMessage] = useState<ChatMessage | undefined>(undefined);\n  const [existsNewChatMessage, setExistsNewChatMessage] = useState<boolean>(false);\n\n  const [lastSeenChatMessage, setLastSeenChatMessage] = useState<string | undefined>(undefined);\n  const [lastDeliveredChatMessage, setLastDeliveredChatMessage] = useState<string | undefined>(undefined);\n  const [lastSendingChatMessage, setLastSendingChatMessage] = useState<string | undefined>(undefined);\n\n  // readCount and participantCount will only need to be updated on-fly when user hover on an indicator\n  const [readCountForHoveredIndicator, setReadCountForHoveredIndicator] = useState<number | undefined>(undefined);\n\n  const isAllChatMessagesLoadedRef = useRef(false);\n\n  const previousTopRef = useRef<number>(-1);\n  const previousHeightRef = useRef<number>(-1);\n\n  const messageIdSeenByMeRef = useRef<string>('');\n\n  const chatScrollDivRef = useRef<HTMLElement>(null);\n  const chatThreadRef = useRef<HTMLElement>(null);\n  const isLoadingChatMessagesRef = useRef(false);\n\n  // When the chat thread is narrow, we perform space optimizations such as overlapping\n  // the avatar on top of the chat message and moving the chat accept/reject edit buttons\n  // to a new line\n  const chatThreadWidth = _useContainerWidth(chatThreadRef);\n  const isNarrow = chatThreadWidth ? isNarrowWidth(chatThreadWidth) : false;\n\n  const messagesRef = useRef(messages);\n  const setMessagesRef = (messagesWithAttachedValue: (ChatMessage | SystemMessage | CustomMessage)[]): void => {\n    messagesRef.current = messagesWithAttachedValue;\n    setMessages(messagesWithAttachedValue);\n  };\n\n  const isAtBottomOfScrollRef = useRef(isAtBottomOfScroll);\n  const setIsAtBottomOfScrollRef = (isAtBottomOfScrollValue: boolean): void => {\n    isAtBottomOfScrollRef.current = isAtBottomOfScrollValue;\n    setIsAtBottomOfScroll(isAtBottomOfScrollValue);\n  };\n\n  const chatMessagesInitializedRef = useRef(chatMessagesInitialized);\n  const setChatMessagesInitializedRef = (chatMessagesInitialized: boolean): void => {\n    chatMessagesInitializedRef.current = chatMessagesInitialized;\n    setChatMessagesInitialized(chatMessagesInitialized);\n  };\n\n  // we try to only send those message status if user is scrolled to the bottom.\n  const sendMessageStatusIfAtBottom = useCallback(async (): Promise<void> => {\n    if (\n      !isAtBottomOfScrollRef.current ||\n      !document.hasFocus() ||\n      !messagesRef.current ||\n      messagesRef.current.length === 0 ||\n      !showMessageStatus\n    ) {\n      return;\n    }\n    const messagesWithId = messagesRef.current.filter((message) => {\n      return message.messageType === 'chat' && !message.mine && !!message.messageId;\n    });\n    if (messagesWithId.length === 0) {\n      return;\n    }\n    const lastMessage: ChatMessage = messagesWithId[messagesWithId.length - 1] as ChatMessage;\n    try {\n      if (\n        onMessageSeen &&\n        lastMessage &&\n        lastMessage.messageId &&\n        lastMessage.messageId !== messageIdSeenByMeRef.current\n      ) {\n        await onMessageSeen(lastMessage.messageId);\n        messageIdSeenByMeRef.current = lastMessage.messageId;\n      }\n    } catch (e) {\n      console.log('onMessageSeen Error', lastMessage, e);\n    }\n  }, [showMessageStatus, onMessageSeen]);\n\n  const scrollToBottom = useCallback((): void => {\n    if (chatScrollDivRef.current) {\n      chatScrollDivRef.current.scrollTop = chatScrollDivRef.current.scrollHeight;\n    }\n    setExistsNewChatMessage(false);\n    setIsAtBottomOfScrollRef(true);\n    sendMessageStatusIfAtBottom();\n  }, [sendMessageStatusIfAtBottom]);\n\n  const handleScrollToTheBottom = useCallback((): void => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n\n    const atBottom =\n      Math.ceil(chatScrollDivRef.current.scrollTop) >=\n      chatScrollDivRef.current.scrollHeight - chatScrollDivRef.current.clientHeight;\n    if (atBottom) {\n      sendMessageStatusIfAtBottom();\n      if (!isAtBottomOfScrollRef.current) {\n        scrollToBottom();\n      }\n    }\n    setIsAtBottomOfScrollRef(atBottom);\n  }, [scrollToBottom, sendMessageStatusIfAtBottom]);\n\n  // Infinite scrolling + threadInitialize function\n  const fetchNewMessageWhenAtTop = useCallback(async () => {\n    if (!isLoadingChatMessagesRef.current) {\n      if (onLoadPreviousChatMessages) {\n        isLoadingChatMessagesRef.current = true;\n        // Fetch message until scrollTop reach the threshold for fetching new message\n        while (\n          !isAllChatMessagesLoadedRef.current &&\n          chatScrollDivRef.current &&\n          chatScrollDivRef.current.scrollTop <= 500\n        ) {\n          isAllChatMessagesLoadedRef.current = await onLoadPreviousChatMessages(numberOfChatMessagesToReload);\n          await delay(200);\n        }\n        isLoadingChatMessagesRef.current = false;\n      }\n    }\n  }, [numberOfChatMessagesToReload, onLoadPreviousChatMessages]);\n\n  // The below 2 of useEffects are design for fixing infinite scrolling problem\n  // Scrolling element will behave differently when scrollTop = 0(it sticks at the top)\n  // we need to get previousTop before it prepend contents\n  // Execute order [newMessage useEffect] => get previousTop => dom update => [messages useEffect]\n  useEffect(() => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n    previousTopRef.current = chatScrollDivRef.current.scrollTop;\n    previousHeightRef.current = chatScrollDivRef.current.scrollHeight;\n  }, [newMessages]);\n\n  useEffect(() => {\n    if (!chatScrollDivRef.current) {\n      return;\n    }\n    chatScrollDivRef.current.scrollTop =\n      chatScrollDivRef.current.scrollHeight - (previousHeightRef.current - previousTopRef.current);\n  }, [messages]);\n\n  // Fetch more messages to make the scroll bar appear, infinity scroll is then handled in the handleScroll function.\n  useEffect(() => {\n    fetchNewMessageWhenAtTop();\n  }, [fetchNewMessageWhenAtTop]);\n\n  /**\n   * One time run useEffects. Sets up listeners when component is mounted and tears down listeners when component\n   * unmounts unless these function changed\n   */\n  useEffect(() => {\n    window && window.addEventListener('click', sendMessageStatusIfAtBottom);\n    window && window.addEventListener('focus', sendMessageStatusIfAtBottom);\n    return () => {\n      window && window.removeEventListener('click', sendMessageStatusIfAtBottom);\n      window && window.removeEventListener('focus', sendMessageStatusIfAtBottom);\n    };\n  }, [sendMessageStatusIfAtBottom]);\n\n  useEffect(() => {\n    const chatScrollDiv = chatScrollDivRef.current;\n    chatScrollDiv?.addEventListener('scroll', handleScrollToTheBottom);\n    chatScrollDiv?.addEventListener('scroll', fetchNewMessageWhenAtTop);\n\n    return () => {\n      chatScrollDiv?.removeEventListener('scroll', handleScrollToTheBottom);\n      chatScrollDiv?.removeEventListener('scroll', fetchNewMessageWhenAtTop);\n    };\n  }, [fetchNewMessageWhenAtTop, handleScrollToTheBottom]);\n\n  /**\n   * ClientHeight controls the number of messages to render. However ClientHeight will not be initialized after the\n   * first render (not sure but I guess Fluent is updating it in hook which is after render maybe?) so we need to\n   * trigger a re-render until ClientHeight is initialized. This force re-render should only happen once.\n   */\n  const clientHeight = chatThreadRef.current?.clientHeight;\n  useEffect(() => {\n    if (clientHeight === undefined) {\n      setForceUpdate(forceUpdate + 1);\n      return;\n    }\n    // Only scroll to bottom if isAtBottomOfScrollRef is true\n    isAtBottomOfScrollRef.current && scrollToBottom();\n  }, [clientHeight, forceUpdate, scrollToBottom, chatMessagesInitialized]);\n\n  /**\n   * This needs to run to update latestPreviousChatMessage & latestCurrentChatMessage.\n   * These two states are used to manipulate scrollbar\n   */\n  useEffect(() => {\n    setLatestPreviousChatMessage(getLatestChatMessage(messagesRef.current));\n    setLatestCurrentChatMessage(getLatestChatMessage(newMessages));\n    setMessagesRef(newMessages);\n    !chatMessagesInitializedRef.current && setChatMessagesInitializedRef(true);\n    setLastDeliveredChatMessage(getLastChatMessageIdWithStatus(newMessages, 'delivered'));\n    setLastSeenChatMessage(getLastChatMessageIdWithStatus(newMessages, 'seen'));\n    setLastSendingChatMessage(getLastChatMessageIdWithStatus(newMessages, 'sending'));\n  }, [newMessages]);\n\n  /**\n   * This needs to run after messages are rendererd so we can manipulate the scroll bar.\n   */\n  useEffect(() => {\n    // If user just sent the latest message then we assume we can move user to bottom of scroll.\n    if (\n      isThereNewMessageNotFromCurrentUser(userId, latestPreviousChatMessage, latestCurrentChatMessage) &&\n      !isAtBottomOfScrollRef.current\n    ) {\n      setExistsNewChatMessage(true);\n    } else if (\n      didUserSendTheLatestMessage(userId, latestPreviousChatMessage, latestCurrentChatMessage) ||\n      isAtBottomOfScrollRef.current\n    ) {\n      scrollToBottom();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messages]);\n\n  const participantCountRef = useRef(participantCount);\n  const readReceiptsBySenderIdRef = useRef(readReceiptsBySenderId);\n\n  participantCountRef.current = participantCount;\n  readReceiptsBySenderIdRef.current = readReceiptsBySenderId;\n\n  const onActionButtonClickMemo = useCallback(\n    (message: ChatMessage, setMessageReadBy: (readBy: { id: string; displayName: string }[]) => void) => {\n      if (participantCountRef.current && participantCountRef.current - 1 > 1 && readReceiptsBySenderIdRef.current) {\n        setMessageReadBy(getParticipantsWhoHaveReadMessage(message, readReceiptsBySenderIdRef.current));\n      }\n    },\n    []\n  );\n\n  const localeStrings = useLocale().strings.messageThread;\n  const strings = useMemo(() => ({ ...localeStrings, ...props.strings }), [localeStrings, props.strings]);\n  // To rerender the defaultChatMessageRenderer if app running across days(every new day chat time stamp need to be regenerated)\n  const defaultChatMessageRenderer = useCallback(\n    (messageProps: MessageProps) => {\n      if (messageProps.message.messageType === 'chat') {\n        return (\n          <ChatMessageComponent\n            {...messageProps}\n            onRenderFileDownloads={onRenderFileDownloads}\n            /* @conditional-compile-remove(file-sharing) */\n            strings={strings}\n            message={messageProps.message}\n            userId={props.userId}\n            remoteParticipantsCount={participantCount ? participantCount - 1 : 0}\n            inlineAcceptRejectEditButtons={!isNarrow}\n            onRenderAvatar={onRenderAvatar}\n            showMessageStatus={showMessageStatus}\n            messageStatus={messageProps.message.status}\n            onActionButtonClick={onActionButtonClickMemo}\n            /* @conditional-compile-remove(date-time-customization) */\n            onDisplayDateTimeString={onDisplayDateTimeString}\n          />\n        );\n      }\n      return <></>;\n    },\n    [\n      onRenderFileDownloads,\n      /* @conditional-compile-remove(file-sharing) */\n      strings,\n      props.userId,\n      participantCount,\n      isNarrow,\n      onRenderAvatar,\n      showMessageStatus,\n      onActionButtonClickMemo,\n      /* @conditional-compile-remove(date-time-customization) */\n      onDisplayDateTimeString\n    ]\n  );\n\n  const defaultStatusRenderer = useCallback(\n    (message: ChatMessage, status: MessageStatus, participantCount: number, readCount: number) => {\n      const onToggleToolTip = (isToggled: boolean): void => {\n        if (isToggled && readReceiptsBySenderIdRef.current) {\n          setReadCountForHoveredIndicator(\n            getParticipantsWhoHaveReadMessage(message, readReceiptsBySenderIdRef.current).length\n          );\n        } else {\n          setReadCountForHoveredIndicator(undefined);\n        }\n      };\n      return (\n        <MessageStatusIndicator\n          status={status}\n          readCount={readCount}\n          onToggleToolTip={onToggleToolTip}\n          // -1 because participant count does not include myself\n          remoteParticipantsCount={participantCount ? participantCount - 1 : 0}\n        />\n      );\n    },\n    []\n  );\n\n  const messagesToDisplay = useMemo(\n    () =>\n      memoizeAllMessages((memoizedMessageFn) => {\n        return messages.map((message: Message, index: number): ShorthandValue<ChatItemProps> => {\n          let key: string | undefined = message.messageId;\n          let statusToRender: MessageStatus | undefined = undefined;\n\n          if (message.messageType === 'chat') {\n            if (!message.messageId || message.messageId === '') {\n              key = message.clientMessageId;\n            }\n            if (showMessageStatus && message.mine) {\n              switch (message.messageId) {\n                case lastSeenChatMessage: {\n                  statusToRender = 'seen';\n                  break;\n                }\n                case lastSendingChatMessage: {\n                  statusToRender = 'sending';\n                  break;\n                }\n                case lastDeliveredChatMessage: {\n                  statusToRender = 'delivered';\n                  break;\n                }\n              }\n            }\n            if (message.mine && message.status === 'failed') {\n              statusToRender = 'failed';\n            }\n          }\n\n          return memoizedMessageFn(\n            key ?? 'id_' + index,\n            message,\n            showMessageDate,\n            showMessageStatus,\n            onRenderAvatar,\n            isNarrow,\n            styles,\n            onRenderMessageStatus,\n            defaultStatusRenderer,\n            defaultChatMessageRenderer,\n            strings,\n            // Temporary solution to make sure we re-render if attach attribute is changed.\n            // The proper fix should be in selector.\n            message.messageType === 'chat' ? message.attached : undefined,\n            statusToRender,\n            participantCount,\n            readCountForHoveredIndicator,\n            onRenderMessage,\n            onUpdateMessage,\n            onDeleteMessage,\n            onSendMessage\n          );\n        });\n      }),\n    [\n      messages,\n      showMessageDate,\n      showMessageStatus,\n      onRenderAvatar,\n      isNarrow,\n      styles,\n      onRenderMessageStatus,\n      defaultStatusRenderer,\n      defaultChatMessageRenderer,\n      strings,\n      participantCount,\n      readCountForHoveredIndicator,\n      onRenderMessage,\n      onUpdateMessage,\n      onDeleteMessage,\n      onSendMessage,\n      lastSeenChatMessage,\n      lastSendingChatMessage,\n      lastDeliveredChatMessage\n    ]\n  );\n\n  const theme = useTheme();\n\n  const chatBody = useMemo(() => {\n    return (\n      <LiveAnnouncer>\n        <Chat\n          styles={mergeNorthstarThemes(chatStyle, linkStyles(theme), styles?.chatContainer ?? {})}\n          items={messagesToDisplay}\n        />\n      </LiveAnnouncer>\n    );\n  }, [theme, styles?.chatContainer, messagesToDisplay]);\n\n  return (\n    <Ref innerRef={chatThreadRef}>\n      <Stack className={mergeStyles(messageThreadContainerStyle, styles?.root)} grow>\n        {/* Always ensure New Messages button is above the chat body element in the DOM tree. This is to ensure correct\n            tab ordering. Because the New Messages button floats on top of the chat body it is in a higher z-index and\n            thus Users should be able to tab navigate to the new messages button _before_ tab focus is taken to the chat body.*/}\n        {existsNewChatMessage && !disableJumpToNewMessageButton && (\n          <div className={mergeStyles(newMessageButtonContainerStyle, styles?.newMessageButtonContainer)}>\n            {onRenderJumpToNewMessageButton ? (\n              onRenderJumpToNewMessageButton({ text: strings.newMessagesIndicator, onClick: scrollToBottom })\n            ) : (\n              <DefaultJumpToNewMessageButton text={strings.newMessagesIndicator} onClick={scrollToBottom} />\n            )}\n          </div>\n        )}\n\n        <Ref innerRef={chatScrollDivRef}>{chatBody}</Ref>\n      </Stack>\n    </Ref>\n  );\n};\n\nconst onRenderFileDownloadsTrampoline = (\n  props: MessageThreadProps\n): ((userId: string, message: ChatMessage) => JSX.Element) | undefined => {\n  /* @conditional-compile-remove(file-sharing) */\n  return props.onRenderFileDownloads;\n  return undefined;\n};\n\nconst linkStyles = (theme: Theme): ComponentSlotStyle => {\n  return {\n    '& a:link': {\n      color: theme.palette.themePrimary\n    },\n    '& a:visited': {\n      color: theme.palette.themeDarker\n    },\n    '& a:hover': {\n      color: theme.palette.themeDarker\n    },\n    '& a:selected': {\n      color: theme.palette.themeDarker\n    }\n  };\n};\n\"../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js

@@ -38,8 +38,7 @@ export const linkTextStyles = {
  */
 export const containerStyles = {
     root: {
-        padding: '2rem',
-        maxWidth: '25.374rem'
+        padding: '2rem'
     }
 };
 /**

package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnsupportedBrowser.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/UnsupportedBrowser.styles.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,WAAW;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgB;IACrC,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IIconStyles, ILinkStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const mainTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem',\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\n/**\n * @internal\n */\nexport const containerStyles: IStackStyles = {\n  root: {\n    padding: '2rem',\n    maxWidth: '25.374rem'\n  }\n};\n\n/**\n * @interal\n */\nexport const iconStyles: IIconStyles = {\n  root: {\n    paddingBottom: '1rem'\n  }\n};\n\"../../../../acs-ui-common/src\""]}
+{"version":3,"file":"UnsupportedBrowser.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/UnsupportedBrowser.styles.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;QACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,MAAM;KACf;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAgB;IAC9C,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAgB;IACzC,IAAI,EAAE;QACJ,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,GAAG;QACf,SAAS,EAAE,SAAS;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAiB;IAC3C,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAgB;IACrC,IAAI,EAAE;QACJ,aAAa,EAAE,MAAM;KACtB;CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IIconStyles, ILinkStyles, IStackStyles, ITextStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @internal\n */\nexport const mainTextStyles: ITextStyles = {\n  root: {\n    fontWeight: 600,\n    fontSize: _pxToRem(20),\n    lineHeight: _pxToRem(28),\n    paddingBottom: '1rem',\n    margin: 'auto'\n  }\n};\n\n/**\n * @internal\n */\nexport const secondaryTextStyles: ITextStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 400,\n    paddingBottom: '0.5rem'\n  }\n};\n\n/**\n * @internal\n */\nexport const linkTextStyles: ILinkStyles = {\n  root: {\n    margin: 'auto',\n    fontWeight: 600,\n    textAlign: 'inherit'\n  }\n};\n\n/**\n * @internal\n */\nexport const containerStyles: IStackStyles = {\n  root: {\n    padding: '2rem'\n  }\n};\n\n/**\n * @interal\n */\nexport const iconStyles: IIconStyles = {\n  root: {\n    paddingBottom: '1rem'\n  }\n};\n\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/utils.d.ts

@@ -46,7 +46,7 @@ export declare const dropDismissalsForInactiveErrors: (activeErrorMessages: Acti
  * @param dismissedErrors
  * @returns ActiveErrorMessage[]
  */
-export declare const errorsToShow: (activeErrorMessages: ActiveErrorMessage[], dismissedErrors: DismissedError[]) => ActiveErrorMessage[];
+export declare const errorsToShow: (activeErrorMessages: ActiveErrorMessage[], dismissedErrors: DismissedError[], mountTimestamp?: Date | undefined) => ActiveErrorMessage[];
 /**
  * @private
  * @param errorType