@azure/communication-react 1.11.0 → 1.11.1-alpha-202312160012

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/MediaGalleryUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaGalleryUtils.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/MediaGalleryUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { toFlatCommunicationIdentifier, _formatString } from '@internal/acs-ui-common';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { useMemo, useRef, useState } from 'react';\nimport { useLocale } from '../../localization';\nimport { useSelector } from '../hooks/useSelector';\nimport { getRemoteParticipantsConnectedSelector } from '../selectors/mediaGallerySelector';\ntype ParticipantChangedAnnouncmentStrings = {\n  participantJoinedNoticeString: string;\n  twoParticipantJoinedNoticeString: string;\n  threeParticipantJoinedNoticeString: string;\n  participantLeftNoticeString: string;\n  twoParticipantLeftNoticeString: string;\n  threeParticipantLeftNoticeString: string;\n  unnamedParticipantString: string;\n  manyParticipantsJoined: string;\n  manyParticipantsLeft: string;\n  manyUnnamedParticipantsJoined: string;\n  manyUnnamedParticipantsLeft: string;\n};\n\n/**\n * sets the announcement string whenever a Participant comes or goes from a call to be\n * used by the system narrator.\n *\n * @returns string to be used by the narrator and Announcer component\n *\n * @internal\n */\nexport const useParticipantChangedAnnouncement = (): string => {\n  const locale = useLocale().strings.call;\n  const strings = useMemo(() => {\n    return {\n      participantJoinedNoticeString: locale.participantJoinedNoticeString,\n      twoParticipantJoinedNoticeString: locale.twoParticipantJoinedNoticeString,\n      threeParticipantJoinedNoticeString: locale.threeParticipantJoinedNoticeString,\n      participantLeftNoticeString: locale.participantLeftNoticeString,\n      twoParticipantLeftNoticeString: locale.twoParticipantLeftNoticeString,\n      threeParticipantLeftNoticeString: locale.threeParticipantLeftNoticeString,\n      unnamedParticipantString: locale.unnamedParticipantString,\n      manyParticipantsJoined: locale.manyParticipantsJoined,\n      manyParticipantsLeft: locale.manyParticipantsLeft,\n      manyUnnamedParticipantsJoined: locale.manyUnnamedParticipantsJoined,\n      manyUnnamedParticipantsLeft: locale.manyUnnamedParticipantsLeft\n    };\n  }, [locale]);\n  const [announcerString, setAnnouncerString] = useState<string>('');\n  const currentParticipants = useSelector(getRemoteParticipantsConnectedSelector);\n  /**\n   * We want to use a useRef here since we want to not fire this hook based on the previous participants\n   * this allows this value to be used in the hook without being in the dependency array.\n   *\n   * Note: By definition if this hook is used in another component it is not pure anymore.\n   */\n  const previousParticipants = useRef<RemoteParticipantState[]>(currentParticipants);\n  const resetAnnoucement = (string: string): void => {\n    setAnnouncerString(string);\n  };\n  useMemo(() => {\n    const currentIds = currentParticipants.map(p => toFlatCommunicationIdentifier(p.identifier));\n    const previousIds = previousParticipants.current.map(p => toFlatCommunicationIdentifier(p.identifier));\n    const whoJoined = currentParticipants.filter(p => !previousIds.includes(toFlatCommunicationIdentifier(p.identifier)));\n    const whoLeft = previousParticipants.current.filter(p => !currentIds.includes(toFlatCommunicationIdentifier(p.identifier)));\n    if (whoJoined.length > 0) {\n      resetAnnoucement(createAnnouncementString('joined', whoJoined, strings));\n    }\n    if (whoLeft.length > 0) {\n      resetAnnoucement(createAnnouncementString('left', whoLeft, strings));\n    }\n    // Update cached value at the end.\n    previousParticipants.current = currentParticipants;\n  }, [currentParticipants, strings]);\n  return announcerString;\n};\n\n/**\n * Generates the announcement string for when a participant joins or leaves a call.\n */\nexport const createAnnouncementString = (direction: 'joined' | 'left', participants: RemoteParticipantState[], strings: ParticipantChangedAnnouncmentStrings): string => {\n  /**\n   * If there are no participants return empty string.\n   */\n  if (participants.length === 0) {\n    return '';\n  }\n  /**\n   * Filter participants into two arrays to put all the unnamed participants at the back of the\n   * names being announced.\n   */\n  const unnamedParticipants = participants.filter(p => !p.displayName);\n  const namedParicipants = participants.filter(p => p.displayName);\n  const sortedParticipants = namedParicipants.concat(unnamedParticipants);\n\n  /**\n   * if there are only unnamed participants present in the array announce a special unnamed participants\n   * only string.\n   */\n  if (sortedParticipants.filter(p => p.displayName).length === 0 && sortedParticipants.length > 1) {\n    return _formatString(direction === 'joined' ? strings.manyUnnamedParticipantsJoined : strings.manyUnnamedParticipantsLeft, {\n      numOfParticipants: (sortedParticipants.length - 1).toString()\n    });\n  }\n  const participantNames = sortedParticipants.map(p => p.displayName ?? strings.unnamedParticipantString);\n  switch (sortedParticipants.length) {\n    case 1:\n      return _formatString(direction === 'joined' ? strings.participantJoinedNoticeString : strings.participantLeftNoticeString, {\n        displayName: participantNames[0]\n      });\n    case 2:\n      return _formatString(direction === 'joined' ? strings.twoParticipantJoinedNoticeString : strings.twoParticipantLeftNoticeString, {\n        displayName1: participantNames[0],\n        displayName2: participantNames[1]\n      });\n    case 3:\n      return _formatString(direction === 'joined' ? strings.threeParticipantJoinedNoticeString : strings.threeParticipantLeftNoticeString, {\n        displayName1: participantNames[0],\n        displayName2: participantNames[1],\n        displayName3: participantNames[2]\n      });\n  }\n\n  /**\n   * If we have more than 3 participants joining we need to do something more to announce them\n   * appropriately.\n   *\n   * We don't want to announce every name when more than 3 participants join at once so\n   * we parse out the first 3 names we have and announce those with the number of others.\n   */\n\n  const numberOfExtraParticipants = sortedParticipants.length - 3;\n  return _formatString(direction === 'joined' ? strings.manyParticipantsJoined : strings.manyParticipantsLeft, {\n    displayName1: sortedParticipants[0].displayName ?? strings.unnamedParticipantString,\n    displayName2: sortedParticipants[1].displayName ?? strings.unnamedParticipantString,\n    displayName3: sortedParticipants[2].displayName ?? strings.unnamedParticipantString,\n    numOfParticipants: numberOfExtraParticipants.toString()\n  });\n};"]}
+{"version":3,"file":"MediaGalleryUtils.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/MediaGalleryUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { toFlatCommunicationIdentifier, _formatString } from '@internal/acs-ui-common';\nimport { RemoteParticipantState } from '@internal/calling-stateful-client';\nimport { useMemo, useRef, useState } from 'react';\nimport { useLocale } from '../../localization';\nimport { useSelector } from '../hooks/useSelector';\nimport { getRemoteParticipantsConnectedSelector } from '../selectors/mediaGallerySelector';\n\ntype ParticipantChangedAnnouncmentStrings = {\n  participantJoinedNoticeString: string;\n  twoParticipantJoinedNoticeString: string;\n  threeParticipantJoinedNoticeString: string;\n  participantLeftNoticeString: string;\n  twoParticipantLeftNoticeString: string;\n  threeParticipantLeftNoticeString: string;\n  unnamedParticipantString: string;\n  manyParticipantsJoined: string;\n  manyParticipantsLeft: string;\n  manyUnnamedParticipantsJoined: string;\n  manyUnnamedParticipantsLeft: string;\n};\n\n/**\n * sets the announcement string whenever a Participant comes or goes from a call to be\n * used by the system narrator.\n *\n * @returns string to be used by the narrator and Announcer component\n *\n * @internal\n */\nexport const useParticipantChangedAnnouncement = (): string => {\n  const locale = useLocale().strings.call;\n  const strings = useMemo(() => {\n    return {\n      participantJoinedNoticeString: locale.participantJoinedNoticeString,\n      twoParticipantJoinedNoticeString: locale.twoParticipantJoinedNoticeString,\n      threeParticipantJoinedNoticeString: locale.threeParticipantJoinedNoticeString,\n      participantLeftNoticeString: locale.participantLeftNoticeString,\n      twoParticipantLeftNoticeString: locale.twoParticipantLeftNoticeString,\n      threeParticipantLeftNoticeString: locale.threeParticipantLeftNoticeString,\n      unnamedParticipantString: locale.unnamedParticipantString,\n      manyParticipantsJoined: locale.manyParticipantsJoined,\n      manyParticipantsLeft: locale.manyParticipantsLeft,\n      manyUnnamedParticipantsJoined: locale.manyUnnamedParticipantsJoined,\n      manyUnnamedParticipantsLeft: locale.manyUnnamedParticipantsLeft\n    };\n  }, [locale]);\n  const [announcerString, setAnnouncerString] = useState<string>('');\n  const currentParticipants = useSelector(getRemoteParticipantsConnectedSelector);\n  /**\n   * We want to use a useRef here since we want to not fire this hook based on the previous participants\n   * this allows this value to be used in the hook without being in the dependency array.\n   *\n   * Note: By definition if this hook is used in another component it is not pure anymore.\n   */\n  const previousParticipants = useRef<RemoteParticipantState[]>(currentParticipants);\n\n  const resetAnnoucement = (string: string): void => {\n    setAnnouncerString(string);\n  };\n\n  useMemo(() => {\n    const currentIds = currentParticipants.map((p) => toFlatCommunicationIdentifier(p.identifier));\n    const previousIds = previousParticipants.current.map((p) => toFlatCommunicationIdentifier(p.identifier));\n    const whoJoined = currentParticipants.filter(\n      (p) => !previousIds.includes(toFlatCommunicationIdentifier(p.identifier))\n    );\n    const whoLeft = previousParticipants.current.filter(\n      (p) => !currentIds.includes(toFlatCommunicationIdentifier(p.identifier))\n    );\n    if (whoJoined.length > 0) {\n      resetAnnoucement(createAnnouncementString('joined', whoJoined, strings));\n    }\n    if (whoLeft.length > 0) {\n      resetAnnoucement(createAnnouncementString('left', whoLeft, strings));\n    }\n    // Update cached value at the end.\n    previousParticipants.current = currentParticipants;\n  }, [currentParticipants, strings]);\n  return announcerString;\n};\n\n/**\n * Generates the announcement string for when a participant joins or leaves a call.\n */\nexport const createAnnouncementString = (\n  direction: 'joined' | 'left',\n  participants: RemoteParticipantState[],\n  strings: ParticipantChangedAnnouncmentStrings\n): string => {\n  /**\n   * If there are no participants return empty string.\n   */\n  if (participants.length === 0) {\n    return '';\n  }\n  /**\n   * Filter participants into two arrays to put all the unnamed participants at the back of the\n   * names being announced.\n   */\n  const unnamedParticipants = participants.filter((p) => !p.displayName);\n  const namedParicipants = participants.filter((p) => p.displayName);\n  const sortedParticipants = namedParicipants.concat(unnamedParticipants);\n\n  /**\n   * if there are only unnamed participants present in the array announce a special unnamed participants\n   * only string.\n   */\n  if (sortedParticipants.filter((p) => p.displayName).length === 0 && sortedParticipants.length > 1) {\n    return _formatString(\n      direction === 'joined' ? strings.manyUnnamedParticipantsJoined : strings.manyUnnamedParticipantsLeft,\n      {\n        numOfParticipants: (sortedParticipants.length - 1).toString()\n      }\n    );\n  }\n  const participantNames = sortedParticipants.map((p) => p.displayName ?? strings.unnamedParticipantString);\n\n  switch (sortedParticipants.length) {\n    case 1:\n      return _formatString(\n        direction === 'joined' ? strings.participantJoinedNoticeString : strings.participantLeftNoticeString,\n        { displayName: participantNames[0] }\n      );\n    case 2:\n      return _formatString(\n        direction === 'joined' ? strings.twoParticipantJoinedNoticeString : strings.twoParticipantLeftNoticeString,\n        {\n          displayName1: participantNames[0],\n          displayName2: participantNames[1]\n        }\n      );\n    case 3:\n      return _formatString(\n        direction === 'joined' ? strings.threeParticipantJoinedNoticeString : strings.threeParticipantLeftNoticeString,\n        {\n          displayName1: participantNames[0],\n          displayName2: participantNames[1],\n          displayName3: participantNames[2]\n        }\n      );\n  }\n\n  /**\n   * If we have more than 3 participants joining we need to do something more to announce them\n   * appropriately.\n   *\n   * We don't want to announce every name when more than 3 participants join at once so\n   * we parse out the first 3 names we have and announce those with the number of others.\n   */\n\n  const numberOfExtraParticipants = sortedParticipants.length - 3;\n\n  return _formatString(direction === 'joined' ? strings.manyParticipantsJoined : strings.manyParticipantsLeft, {\n    displayName1: sortedParticipants[0].displayName ?? strings.unnamedParticipantString,\n    displayName2: sortedParticipants[1].displayName ?? strings.unnamedParticipantString,\n    displayName3: sortedParticipants[2].displayName ?? strings.unnamedParticipantString,\n    numOfParticipants: numberOfExtraParticipants.toString()\n  });\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.js

@@ -14,18 +14,14 @@ export const useTrackedCapabilityChangedNotifications = (capabilitiesChangedAndR
     // share screen capability changed info from the Calling SDK when joining Teams interop will be ignored because
     // being able to share screen is assumed by default. This is inline with what Teams is doing.
     const activeNotifications = useRef({
-        shareScreen: {
-            capabilityName: 'shareScreen',
-            isPresent: true,
-            changedReason: 'RoleChanged'
-        }
+        shareScreen: { capabilityName: 'shareScreen', isPresent: true, changedReason: 'RoleChanged' }
     });
     useEffect(() => {
         activeNotifications.current = updateLatestCapabilityChangedNotificationMap(capabilitiesChangedAndRoleInfo, activeNotifications.current);
-        setTrackedCapabilityChangedNotifications(prev => updateTrackedCapabilityChangedNotificationsWithActiveNotifications(prev, Object.values(activeNotifications.current)));
+        setTrackedCapabilityChangedNotifications((prev) => updateTrackedCapabilityChangedNotificationsWithActiveNotifications(prev, Object.values(activeNotifications.current)));
     }, [capabilitiesChangedAndRoleInfo]);
     const onDismissCapabilityChangedNotification = useCallback((notification) => {
-        setTrackedCapabilityChangedNotifications(prev => trackCapabilityChangedNotificationAsDismissed(notification.capabilityName, prev));
+        setTrackedCapabilityChangedNotifications((prev) => trackCapabilityChangedNotificationAsDismissed(notification.capabilityName, prev));
     }, []);
     const latestCapabilityChangedNotifications = useMemo(() => filterLatestCapabilityChangedNotifications(Object.values(activeNotifications.current), trackedCapabilityChangedNotifications), [trackedCapabilityChangedNotifications]);
     return {
@@ -40,9 +36,11 @@ export const useTrackedCapabilityChangedNotifications = (capabilitiesChangedAndR
  * @private
  */
 export const filterLatestCapabilityChangedNotifications = (activeNotifications, trackedNotifications) => {
-    const filteredNotifications = activeNotifications.filter(activeNotification => {
+    const filteredNotifications = activeNotifications.filter((activeNotification) => {
         const trackedNotification = trackedNotifications[activeNotification.capabilityName];
-        return !trackedNotification || !trackedNotification.lastDismissedAt || trackedNotification.lastDismissedAt < trackedNotification.mostRecentlyActive;
+        return (!trackedNotification ||
+            !trackedNotification.lastDismissedAt ||
+            trackedNotification.lastDismissedAt < trackedNotification.mostRecentlyActive);
     });
     return filteredNotifications;
 };
@@ -84,7 +82,9 @@ const updateLatestCapabilityChangedNotificationMap = (capabilitiesChangedInfoAnd
     for (const [capabilityName, newCapabilityValue] of Object.entries(capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.newValue)) {
         // If the active notification for a capability has the same `isPresent` value and the same reason as the new
         // capability value from the SDK then we will not create a new notification to avoid redundancy
-        if (activeNotifications[capabilityName] && newCapabilityValue.isPresent === activeNotifications[capabilityName].isPresent && capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason === activeNotifications[capabilityName].changedReason) {
+        if (activeNotifications[capabilityName] &&
+            newCapabilityValue.isPresent === activeNotifications[capabilityName].isPresent &&
+            capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason === activeNotifications[capabilityName].changedReason) {
             continue;
         }
         const newCapabilityChangeNotification = {

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrackCapabilityChangedNotifications.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,+CAA+C;AAC/C,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQ1E,+CAA+C;AAC/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,CAAC,8BAA8D,EAA0C,EAAE;IACjK,MAAM,CAAC,qCAAqC,EAAE,wCAAwC,CAAC,GAAG,QAAQ,CAAwC,EAAE,CAAC,CAAC;IAE9I,0GAA0G;IAC1G,+GAA+G;IAC/G,6FAA6F;IAC7F,MAAM,mBAAmB,GAAG,MAAM,CAA4C;QAC5E,WAAW,EAAE;YACX,cAAc,EAAE,aAAa;YAC7B,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,aAAa;SAC7B;KACF,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,OAAO,GAAG,4CAA4C,CAAC,8BAA8B,EAAE,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACxI,wCAAwC,CAAC,IAAI,CAAC,EAAE,CAAC,kEAAkE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IACzK,CAAC,EAAE,CAAC,8BAA8B,CAAC,CAAC,CAAC;IACrC,MAAM,sCAAsC,GAAG,WAAW,CAAC,CAAC,YAA2C,EAAE,EAAE;QACzG,wCAAwC,CAAC,IAAI,CAAC,EAAE,CAAC,6CAA6C,CAAC,YAAY,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC;IACrI,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,oCAAoC,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,0CAA0C,CAAC,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,EAAE,qCAAqC,CAAC,EAAE,CAAC,qCAAqC,CAAC,CAAC,CAAC;IACnO,OAAO;QACL,gCAAgC,EAAE,oCAAoC;QACtE,qBAAqB,EAAE,sCAAsC;KAC9D,CAAC;AACJ,CAAC,CAAC;AAEF,+CAA+C;AAC/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,0CAA0C,GAAG,CAAC,mBAAoD,EAAE,oBAA2D,EAAmC,EAAE;IAC/M,MAAM,qBAAqB,GAAG,mBAAmB,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE;QAC5E,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;QACpF,OAAO,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,CAAC,eAAe,IAAI,mBAAmB,CAAC,eAAe,GAAG,mBAAmB,CAAC,kBAAkB,CAAC;IACtJ,CAAC,CAAC,CAAC;IACH,OAAO,qBAAqB,CAAC;AAC/B,CAAC,CAAC;AAEF,+CAA+C;AAC/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,kEAAkE,GAAG,CAAC,4BAAmE,EAAE,mBAAoD,EAAyC,EAAE;;IACrP,MAAM,oBAAoB,GAA0C,EAAE,CAAC;IAEvE,wIAAwI;IACxI,KAAK,MAAM,kBAAkB,IAAI,mBAAmB,EAAE,CAAC;QACrD,MAAM,2BAA2B,GAAG,4BAA4B,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;QACpG,oBAAoB,CAAC,kBAAkB,CAAC,cAAc,CAAC,GAAG;YACxD,kBAAkB,EAAE,MAAA,MAAA,kBAAkB,CAAC,SAAS,mCAAI,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,kBAAkB,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC3H,eAAe,EAAE,2BAA2B,aAA3B,2BAA2B,uBAA3B,2BAA2B,CAAE,eAAe;SAC9D,CAAC;IACJ,CAAC;IACD,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAEF,+CAA+C;AAC/C;;;;GAIG;AACH,MAAM,CAAC,MAAM,6CAA6C,GAAG,CAAC,cAAyC,EAAE,oBAA2D,EAAyC,EAAE;IAC7M,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACjC,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,cAAc,CAAC,CAAC;IAClE,uCACK,oBAAoB,KACvB,CAAC,cAAc,CAAC,kCACX,CAAC,oBAAoB,IAAI,EAAE,CAAC,KAC/B,eAAe,EAAE,GAAG,OAEtB;AACJ,CAAC,CAAC;AAWF,+CAA+C;AAC/C,MAAM,4CAA4C,GAAG,CAAC,8BAA8D,EAAE,mBAA8D,EAA6C,EAAE;IACjO,IAAI,CAAC,8BAA8B,CAAC,sBAAsB,EAAE,CAAC;QAC3D,OAAO,mBAAmB,CAAC;IAC7B,CAAC;IACD,KAAK,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,8BAA8B,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EAAE,CAAC;QAClI,4GAA4G;QAC5G,+FAA+F;QAC/F,IAAI,mBAAmB,CAAC,cAAc,CAAC,IAAI,kBAAkB,CAAC,SAAS,KAAK,mBAAmB,CAAC,cAAc,CAAC,CAAC,SAAS,IAAI,8BAA8B,CAAC,sBAAsB,CAAC,MAAM,KAAK,mBAAmB,CAAC,cAAc,CAAC,CAAC,aAAa,EAAE,CAAC;YAChP,SAAS;QACX,CAAC;QACD,MAAM,+BAA+B,GAAkC;YACrE,cAAc,EAAG,cAA4C;YAC7D,SAAS,EAAE,kBAAkB,CAAC,SAAS;YACvC,aAAa,EAAE,8BAA8B,CAAC,sBAAsB,CAAC,MAAM;YAC3E,IAAI,EAAE,8BAA8B,CAAC,eAAe;YACpD,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;SAChC,CAAC;QACF,mBAAmB,CAAC,cAAc,CAAC,GAAG,+BAA+B,CAAC;IACxE,CAAC;IACD,OAAO,mBAAmB,CAAC;AAC7B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(capabilities) */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangeInfo, ParticipantCapabilityName, ParticipantRole } from '@azure/communication-calling';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabalityChangedNotification, CapabilitiesChangeNotificationBarProps } from '../components/CapabilitiesChangedNotificationBar';\n/* @conditional-compile-remove(capabilities) */\nimport { TrackedCapabilityChangedNotifications } from '../types/CapabilityChangedNotificationTracking';\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Create a record for when the notification was most recently dismissed for tracking dismissed notifications.\n *\n * @private\n */\nexport const useTrackedCapabilityChangedNotifications = (capabilitiesChangedAndRoleInfo: CapabilitiesChangedInfoAndRole): CapabilitiesChangeNotificationBarProps => {\n  const [trackedCapabilityChangedNotifications, setTrackedCapabilityChangedNotifications] = useState<TrackedCapabilityChangedNotifications>({});\n\n  // Initialize a share screen capability changed notification with 'RoleChanged' reason so that the initial\n  // share screen capability changed info from the Calling SDK when joining Teams interop will be ignored because\n  // being able to share screen is assumed by default. This is inline with what Teams is doing.\n  const activeNotifications = useRef<LatestCapabilityChangedNotificationRecord>({\n    shareScreen: {\n      capabilityName: 'shareScreen',\n      isPresent: true,\n      changedReason: 'RoleChanged'\n    }\n  });\n  useEffect(() => {\n    activeNotifications.current = updateLatestCapabilityChangedNotificationMap(capabilitiesChangedAndRoleInfo, activeNotifications.current);\n    setTrackedCapabilityChangedNotifications(prev => updateTrackedCapabilityChangedNotificationsWithActiveNotifications(prev, Object.values(activeNotifications.current)));\n  }, [capabilitiesChangedAndRoleInfo]);\n  const onDismissCapabilityChangedNotification = useCallback((notification: CapabalityChangedNotification) => {\n    setTrackedCapabilityChangedNotifications(prev => trackCapabilityChangedNotificationAsDismissed(notification.capabilityName, prev));\n  }, []);\n  const latestCapabilityChangedNotifications = useMemo(() => filterLatestCapabilityChangedNotifications(Object.values(activeNotifications.current), trackedCapabilityChangedNotifications), [trackedCapabilityChangedNotifications]);\n  return {\n    capabilitiesChangedNotifications: latestCapabilityChangedNotifications,\n    onDismissNotification: onDismissCapabilityChangedNotification\n  };\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Take the set of active notifications, and filter to only those that are newer than previously dismissed notifications or have never been dismissed.\n *\n * @private\n */\nexport const filterLatestCapabilityChangedNotifications = (activeNotifications: CapabalityChangedNotification[], trackedNotifications: TrackedCapabilityChangedNotifications): CapabalityChangedNotification[] => {\n  const filteredNotifications = activeNotifications.filter(activeNotification => {\n    const trackedNotification = trackedNotifications[activeNotification.capabilityName];\n    return !trackedNotification || !trackedNotification.lastDismissedAt || trackedNotification.lastDismissedAt < trackedNotification.mostRecentlyActive;\n  });\n  return filteredNotifications;\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Maintain a record of the most recently active notification for each capability name.\n *\n * @private\n */\nexport const updateTrackedCapabilityChangedNotificationsWithActiveNotifications = (existingTrackedNotifications: TrackedCapabilityChangedNotifications, activeNotifications: CapabalityChangedNotification[]): TrackedCapabilityChangedNotifications => {\n  const trackedNotifications: TrackedCapabilityChangedNotifications = {};\n\n  // Only care about active notifications. If notifications are no longer active we do not track that they have been previously dismissed.\n  for (const activeNotification of activeNotifications) {\n    const existingTrackedNotification = existingTrackedNotifications[activeNotification.capabilityName];\n    trackedNotifications[activeNotification.capabilityName] = {\n      mostRecentlyActive: activeNotification.timestamp ?? existingTrackedNotification?.mostRecentlyActive ?? new Date(Date.now()),\n      lastDismissedAt: existingTrackedNotification?.lastDismissedAt\n    };\n  }\n  return trackedNotifications;\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Create a record for when the notification was most recently dismissed for tracking dismissed notifications.\n *\n * @private\n */\nexport const trackCapabilityChangedNotificationAsDismissed = (capabilityName: ParticipantCapabilityName, trackedNotifications: TrackedCapabilityChangedNotifications): TrackedCapabilityChangedNotifications => {\n  const now = new Date(Date.now());\n  const existingNotification = trackedNotifications[capabilityName];\n  return {\n    ...trackedNotifications,\n    [capabilityName]: {\n      ...(existingNotification || {}),\n      lastDismissedAt: now\n    }\n  };\n};\n\n/* @conditional-compile-remove(capabilities) */\ninterface CapabilitiesChangedInfoAndRole {\n  capabilitiesChangeInfo?: CapabilitiesChangeInfo;\n  participantRole?: ParticipantRole;\n}\n\n/* @conditional-compile-remove(capabilities) */\ntype LatestCapabilityChangedNotificationRecord = Partial<Record<ParticipantCapabilityName, CapabalityChangedNotification>>;\n\n/* @conditional-compile-remove(capabilities) */\nconst updateLatestCapabilityChangedNotificationMap = (capabilitiesChangedInfoAndRole: CapabilitiesChangedInfoAndRole, activeNotifications: LatestCapabilityChangedNotificationRecord): LatestCapabilityChangedNotificationRecord => {\n  if (!capabilitiesChangedInfoAndRole.capabilitiesChangeInfo) {\n    return activeNotifications;\n  }\n  for (const [capabilityName, newCapabilityValue] of Object.entries(capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.newValue)) {\n    // If the active notification for a capability has the same `isPresent` value and the same reason as the new\n    // capability value from the SDK then we will not create a new notification to avoid redundancy\n    if (activeNotifications[capabilityName] && newCapabilityValue.isPresent === activeNotifications[capabilityName].isPresent && capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason === activeNotifications[capabilityName].changedReason) {\n      continue;\n    }\n    const newCapabilityChangeNotification: CapabalityChangedNotification = {\n      capabilityName: (capabilityName as ParticipantCapabilityName),\n      isPresent: newCapabilityValue.isPresent,\n      changedReason: capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason,\n      role: capabilitiesChangedInfoAndRole.participantRole,\n      timestamp: new Date(Date.now())\n    };\n    activeNotifications[capabilityName] = newCapabilityChangeNotification;\n  }\n  return activeNotifications;\n};"]}
+{"version":3,"file":"TrackCapabilityChangedNotifications.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/TrackCapabilityChangedNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(capabilities) */\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n/* @conditional-compile-remove(capabilities) */\nimport { CapabilitiesChangeInfo, ParticipantCapabilityName, ParticipantRole } from '@azure/communication-calling';\n/* @conditional-compile-remove(capabilities) */\nimport {\n  CapabalityChangedNotification,\n  CapabilitiesChangeNotificationBarProps\n} from '../components/CapabilitiesChangedNotificationBar';\n/* @conditional-compile-remove(capabilities) */\nimport { TrackedCapabilityChangedNotifications } from '../types/CapabilityChangedNotificationTracking';\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Create a record for when the notification was most recently dismissed for tracking dismissed notifications.\n *\n * @private\n */\nexport const useTrackedCapabilityChangedNotifications = (\n  capabilitiesChangedAndRoleInfo: CapabilitiesChangedInfoAndRole\n): CapabilitiesChangeNotificationBarProps => {\n  const [trackedCapabilityChangedNotifications, setTrackedCapabilityChangedNotifications] =\n    useState<TrackedCapabilityChangedNotifications>({});\n\n  // Initialize a share screen capability changed notification with 'RoleChanged' reason so that the initial\n  // share screen capability changed info from the Calling SDK when joining Teams interop will be ignored because\n  // being able to share screen is assumed by default. This is inline with what Teams is doing.\n  const activeNotifications = useRef<LatestCapabilityChangedNotificationRecord>({\n    shareScreen: { capabilityName: 'shareScreen', isPresent: true, changedReason: 'RoleChanged' }\n  });\n\n  useEffect(() => {\n    activeNotifications.current = updateLatestCapabilityChangedNotificationMap(\n      capabilitiesChangedAndRoleInfo,\n      activeNotifications.current\n    );\n    setTrackedCapabilityChangedNotifications((prev) =>\n      updateTrackedCapabilityChangedNotificationsWithActiveNotifications(\n        prev,\n        Object.values(activeNotifications.current)\n      )\n    );\n  }, [capabilitiesChangedAndRoleInfo]);\n\n  const onDismissCapabilityChangedNotification = useCallback((notification: CapabalityChangedNotification) => {\n    setTrackedCapabilityChangedNotifications((prev) =>\n      trackCapabilityChangedNotificationAsDismissed(notification.capabilityName, prev)\n    );\n  }, []);\n\n  const latestCapabilityChangedNotifications = useMemo(\n    () =>\n      filterLatestCapabilityChangedNotifications(\n        Object.values(activeNotifications.current),\n        trackedCapabilityChangedNotifications\n      ),\n    [trackedCapabilityChangedNotifications]\n  );\n\n  return {\n    capabilitiesChangedNotifications: latestCapabilityChangedNotifications,\n    onDismissNotification: onDismissCapabilityChangedNotification\n  };\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Take the set of active notifications, and filter to only those that are newer than previously dismissed notifications or have never been dismissed.\n *\n * @private\n */\nexport const filterLatestCapabilityChangedNotifications = (\n  activeNotifications: CapabalityChangedNotification[],\n  trackedNotifications: TrackedCapabilityChangedNotifications\n): CapabalityChangedNotification[] => {\n  const filteredNotifications = activeNotifications.filter((activeNotification) => {\n    const trackedNotification = trackedNotifications[activeNotification.capabilityName];\n    return (\n      !trackedNotification ||\n      !trackedNotification.lastDismissedAt ||\n      trackedNotification.lastDismissedAt < trackedNotification.mostRecentlyActive\n    );\n  });\n  return filteredNotifications;\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Maintain a record of the most recently active notification for each capability name.\n *\n * @private\n */\nexport const updateTrackedCapabilityChangedNotificationsWithActiveNotifications = (\n  existingTrackedNotifications: TrackedCapabilityChangedNotifications,\n  activeNotifications: CapabalityChangedNotification[]\n): TrackedCapabilityChangedNotifications => {\n  const trackedNotifications: TrackedCapabilityChangedNotifications = {};\n\n  // Only care about active notifications. If notifications are no longer active we do not track that they have been previously dismissed.\n  for (const activeNotification of activeNotifications) {\n    const existingTrackedNotification = existingTrackedNotifications[activeNotification.capabilityName];\n    trackedNotifications[activeNotification.capabilityName] = {\n      mostRecentlyActive:\n        activeNotification.timestamp ?? existingTrackedNotification?.mostRecentlyActive ?? new Date(Date.now()),\n      lastDismissedAt: existingTrackedNotification?.lastDismissedAt\n    };\n  }\n\n  return trackedNotifications;\n};\n\n/* @conditional-compile-remove(capabilities) */\n/**\n * Create a record for when the notification was most recently dismissed for tracking dismissed notifications.\n *\n * @private\n */\nexport const trackCapabilityChangedNotificationAsDismissed = (\n  capabilityName: ParticipantCapabilityName,\n  trackedNotifications: TrackedCapabilityChangedNotifications\n): TrackedCapabilityChangedNotifications => {\n  const now = new Date(Date.now());\n  const existingNotification = trackedNotifications[capabilityName];\n\n  return {\n    ...trackedNotifications,\n    [capabilityName]: {\n      ...(existingNotification || {}),\n      lastDismissedAt: now\n    }\n  };\n};\n\n/* @conditional-compile-remove(capabilities) */\ninterface CapabilitiesChangedInfoAndRole {\n  capabilitiesChangeInfo?: CapabilitiesChangeInfo;\n  participantRole?: ParticipantRole;\n}\n\n/* @conditional-compile-remove(capabilities) */\ntype LatestCapabilityChangedNotificationRecord = Partial<\n  Record<ParticipantCapabilityName, CapabalityChangedNotification>\n>;\n\n/* @conditional-compile-remove(capabilities) */\nconst updateLatestCapabilityChangedNotificationMap = (\n  capabilitiesChangedInfoAndRole: CapabilitiesChangedInfoAndRole,\n  activeNotifications: LatestCapabilityChangedNotificationRecord\n): LatestCapabilityChangedNotificationRecord => {\n  if (!capabilitiesChangedInfoAndRole.capabilitiesChangeInfo) {\n    return activeNotifications;\n  }\n\n  for (const [capabilityName, newCapabilityValue] of Object.entries(\n    capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.newValue\n  )) {\n    // If the active notification for a capability has the same `isPresent` value and the same reason as the new\n    // capability value from the SDK then we will not create a new notification to avoid redundancy\n    if (\n      activeNotifications[capabilityName] &&\n      newCapabilityValue.isPresent === activeNotifications[capabilityName].isPresent &&\n      capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason === activeNotifications[capabilityName].changedReason\n    ) {\n      continue;\n    }\n    const newCapabilityChangeNotification: CapabalityChangedNotification = {\n      capabilityName: capabilityName as ParticipantCapabilityName,\n      isPresent: newCapabilityValue.isPresent,\n      changedReason: capabilitiesChangedInfoAndRole.capabilitiesChangeInfo.reason,\n      role: capabilitiesChangedInfoAndRole.participantRole,\n      timestamp: new Date(Date.now())\n    };\n    activeNotifications[capabilityName] = newCapabilityChangeNotification;\n  }\n  return activeNotifications;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackErrors.js

@@ -6,9 +6,9 @@
  * @private
  */
 export const filterLatestErrors = (activeErrors, trackedErrors) => {
-    const filteredErrors = activeErrors.filter(activeError => {
+    const filteredErrors = activeErrors.filter((activeError) => {
         const trackedError = trackedErrors[activeError.type];
-        return !trackedError || !trackedError.lastDismissedAt || trackedError.lastDismissedAt < trackedError.mostRecentlyActive;
+        return (!trackedError || !trackedError.lastDismissedAt || trackedError.lastDismissedAt < trackedError.mostRecentlyActive);
     });
     return filteredErrors;
 };

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/TrackErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrackErrors.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/TrackErrors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAkC,EAAE,aAA4B,EAAwB,EAAE;IAC3H,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;QACvD,MAAM,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrD,OAAO,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC,eAAe,GAAG,YAAY,CAAC,kBAAkB,CAAC;IAC1H,CAAC,CAAC,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CAAC,qBAAoC,EAAE,YAAkC,EAAiB,EAAE;;IAC7I,MAAM,aAAa,GAAkB,EAAE,CAAC;IAExC,0HAA0H;IAC1H,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACvC,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;YAChC,kBAAkB,EAAE,MAAA,MAAA,WAAW,CAAC,SAAS,mCAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,kBAAkB,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC7G,eAAe,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,eAAe;SACvD,CAAC;IACJ,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,aAA4B,EAAiB,EAAE;IACzG,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC/C,uCACK,aAAa,KAChB,CAAC,SAAS,CAAC,kCACN,CAAC,aAAa,IAAI,EAAE,CAAC,KACxB,eAAe,EAAE,GAAG,OAEtB;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ActiveErrorMessage, ErrorType } from '@internal/react-components';\nimport { TrackedErrors } from '../types/ErrorTracking';\n\n/**\n * Take the set of active errors, and filter to only those that are newer than previously dismissed errors or have never been dismissed.\n *\n * @private\n */\nexport const filterLatestErrors = (activeErrors: ActiveErrorMessage[], trackedErrors: TrackedErrors): ActiveErrorMessage[] => {\n  const filteredErrors = activeErrors.filter(activeError => {\n    const trackedError = trackedErrors[activeError.type];\n    return !trackedError || !trackedError.lastDismissedAt || trackedError.lastDismissedAt < trackedError.mostRecentlyActive;\n  });\n  return filteredErrors;\n};\n\n/**\n * Maintain a record of the most recently active error for each error type.\n *\n * @private\n */\nexport const updateTrackedErrorsWithActiveErrors = (existingTrackedErrors: TrackedErrors, activeErrors: ActiveErrorMessage[]): TrackedErrors => {\n  const trackedErrors: TrackedErrors = {};\n\n  // Only care about active errors. If errors are no longer active we do not track that they have been previously dismissed.\n  for (const activeError of activeErrors) {\n    const existingTrackedError = existingTrackedErrors[activeError.type];\n    trackedErrors[activeError.type] = {\n      mostRecentlyActive: activeError.timestamp ?? existingTrackedError?.mostRecentlyActive ?? new Date(Date.now()),\n      lastDismissedAt: existingTrackedError?.lastDismissedAt\n    };\n  }\n  return trackedErrors;\n};\n\n/**\n * Create a record for when the error was most recently dismissed for tracking dismissed errors.\n *\n * @private\n */\nexport const trackErrorAsDismissed = (errorType: ErrorType, trackedErrors: TrackedErrors): TrackedErrors => {\n  const now = new Date(Date.now());\n  const existingError = trackedErrors[errorType];\n  return {\n    ...trackedErrors,\n    [errorType]: {\n      ...(existingError || {}),\n      lastDismissedAt: now\n    }\n  };\n};"]}
+{"version":3,"file":"TrackErrors.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/TrackErrors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,YAAkC,EAClC,aAA4B,EACN,EAAE;IACxB,MAAM,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE;QACzD,MAAM,YAAY,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrD,OAAO,CACL,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC,eAAe,GAAG,YAAY,CAAC,kBAAkB,CACjH,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAG,CACjD,qBAAoC,EACpC,YAAkC,EACnB,EAAE;;IACjB,MAAM,aAAa,GAAkB,EAAE,CAAC;IAExC,0HAA0H;IAC1H,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;QACvC,MAAM,oBAAoB,GAAG,qBAAqB,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACrE,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG;YAChC,kBAAkB,EAAE,MAAA,MAAA,WAAW,CAAC,SAAS,mCAAI,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,kBAAkB,mCAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC;YAC7G,eAAe,EAAE,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,eAAe;SACvD,CAAC;IACJ,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAoB,EAAE,aAA4B,EAAiB,EAAE;IACzG,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAE/C,uCACK,aAAa,KAChB,CAAC,SAAS,CAAC,kCACN,CAAC,aAAa,IAAI,EAAE,CAAC,KACxB,eAAe,EAAE,GAAG,OAEtB;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ActiveErrorMessage, ErrorType } from '@internal/react-components';\nimport { TrackedErrors } from '../types/ErrorTracking';\n\n/**\n * Take the set of active errors, and filter to only those that are newer than previously dismissed errors or have never been dismissed.\n *\n * @private\n */\nexport const filterLatestErrors = (\n  activeErrors: ActiveErrorMessage[],\n  trackedErrors: TrackedErrors\n): ActiveErrorMessage[] => {\n  const filteredErrors = activeErrors.filter((activeError) => {\n    const trackedError = trackedErrors[activeError.type];\n    return (\n      !trackedError || !trackedError.lastDismissedAt || trackedError.lastDismissedAt < trackedError.mostRecentlyActive\n    );\n  });\n  return filteredErrors;\n};\n\n/**\n * Maintain a record of the most recently active error for each error type.\n *\n * @private\n */\nexport const updateTrackedErrorsWithActiveErrors = (\n  existingTrackedErrors: TrackedErrors,\n  activeErrors: ActiveErrorMessage[]\n): TrackedErrors => {\n  const trackedErrors: TrackedErrors = {};\n\n  // Only care about active errors. If errors are no longer active we do not track that they have been previously dismissed.\n  for (const activeError of activeErrors) {\n    const existingTrackedError = existingTrackedErrors[activeError.type];\n    trackedErrors[activeError.type] = {\n      mostRecentlyActive: activeError.timestamp ?? existingTrackedError?.mostRecentlyActive ?? new Date(Date.now()),\n      lastDismissedAt: existingTrackedError?.lastDismissedAt\n    };\n  }\n\n  return trackedErrors;\n};\n\n/**\n * Create a record for when the error was most recently dismissed for tracking dismissed errors.\n *\n * @private\n */\nexport const trackErrorAsDismissed = (errorType: ErrorType, trackedErrors: TrackedErrors): TrackedErrors => {\n  const now = new Date(Date.now());\n  const existingError = trackedErrors[errorType];\n\n  return {\n    ...trackedErrors,\n    [errorType]: {\n      ...(existingError || {}),\n      lastDismissedAt: now\n    }\n  };\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.d.ts

@@ -1,6 +1,7 @@
 import { CallAdapterState, CallCompositePage } from '../adapter/CallAdapter';
 import { CallControlOptions } from '../types/CallControlOptions';
 import { CallState, RemoteParticipantState } from "../../../../../calling-stateful-client/src";
+import { EnvironmentInfo } from '@azure/communication-calling';
 import { AdapterStateModifier } from '../adapter/AzureCommunicationCallAdapter';
 import { VideoBackgroundEffectsDependency } from "../../../../../calling-component-bindings/src";
 import { VideoBackgroundEffect } from '../adapter/CallAdapter';
@@ -40,7 +41,10 @@ export declare const getEndedCallPageProps: (locale: CompositeLocale, endedCall?
 /**
  * type definition for conditional-compilation
  */
-type GetCallCompositePageFunction = ((call: CallState | undefined, previousCall: CallState | undefined) => CallCompositePage) & ((call: CallState | undefined, previousCall: CallState | undefined) => CallCompositePage);
+type GetCallCompositePageFunction = ((call: CallState | undefined, previousCall: CallState | undefined) => CallCompositePage) & ((call: CallState | undefined, previousCall: CallState | undefined, unsupportedBrowserInfo?: {
+    environmentInfo?: EnvironmentInfo;
+    unsupportedBrowserVersionOptedIn?: boolean;
+}, transferCall?: CallState) => CallCompositePage);
 /**
  * Get the current call composite page based on the current call composite state
  *
@@ -78,11 +82,19 @@ export declare const disableCallControls: (callControlOptions: CallControlOption
 export declare const isDisabled: (option: boolean | {
     disabled: boolean;
 } | undefined) => boolean;
+/**
+ *
+ * This function uses permission API to determine if device permission state is granted, prompt or denied
+ * @returns whether device permission state is granted, prompt or denied
+ * If permission API is not supported on this browser, permission state is set to unsupported.
+ * @private
+ */
+export declare const getDevicePermissionState: (setVideoState: (state: PermissionState | 'unsupported') => void, setAudioState: (state: PermissionState | 'unsupported') => void) => Promise<void>;
 /**
  * Check if we are using safari browser
  * @private
  */
-export declare const _isSafari: (environmentInfo: undefined) => boolean;
+export declare const _isSafari: (environmentInfo: undefined | /* @conditional-compile-remove(unsupported-browser) */ EnvironmentInfo) => boolean;
 /**
  * @private
  * This is the util function to create a participant modifier for remote participantList

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js

@@ -1,11 +1,22 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { END_CALL_PAGES } from '../adapter/CallAdapter';
 import { _isInCall, _isPreviewOn, _isInLobbyOrConnecting } from "../../../../../calling-component-bindings/src";
 import { isPhoneNumberIdentifier } from '@azure/communication-common';
 const ACCESS_DENIED_TEAMS_MEETING_SUB_CODE = 5854;
 const REMOTE_PSTN_USER_HUNG_UP = 560000;
 const REMOVED_FROM_CALL_SUB_CODES = [5000, 5300, REMOTE_PSTN_USER_HUNG_UP];
+/* @conditional-compile-remove(calling-sounds) */
+const CALL_REJECTED_CODE = 603;
 /* @conditional-compile-remove(rooms) */
 /** @private */
 export const ROOM_NOT_FOUND_SUB_CODE = 5732;
@@ -23,7 +34,7 @@ export const INVITE_TO_ROOM_REMOVED_SUB_CODE = 5317;
  */
 export const isCameraOn = (state) => {
     if (state.call) {
-        const stream = state.call.localVideoStreams.find(stream => stream.mediaStreamType === 'Video');
+        const stream = state.call.localVideoStreams.find((stream) => stream.mediaStreamType === 'Video');
         return !!stream;
     }
     else {
@@ -71,7 +82,9 @@ const getCallEndReason = (call) => {
      * If yes, the caller was kicked out of the call, but we need to show them that they left the call.
      * Note: This check will only work for 1:1 PSTN Calls. The subcode is different for 1:N PSTN calls, and we do not need to handle that case.
      */
-    if (remoteParticipantsEndedArray.length === 1 && isPhoneNumberIdentifier(remoteParticipantsEndedArray[0].identifier) && ((_a = call.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) !== REMOTE_PSTN_USER_HUNG_UP) {
+    if (remoteParticipantsEndedArray.length === 1 &&
+        isPhoneNumberIdentifier(remoteParticipantsEndedArray[0].identifier) &&
+        ((_a = call.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) !== REMOTE_PSTN_USER_HUNG_UP) {
         return CallEndReasons.LEFT_CALL;
     }
     if (((_b = call.callEndReason) === null || _b === void 0 ? void 0 : _b.subCode) && call.callEndReason.subCode === ACCESS_DENIED_TEAMS_MEETING_SUB_CODE) {
@@ -91,7 +104,7 @@ const getCallEndReason = (call) => {
  * @private
  */
 export const getEndedCallPageProps = (locale, endedCall) => {
-    var _a;
+    var _a, _b, _c;
     let title = locale.strings.call.leftCallTitle;
     let moreDetails = locale.strings.call.leftCallMoreDetails;
     let disableStartCallButton = false;
@@ -131,12 +144,49 @@ export const getEndedCallPageProps = (locale, endedCall) => {
             }
             break;
     }
-    return {
-        title,
-        moreDetails,
-        disableStartCallButton,
-        iconName
-    };
+    /* @conditional-compile-remove(calling-sounds) */
+    switch ((_b = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _b === void 0 ? void 0 : _b.code) {
+        case CALL_REJECTED_CODE:
+            if (locale.strings.call.callRejectedTitle) {
+                title = locale.strings.call.callRejectedTitle;
+                moreDetails = locale.strings.call.callRejectedMoreDetails;
+                disableStartCallButton = true;
+                iconName = 'NoticePageCallRejected';
+            }
+            break;
+    }
+    /* @conditional-compile-remove(teams-adhoc-call) */
+    switch ((_c = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _c === void 0 ? void 0 : _c.subCode) {
+        case 10037:
+            if (locale.strings.call.participantCouldNotBeReachedTitle) {
+                title = locale.strings.call.participantCouldNotBeReachedTitle;
+                moreDetails = locale.strings.call.participantCouldNotBeReachedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10124:
+            if (locale.strings.call.permissionToReachTargetParticipantNotAllowedTitle) {
+                title = locale.strings.call.permissionToReachTargetParticipantNotAllowedTitle;
+                moreDetails = locale.strings.call.permissionToReachTargetParticipantNotAllowedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10119:
+            if (locale.strings.call.unableToResolveTenantTitle) {
+                title = locale.strings.call.unableToResolveTenantTitle;
+                moreDetails = locale.strings.call.unableToResolveTenantMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+        case 10044:
+            if (locale.strings.call.participantIdIsMalformedTitle) {
+                title = locale.strings.call.participantIdIsMalformedTitle;
+                moreDetails = locale.strings.call.participantIdIsMalformedMoreDetails;
+                disableStartCallButton = true;
+            }
+            break;
+    }
+    return { title, moreDetails, disableStartCallButton, iconName };
 };
 /**
  * Get the current call composite page based on the current call composite state
@@ -152,6 +202,14 @@ export const getEndedCallPageProps = (locale, endedCall) => {
  * @private
  */
 export const getCallCompositePage = (call, previousCall, unsupportedBrowserInfo, transferCall) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    if (isUnsupportedEnvironment(unsupportedBrowserInfo.environmentInfo, unsupportedBrowserInfo.unsupportedBrowserVersionOptedIn)) {
+        return 'unsupportedEnvironment';
+    }
+    /* @conditional-compile-remove(call-transfer) */
+    if (transferCall !== undefined) {
+        return 'transferring';
+    }
     if (call) {
         // Must check for ongoing call *before* looking at any previous calls.
         // If the composite completes one call and joins another, the previous calls
@@ -162,6 +220,8 @@ export const getCallCompositePage = (call, previousCall, unsupportedBrowserInfo,
             // `LocalHold` needs to be checked before `isInCall` since it is also a state that's considered in call.
         }
         else if ((call === null || call === void 0 ? void 0 : call.state) === 'LocalHold') {
+            /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+            return 'hold';
             return 'call';
         }
         else if ((call === null || call === void 0 ? void 0 : call.state) === 'Disconnecting') {
@@ -197,7 +257,16 @@ export const getCallCompositePage = (call, previousCall, unsupportedBrowserInfo,
     return 'configuration';
 };
 /** @private */
-export const IsCallEndedPage = (page) => END_CALL_PAGES.includes(page);
+export const IsCallEndedPage = (
+/**
+ * Explicitly listing the pages of this function intentionally.
+ * This protects against adding a new composite page that should be marked as an callEndedPage.
+ * EndCallPages are used to trigger onCallEnded events so this could easily be missed.
+ * When you add a new composite page this will throw a compiler error. If this new page is an
+ * EndCallPage ensure you update the END_CALL_PAGES. Afterwards update the `page` parameter
+ * type below to allow your new page, i.e. add `| <your new page>
+ */
+page) => END_CALL_PAGES.includes(page);
 /**
  * Creates a new call control options object and sets the correct values for disabling
  * the buttons provided in the `disabledControls` array.
@@ -216,18 +285,14 @@ export const disableCallControls = (callControlOptions, disabledControls) => {
     let newOptions = (_a = (callControlOptions instanceof Object ? Object.assign({}, callControlOptions) : callControlOptions)) !== null && _a !== void 0 ? _a : {};
     if (newOptions === true || newOptions === undefined) {
         newOptions = disabledControls.reduce((acc, key) => {
-            acc[key] = {
-                disabled: true
-            };
+            acc[key] = { disabled: true };
             return acc;
         }, {});
     }
     else {
-        disabledControls.forEach(key => {
+        disabledControls.forEach((key) => {
             if (newOptions[key] !== false) {
-                newOptions[key] = {
-                    disabled: true
-                };
+                newOptions[key] = { disabled: true };
             }
         });
     }
@@ -247,11 +312,61 @@ export const isDisabled = (option) => {
     }
     return option.disabled;
 };
+/* @conditional-compile-remove(call-readiness) */
+/**
+ * @returns Permissions state for the camera.
+ */
+const queryCameraPermissionFromPermissionsAPI = () => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        return (yield navigator.permissions.query({ name: 'camera' })).state;
+    }
+    catch (e) {
+        console.info('permissions API is not supported by browser', e);
+        return 'unsupported';
+    }
+});
+/* @conditional-compile-remove(call-readiness) */
+/**
+ * @returns Permissions state for the microphone.
+ */
+const queryMicrophonePermissionFromPermissionsAPI = () => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        return (yield navigator.permissions.query({ name: 'microphone' })).state;
+    }
+    catch (e) {
+        console.info('permissions API is not supported by browser', e);
+        return 'unsupported';
+    }
+});
+/* @conditional-compile-remove(call-readiness) */
+/**
+ *
+ * This function uses permission API to determine if device permission state is granted, prompt or denied
+ * @returns whether device permission state is granted, prompt or denied
+ * If permission API is not supported on this browser, permission state is set to unsupported.
+ * @private
+ */
+export const getDevicePermissionState = (setVideoState, setAudioState) => __awaiter(void 0, void 0, void 0, function* () {
+    const [cameraResult, microphoneResult] = yield Promise.all([
+        queryCameraPermissionFromPermissionsAPI(),
+        queryMicrophonePermissionFromPermissionsAPI()
+    ]);
+    setVideoState(cameraResult);
+    setAudioState(microphoneResult);
+});
+/* @conditional-compile-remove(unsupported-browser) */
+const isUnsupportedEnvironment = (environmentInfo, unsupportedBrowserVersionOptedIn) => {
+    return !!((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowser) === false ||
+        ((environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedBrowserVersion) === false && !unsupportedBrowserVersionOptedIn) ||
+        (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.isSupportedPlatform) === false);
+};
 /**
  * Check if we are using safari browser
  * @private
  */
 export const _isSafari = (environmentInfo) => {
+    /* @conditional-compile-remove(unsupported-browser) */
+    return (environmentInfo === null || environmentInfo === void 0 ? void 0 : environmentInfo.environment.browser) === 'safari';
     return /^((?!chrome|android|crios|fxios).)*safari/i.test(navigator.userAgent);
 };
 /**
@@ -289,14 +404,19 @@ export const createParticipantModifier = (createModifiedParticipant) => {
             }
             previousParticipantState = (_d = state.call) === null || _d === void 0 ? void 0 : _d.remoteParticipants;
         }
-        return Object.assign(Object.assign({}, state), { call: state.call ? Object.assign(Object.assign({}, state.call), { remoteParticipants: modifiedParticipants }) : undefined });
+        return Object.assign(Object.assign({}, state), { call: state.call
+                ? Object.assign(Object.assign({}, state.call), { remoteParticipants: modifiedParticipants }) : undefined });
     };
 };
 /* @conditional-compile-remove(video-background-effects) */
 /** @private */
-export const getBackgroundEffectFromSelectedEffect = (selectedEffect, VideoBackgroundEffectsDependency) => (selectedEffect === null || selectedEffect === void 0 ? void 0 : selectedEffect.effectName) === 'blur' ? VideoBackgroundEffectsDependency.createBackgroundBlurEffect() : (selectedEffect === null || selectedEffect === void 0 ? void 0 : selectedEffect.effectName) === 'replacement' ? VideoBackgroundEffectsDependency.createBackgroundReplacementEffect({
-    backgroundImageUrl: selectedEffect.backgroundImageUrl
-}) : undefined;
+export const getBackgroundEffectFromSelectedEffect = (selectedEffect, VideoBackgroundEffectsDependency) => (selectedEffect === null || selectedEffect === void 0 ? void 0 : selectedEffect.effectName) === 'blur'
+    ? VideoBackgroundEffectsDependency.createBackgroundBlurEffect()
+    : (selectedEffect === null || selectedEffect === void 0 ? void 0 : selectedEffect.effectName) === 'replacement'
+        ? VideoBackgroundEffectsDependency.createBackgroundReplacementEffect({
+            backgroundImageUrl: selectedEffect.backgroundImageUrl
+        })
+        : undefined;
 /**
  * @remarks this logic should mimic the onToggleCamera in the common call handlers.
  * @private