@azure/communication-react 1.22.0-beta.1 → 1.23.0-alpha-202412190017

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery } from "../../../react-components/src";
+import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery, CaptionsSettingsModal, CaptionsBanner, StartCaptionsButton } from "../../../react-components/src";
 import { IncomingCallStack } from "../../../react-components/src";
 import { NotificationStack } from "../../../react-components/src";
 import { Dialpad } from "../../../react-components/src";
@@ -20,6 +20,7 @@ import { ReactionButton } from "../../../react-components/src";
 import { _ComponentCallingHandlers } from '../handlers/createHandlers';
 import { NotificationStackSelector } from '../notificationStackSelector';
 import { IncomingCallStackSelector } from '../incomingCallStackSelector';
+import { CaptionSettingsSelector, CaptionsBannerSelector, StartCaptionsButtonSelector } from '../captionsSelector';
 /**
  * Primary hook to get all hooks necessary for a calling Component.
  *
@@ -52,7 +53,7 @@ export type EmptySelector = () => Record<string, never>;
  *
  * @public
  */
-export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : AreEqual<Component, typeof ReactionButton> extends true ? RaiseHandButtonSelector : AreEqual<Component, typeof RaiseHandButton> extends true ? EmptySelector : undefined;
+export type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : AreEqual<Component, typeof ReactionButton> extends true ? RaiseHandButtonSelector : AreEqual<Component, typeof CaptionsSettingsModal> extends true ? CaptionSettingsSelector : AreEqual<Component, typeof CaptionsBanner> extends true ? CaptionsBannerSelector : AreEqual<Component, typeof StartCaptionsButton> extends true ? StartCaptionsButtonSelector : AreEqual<Component, typeof RaiseHandButton> extends true ? EmptySelector : undefined;
 /**
  * Get the selector for a specified component.
  *

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js

@@ -1,6 +1,6 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery } from "../../../react-components/src";
+import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery, CaptionsSettingsModal, CaptionsBanner, StartCaptionsButton } from "../../../react-components/src";
 import { IncomingCallStack } from "../../../react-components/src";
 import { NotificationStack } from "../../../react-components/src";
 import { Dialpad } from "../../../react-components/src";
@@ -20,6 +20,7 @@ import { reactionButtonSelector } from '../callControlSelectors';
 import { ReactionButton } from "../../../react-components/src";
 import { notificationStackSelector } from '../notificationStackSelector';
 import { incomingCallStackSelector } from '../incomingCallStackSelector';
+import { captionSettingsSelector, captionsBannerSelector, startCaptionsButtonSelector } from '../captionsSelector';
 /**
  * Primary hook to get all hooks necessary for a calling Component.
  *
@@ -94,6 +95,12 @@ const findSelector = (component) => {
             return holdButtonSelector;
         case IncomingCallStack:
             return incomingCallStackSelector;
+        case CaptionsBanner:
+            return captionsBannerSelector;
+        case CaptionsSettingsModal:
+            return captionSettingsSelector;
+        case StartCaptionsButton:
+            return startCaptionsButtonSelector;
     }
     return undefined;
 };

package/dist/dist-esm/calling-component-bindings/src/hooks/usePropsFor.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton, ParticipantList, ScreenShareButton, VideoGallery } from '@internal/react-components';\nimport { IncomingCallStack } from '@internal/react-components';\nimport { NotificationStack } from '@internal/react-components';\nimport { Dialpad } from '@internal/react-components';\nimport { HoldButton } from '@internal/react-components';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { RaiseHandButtonSelector, raiseHandButtonSelector } from '../callControlSelectors';\nimport { CameraButtonSelector, cameraButtonSelector, MicrophoneButtonSelector, microphoneButtonSelector, DevicesButtonSelector, devicesButtonSelector, ScreenShareButtonSelector, screenShareButtonSelector } from '../callControlSelectors';\nimport { holdButtonSelector, HoldButtonSelector } from '../callControlSelectors';\nimport { VideoGallerySelector, videoGallerySelector } from '../videoGallerySelector';\nimport { ParticipantListSelector, participantListSelector } from '../participantListSelector';\nimport { ParticipantsButtonSelector, participantsButtonSelector } from '../participantsButtonSelector';\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { Common } from '@internal/acs-ui-common';\nimport { AreEqual } from '@internal/acs-ui-common';\nimport { ParticipantsButton } from '@internal/react-components';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { CommonCallingHandlers } from '../handlers/createCommonHandlers';\nimport { reactionButtonSelector } from '../callControlSelectors';\nimport { ReactionButton } from '@internal/react-components';\nimport { _ComponentCallingHandlers } from '../handlers/createHandlers';\nimport { notificationStackSelector, NotificationStackSelector } from '../notificationStackSelector';\nimport { incomingCallStackSelector, IncomingCallStackSelector } from '../incomingCallStackSelector';\n\n/**\n * Primary hook to get all hooks necessary for a calling Component.\n *\n * Most straightforward usage of calling components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element,>(component: Component): GetSelector<Component> extends (props: any) => any ? ReturnType<GetSelector<Component>> & Common<CommonCallingHandlers & _ComponentCallingHandlers, Parameters<Component>[0]> : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return {\n      ...props,\n      ...handlers\n    } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * A type for trivial selectors that return no data.\n *\n * Used as a default return value if {@link usePropsFor} is called for a component that requires no data.\n *\n * @public\n */\nexport type EmptySelector = () => Record<string, never>;\nconst emptySelector: EmptySelector = (): Record<string, never> => ({});\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> = AreEqual<Component, typeof VideoGallery> extends true ? VideoGallerySelector : AreEqual<Component, typeof DevicesButton> extends true ? DevicesButtonSelector : AreEqual<Component, typeof MicrophoneButton> extends true ? MicrophoneButtonSelector : AreEqual<Component, typeof CameraButton> extends true ? CameraButtonSelector : AreEqual<Component, typeof ScreenShareButton> extends true ? ScreenShareButtonSelector : AreEqual<Component, typeof ParticipantList> extends true ? ParticipantListSelector : AreEqual<Component, typeof ParticipantsButton> extends true ? ParticipantsButtonSelector : AreEqual<Component, typeof EndCallButton> extends true ? EmptySelector : AreEqual<Component, typeof ErrorBar> extends true ? ErrorBarSelector : AreEqual<Component, typeof Dialpad> extends true ? EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? HoldButtonSelector : AreEqual<Component, typeof NotificationStack> extends true ? NotificationStackSelector : AreEqual<Component, typeof IncomingCallStack> extends true ? IncomingCallStackSelector : AreEqual<Component, typeof ReactionButton> extends true ? RaiseHandButtonSelector : AreEqual<Component, typeof RaiseHandButton> extends true ? EmptySelector : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined,>(component: Component): GetSelector<Component> => {\n  return findSelector(component);\n};\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // Dialpad only has handlers currently and doesn't require any props from the stateful layer so return the emptySelector\n  if (component === Dialpad) {\n    return emptySelector;\n  }\n  switch (component) {\n    case VideoGallery:\n      return videoGallerySelector;\n    case MicrophoneButton:\n      return microphoneButtonSelector;\n    case CameraButton:\n      return cameraButtonSelector;\n    case ScreenShareButton:\n      return screenShareButtonSelector;\n    case DevicesButton:\n      return devicesButtonSelector;\n    case ParticipantList:\n      return participantListSelector;\n    case ParticipantsButton:\n      return participantsButtonSelector;\n    case EndCallButton:\n      return emptySelector;\n    case ErrorBar:\n      return errorBarSelector;\n    case RaiseHandButton:\n      return raiseHandButtonSelector;\n    case ReactionButton:\n      return reactionButtonSelector;\n    case NotificationStack:\n      return notificationStackSelector;\n    case HoldButton:\n      return holdButtonSelector;\n    case IncomingCallStack:\n      return incomingCallStackSelector;\n  }\n  return undefined;\n};\n/**\n * Selector for new components that are conditionally compiled. Comment out when there is no CC'd components\n */\n// const findConditionalCompiledSelector = (component: (props: any) => JSX.Element | undefined): any => {\n//   switch (component) {\n//   }\n// };"]}
+{"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  CameraButton,\n  EndCallButton,\n  ErrorBar,\n  MicrophoneButton,\n  DevicesButton,\n  ParticipantList,\n  ScreenShareButton,\n  VideoGallery,\n  CaptionsSettingsModal,\n  CaptionsBanner,\n  StartCaptionsButton\n} from '@internal/react-components';\nimport { IncomingCallStack } from '@internal/react-components';\n\nimport { NotificationStack } from '@internal/react-components';\nimport { Dialpad } from '@internal/react-components';\n\nimport { HoldButton } from '@internal/react-components';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { RaiseHandButtonSelector, raiseHandButtonSelector } from '../callControlSelectors';\nimport {\n  CameraButtonSelector,\n  cameraButtonSelector,\n  MicrophoneButtonSelector,\n  microphoneButtonSelector,\n  DevicesButtonSelector,\n  devicesButtonSelector,\n  ScreenShareButtonSelector,\n  screenShareButtonSelector\n} from '../callControlSelectors';\nimport { holdButtonSelector, HoldButtonSelector } from '../callControlSelectors';\nimport { VideoGallerySelector, videoGallerySelector } from '../videoGallerySelector';\nimport { ParticipantListSelector, participantListSelector } from '../participantListSelector';\nimport { ParticipantsButtonSelector, participantsButtonSelector } from '../participantsButtonSelector';\nimport { useHandlers } from './useHandlers';\nimport { useSelector } from './useSelector';\nimport { Common } from '@internal/acs-ui-common';\nimport { AreEqual } from '@internal/acs-ui-common';\nimport { ParticipantsButton } from '@internal/react-components';\nimport { ErrorBarSelector, errorBarSelector } from '../errorBarSelector';\nimport { CommonCallingHandlers } from '../handlers/createCommonHandlers';\nimport { reactionButtonSelector } from '../callControlSelectors';\nimport { ReactionButton } from '@internal/react-components';\nimport { _ComponentCallingHandlers } from '../handlers/createHandlers';\nimport { notificationStackSelector, NotificationStackSelector } from '../notificationStackSelector';\nimport { incomingCallStackSelector, IncomingCallStackSelector } from '../incomingCallStackSelector';\nimport {\n  CaptionSettingsSelector,\n  CaptionsBannerSelector,\n  StartCaptionsButtonSelector,\n  captionSettingsSelector,\n  captionsBannerSelector,\n  startCaptionsButtonSelector\n} from '../captionsSelector';\n\n/**\n * Primary hook to get all hooks necessary for a calling Component.\n *\n * Most straightforward usage of calling components looks like:\n *\n * @example\n * ```\n *     import { ParticipantList, usePropsFor } from '@azure/communication-react';\n *\n *     const App = (): JSX.Element => {\n *         // ... code to setup Providers ...\n *\n *         return <ParticipantList {...usePropsFor(ParticipantList)}/>\n *     }\n * ```\n *\n * @public\n */\nexport const usePropsFor = <Component extends (props: any) => JSX.Element>(\n  component: Component\n): GetSelector<Component> extends (props: any) => any\n  ? ReturnType<GetSelector<Component>> &\n      Common<CommonCallingHandlers & _ComponentCallingHandlers, Parameters<Component>[0]>\n  : undefined => {\n  const selector = getSelector(component);\n  const props = useSelector(selector);\n  const handlers = useHandlers<Parameters<Component>[0]>(component);\n  if (props !== undefined) {\n    return { ...props, ...handlers } as any;\n  }\n  return undefined as any;\n};\n\n/**\n * A type for trivial selectors that return no data.\n *\n * Used as a default return value if {@link usePropsFor} is called for a component that requires no data.\n *\n * @public\n */\nexport type EmptySelector = () => Record<string, never>;\n\nconst emptySelector: EmptySelector = (): Record<string, never> => ({});\n\n/**\n * Specific type of the selector applicable to a given Component.\n *\n * @public\n */\nexport type GetSelector<Component extends (props: any) => JSX.Element | undefined> =\n  AreEqual<Component, typeof VideoGallery> extends true\n    ? VideoGallerySelector\n    : AreEqual<Component, typeof DevicesButton> extends true\n      ? DevicesButtonSelector\n      : AreEqual<Component, typeof MicrophoneButton> extends true\n        ? MicrophoneButtonSelector\n        : AreEqual<Component, typeof CameraButton> extends true\n          ? CameraButtonSelector\n          : AreEqual<Component, typeof ScreenShareButton> extends true\n            ? ScreenShareButtonSelector\n            : AreEqual<Component, typeof ParticipantList> extends true\n              ? ParticipantListSelector\n              : AreEqual<Component, typeof ParticipantsButton> extends true\n                ? ParticipantsButtonSelector\n                : AreEqual<Component, typeof EndCallButton> extends true\n                  ? EmptySelector\n                  : AreEqual<Component, typeof ErrorBar> extends true\n                    ? ErrorBarSelector\n                    : AreEqual<Component, typeof Dialpad> extends true\n                      ? EmptySelector\n                      : AreEqual<Component, typeof HoldButton> extends true\n                        ? HoldButtonSelector\n                        : AreEqual<Component, typeof NotificationStack> extends true\n                          ? NotificationStackSelector\n                          : AreEqual<Component, typeof IncomingCallStack> extends true\n                            ? IncomingCallStackSelector\n                            : AreEqual<Component, typeof ReactionButton> extends true\n                              ? RaiseHandButtonSelector\n                              : AreEqual<Component, typeof CaptionsSettingsModal> extends true\n                                ? CaptionSettingsSelector\n                                : AreEqual<Component, typeof CaptionsBanner> extends true\n                                  ? CaptionsBannerSelector\n                                  : AreEqual<Component, typeof StartCaptionsButton> extends true\n                                    ? StartCaptionsButtonSelector\n                                    : AreEqual<Component, typeof RaiseHandButton> extends true\n                                      ? EmptySelector\n                                      : undefined;\n\n/**\n * Get the selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getSelector = <Component extends (props: any) => JSX.Element | undefined>(\n  component: Component\n): GetSelector<Component> => {\n  return findSelector(component);\n};\n\nconst findSelector = (component: (props: any) => JSX.Element | undefined): any => {\n  // Dialpad only has handlers currently and doesn't require any props from the stateful layer so return the emptySelector\n  if (component === Dialpad) {\n    return emptySelector;\n  }\n\n  switch (component) {\n    case VideoGallery:\n      return videoGallerySelector;\n    case MicrophoneButton:\n      return microphoneButtonSelector;\n    case CameraButton:\n      return cameraButtonSelector;\n    case ScreenShareButton:\n      return screenShareButtonSelector;\n    case DevicesButton:\n      return devicesButtonSelector;\n    case ParticipantList:\n      return participantListSelector;\n    case ParticipantsButton:\n      return participantsButtonSelector;\n    case EndCallButton:\n      return emptySelector;\n    case ErrorBar:\n      return errorBarSelector;\n    case RaiseHandButton:\n      return raiseHandButtonSelector;\n    case ReactionButton:\n      return reactionButtonSelector;\n    case NotificationStack:\n      return notificationStackSelector;\n    case HoldButton:\n      return holdButtonSelector;\n    case IncomingCallStack:\n      return incomingCallStackSelector;\n    case CaptionsBanner:\n      return captionsBannerSelector;\n    case CaptionsSettingsModal:\n      return captionSettingsSelector;\n    case StartCaptionsButton:\n      return startCaptionsButtonSelector;\n  }\n  return undefined;\n};\n/**\n * Selector for new components that are conditionally compiled. Comment out when there is no CC'd components\n */\n// const findConditionalCompiledSelector = (component: (props: any) => JSX.Element | undefined): any => {\n//   switch (component) {\n//   }\n// };\n"]}

