@azure/communication-react 1.3.2-alpha-202207120013.0 → 1.3.2-alpha-202207160015.0

package/CHANGELOG.md

@@ -32,6 +32,9 @@ Wed, 29 Jun 2022 17:31:05 GMT
   - Fix loading spinner size in small containers ([PR #1995](https://github.com/azure/communication-ui-library/pull/1995) by 2684369+JamesBurnside@users.noreply.github.com)
   - Add aria labels and announcer to file sharing components to make file sharing meet accessibility standards ([PR #1960](https://github.com/azure/communication-ui-library/pull/1960) by 97124699+prabhjot-msft@users.noreply.github.com)
   - Update Participant pane to be an overlay on top of message thread so it can be tapped into when opened ([PR #1943](https://github.com/azure/communication-ui-library/pull/1943) by 97124699+prabhjot-msft@users.noreply.github.com)
+  - Fix bug where the "New Message" button was getting hidden under messages ([PR #2046](https://github.com/Azure/communication-ui-library/pull/2046) by carolinecao@microsoft.com)
+  - Fix bug where Chat participant pane in chat composite mobile view causing overflow ([PR #2038](https://github.com/Azure/communication-ui-library/pull/2038) by anjulgarg@live.com)
+  - Fix bug where Chat message thread size is wrong and shows scrollbar when a gif image is shared ([PR #2037](https://github.com/Azure/communication-ui-library/pull/2037) by anjulgarg@live.com)
 
 
 ### Improvements

package/dist/communication-react.d.ts

@@ -75,6 +75,7 @@ import { PropertyChangedEvent } from '@azure/communication-calling';
 import { default as React_2 } from 'react';
 import type { RemoteParticipant } from '@azure/communication-calling';
 import { RemoteParticipantState as RemoteParticipantState_2 } from '@azure/communication-calling';
+import { RoomCallLocator } from '@azure/communication-calling';
 import { ScalingMode } from '@azure/communication-calling';
 import { SendMessageOptions } from '@azure/communication-chat';
 import { StartCallOptions } from '@azure/communication-calling';
@@ -254,6 +255,7 @@ export declare type AzureCommunicationCallAdapterArgs = {
     displayName: string;
     credential: CommunicationTokenCredential;
     locator: CallAdapterLocator;
+    alternativeCallerId?: string;
 };
 
 /**
@@ -496,6 +498,10 @@ export declare type CallAdapterClientState = {
      * Latest error encountered for each operation performed via the adapter.
      */
     latestErrors: AdapterErrors;
+    /**
+     * Azure communications Phone number to make PSTN calls with.
+     */
+    alternativeCallerId?: string;
 };
 
 /**
@@ -580,7 +586,7 @@ export declare interface CallAdapterDeviceManagement {
  *
  * @public
  */
-export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
+export declare type CallAdapterLocator = TeamsMeetingLinkLocator | GroupCallLocator | /* @conditional-compile-remove(rooms) */ RoomCallLocator | /* @conditional-compile-remove(teams-adhoc-call) */ CallParticipantsLocator;
 
 /**
  * {@link CallAdapter} state.
@@ -845,6 +851,10 @@ export declare interface CallClientState {
      * See documentation of {@Link CallErrors} for details.
      */
     latestErrors: CallErrors;
+    /**
+     * Stores an ACS aquired phone number for making PSTN calls.
+     */
+    alternativeCallerId?: string;
 }
 
 /**
@@ -3329,7 +3339,7 @@ export declare interface ControlBarProps {
  *
  * @public
  */
-export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
+export declare const createAzureCommunicationCallAdapter: ({ userId, displayName, credential, locator, alternativeCallerId }: AzureCommunicationCallAdapterArgs) => Promise<CallAdapter>;
 
 /**
  * Create a {@link CallAdapter} using the provided {@link StatefulCallClient}.
@@ -6388,6 +6398,15 @@ export declare type StatefulCallClientArgs = {
      * state. It is not used by StatefulCallClient.
      */
     userId: CommunicationUserIdentifier;
+    /**
+     * A phone number in E.164 format that will be used to represent the callers identity. This number is required
+     * to start a PSTN call.
+     *
+     * example: +11234567
+     *
+     * This is not a cached value from the headless calling client.
+     */
+    alternativeCallerId?: string;
 };
 
 /**

package/dist/dist-cjs/communication-react/index.js

@@ -191,7 +191,7 @@ const fromFlatCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.2-alpha-202207120013.0';
+var telemetryVersion = '1.3.2-alpha-202207160015.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -9192,7 +9192,8 @@ const MAX_CALL_HISTORY_LENGTH = 10;
  * @private
  */
 class CallContext$1 {
-    constructor(userId, maxListeners = 50) {
+    constructor(userId, maxListeners = 50, 
+    /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId) {
         this._callIdHistory = new CallIdHistory();
         this._logger = logger.createClientLogger('communication-react:calling-context');
         this._state = {
@@ -9209,6 +9210,7 @@ class CallContext$1 {
             },
             callAgent: undefined,
             userId: userId,
+            /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId: alternativeCallerId,
             latestErrors: {}
         };
         this._emitter = new EventEmitter__default['default']();
@@ -11189,7 +11191,9 @@ class ProxyCallClient {
                     // callAgent if the createCallAgent succeeds.
                     const callAgent = yield target.createCallAgent(...args);
                     this._callAgent = callAgentDeclaratify(callAgent, this._context, this._internalContext);
-                    this._context.setCallAgent({ displayName: this._callAgent.displayName });
+                    this._context.setCallAgent({
+                        displayName: this._callAgent.displayName
+                    });
                     return this._callAgent;
                 }), 'CallClient.createCallAgent');
             }
@@ -11236,7 +11240,8 @@ class ProxyCallClient {
  */
 const createStatefulCallClient = (args, options) => {
     callingStatefulLogger.info(`Creating calling stateful client using library version: ${_getApplicationId()}`);
-    return createStatefulCallClientWithDeps(new communicationCalling.CallClient(withTelemetryTag(options === null || options === void 0 ? void 0 : options.callClientOptions)), new CallContext$1(communicationCommon.getIdentifierKind(args.userId), options === null || options === void 0 ? void 0 : options.maxStateChangeListeners), new InternalCallContext());
+    return createStatefulCallClientWithDeps(new communicationCalling.CallClient(withTelemetryTag(options === null || options === void 0 ? void 0 : options.callClientOptions)), new CallContext$1(communicationCommon.getIdentifierKind(args.userId), options === null || options === void 0 ? void 0 : options.maxStateChangeListeners, 
+    /* @conditional-compile-remove(PSTN-calls) */ args.alternativeCallerId), new InternalCallContext());
 };
 /**
  * Package-internal version of createStatefulCallClient that allows dependency injection.
@@ -15943,20 +15948,33 @@ class AzureCommunicationCallAdapter {
             const audioOptions = { muted: microphoneOn !== null && microphoneOn !== void 0 ? microphoneOn : !this.getState().isLocalPreviewMicrophoneEnabled };
             // TODO: find a way to expose stream to here
             const videoOptions = { localVideoStreams: this.localStream ? [this.localStream] : undefined };
-            const isTeamsMeeting = !('groupId' in this.locator);
-            const call = isTeamsMeeting
-                ? this.callAgent.join(this.locator, {
-                    audioOptions,
-                    videoOptions
-                })
-                : this.callAgent.join(this.locator, {
-                    audioOptions,
-                    videoOptions
-                });
+            const call = this._joinCall(audioOptions, videoOptions);
             this.processNewCall(call);
             return call;
         });
     }
+    _joinCall(audioOptions, videoOptions) {
+        const isTeamsMeeting = !('groupId' in this.locator);
+        /* @conditional-compile-remove(rooms) */
+        const isRoomsCall = !('roomId' in this.locator);
+        if (isTeamsMeeting) {
+            return this.callAgent.join(this.locator, {
+                audioOptions,
+                videoOptions
+            });
+        }
+        /* @conditional-compile-remove(rooms) */
+        if (isRoomsCall) {
+            return this.callAgent.join(this.locator, {
+                audioOptions,
+                videoOptions
+            });
+        }
+        return this.callAgent.join(this.locator, {
+            audioOptions,
+            videoOptions
+        });
+    }
     createStreamView(remoteUserId, options) {
         return __awaiter$4(this, void 0, void 0, function* () {
             if (remoteUserId === undefined) {
@@ -16239,9 +16257,15 @@ class AzureCommunicationCallAdapter {
  *
  * @public
  */
-const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator }) => __awaiter$4(void 0, void 0, void 0, function* () {
-    const callClient = createStatefulCallClient({ userId });
-    const callAgent = yield callClient.createCallAgent(credential, { displayName });
+const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator, 
+/* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId }) => __awaiter$4(void 0, void 0, void 0, function* () {
+    const callClient = createStatefulCallClient({
+        userId,
+        /* @conditional-compile-remove(PSTN-calls) */ alternativeCallerId
+    });
+    const callAgent = yield callClient.createCallAgent(credential, {
+        displayName
+    });
     const adapter = createAzureCommunicationCallAdapterFromClient(callClient, callAgent, locator);
     return adapter;
 });