Support Teams' short meeting URLs (#4481)

Author: JamesBurnside

change-beta/@azure-communication-react-771ca082-9891-43f4-989c-66bc1d2cda47.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "",
+  "comment": "Lay groundwork for supporting the new Teams' short meeting URLs",
+  "packageName": "@azure/communication-react",
+  "email": "2684369+JamesBurnside@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-771ca082-9891-43f4-989c-66bc1d2cda47.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "improvement",
+  "workstream": "",
+  "comment": "Lay groundwork for supporting the new Teams' short meeting URLs",
+  "packageName": "@azure/communication-react",
+  "email": "2684369+JamesBurnside@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.ts

@@ -899,12 +899,44 @@ export class CallAndChatProvider implements ChatThreadProvider {
  */
 export class TeamsMeetingLinkProvider implements ChatThreadProvider {
   public locator: TeamsMeetingLinkLocator;
+  /** @conditional-compile-remove(meeting-id) */
+  private callAdapterPromise: Promise<CallAdapter>;
+  /** @conditional-compile-remove(meeting-id) */
+  private callAdapterSubscription?: (state: CallAdapterState) => void;
 
-  constructor(locator: TeamsMeetingLinkLocator) {
+  constructor(
+    locator: TeamsMeetingLinkLocator,
+    /** @conditional-compile-remove(meeting-id) */ callAdapterPromise: Promise<CallAdapter>
+  ) {
     this.locator = locator;
+    /** @conditional-compile-remove(meeting-id) */
+    this.callAdapterPromise = callAdapterPromise;
   }
 
   public async getChatThread(): Promise<string> {
+    /** @conditional-compile-remove(meeting-id) */
+    {
+      // Wait for the call to be connected and get the chat thread ID from `call.callInfo`.
+      const chatThreadPromise = new Promise<string>((resolve) => {
+        this.callAdapterPromise.then((callAdapter) => {
+          // Ensure function is idempotent by removing any existing subscription.
+          this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
+
+          this.callAdapterSubscription = (state: CallAdapterState): void => {
+            if (state.call?.state === 'Connected' && state.call.info?.threadId) {
+              this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
+              this.callAdapterSubscription = undefined;
+
+              resolve(state.call.info?.threadId);
+            }
+          };
+          callAdapter.onStateChange(this.callAdapterSubscription);
+        });
+      });
+
+      return chatThreadPromise;
+    }
+
     return getChatThreadFromTeamsLink(this.locator.meetingLink);
   }
 }
@@ -1231,7 +1263,7 @@ const _createChatThreadAdapterInner = (
   adapter: Promise<CallAdapter>
 ): ChatThreadProvider => {
   if ('meetingLink' in locator) {
-    return new TeamsMeetingLinkProvider(locator);
+    return new TeamsMeetingLinkProvider(locator, /** @conditional-compile-remove(meeting-id) */ adapter);
   }
   /** @conditional-compile-remove(meeting-id) */
   if ('meetingId' in locator) {