package/dist/dist-esm/calling-component-bindings/src/hooks/useSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelector.js","sourceRoot":"","sources":["../../../../../preprocess-dist/calling-component-bindings/src/hooks/useSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAsG,QAAgB,EAAE,aAAwC,EAAgE,EAAE;;IAC3P,MAAM,UAAU,GAAmC,MAAA,UAAU,CAAC,iBAAiB,CAAC,0CAAE,UAAU,CAAC;IAC7F,MAAM,MAAM,GAAG,MAAA,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,0CAAE,EAAE,CAAC;IAEjD,sHAAsH;IACtH,qHAAqH;IACrH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QACvC,MAAM;KACP,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACd,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC7I,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAQ,EAAE;YACrD,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC;YACrE,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IACtE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, StatefulCallClient } from '@internal/calling-stateful-client';\nimport { CallClientContext, CallContext } from '../providers';\nimport { useState, useEffect, useRef, useMemo, useContext } from 'react';\n\n/**\n * Hook to obtain a selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useSelector = <SelectorT extends (state: CallClientState, props: any) => any, ParamT extends SelectorT | undefined>(selector: ParamT, selectorProps?: Parameters<SelectorT>[1]): ParamT extends SelectorT ? ReturnType<SelectorT> : undefined => {\n  const callClient: StatefulCallClient | undefined = useContext(CallClientContext)?.callClient;\n  const callId = useContext(CallContext)?.call?.id;\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n  const callIdConfigProps = useMemo(() => ({\n    callId\n  }), [callId]);\n  const [props, setProps] = useState(callClient && selector ? selector(callClient.getState(), selectorProps ?? callIdConfigProps) : undefined);\n  const propRef = useRef(props);\n  propRef.current = props;\n  useEffect(() => {\n    if (!callClient || !selector) {\n      return;\n    }\n    const onStateChange = (state: CallClientState): void => {\n      if (!mounted.current) {\n        return;\n      }\n      const newProps = selector(state, selectorProps ?? callIdConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    callClient.onStateChange(onStateChange);\n    return () => {\n      callClient.offStateChange(onStateChange);\n    };\n  }, [callClient, selector, selectorProps, callIdConfigProps, mounted]);\n  return selector ? props : undefined;\n};"]}
+{"version":3,"file":"useSelector.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/useSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzE;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAIzB,QAAgB,EAChB,aAAwC,EACsB,EAAE;;IAChE,MAAM,UAAU,GAAmC,MAAA,UAAU,CAAC,iBAAiB,CAAC,0CAAE,UAAU,CAAC;IAC7F,MAAM,MAAM,GAAG,MAAA,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,0CAAE,EAAE,CAAC;IAEjD,sHAAsH;IACtH,qHAAqH;IACrH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC;QACL,MAAM;KACP,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CACzG,CAAC;IACF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,CAAC,OAAO,GAAG,KAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,MAAM,aAAa,GAAG,CAAC,KAAsB,EAAQ,EAAE;YACrD,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACrB,OAAO;YACT,CAAC;YACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,iBAAiB,CAAC,CAAC;YACrE,IAAI,OAAO,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;gBACjC,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACrB,CAAC;QACH,CAAC,CAAC;QACF,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;QAC3C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IACtE,OAAO,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AACtC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, StatefulCallClient } from '@internal/calling-stateful-client';\nimport { CallClientContext, CallContext } from '../providers';\n\nimport { useState, useEffect, useRef, useMemo, useContext } from 'react';\n\n/**\n * Hook to obtain a selector for a specified component.\n *\n * Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n *\n * @public\n */\nexport const useSelector = <\n  SelectorT extends (state: CallClientState, props: any) => any,\n  ParamT extends SelectorT | undefined\n>(\n  selector: ParamT,\n  selectorProps?: Parameters<SelectorT>[1]\n): ParamT extends SelectorT ? ReturnType<SelectorT> : undefined => {\n  const callClient: StatefulCallClient | undefined = useContext(CallClientContext)?.callClient;\n  const callId = useContext(CallContext)?.call?.id;\n\n  // Keeps track of whether the current component is mounted or not. If it has unmounted, make sure we do not modify the\n  // state or it will cause React warnings in the console. https://skype.visualstudio.com/SPOOL/_workitems/edit/2453212\n  const mounted = useRef(false);\n\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  });\n\n  const callIdConfigProps = useMemo(\n    () => ({\n      callId\n    }),\n    [callId]\n  );\n\n  const [props, setProps] = useState(\n    callClient && selector ? selector(callClient.getState(), selectorProps ?? callIdConfigProps) : undefined\n  );\n  const propRef = useRef(props);\n  propRef.current = props;\n  useEffect(() => {\n    if (!callClient || !selector) {\n      return;\n    }\n    const onStateChange = (state: CallClientState): void => {\n      if (!mounted.current) {\n        return;\n      }\n      const newProps = selector(state, selectorProps ?? callIdConfigProps);\n      if (propRef.current !== newProps) {\n        setProps(newProps);\n      }\n    };\n    callClient.onStateChange(onStateChange);\n    return () => {\n      callClient.offStateChange(onStateChange);\n    };\n  }, [callClient, selector, selectorProps, callIdConfigProps, mounted]);\n  return selector ? props : undefined;\n};\n"]}

package/dist/dist-esm/calling-component-bindings/src/incomingCallStackSelector.js

@@ -12,12 +12,18 @@ export const incomingCallStackSelector = createSelector([getIncomingCalls, getRe
     const componentIncomingCalls = incomingCalls.map((incomingCall) => {
         return Object.assign(Object.assign({}, incomingCall), { callerInfo: {
                 displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'
-            }, videoAvailable: incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.cameras.length) === 0 ? false : true });
+            }, videoAvailable: (incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier)) ||
+                (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.cameras.length) === 0
+                ? false
+                : true });
     });
     const componentRemovedIncomingCalls = removedIncomingCalls.map((incomingCall) => {
         return Object.assign(Object.assign({}, incomingCall), { callerInfo: {
                 displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'
-            }, videoAvailable: incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier) || (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.cameras.length) === 0 ? false : true });
+            }, videoAvailable: (incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier)) ||
+                (deviceManager === null || deviceManager === void 0 ? void 0 : deviceManager.cameras.length) === 0
+                ? false
+                : true });
     });
     return {
         activeIncomingCalls: componentIncomingCalls,

package/dist/dist-esm/calling-component-bindings/src/incomingCallStackSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"incomingCallStackSelector.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/incomingCallStackSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAWtE;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAA8B,cAAc,CAAC,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,aAAa,EAGnM,EAAE;IACF,sDAAsD;IACtD,MAAM,sBAAsB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAwD,EAAE,EAAE;QAC5G,uCACK,YAAY,KACf,UAAU,EAAE;gBACV,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,WAAW,IAAI,gBAAgB;aACrE,EACD,cAAc,EAAE,YAAY,CAAC,UAAU,CAAC,UAAU,IAAI,uBAAuB,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IACvK;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,6BAA6B,GAAG,oBAAoB,CAAC,GAAG,CAAC,CAAC,YAAwD,EAAE,EAAE;QAC1H,uCACK,YAAY,KACf,UAAU,EAAE;gBACV,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,WAAW,IAAI,gBAAgB;aACrE,EACD,cAAc,EAAE,YAAY,CAAC,UAAU,CAAC,UAAU,IAAI,uBAAuB,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IACvK;IACJ,CAAC,CAAC,CAAC;IACH,OAAO;QACL,mBAAmB,EAAE,sBAAsB;QAC3C,oBAAoB,EAAE,6BAA6B;KACpD,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, IncomingCallState } from '@internal/calling-stateful-client';\nimport { TeamsIncomingCallState } from '@internal/calling-stateful-client';\nimport { getDeviceManager, getIncomingCalls, getRemovedIncomingCalls } from './baseSelectors';\nimport { createSelector } from 'reselect';\nimport { IncomingCallStackCall } from '@internal/react-components';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\n\n/**\n * Selector to get the active and removed incoming calls.\n * @public\n */\nexport type IncomingCallStackSelector = (state: CallClientState) => {\n  activeIncomingCalls: IncomingCallStackCall[];\n  removedIncomingCalls: IncomingCallStackCall[];\n};\n\n/**\n * Select the active and removed incoming calls from the stateful client for the IncomingCallNotificationStackComponent.\n * @public\n */\nexport const incomingCallStackSelector: IncomingCallStackSelector = createSelector([getIncomingCalls, getRemovedIncomingCalls, getDeviceManager], (incomingCalls, removedIncomingCalls, deviceManager): {\n  activeIncomingCalls: IncomingCallStackCall[];\n  removedIncomingCalls: IncomingCallStackCall[];\n} => {\n  // Convert incoming call state to active incoming call\n  const componentIncomingCalls = incomingCalls.map((incomingCall: IncomingCallState | TeamsIncomingCallState) => {\n    return {\n      ...incomingCall,\n      callerInfo: {\n        displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'\n      },\n      videoAvailable: incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier) || deviceManager?.cameras.length === 0 ? false : true\n    };\n  });\n  const componentRemovedIncomingCalls = removedIncomingCalls.map((incomingCall: IncomingCallState | TeamsIncomingCallState) => {\n    return {\n      ...incomingCall,\n      callerInfo: {\n        displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'\n      },\n      videoAvailable: incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier) || deviceManager?.cameras.length === 0 ? false : true\n    };\n  });\n  return {\n    activeIncomingCalls: componentIncomingCalls,\n    removedIncomingCalls: componentRemovedIncomingCalls\n  };\n});"]}
+{"version":3,"file":"incomingCallStackSelector.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/incomingCallStackSelector.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC9F,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAWtE;;;GAGG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAA8B,cAAc,CAChF,CAAC,gBAAgB,EAAE,uBAAuB,EAAE,gBAAgB,CAAC,EAC7D,CACE,aAAa,EACb,oBAAoB,EACpB,aAAa,EAIb,EAAE;IACF,sDAAsD;IACtD,MAAM,sBAAsB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAwD,EAAE,EAAE;QAC5G,uCACK,YAAY,KACf,UAAU,EAAE;gBACV,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,WAAW,IAAI,gBAAgB;aACrE,EACD,cAAc,EACZ,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,IAAI,uBAAuB,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBACnG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,MAAK,CAAC;gBACjC,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,IAAI,IACV;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,6BAA6B,GAAG,oBAAoB,CAAC,GAAG,CAC5D,CAAC,YAAwD,EAAE,EAAE;QAC3D,uCACK,YAAY,KACf,UAAU,EAAE;gBACV,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,WAAW,IAAI,gBAAgB;aACrE,EACD,cAAc,EACZ,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,IAAI,uBAAuB,CAAC,YAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBACnG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,MAAM,MAAK,CAAC;gBACjC,CAAC,CAAC,KAAK;gBACP,CAAC,CAAC,IAAI,IACV;IACJ,CAAC,CACF,CAAC;IACF,OAAO;QACL,mBAAmB,EAAE,sBAAsB;QAC3C,oBAAoB,EAAE,6BAA6B;KACpD,CAAC;AACJ,CAAC,CACF,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallClientState, IncomingCallState } from '@internal/calling-stateful-client';\nimport { TeamsIncomingCallState } from '@internal/calling-stateful-client';\nimport { getDeviceManager, getIncomingCalls, getRemovedIncomingCalls } from './baseSelectors';\nimport { createSelector } from 'reselect';\nimport { IncomingCallStackCall } from '@internal/react-components';\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\n\n/**\n * Selector to get the active and removed incoming calls.\n * @public\n */\nexport type IncomingCallStackSelector = (state: CallClientState) => {\n  activeIncomingCalls: IncomingCallStackCall[];\n  removedIncomingCalls: IncomingCallStackCall[];\n};\n\n/**\n * Select the active and removed incoming calls from the stateful client for the IncomingCallNotificationStackComponent.\n * @public\n */\nexport const incomingCallStackSelector: IncomingCallStackSelector = createSelector(\n  [getIncomingCalls, getRemovedIncomingCalls, getDeviceManager],\n  (\n    incomingCalls,\n    removedIncomingCalls,\n    deviceManager\n  ): {\n    activeIncomingCalls: IncomingCallStackCall[];\n    removedIncomingCalls: IncomingCallStackCall[];\n  } => {\n    // Convert incoming call state to active incoming call\n    const componentIncomingCalls = incomingCalls.map((incomingCall: IncomingCallState | TeamsIncomingCallState) => {\n      return {\n        ...incomingCall,\n        callerInfo: {\n          displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'\n        },\n        videoAvailable:\n          (incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier)) ||\n          deviceManager?.cameras.length === 0\n            ? false\n            : true\n      };\n    });\n    const componentRemovedIncomingCalls = removedIncomingCalls.map(\n      (incomingCall: IncomingCallState | TeamsIncomingCallState) => {\n        return {\n          ...incomingCall,\n          callerInfo: {\n            displayName: incomingCall.callerInfo.displayName || 'Unknown Caller'\n          },\n          videoAvailable:\n            (incomingCall.callerInfo.identifier && isPhoneNumberIdentifier(incomingCall.callerInfo.identifier)) ||\n            deviceManager?.cameras.length === 0\n              ? false\n              : true\n        };\n      }\n    );\n    return {\n      activeIncomingCalls: componentIncomingCalls,\n      removedIncomingCalls: componentRemovedIncomingCalls\n    };\n  }\n);\n"]}

package/dist/dist-esm/calling-component-bindings/src/index.d.ts

@@ -11,12 +11,11 @@ export { notificationStackSelector } from './notificationStackSelector';
 export type { HoldButtonSelector } from './callControlSelectors';
 export type { IncomingCallStackSelector } from './incomingCallStackSelector';
 export { incomingCallStackSelector } from './incomingCallStackSelector';
-export type { _StartCaptionsButtonSelector, _CaptionSettingsSelector, _CaptionsBannerSelector } from './captionsSelector';
-export { _captionsBannerSelector, _startCaptionsButtonSelector, _captionSettingsSelector } from './captionsSelector';
+export type { StartCaptionsButtonSelector, CaptionSettingsSelector, CaptionsBannerSelector } from './captionsSelector';
+export { captionsBannerSelector, startCaptionsButtonSelector, captionSettingsSelector } from './captionsSelector';
 export type { CallingHandlers, CreateDefaultCallingHandlers } from './handlers/createHandlers';
 export type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';
 export type { CommonCallingHandlers } from './handlers/createCommonHandlers';
-export type { CaptionsOptions } from './handlers/createCommonHandlers';
 export type { DeepNoiseSuppressionEffectDependency, VideoBackgroundEffectsDependency } from './handlers/createCommonHandlers';
 export type { _ComponentCallingHandlers, CallingHandlersOptions } from './handlers/createHandlers';
 export { useTeamsCall, useTeamsCallAgent } from './providers';

package/dist/dist-esm/calling-component-bindings/src/index.js

@@ -5,7 +5,7 @@ export { createDefaultCallingHandlers } from './handlers/createHandlers';
 export { createDefaultTeamsCallingHandlers } from './handlers/createTeamsCallHandlers';
 export { notificationStackSelector } from './notificationStackSelector';
 export { incomingCallStackSelector } from './incomingCallStackSelector';
-export { _captionsBannerSelector, _startCaptionsButtonSelector, _captionSettingsSelector } from './captionsSelector';
+export { captionsBannerSelector, startCaptionsButtonSelector, captionSettingsSelector } from './captionsSelector';
 export { useTeamsCall, useTeamsCallAgent } from './providers';
 export { CallAgentProvider, CallClientProvider, CallProvider, useCall, useCallAgent, useCallClient, useDeviceManager } from './providers';
 export { usePropsFor as useCallingPropsFor, getSelector as getCallingSelector } from './hooks/usePropsFor';

package/dist/dist-esm/calling-component-bindings/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../preprocess-dist/calling-component-bindings/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AAMvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAOrH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE1I,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE3G,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAClI,OAAO,EAAE,mCAAmC,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport type { CallingBaseSelectorProps } from './baseSelectors';\nexport * from './callControlSelectors';\nexport { createDefaultCallingHandlers } from './handlers/createHandlers';\nexport { createDefaultTeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { ParticipantListSelector } from './participantListSelector';\nexport type { ParticipantsButtonSelector } from './participantsButtonSelector';\nexport type { VideoGallerySelector } from './videoGallerySelector';\nexport type { ErrorBarSelector } from './errorBarSelector';\nexport type { NotificationStackSelector } from './notificationStackSelector';\nexport { notificationStackSelector } from './notificationStackSelector';\nexport type { HoldButtonSelector } from './callControlSelectors';\nexport type { IncomingCallStackSelector } from './incomingCallStackSelector';\nexport { incomingCallStackSelector } from './incomingCallStackSelector';\nexport type { _StartCaptionsButtonSelector, _CaptionSettingsSelector, _CaptionsBannerSelector } from './captionsSelector';\nexport { _captionsBannerSelector, _startCaptionsButtonSelector, _captionSettingsSelector } from './captionsSelector';\nexport type { CallingHandlers, CreateDefaultCallingHandlers } from './handlers/createHandlers';\nexport type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { CommonCallingHandlers } from './handlers/createCommonHandlers';\nexport type { CaptionsOptions } from './handlers/createCommonHandlers';\nexport type { DeepNoiseSuppressionEffectDependency, VideoBackgroundEffectsDependency } from './handlers/createCommonHandlers';\nexport type { _ComponentCallingHandlers, CallingHandlersOptions } from './handlers/createHandlers';\nexport { useTeamsCall, useTeamsCallAgent } from './providers';\nexport { CallAgentProvider, CallClientProvider, CallProvider, useCall, useCallAgent, useCallClient, useDeviceManager } from './providers';\nexport type { CallAgentProviderProps, CallClientProviderProps, CallProviderProps } from './providers';\nexport { usePropsFor as useCallingPropsFor, getSelector as getCallingSelector } from './hooks/usePropsFor';\nexport type { GetSelector as GetCallingSelector, EmptySelector } from './hooks/usePropsFor';\nexport { useSelector as useCallingSelector } from './hooks/useSelector';\nexport { useHandlers as useCallingHandlers } from './hooks/useHandlers';\nexport { _isInCall, _isPreviewOn, _isInLobbyOrConnecting, _updateUserDisplayNames, _getEnvironmentInfo } from './utils/callUtils';\nexport { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId } from './utils/videoGalleryUtils';\nexport type { _VideoGalleryRemoteParticipantsMemoFn } from './utils/videoGalleryUtils';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../calling-component-bindings/src/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAC;AAEzE,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AAQvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,OAAO,EAAE,sBAAsB,EAAE,2BAA2B,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAclH,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAE9D,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,OAAO,EACP,YAAY,EACZ,aAAa,EACb,gBAAgB,EACjB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAG3G,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,WAAW,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,EACL,SAAS,EACT,YAAY,EACZ,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,EACpB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,mCAAmC,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport type { CallingBaseSelectorProps } from './baseSelectors';\nexport * from './callControlSelectors';\nexport { createDefaultCallingHandlers } from './handlers/createHandlers';\n\nexport { createDefaultTeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { ParticipantListSelector } from './participantListSelector';\nexport type { ParticipantsButtonSelector } from './participantsButtonSelector';\nexport type { VideoGallerySelector } from './videoGallerySelector';\nexport type { ErrorBarSelector } from './errorBarSelector';\n\nexport type { NotificationStackSelector } from './notificationStackSelector';\n\nexport { notificationStackSelector } from './notificationStackSelector';\nexport type { HoldButtonSelector } from './callControlSelectors';\nexport type { IncomingCallStackSelector } from './incomingCallStackSelector';\nexport { incomingCallStackSelector } from './incomingCallStackSelector';\n\nexport type { StartCaptionsButtonSelector, CaptionSettingsSelector, CaptionsBannerSelector } from './captionsSelector';\n\nexport { captionsBannerSelector, startCaptionsButtonSelector, captionSettingsSelector } from './captionsSelector';\n\nexport type { CallingHandlers, CreateDefaultCallingHandlers } from './handlers/createHandlers';\n\nexport type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { CommonCallingHandlers } from './handlers/createCommonHandlers';\n\nexport type {\n  DeepNoiseSuppressionEffectDependency,\n  VideoBackgroundEffectsDependency\n} from './handlers/createCommonHandlers';\n\nexport type { _ComponentCallingHandlers, CallingHandlersOptions } from './handlers/createHandlers';\n\nexport { useTeamsCall, useTeamsCallAgent } from './providers';\n\nexport {\n  CallAgentProvider,\n  CallClientProvider,\n  CallProvider,\n  useCall,\n  useCallAgent,\n  useCallClient,\n  useDeviceManager\n} from './providers';\nexport type { CallAgentProviderProps, CallClientProviderProps, CallProviderProps } from './providers';\n\nexport { usePropsFor as useCallingPropsFor, getSelector as getCallingSelector } from './hooks/usePropsFor';\nexport type { GetSelector as GetCallingSelector, EmptySelector } from './hooks/usePropsFor';\n\nexport { useSelector as useCallingSelector } from './hooks/useSelector';\nexport { useHandlers as useCallingHandlers } from './hooks/useHandlers';\n\nexport {\n  _isInCall,\n  _isPreviewOn,\n  _isInLobbyOrConnecting,\n  _updateUserDisplayNames,\n  _getEnvironmentInfo\n} from './utils/callUtils';\n\nexport { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId } from './utils/videoGalleryUtils';\nexport type { _VideoGalleryRemoteParticipantsMemoFn } from './utils/videoGalleryUtils';\n"]}

package/dist/dist-esm/calling-component-bindings/src/notificationStackSelector.js

@@ -1,7 +1,10 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import { getDeviceManager, getDiagnostics, getLatestErrors, getEnvironmentInfo } from './baseSelectors';
-import { getLatestNotifications, getAssignedBreakoutRoom } from './baseSelectors';
+/* @conditional-compile-remove(breakout-rooms) */
+import { getAssignedBreakoutRoom } from './baseSelectors';
+/* @conditional-compile-remove(breakout-rooms) */ /* @conditional-compile-remove(media-access) */
+import { getLatestNotifications } from './baseSelectors';
 import { getMeetingConferencePhones } from './baseSelectors';
 import { createSelector } from 'reselect';
 import { DiagnosticQuality } from '@azure/communication-calling';
@@ -14,7 +17,17 @@ import { DiagnosticQuality } from '@azure/communication-calling';
  *
  * @public
  */
-export const notificationStackSelector = createSelector([getLatestErrors, getLatestNotifications, getDiagnostics, getDeviceManager, getEnvironmentInfo, getMeetingConferencePhones, getAssignedBreakoutRoom], (latestErrors, latestNotifications, diagnostics, deviceManager, environmentInfo, meetingConference, assignedBreakoutRoom) => {
+export const notificationStackSelector = createSelector([
+    getLatestErrors,
+    /* @conditional-compile-remove(breakout-rooms) */ getLatestNotifications,
+    getDiagnostics,
+    getDeviceManager,
+    getEnvironmentInfo,
+    getMeetingConferencePhones,
+    /* @conditional-compile-remove(breakout-rooms) */ getAssignedBreakoutRoom
+], (latestErrors, 
+/* @conditional-compile-remove(breakout-rooms) */ /* @conditional-compile-remove(media-access) */ /* @conditional-compile-remove(together-mode) */ latestNotifications, diagnostics, deviceManager, environmentInfo, meetingConference, 
+/* @conditional-compile-remove(breakout-rooms) */ assignedBreakoutRoom) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
     // The order in which the errors are returned is significant: The `Notification` shows errors on the UI in that order.
     // There are several options for the ordering:
@@ -35,115 +48,80 @@ export const notificationStackSelector = createSelector([getLatestErrors, getLat
     if (meetingConference && meetingConference.length > 0) {
         isTeamsMeetingWithPhones = true;
     }
-    if (((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _a === void 0 ? void 0 : _a.value) === DiagnosticQuality.Bad || ((_b = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) === DiagnosticQuality.Poor) {
+    if (((_a = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _a === void 0 ? void 0 : _a.value) === DiagnosticQuality.Bad ||
+        ((_b = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.network.latest.networkReceiveQuality) === null || _b === void 0 ? void 0 : _b.value) === DiagnosticQuality.Poor) {
         if (isTeamsMeetingWithPhones) {
-            activeErrorMessages.push({
-                type: 'teamsMeetingCallNetworkQualityLow'
-            });
+            activeErrorMessages.push({ type: 'teamsMeetingCallNetworkQualityLow' });
         }
         else {
-            activeErrorMessages.push({
-                type: 'callNetworkQualityLow'
-            });
+            activeErrorMessages.push({ type: 'callNetworkQualityLow' });
         }
     }
     if (((_c = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.noSpeakerDevicesEnumerated) === null || _c === void 0 ? void 0 : _c.value) === true) {
-        activeErrorMessages.push({
-            type: 'callNoSpeakerFound'
-        });
+        activeErrorMessages.push({ type: 'callNoSpeakerFound' });
     }
     if (((_d = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.noMicrophoneDevicesEnumerated) === null || _d === void 0 ? void 0 : _d.value) === true) {
-        activeErrorMessages.push({
-            type: 'callNoMicrophoneFound'
-        });
+        activeErrorMessages.push({ type: 'callNoMicrophoneFound' });
     }
     if (((_e = deviceManager.deviceAccess) === null || _e === void 0 ? void 0 : _e.audio) === false && isSafari()) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDeniedSafari'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDeniedSafari' });
     }
     if (((_f = deviceManager.deviceAccess) === null || _f === void 0 ? void 0 : _f.audio) === false && !isSafari()) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });
     }
     if (((_g = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _g === void 0 ? void 0 : _g.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsMicrophoneAccessDenied' });
     }
     else if (((_h = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphonePermissionDenied) === null || _h === void 0 ? void 0 : _h.value) === true) {
-        activeErrorMessages.push({
-            type: 'callMicrophoneAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMicrophoneAccessDenied' });
     }
     const microphoneMuteUnexpectedlyDiagnostic = (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneMuteUnexpectedly) || (diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.microphoneNotFunctioning);
     if (microphoneMuteUnexpectedlyDiagnostic) {
         if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {
             // Inform the user that microphone stopped working and inform them to start microphone again
-            activeErrorMessages.push({
-                type: 'callMicrophoneMutedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callMicrophoneMutedBySystem' });
         }
         else if (microphoneMuteUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {
             // Inform the user that microphone recovered
-            activeErrorMessages.push({
-                type: 'callMicrophoneUnmutedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callMicrophoneUnmutedBySystem' });
         }
     }
     const cameraStoppedUnexpectedlyDiagnostic = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraStoppedUnexpectedly;
     if (cameraStoppedUnexpectedlyDiagnostic) {
         if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Bad) {
             // Inform the user that camera stopped working and inform them to start video again
-            activeErrorMessages.push({
-                type: 'callVideoStoppedBySystem'
-            });
+            activeErrorMessages.push({ type: 'callVideoStoppedBySystem' });
         }
         else if (cameraStoppedUnexpectedlyDiagnostic.value === DiagnosticQuality.Good) {
             // Inform the user that camera recovered
-            activeErrorMessages.push({
-                type: 'callVideoRecoveredBySystem'
-            });
+            activeErrorMessages.push({ type: 'callVideoRecoveredBySystem' });
         }
     }
     if (((_j = deviceManager.deviceAccess) === null || _j === void 0 ? void 0 : _j.video) === false && isSafari()) {
-        activeErrorMessages.push({
-            type: 'callCameraAccessDeniedSafari'
-        });
+        activeErrorMessages.push({ type: 'callCameraAccessDeniedSafari' });
     }
     else if (((_k = deviceManager.deviceAccess) === null || _k === void 0 ? void 0 : _k.video) === false) {
-        activeErrorMessages.push({
-            type: 'callCameraAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callCameraAccessDenied' });
     }
     else {
         if (((_l = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraFreeze) === null || _l === void 0 ? void 0 : _l.value) === true) {
-            activeErrorMessages.push({
-                type: 'cameraFrozenForRemoteParticipants'
-            });
+            activeErrorMessages.push({ type: 'cameraFrozenForRemoteParticipants' });
         }
     }
     /**
      * show the Mac specific strings if the platform is detected as mac
      */
     if (((_m = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.cameraPermissionDenied) === null || _m === void 0 ? void 0 : _m.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsCameraAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsCameraAccessDenied' });
     }
     /**
      * This UFD only works on mac still so we should only see it fire on mac.
      */
     if (((_o = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _o === void 0 ? void 0 : _o.value) === true && isMacOS()) {
-        activeErrorMessages.push({
-            type: 'callMacOsScreenShareAccessDenied'
-        });
+        activeErrorMessages.push({ type: 'callMacOsScreenShareAccessDenied' });
     }
     else if (((_p = diagnostics === null || diagnostics === void 0 ? void 0 : diagnostics.media.latest.screenshareRecordingDisabled) === null || _p === void 0 ? void 0 : _p.value) === true) {
-        activeErrorMessages.push({
-            type: 'startScreenShareGeneric'
-        });
+        activeErrorMessages.push({ type: 'startScreenShareGeneric' });
     }
     // Prefer to show errors with privacy implications.
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.stopVideo', 'stopVideoGeneric');
@@ -159,7 +137,8 @@ export const notificationStackSelector = createSelector([getLatestErrors, getLat
         appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.startVideo', 'startVideoGeneric');
     }
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.unmute', 'unmuteGeneric');
-    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.mutedByOthers', 'mutedByRemoteParticipant');
+    appendMuteByOthersNotificationTrampoline(activeErrorMessages, latestErrors, 
+    /* @conditional-compile-remove(media-access) */ latestNotifications);
     appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'VideoEffectsFeature.startEffects', 'unableToStartVideoEffect');
     if (((_s = latestErrors['CallAgent.join']) === null || _s === void 0 ? void 0 : _s.message) === 'CallAgent.join: Invalid meeting link') {
         appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'CallAgent.join', 'failedToJoinCallInvalidMeetingLink');
@@ -180,12 +159,14 @@ export const notificationStackSelector = createSelector([getLatestErrors, getLat
             ariaLive: 'off' // "You're muted" is too noisy, so we don't want to announce it.
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     if (latestNotifications['assignedBreakoutRoomOpened']) {
         activeNotifications.push({
             type: 'assignedBreakoutRoomOpened',
             timestamp: latestNotifications['assignedBreakoutRoomOpened'].timestamp
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     if (latestNotifications['assignedBreakoutRoomOpenedPromptJoin'] && assignedBreakoutRoom) {
         activeNotifications.push({
             type: 'assignedBreakoutRoomOpenedPromptJoin',
@@ -193,28 +174,72 @@ export const notificationStackSelector = createSelector([getLatestErrors, getLat
             onClickPrimaryButton: () => assignedBreakoutRoom.join()
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     if (latestNotifications['assignedBreakoutRoomChanged']) {
         activeNotifications.push({
             type: 'assignedBreakoutRoomChanged',
             timestamp: latestNotifications['assignedBreakoutRoomChanged'].timestamp
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     if (latestNotifications['breakoutRoomJoined']) {
         activeNotifications.push({
             type: 'breakoutRoomJoined',
             timestamp: latestNotifications['breakoutRoomJoined'].timestamp
         });
     }
+    /* @conditional-compile-remove(breakout-rooms) */
     if (latestNotifications['breakoutRoomClosingSoon']) {
         activeNotifications.push({
             type: 'breakoutRoomClosingSoon',
             timestamp: latestNotifications['breakoutRoomClosingSoon'].timestamp
         });
     }
-    return {
-        activeErrorMessages: activeErrorMessages,
-        activeNotifications: activeNotifications
-    };
+    /* @conditional-compile-remove(media-access) */
+    if (latestNotifications['capabilityTurnVideoOnPresent']) {
+        activeNotifications.push({
+            type: 'capabilityTurnVideoOnPresent',
+            timestamp: latestNotifications['capabilityTurnVideoOnPresent'].timestamp
+        });
+    }
+    /* @conditional-compile-remove(media-access) */
+    if (latestNotifications['capabilityTurnVideoOnAbsent']) {
+        activeNotifications.push({
+            type: 'capabilityTurnVideoOnAbsent',
+            timestamp: latestNotifications['capabilityTurnVideoOnAbsent'].timestamp
+        });
+    }
+    /* @conditional-compile-remove(media-access) */
+    if (latestNotifications['capabilityUnmuteMicPresent']) {
+        activeNotifications.push({
+            type: 'capabilityUnmuteMicPresent',
+            timestamp: latestNotifications['capabilityUnmuteMicPresent'].timestamp
+        });
+    }
+    /* @conditional-compile-remove(media-access) */
+    if (latestNotifications['capabilityUnmuteMicAbsent']) {
+        activeNotifications.push({
+            type: 'capabilityUnmuteMicAbsent',
+            timestamp: latestNotifications['capabilityUnmuteMicAbsent'].timestamp
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    if (latestNotifications['togetherModeStarted']) {
+        activeNotifications.push({
+            type: 'togetherModeStarted',
+            timestamp: latestNotifications['togetherModeStarted'].timestamp,
+            autoDismiss: true
+        });
+    }
+    /* @conditional-compile-remove(together-mode) */
+    if (latestNotifications['togetherModeEnded']) {
+        activeNotifications.push({
+            type: 'togetherModeEnded',
+            timestamp: latestNotifications['togetherModeEnded'].timestamp,
+            autoDismiss: true
+        });
+    }
+    return { activeErrorMessages: activeErrorMessages, activeNotifications: activeNotifications };
 });
 const appendActiveErrorIfDefined = (activeErrorMessages, latestErrors, target, activeErrorType) => {
     if (latestErrors[target] === undefined) {
@@ -225,4 +250,15 @@ const appendActiveErrorIfDefined = (activeErrorMessages, latestErrors, target, a
         timestamp: latestErrors[target].timestamp
     });
 };
+const appendMuteByOthersNotificationTrampoline = (activeErrorMessages, latestErrors, latestNotifications) => {
+    /* @conditional-compile-remove(media-access) */
+    if (latestNotifications &&
+        !latestNotifications['capabilityUnmuteMicAbsent'] &&
+        !latestNotifications['capabilityUnmuteMicPresent']) {
+        appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.mutedByOthers', 'mutedByRemoteParticipant');
+    }
+    /* @conditional-compile-remove(media-access) */
+    return;
+    appendActiveErrorIfDefined(activeErrorMessages, latestErrors, 'Call.mutedByOthers', 'mutedByRemoteParticipant');
+};
 //# sourceMappingURL=notificationStackSelector.js.map