npm - @azure/communication-react - Versions diffs - 1.14.0-beta.2 → 1.14.1-alpha-202403210013 - Mend

@azure/communication-react 1.14.0-beta.2 → 1.14.1-alpha-202403210013

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1177) hide show

package/dist/dist-esm/calling-component-bindings/src/handlers/createDefaultCallingHandlersForComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createDefaultCallingHandlersForComponent.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~calling-component-bindings/src/handlers/createDefaultCallingHandlersForComponent.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,yDAAyD;AACzD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,6CAA0C;AAEpF,OAAO,~~EAA0E~~,UAAU,~~EAAE~~,eAAe,~~EAAE~~,6CAA0C;~~AAExJ~~,yDAAyD;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAGhE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,~~CAAS~~,UAA8B,~~EAAE~~,SAAsC,~~EAAE~~,aAAgD,~~EAAE~~,IAA4B,~~EAAE~~,UAAiD,~~EAAwC~~,EAAE;~~IAClT~~,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,OAAO,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IAClF,CAAC;IACD,yDAAyD;IACzD,IAAI,SAAS,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;~~QACvF~~,OAAO,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IACvF,CAAC;IACD,IAAI,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;~~QACnF~~,OAAO,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IAClF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;AACtE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(teams-identity-support) /\nimport { _isTeamsCall, _isTeamsCallAgent } from '@internal/calling-stateful-client';\nimport { Common } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager, CallAgentCommon, CallCommon, _isACSCall, _isACSCallAgent } from '@internal/calling-stateful-client';\nimport { ReactElement } from 'react';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { createDefaultTeamsCallingHandlers } from './createTeamsCallHandlers';\nimport { createDefaultCallingHandlers } from './createHandlers';\nimport { CommonCallingHandlers } from './createCommonHandlers';\n\n/\n Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with\n * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and\n * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.\n \n @param callClient - StatefulCallClient returned from\n * {@link @azure/communication-react#createStatefulCallClient}.\n * @param callAgent - Instance of {@link @azure/communication-calling#CallClient}.\n * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.\n * @param call - Instance of {@link @azure/communication-calling#Call}.\n * @param _ - React component that you want to generate handlers for.\n \n @public\n /\nexport const createDefaultCallingHandlersForComponent = <Props,>(callClient: StatefulCallClient, callAgent: CallAgentCommon \| undefined, deviceManager: StatefulDeviceManager \| undefined, call: CallCommon \| undefined, _Component: (props: Props) => ReactElement \| null): Common<CommonCallingHandlers, Props> => {\n if (!callAgent && !call && !deviceManager) {\n return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n / @conditional-compile-remove(teams-identity-support) */\n if (callAgent && _isTeamsCallAgent(callAgent) && (!call \|\| call && _isTeamsCall(call))) {\n return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n if (callAgent && _isACSCallAgent(callAgent) && (!call \|\| call && _isACSCall(call))) {\n return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n throw new Error('CallAgent type and Call type are not compatible!');\n};"]}
1	+ {"version":3,"file":"createDefaultCallingHandlersForComponent.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/handlers/createDefaultCallingHandlersForComponent.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,yDAAyD;AACzD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,6CAA0C;AAEpF,OAAO,EAKL,UAAU,EACV,eAAe,EAChB,6CAA0C;AAE3C,yDAAyD;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,kBAAkB,CAAC;AAGhE;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,CACtD,UAA8B,EAC9B,SAAsC,EACtC,aAAgD,EAChD,IAA4B,EAC5B,UAAiD,EACX,EAAE;IACxC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAC1C,OAAO,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IAClF,CAAC;IACD,yDAAyD;IACzD,IAAI,SAAS,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACzF,OAAO,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IACvF,CAAC;IACD,IAAI,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrF,OAAO,4BAA4B,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;IAClF,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;AACtE,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(teams-identity-support) /\nimport { _isTeamsCall, _isTeamsCallAgent } from '@internal/calling-stateful-client';\nimport { Common } from '@internal/acs-ui-common';\nimport {\n StatefulCallClient,\n StatefulDeviceManager,\n CallAgentCommon,\n CallCommon,\n _isACSCall,\n _isACSCallAgent\n} from '@internal/calling-stateful-client';\nimport { ReactElement } from 'react';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { createDefaultTeamsCallingHandlers } from './createTeamsCallHandlers';\nimport { createDefaultCallingHandlers } from './createHandlers';\nimport { CommonCallingHandlers } from './createCommonHandlers';\n\n/\n Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with\n * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and\n * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.\n \n @param callClient - StatefulCallClient returned from\n * {@link @azure/communication-react#createStatefulCallClient}.\n * @param callAgent - Instance of {@link @azure/communication-calling#CallClient}.\n * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.\n * @param call - Instance of {@link @azure/communication-calling#Call}.\n * @param _ - React component that you want to generate handlers for.\n \n @public\n /\nexport const createDefaultCallingHandlersForComponent = <Props>(\n callClient: StatefulCallClient,\n callAgent: CallAgentCommon \| undefined,\n deviceManager: StatefulDeviceManager \| undefined,\n call: CallCommon \| undefined,\n _Component: (props: Props) => ReactElement \| null\n): Common<CommonCallingHandlers, Props> => {\n if (!callAgent && !call && !deviceManager) {\n return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n / @conditional-compile-remove(teams-identity-support) */\n if (callAgent && _isTeamsCallAgent(callAgent) && (!call \|\| (call && _isTeamsCall(call)))) {\n return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n if (callAgent && _isACSCallAgent(callAgent) && (!call \|\| (call && _isACSCall(call)))) {\n return createDefaultCallingHandlers(callClient, callAgent, deviceManager, call);\n }\n throw new Error('CallAgent type and Call type are not compatible!');\n};\n"]}

package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.d.ts CHANGED Viewed

@@ -26,7 +26,7 @@ export type CallingHandlersOptions = {
  *
  * @public
  */
-export type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, callAgent: CallAgent | undefined, deviceManager: StatefulDeviceManager | undefined, call: Call | undefined, /* @conditional-compile-remove(video-background-effects) */ options?: CallingHandlersOptions) => CallingHandlers;
+export type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, callAgent: CallAgent | undefined, deviceManager: StatefulDeviceManager | undefined, call: Call | undefined, options?: CallingHandlersOptions) => CallingHandlers;
 /**
  * Create the default implementation of {@link CallingHandlers} for teams call.
  *
@@ -36,4 +36,18 @@ export type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, call
  * @public
  */
 export declare const createDefaultCallingHandlers: CreateDefaultCallingHandlers;
+/**
+ * Handlers only for calling components
+ * @internal
+ */
+export interface _ComponentCallingHandlers {
+    /** VideoGallery callback prop to start local spotlight */
+    onStartLocalSpotlight: () => Promise<void>;
+    /** VideoGallery callback prop to stop local spotlight */
+    onStopLocalSpotlight: () => Promise<void>;
+    /** VideoGallery callback prop to start remote spotlight */
+    onStartRemoteSpotlight: (userIds: string[]) => Promise<void>;
+    /** VideoGallery callback prop to stop remote spotlight */
+    onStopRemoteSpotlight: (userIds: string[]) => Promise<void>;
+}
 //# sourceMappingURL=createHandlers.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js CHANGED Viewed

@@ -24,8 +24,10 @@ import { createDefaultCommonCallingHandlers } from './createCommonHandlers';
  * @public
  */
 export const createDefaultCallingHandlers = memoizeOne((...args) => {
-    const [callClient, callAgent, deviceManager, call, /* @conditional-compile-remove(video-background-effects) */ options] = args;
-    return Object.assign(Object.assign({}, createDefaultCommonCallingHandlers(callClient, deviceManager, call, /* @conditional-compile-remove(video-background-effects) */ options)), {
+    const [callClient, callAgent, deviceManager, call,
+    /* @conditional-compile-remove(video-background-effects) */ options] = args;
+    return Object.assign(Object.assign({}, createDefaultCommonCallingHandlers(callClient, deviceManager, call,
+    /* @conditional-compile-remove(video-background-effects) */ options)), {
         // FIXME: onStartCall API should use string, not the underlying SDK types.
         onStartCall: (participants, options) => {
             /* @conditional-compile-remove(teams-adhoc-call) */

package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~calling-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,6CAA6C;AAC7C,OAAO,~~EAAE~~,6BAA6B,~~EAAE~~,8BAA8B,~~EAAE~~,uBAAuB,~~EAAE~~,MAAM,6BAA6B,CAAC;~~AAErI~~,OAAO,EAAE,0BAA0B,EAAE,mCAAgC;AAErE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kCAAkC,EAAyB,MAAM,wBAAwB,CAAC;~~AAiCnG~~;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAiC,UAAU,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;IAC/F,MAAM,~~CAAC~~,UAAU,~~EAAE~~,SAAS,~~EAAE~~,aAAa,~~EAAE~~,IAAI,~~EAAE,~~2DAA2D,~~CAAA~~,OAAO,~~CAAC~~,GAAG,IAAI,CAAC;~~IAC9H~~,uCACK,kCAAkC,~~CAAC~~,UAAU,~~EAAE~~,aAAa,~~EAAE~~,IAAI,~~EAAE,~~2DAA2D,~~CAAA~~,OAAO,~~CAAC~~;~~QAC1I~~,0EAA0E;QAC1E,WAAW,EAAE,CAAC,YAAuC,EAAE,OAA0B,EAAoB,EAAE;YACrG,mDAAmD;YACnD,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE,CAAC;gBACzC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;YACzE,CAAC;YACD,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QACD,6CAA6C;QAC7C,gBAAgB,EAAE,~~CAAO~~,MAAwC,~~EAAE~~,OAA+B,~~EAAiB~~,EAAE;~~YACnH~~,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,uBAAuB,CAAC,WAAW,CAAC,EAAE,CAAC;gBACzC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAC7C,CAAC;iBAAM,IAAI,6BAA6B,CAAC,WAAW,CAAC,IAAI,8BAA8B,CAAC,WAAW,CAAC,EAAE,CAAC;gBACrG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAA,EACD,mBAAmB,EAAE,~~CAAO~~,~~MAAqF~~,~~EAAiB~~,EAAE;~~YAClI~~,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA,CAAC;QAC7C,CAAC,CAAA,IACD;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Call, CallAgent, StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) /\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { isCommunicationUserIdentifier, isMicrosoftTeamsUserIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\nimport { _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { isACSCallParticipants } from '../utils/callUtils';\nimport { createDefaultCommonCallingHandlers, CommonCallingHandlers } from './createCommonHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nimport { VideoBackgroundEffectsDependency } from './createCommonHandlers';\n\n/\n Object containing all the handlers required for calling components.\n \n Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n \n @public\n /\nexport interface CallingHandlers extends CommonCallingHandlers {\n onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => Call \| undefined;\n}\n\n/ @conditional-compile-remove(video-background-effects) /\n/\n Configuration options to include video effect background dependency.\n * @public\n /\nexport type CallingHandlersOptions = {\n onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n};\n\n/\n Type of {@link createDefaultCallingHandlers}.\n \n @public\n /\nexport type CreateDefaultCallingHandlers = (callClient: StatefulCallClient, callAgent: CallAgent \| undefined, deviceManager: StatefulDeviceManager \| undefined, call: Call \| undefined, / @conditional-compile-remove(video-background-effects) /\~~noptions~~?: CallingHandlersOptions) => CallingHandlers;\n\n/\n Create the default implementation of {@link CallingHandlers} for teams call.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @public\n /\nexport const createDefaultCallingHandlers: CreateDefaultCallingHandlers = memoizeOne((...args) => {\n const [callClient, callAgent, deviceManager, call, / @conditional-compile-remove(video-background-effects) /options] = args;\n return {\n ...createDefaultCommonCallingHandlers(callClient, deviceManager, call, / @conditional-compile-remove(video-background-effects) /options),\n // FIXME: onStartCall API should use string, not the underlying SDK types.\n onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions): Call \| undefined => {\n / @conditional-compile-remove(teams-adhoc-call) /\n return callAgent?.startCall(participants, options);\n if (!isACSCallParticipants(participants)) {\n throw new Error('TeamsUserIdentifier in Teams call is not supported!');\n }\n return callAgent?.startCall(participants, options);\n },\n / @conditional-compile-remove(PSTN-calls) /\n onAddParticipant: async (userId: string \| CommunicationIdentifier, options?: AddPhoneNumberOptions): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n if (isPhoneNumberIdentifier(participant)) {\n call?.addParticipant(participant, options);\n } else if (isCommunicationUserIdentifier(participant) \|\| isMicrosoftTeamsUserIdentifier(participant)) {\n call?.addParticipant(participant);\n }\n },\n onRemoveParticipant: async (userId: string \| / @conditional-compile-remove(PSTN-calls) */CommunicationIdentifier): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n await call?.removeParticipant(participant);\n }\n };\n});"]}
1	+ {"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/handlers/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC,6CAA6C;AAC7C,OAAO,EACL,6BAA6B,EAC7B,8BAA8B,EAC9B,uBAAuB,EACxB,MAAM,6BAA6B,CAAC;AAGrC,OAAO,EAAE,0BAA0B,EAAE,mCAAgC;AAErE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kCAAkC,EAAyB,MAAM,wBAAwB,CAAC;AAuCnG;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAiC,UAAU,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE;IAC/F,MAAM,CACJ,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI;IACJ,2DAA2D,CAAC,OAAO,CACpE,GAAG,IAAI,CAAC;IACT,uCACK,kCAAkC,CACnC,UAAU,EACV,aAAa,EACb,IAAI;IACJ,2DAA2D,CAAC,OAAO,CACpE;QACD,0EAA0E;QAC1E,WAAW,EAAE,CAAC,YAAuC,EAAE,OAA0B,EAAoB,EAAE;YACrG,mDAAmD;YACnD,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YACnD,IAAI,CAAC,qBAAqB,CAAC,YAAY,CAAC,EAAE,CAAC;gBACzC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;YACzE,CAAC;YACD,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QACrD,CAAC;QACD,6CAA6C;QAC7C,gBAAgB,EAAE,CAChB,MAAwC,EACxC,OAA+B,EAChB,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,uBAAuB,CAAC,WAAW,CAAC,EAAE,CAAC;gBACzC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;YAC7C,CAAC;iBAAM,IAAI,6BAA6B,CAAC,WAAW,CAAC,IAAI,8BAA8B,CAAC,WAAW,CAAC,EAAE,CAAC;gBACrG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAA,EACD,mBAAmB,EAAE,CACnB,MAAsF,EACvE,EAAE;YACjB,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA,CAAC;QAC7C,CAAC,CAAA,IACD;AACJ,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Call, CallAgent, StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) /\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/ @conditional-compile-remove(PSTN-calls) /\nimport {\n isCommunicationUserIdentifier,\n isMicrosoftTeamsUserIdentifier,\n isPhoneNumberIdentifier\n} from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n\nimport { _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { isACSCallParticipants } from '../utils/callUtils';\nimport { createDefaultCommonCallingHandlers, CommonCallingHandlers } from './createCommonHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nimport { VideoBackgroundEffectsDependency } from './createCommonHandlers';\n\n/\n Object containing all the handlers required for calling components.\n \n Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n \n @public\n /\nexport interface CallingHandlers extends CommonCallingHandlers {\n onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => Call \| undefined;\n}\n\n/ @conditional-compile-remove(video-background-effects) /\n/\n Configuration options to include video effect background dependency.\n * @public\n /\nexport type CallingHandlersOptions = {\n onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n};\n\n/\n Type of {@link createDefaultCallingHandlers}.\n \n @public\n /\nexport type CreateDefaultCallingHandlers = (\n callClient: StatefulCallClient,\n callAgent: CallAgent \| undefined,\n deviceManager: StatefulDeviceManager \| undefined,\n call: Call \| undefined,\n / @conditional-compile-remove(video-background-effects) /\n options?: CallingHandlersOptions\n) => CallingHandlers;\n\n/\n Create the default implementation of {@link CallingHandlers} for teams call.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @public\n /\nexport const createDefaultCallingHandlers: CreateDefaultCallingHandlers = memoizeOne((...args) => {\n const [\n callClient,\n callAgent,\n deviceManager,\n call,\n / @conditional-compile-remove(video-background-effects) / options\n ] = args;\n return {\n ...createDefaultCommonCallingHandlers(\n callClient,\n deviceManager,\n call,\n / @conditional-compile-remove(video-background-effects) / options\n ),\n // FIXME: onStartCall API should use string, not the underlying SDK types.\n onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions): Call \| undefined => {\n / @conditional-compile-remove(teams-adhoc-call) /\n return callAgent?.startCall(participants, options);\n if (!isACSCallParticipants(participants)) {\n throw new Error('TeamsUserIdentifier in Teams call is not supported!');\n }\n return callAgent?.startCall(participants, options);\n },\n / @conditional-compile-remove(PSTN-calls) /\n onAddParticipant: async (\n userId: string \| CommunicationIdentifier,\n options?: AddPhoneNumberOptions\n ): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n if (isPhoneNumberIdentifier(participant)) {\n call?.addParticipant(participant, options);\n } else if (isCommunicationUserIdentifier(participant) \|\| isMicrosoftTeamsUserIdentifier(participant)) {\n call?.addParticipant(participant);\n }\n },\n onRemoveParticipant: async (\n userId: string \| / @conditional-compile-remove(PSTN-calls) / CommunicationIdentifier\n ): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n await call?.removeParticipant(participant);\n }\n };\n});\n\n/ @conditional-compile-remove(spotlight) /\n/\n Handlers only for calling components\n * @internal\n /\nexport interface _ComponentCallingHandlers {\n /* VideoGallery callback prop to start local spotlight /\n onStartLocalSpotlight: () => Promise<void>;\n /* VideoGallery callback prop to stop local spotlight /\n onStopLocalSpotlight: () => Promise<void>;\n /* VideoGallery callback prop to start remote spotlight /\n onStartRemoteSpotlight: (userIds: string[]) => Promise<void>;\n /* VideoGallery callback prop to stop remote spotlight */\n onStopRemoteSpotlight: (userIds: string[]) => Promise<void>;\n}\n"]}

package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js CHANGED Viewed

@@ -33,9 +33,7 @@ export const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAge
             }
             /* @conditional-compile-remove(teams-identity-support) */
             if (callAgent) {
-                return callAgent.startCall(participants, threadId ? {
-                    threadId
-                } : undefined);
+                return callAgent.startCall(participants, threadId ? { threadId } : undefined);
             }
             return undefined;
         },
@@ -53,9 +51,7 @@ export const createDefaultTeamsCallingHandlers = memoizeOne((callClient, callAge
             }
             /* @conditional-compile-remove(teams-identity-support) */
             if (isPhoneNumberIdentifier(participant)) {
-                call === null || call === void 0 ? void 0 : call.addParticipant(participant, threadId ? {
-                    threadId
-                } : undefined);
+                call === null || call === void 0 ? void 0 : call.addParticipant(participant, threadId ? { threadId } : undefined);
             }
             /* @conditional-compile-remove(teams-identity-support) */
             call === null || call === void 0 ? void 0 : call.addParticipant(participant);

package/dist/dist-esm/calling-component-bindings/src/handlers/createTeamsCallHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"createTeamsCallHandlers.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~calling-component-bindings/src/handlers/createTeamsCallHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAQlC,OAAO,~~EAA2B~~,6BAA6B,~~EAAE~~,6BAA6B,~~EAAE~~,MAAM,6BAA6B,CAAC;~~AACpI~~,yDAAyD;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAU,0BAA0B,EAAE,mCAAgC;AAE7E,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,~~EAAE~~,kCAAkC,~~EAA2D~~,MAAM,wBAAwB,CAAC;~~AAarI~~;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,UAAU,~~CAAC~~,~~CAAC~~,UAA8B,~~EAAE~~,~~SAA8F~~,~~EAAE~~,aAAgD,~~EAAE~~,~~IAAoF~~,~~EAAE~~,~~OAEpU~~,~~EAAgC~~,EAAE;~~IACjC~~,uCACK,kCAAkC,CAAC,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,CAAC,KAC/E,WAAW,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE;YACrC,yDAAyD;YACzD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;YACnC,IAAI,CAAC,uBAAuB,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC3C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;YAC7E,CAAC;YACD,yDAAyD;YACzD,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,SAAS,CAAC,SAAS,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC~~;oBAClD~~,QAAQ~~;iBACT~~,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;~~YACjB~~,CAAC;YACD,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,yDAAyD;QACzD,6CAA6C;QAC7C,gBAAgB,EAAE,~~CAAO~~,MAAwC,~~EAAE~~,OAA+B,~~EAAiB~~,EAAE;~~YACnH~~,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,yDAAyD;YACzD,MAAM,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;YACnC,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;YAC7E,CAAC;~~YACD~~,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;YAC7E,CAAC;YACD,yDAAyD;YACzD,IAAI,uBAAuB,CAAC,WAAW,CAAC,EAAE,CAAC;gBACzC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC~~;oBAC3C~~,QAAQ~~;iBACT~~,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;~~YACjB~~,CAAC;YACD,yDAAyD;YACzD,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc,CAAC,WAAW,CAAC,CAAC;QACpC,CAAC,CAAA,EACD,mBAAmB,EAAE,~~CAAO~~,~~MAAqF~~,~~EAAiB~~,EAAE;~~YAClI~~,MAAM,WAAW,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAAC;YACvD,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/C,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;YAC7E,CAAC;~~YACD~~,IAAI,6BAA6B,CAAC,WAAW,CAAC,EAAE,CAAC;gBAC/C,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;YAC/E,CAAC;YACD,yDAAyD;YACzD,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA,CAAC;QAC7C,CAAC,CAAA,IACD;AACJ,CAAC,~~CAAC~~,CAAC;~~AAEH~~;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG,~~CAAS~~,UAA8B,~~EAAE~~,~~SAA8F~~,~~EAAE~~,aAAgD,~~EAAE~~,~~IAAoF~~,~~EAAE~~,UAAiD,~~EAAuC~~,EAAE;~~IAC/Z~~,OAAO,iCAAiC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;AACvF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) /\n/ @conditional-compile-remove(PSTN-calls) /\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { TeamsCall, TeamsCallAgent } from '@azure/communication-calling';\nimport { CommunicationIdentifier, isCommunicationUserIdentifier, isMicrosoftTeamsAppIdentifier } from '@azure/communication-common';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { Common, _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { ReactElement } from 'react';\nimport { isTeamsCallParticipants } from '../utils/callUtils';\nimport { createDefaultCommonCallingHandlers, CommonCallingHandlers, VideoBackgroundEffectsDependency } from './createCommonHandlers';\n/\n Object containing all the teams call handlers required for calling components.\n \n Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n \n @beta\n /\nexport interface TeamsCallingHandlers extends CommonCallingHandlers {\n onStartCall: (participants: CommunicationIdentifier[], options?: StartCallOptions) => undefined \| / @conditional-compile-remove(teams-identity-support) /TeamsCall;\n}\n\n/\n Create the default implementation of {@link TeamsCallingHandlers} for teams call.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @beta\n /\nexport const createDefaultTeamsCallingHandlers = memoizeOne((callClient: StatefulCallClient, callAgent: undefined \| / @conditional-compile-remove(teams-identity-support) /TeamsCallAgent, deviceManager: StatefulDeviceManager \| undefined, call: undefined \| / @conditional-compile-remove(teams-identity-support) /TeamsCall, options?: {\n onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n}): never \| TeamsCallingHandlers => {\n return {\n ...createDefaultCommonCallingHandlers(callClient, deviceManager, call, options),\n onStartCall: (participants, options) => {\n / @conditional-compile-remove(teams-identity-support) /\n const threadId = options?.threadId;\n if (!isTeamsCallParticipants(participants)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n if (callAgent) {\n return callAgent.startCall(participants, threadId ? {\n threadId\n } : undefined);\n }\n return undefined;\n },\n / @conditional-compile-remove(teams-identity-support) /\n / @conditional-compile-remove(PSTN-calls) /\n onAddParticipant: async (userId: string \| CommunicationIdentifier, options?: AddPhoneNumberOptions): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n / @conditional-compile-remove(teams-identity-support) /\n const threadId = options?.threadId;\n if (isCommunicationUserIdentifier(participant)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n if (isMicrosoftTeamsAppIdentifier(participant)) {\n throw new Error('Adding Microsoft Teams app identifier is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n if (isPhoneNumberIdentifier(participant)) {\n call?.addParticipant(participant, threadId ? {\n threadId\n } : undefined);\n }\n / @conditional-compile-remove(teams-identity-support) /\n call?.addParticipant(participant);\n },\n onRemoveParticipant: async (userId: string \| / @conditional-compile-remove(PSTN-calls) /CommunicationIdentifier): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n if (isCommunicationUserIdentifier(participant)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n if (isMicrosoftTeamsAppIdentifier(participant)) {\n throw new Error('Removing Microsoft Teams app identifier is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n await call?.removeParticipant(participant);\n }\n };\n});\n\n/\n Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with\n * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and\n * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.\n \n @param callClient - StatefulCallClient returned from\n * {@link @azure/communication-react#createStatefulCallClient}.\n * @param callAgent - Instance of {@link @azure/communication-calling#TeamsCallClient}.\n * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.\n * @param call - Instance of {@link @azure/communication-calling#TeamsCall}.\n * @param _ - React component that you want to generate handlers for.\n \n @beta\n /\nexport const createTeamsCallingHandlersForComponent = <Props,>(callClient: StatefulCallClient, callAgent: undefined \| / @conditional-compile-remove(teams-identity-support) /TeamsCallAgent, deviceManager: StatefulDeviceManager \| undefined, call: undefined \| / @conditional-compile-remove(teams-identity-support) */TeamsCall, _Component: (props: Props) => ReactElement \| null): Common<TeamsCallingHandlers, Props> => {\n return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);\n};"]}
1	+ {"version":3,"file":"createTeamsCallHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/handlers/createTeamsCallHandlers.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { StartCallOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(teams-identity-support) /\n/ @conditional-compile-remove(PSTN-calls) /\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { TeamsCall, TeamsCallAgent } from '@azure/communication-calling';\nimport {\n CommunicationIdentifier,\n isCommunicationUserIdentifier,\n isMicrosoftTeamsAppIdentifier\n} from '@azure/communication-common';\n/ @conditional-compile-remove(teams-identity-support) /\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { Common, _toCommunicationIdentifier } from '@internal/acs-ui-common';\nimport { StatefulCallClient, StatefulDeviceManager } from '@internal/calling-stateful-client';\nimport memoizeOne from 'memoize-one';\nimport { ReactElement } from 'react';\nimport { isTeamsCallParticipants } from '../utils/callUtils';\nimport {\n createDefaultCommonCallingHandlers,\n CommonCallingHandlers,\n VideoBackgroundEffectsDependency\n} from './createCommonHandlers';\n/\n Object containing all the teams call handlers required for calling components.\n \n Calling related components from this package are able to pick out relevant handlers from this object.\n * See {@link useHandlers} and {@link usePropsFor}.\n \n @beta\n /\nexport interface TeamsCallingHandlers extends CommonCallingHandlers {\n onStartCall: (\n participants: CommunicationIdentifier[],\n options?: StartCallOptions\n ) => undefined \| / @conditional-compile-remove(teams-identity-support) / TeamsCall;\n}\n\n/\n Create the default implementation of {@link TeamsCallingHandlers} for teams call.\n \n Useful when implementing a custom component that utilizes the providers\n * exported from this library.\n \n @beta\n /\nexport const createDefaultTeamsCallingHandlers = memoizeOne(\n (\n callClient: StatefulCallClient,\n callAgent: undefined \| / @conditional-compile-remove(teams-identity-support) / TeamsCallAgent,\n deviceManager: StatefulDeviceManager \| undefined,\n call: undefined \| / @conditional-compile-remove(teams-identity-support) / TeamsCall,\n options?: {\n onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n }\n ): never \| TeamsCallingHandlers => {\n return {\n ...createDefaultCommonCallingHandlers(callClient, deviceManager, call, options),\n onStartCall: (participants, options) => {\n / @conditional-compile-remove(teams-identity-support) /\n const threadId = options?.threadId;\n if (!isTeamsCallParticipants(participants)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n if (callAgent) {\n return callAgent.startCall(participants, threadId ? { threadId } : undefined);\n }\n return undefined;\n },\n / @conditional-compile-remove(teams-identity-support) /\n / @conditional-compile-remove(PSTN-calls) /\n onAddParticipant: async (\n userId: string \| CommunicationIdentifier,\n options?: AddPhoneNumberOptions\n ): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n / @conditional-compile-remove(teams-identity-support) /\n const threadId = options?.threadId;\n if (isCommunicationUserIdentifier(participant)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n\n if (isMicrosoftTeamsAppIdentifier(participant)) {\n throw new Error('Adding Microsoft Teams app identifier is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n if (isPhoneNumberIdentifier(participant)) {\n call?.addParticipant(participant, threadId ? { threadId } : undefined);\n }\n / @conditional-compile-remove(teams-identity-support) /\n call?.addParticipant(participant);\n },\n onRemoveParticipant: async (\n userId: string \| / @conditional-compile-remove(PSTN-calls) / CommunicationIdentifier\n ): Promise<void> => {\n const participant = _toCommunicationIdentifier(userId);\n if (isCommunicationUserIdentifier(participant)) {\n throw new Error('CommunicationIdentifier in Teams call is not supported!');\n }\n\n if (isMicrosoftTeamsAppIdentifier(participant)) {\n throw new Error('Removing Microsoft Teams app identifier is not supported!');\n }\n / @conditional-compile-remove(teams-identity-support) /\n await call?.removeParticipant(participant);\n }\n };\n }\n);\n\n/\n Create a set of default handlers for given component. Memoization is applied to the result. Multiple invocations with\n * the same arguments will return the same handler instances. DeclarativeCallAgent, DeclarativeDeviceManager, and\n * DeclarativeCall may be undefined. If undefined, their associated handlers will not be created and returned.\n \n @param callClient - StatefulCallClient returned from\n * {@link @azure/communication-react#createStatefulCallClient}.\n * @param callAgent - Instance of {@link @azure/communication-calling#TeamsCallClient}.\n * @param deviceManager - Instance of {@link @azure/communication-calling#DeviceManager}.\n * @param call - Instance of {@link @azure/communication-calling#TeamsCall}.\n * @param _ - React component that you want to generate handlers for.\n \n @beta\n /\nexport const createTeamsCallingHandlersForComponent = <Props>(\n callClient: StatefulCallClient,\n callAgent: undefined \| / @conditional-compile-remove(teams-identity-support) / TeamsCallAgent,\n deviceManager: StatefulDeviceManager \| undefined,\n call: undefined \| / @conditional-compile-remove(teams-identity-support) */ TeamsCall,\n _Component: (props: Props) => ReactElement \| null\n): Common<TeamsCallingHandlers, Props> => {\n return createDefaultTeamsCallingHandlers(callClient, callAgent, deviceManager, call);\n};\n"]}

package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ import { ReactElement } from 'react';
  *
  * @public
  */
-export declare const useHandlers: <PropsT>(component: (props: PropsT) => ReactElement | null) => import("../../../acs-ui-common/src").Common<import("..").CommonCallingHandlers, PropsT> | undefined;
+export declare const useHandlers: <PropsT>(component: (props: PropsT) => ReactElement | null) => import("index").Common<import("index").CommonCallingHandlers, PropsT> | undefined;
 //# sourceMappingURL=useHandlers.d.ts.map

package/dist/dist-esm/calling-component-bindings/src/hooks/useHandlers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~calling-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,~~EAAsB~~,UAAU,~~EAAE~~,eAAe,~~EAAE~~,YAAY,~~EAAE~~,iBAAiB,~~EAAE~~,6CAA0C;~~AACrI~~,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAElG;;;;;;;GAOG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG,~~CAAU~~,SAAiD,EAAE,EAAE;;~~IACxF~~,MAAM,UAAU,GAAuB,MAAC,UAAU,CAAC,iBAAiB,CAAS,0CAAE,UAAU,CAAC;IAC1F,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAA,UAAU,CAAC,gBAAgB,CAAC,0CAAE,SAAS,CAAC;IAC1D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iFAAiF;IACjF,IAAI,SAAS,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;QACnF,CAAC;IACH,CAAC;~~IACD~~,IAAI,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5C,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC;~~IACD~~,OAAO,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AACzG,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ReactElement, useContext } from 'react';\nimport { StatefulCallClient, _isACSCall, _isACSCallAgent, _isTeamsCall, _isTeamsCallAgent } from '@internal/calling-stateful-client';\nimport { createDefaultCallingHandlersForComponent } from '../handlers/createDefaultCallingHandlersForComponent';\nimport { CallAgentContext, CallClientContext, CallContext, useDeviceManager } from '../providers';\n\n/*\n Hook to obtain a handler 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, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT,>(component: (props: PropsT) => ReactElement \| null) => {\n const callClient: StatefulCallClient = (useContext(CallClientContext) as any)?.callClient;\n const deviceManager = useDeviceManager();\n const call = useContext(CallContext)?.call;\n const callAgent = useContext(CallAgentContext)?.callAgent;\n if (!callClient) {\n return undefined;\n }\n\n // Handle edge case, validate if call and callAgent are the same type (ACS/Teams)\n if (callAgent && _isTeamsCallAgent(callAgent)) {\n if (call && !_isTeamsCall(call)) {\n throw new Error('A TeamsCall must be provided when callAgent is TeamsCallAgent');\n }\n }\n if (callAgent && _isACSCallAgent(callAgent)) {\n if (call && !_isACSCall(call)) {\n throw new Error('A regular ACS Call must be provided when callAgent is regular CallAgent');\n }\n }\n return createDefaultCallingHandlersForComponent(callClient, callAgent, deviceManager, call, component);\n};"]}
1	+ {"version":3,"file":"useHandlers.js","sourceRoot":"","sources":["../../../../../../calling-component-bindings/src/hooks/useHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,UAAU,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAEL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,6CAA0C;AAC3C,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAElG;;;;;;;GAOG;AACH,+HAA+H;AAC/H,MAAM,CAAC,MAAM,WAAW,GAAG,CAAS,SAAiD,EAAE,EAAE;;IACvF,MAAM,UAAU,GAAuB,MAAC,UAAU,CAAC,iBAAiB,CAAS,0CAAE,UAAU,CAAC;IAC1F,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,IAAI,GAAG,MAAA,UAAU,CAAC,WAAW,CAAC,0CAAE,IAAI,CAAC;IAC3C,MAAM,SAAS,GAAG,MAAA,UAAU,CAAC,gBAAgB,CAAC,0CAAE,SAAS,CAAC;IAC1D,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,iFAAiF;IACjF,IAAI,SAAS,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE,CAAC;QAC9C,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAChC,MAAM,IAAI,KAAK,CAAC,+DAA+D,CAAC,CAAC;QACnF,CAAC;IACH,CAAC;IAED,IAAI,SAAS,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5C,IAAI,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,yEAAyE,CAAC,CAAC;QAC7F,CAAC;IACH,CAAC;IAED,OAAO,wCAAwC,CAAC,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;AACzG,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ReactElement, useContext } from 'react';\nimport {\n StatefulCallClient,\n _isACSCall,\n _isACSCallAgent,\n _isTeamsCall,\n _isTeamsCallAgent\n} from '@internal/calling-stateful-client';\nimport { createDefaultCallingHandlersForComponent } from '../handlers/createDefaultCallingHandlersForComponent';\nimport { CallAgentContext, CallClientContext, CallContext, useDeviceManager } from '../providers';\n\n/*\n Hook to obtain a handler 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, @typescript-eslint/explicit-function-return-type\nexport const useHandlers = <PropsT>(component: (props: PropsT) => ReactElement \| null) => {\n const callClient: StatefulCallClient = (useContext(CallClientContext) as any)?.callClient;\n const deviceManager = useDeviceManager();\n const call = useContext(CallContext)?.call;\n const callAgent = useContext(CallAgentContext)?.callAgent;\n if (!callClient) {\n return undefined;\n }\n\n // Handle edge case, validate if call and callAgent are the same type (ACS/Teams)\n if (callAgent && _isTeamsCallAgent(callAgent)) {\n if (call && !_isTeamsCall(call)) {\n throw new Error('A TeamsCall must be provided when callAgent is TeamsCallAgent');\n }\n }\n\n if (callAgent && _isACSCallAgent(callAgent)) {\n if (call && !_isACSCall(call)) {\n throw new Error('A regular ACS Call must be provided when callAgent is regular CallAgent');\n }\n }\n\n return createDefaultCallingHandlersForComponent(callClient, callAgent, deviceManager, call, component);\n};\n"]}

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

@@ -12,6 +12,7 @@ import { AreEqual } from "../../../acs-ui-common/src";
 import { ParticipantsButton } from "../../../react-components/src";
 import { ErrorBarSelector } from '../errorBarSelector';
 import { CommonCallingHandlers } from '../handlers/createCommonHandlers';
+import { _ComponentCallingHandlers } from '../handlers/createHandlers';
 /**
  * Primary hook to get all hooks necessary for a calling Component.
  *
@@ -30,7 +31,7 @@ import { CommonCallingHandlers } from '../handlers/createCommonHandlers';
  *
  * @public
  */
-export declare const usePropsFor: <Component extends (props: any) => JSX.Element>(component: Component) => GetSelector<Component> extends (props: any) => any ? ReturnType<GetSelector<Component>> & Common<CommonCallingHandlers, Parameters<Component>[0]> : undefined;
+export declare 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;
 /**
  * A type for trivial selectors that return no data.
  *

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

@@ -5,9 +5,7 @@ import { CameraButton, EndCallButton, ErrorBar, MicrophoneButton, DevicesButton,
 import { Dialpad } from "../../../react-components/src";
 /* @conditional-compile-remove(PSTN-calls) */
 import { HoldButton } from "../../../react-components/src";
-/* @conditional-compile-remove(raise-hand) */
 import { RaiseHandButton } from "../../../react-components/src";
-/* @conditional-compile-remove(raise-hand) */
 import { raiseHandButtonSelector } from '../callControlSelectors';
 import { cameraButtonSelector, microphoneButtonSelector, devicesButtonSelector, screenShareButtonSelector } from '../callControlSelectors';
 /* @conditional-compile-remove(PSTN-calls) */
@@ -19,6 +17,10 @@ import { useHandlers } from './useHandlers';
 import { useSelector } from './useSelector';
 import { ParticipantsButton } from "../../../react-components/src";
 import { errorBarSelector } from '../errorBarSelector';
+/* @conditional-compile-remove(reaction) */
+import { reactionButtonSelector } from '../callControlSelectors';
+/* @conditional-compile-remove(reaction) */
+import { ReactionButton } from "../../../react-components/src";
 /**
  * Primary hook to get all hooks necessary for a calling Component.
  *
@@ -61,8 +63,8 @@ export const getSelector = (component) => {
     if (component === HoldButton) {
         return findConditionalCompiledSelector(component);
     }
-    /* @conditional-compile-remove(raise-hand) */
-    if (component === RaiseHandButton) {
+    /* @conditional-compile-remove(reaction) */
+    if (component === ReactionButton) {
         return findConditionalCompiledSelector(component);
     }
     return findSelector(component);
@@ -92,20 +94,22 @@ const findSelector = (component) => {
             return emptySelector;
         case ErrorBar:
             return errorBarSelector;
+        case RaiseHandButton:
+            return raiseHandButtonSelector;
     }
     return undefined;
 };
-/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(raise-hand) */
+/* @conditional-compile-remove(PSTN-calls) */
 const findConditionalCompiledSelector = (component) => {
     switch (component) {
         /* @conditional-compile-remove(PSTN-calls) */
         case HoldButton:
             /* @conditional-compile-remove(PSTN-calls) */
             return holdButtonSelector;
-        /* @conditional-compile-remove(raise-hand) */
-        case RaiseHandButton:
-            /* @conditional-compile-remove(raise-hand) */
-            return raiseHandButtonSelector;
+        /* @conditional-compile-remove(reaction) */
+        case ReactionButton:
+            /* @conditional-compile-remove(reaction) */
+            return reactionButtonSelector;
     }
 };
 //# sourceMappingURL=usePropsFor.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"usePropsFor.js","sourceRoot":"","sources":["~~../../../../../preprocess-dist/~~calling-component-bindings/src/hooks/usePropsFor.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,~~EAAE~~,YAAY,~~EAAE~~,aAAa,~~EAAE~~,QAAQ,~~EAAE~~,gBAAgB,~~EAAE~~,aAAa,~~EAAE~~,eAAe,~~EAAE~~,iBAAiB,~~EAAE~~,YAAY,~~EAAE~~,sCAAmC;~~AACtK~~,0CAA0C,CAAC,6CAA6C;AACxF,OAAO,EAAE,OAAO,EAAE,sCAAmC;AACrD,6CAA6C;AAC7C,OAAO,EAAE,UAAU,EAAE,sCAAmC;AACxD,~~6CAA6C;AAC7C,~~OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,~~6CAA6C;AAC7C,~~OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,~~EAAwB~~,oBAAoB,~~EAA4B~~,wBAAwB,~~EAAyB~~,qBAAqB,~~EAA6B~~,yBAAyB,~~EAAE~~,MAAM,yBAAyB,CAAC;~~AAC7O~~,6CAA6C;AAC7C,OAAO,EAAE,kBAAkB,EAAsB,MAAM,yBAAyB,CAAC;AACjF,OAAO,EAAwB,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAA2B,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAC9F,OAAO,EAA8B,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AACvG,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,OAAO,EAAE,kBAAkB,EAAE,sCAAmC;AAChE,OAAO,EAAoB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEzE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,~~CAAiD~~,SAAoB,~~EAAiK~~,EAAE;~~IACjQ~~,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,WAAW,CAA2B,SAAS,CAAC,CAAC;IAClE,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,~~OAAQ~~,~~gCACH~~,KAAK,~~GACL~~,QAAQ,~~CACJ~~,CAAC;~~IACZ~~,CAAC;IACD,~~OAAQ~~,~~SAAiB~~,CAAC;~~AAC5B~~,CAAC,CAAC;~~AAUF~~,MAAM,aAAa,GAAkB,GAA0B,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;~~AASvE~~;;;;;;;GAOG;AACH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,WAAW,GAAG,~~CAA6D~~,SAAoB,~~EAA0B~~,EAAE;~~IACtI~~,6CAA6C;IAC7C,IAAI,SAAS,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,+BAA+B,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC;IACD,~~6CAA6C~~;~~IAC7C~~,IAAI,SAAS,KAAK,~~eAAe~~,EAAE,CAAC;~~QAClC~~,OAAO,+BAA+B,CAAC,SAAS,CAAC,CAAC;IACpD,CAAC;IACD,OAAO,YAAY,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC;~~AACF~~,MAAM,YAAY,GAAG,CAAC,SAAkD,EAAO,EAAE;IAC/E,0CAA0C,CAAC,6CAA6C;IACxF,wHAAwH;IACxH,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QAC1B,OAAO,aAAa,CAAC;IACvB,CAAC;~~IACD~~,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,YAAY;YACf,OAAO,oBAAoB,CAAC;QAC9B,KAAK,gBAAgB;YACnB,OAAO,wBAAwB,CAAC;QAClC,KAAK,YAAY;YACf,OAAO,oBAAoB,CAAC;QAC9B,KAAK,iBAAiB;YACpB,OAAO,yBAAyB,CAAC;QACnC,KAAK,aAAa;YAChB,OAAO,qBAAqB,CAAC;QAC/B,KAAK,eAAe;YAClB,OAAO,uBAAuB,CAAC;QACjC,KAAK,kBAAkB;YACrB,OAAO,0BAA0B,CAAC;QACpC,KAAK,aAAa;YAChB,OAAO,aAAa,CAAC;QACvB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC;~~IAC5B~~,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,6CAA6C~~,CAAC,6CAA6C~~;~~AAC3F~~,MAAM,+BAA+B,GAAG,CAAC,SAAkD,EAAO,EAAE;IAClG,QAAQ,SAAS,EAAE,CAAC;QAClB,6CAA6C;QAC7C,KAAK,UAAU;YACb,6CAA6C;YAC7C,OAAO,kBAAkB,CAAC;QAC5B,~~6CAA6C~~;~~QAC7C~~,KAAK,~~eAAe~~;~~YAClB~~,~~6CAA6C~~;~~YAC7C~~,OAAO,~~uBAAuB~~,CAAC;~~IACnC~~,CAAC;AACH,CAAC,CAAC","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';\n/* @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { Dialpad } from '@internal/react-components';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { HoldButton } from '@internal/react-components';\~~n/ @conditional-compile-remove(raise-hand) /\~~nimport { RaiseHandButton } from '@internal/react-components';\~~n/ @conditional-compile-remove(raise-hand) /\~~nimport { raiseHandButtonSelector } from '../callControlSelectors';\nimport { CameraButtonSelector, cameraButtonSelector, MicrophoneButtonSelector, microphoneButtonSelector, DevicesButtonSelector, devicesButtonSelector, ScreenShareButtonSelector, screenShareButtonSelector } from '../callControlSelectors';\n/ @conditional-compile-remove(PSTN-calls) /\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';\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, 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 ? / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /EmptySelector : AreEqual<Component, typeof HoldButton> extends true ? / @conditional-compile-remove(PSTN-calls) /HoldButtonSelector : 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 / @conditional-compile-remove(PSTN-calls) /\n if (component === HoldButton) {\n return findConditionalCompiledSelector(component);\n }\n / @conditional-compile-remove(~~raise-hand~~) /\n if (component === ~~RaiseHandButton~~) {\n return findConditionalCompiledSelector(component);\n }\n return findSelector(component);\n};\nconst findSelector = (component: (props: any) => JSX.Element \| undefined): any => {\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\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 }\n return undefined;\n};\n\n/ @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(raise-hand) /\nconst findConditionalCompiledSelector = (component: (props: any) => JSX.Element \| undefined): any => {\n switch (component) {\n / @conditional-compile-remove(PSTN-calls) /\n case HoldButton:\n / @conditional-compile-remove(PSTN-calls) /\n return holdButtonSelector;\n / @conditional-compile-remove(~~raise-hand~~) /\n case ~~RaiseHandButton~~:\n / @conditional-compile-remove(~~raise-hand~~) */\n return ~~raiseHandButtonSelector~~;\n }\n};"]}
1	+ {"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} from '@internal/react-components';\n/* @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { Dialpad } from '@internal/react-components';\n/ @conditional-compile-remove(PSTN-calls) /\nimport { HoldButton } from '@internal/react-components';\nimport { RaiseHandButton } from '@internal/react-components';\nimport { raiseHandButtonSelector } from '../callControlSelectors';\nimport {\n CameraButtonSelector,\n cameraButtonSelector,\n MicrophoneButtonSelector,\n microphoneButtonSelector,\n DevicesButtonSelector,\n devicesButtonSelector,\n ScreenShareButtonSelector,\n screenShareButtonSelector\n} from '../callControlSelectors';\n/ @conditional-compile-remove(PSTN-calls) /\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';\n/ @conditional-compile-remove(reaction) /\nimport { reactionButtonSelector } from '../callControlSelectors';\n/ @conditional-compile-remove(reaction) /\nimport { ReactionButton } from '@internal/react-components';\n/ @conditional-compile-remove(spotlight) /\nimport { _ComponentCallingHandlers } from '../handlers/createHandlers';\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<\n CommonCallingHandlers & / @conditional-compile-remove(spotlight) / _ComponentCallingHandlers,\n Parameters<Component>[0]\n >\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> = AreEqual<\n Component,\n typeof VideoGallery\n> 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 ? / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) / EmptySelector\n : AreEqual<Component, typeof HoldButton> extends true\n ? / @conditional-compile-remove(PSTN-calls) / HoldButtonSelector\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 / @conditional-compile-remove(PSTN-calls) /\n if (component === HoldButton) {\n return findConditionalCompiledSelector(component);\n }\n / @conditional-compile-remove(reaction) /\n if (component === ReactionButton) {\n return findConditionalCompiledSelector(component);\n }\n return findSelector(component);\n};\n\nconst findSelector = (component: (props: any) => JSX.Element \| undefined): any => {\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\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 }\n return undefined;\n};\n\n/ @conditional-compile-remove(PSTN-calls) /\nconst findConditionalCompiledSelector = (component: (props: any) => JSX.Element \| undefined): any => {\n switch (component) {\n / @conditional-compile-remove(PSTN-calls) /\n case HoldButton:\n / @conditional-compile-remove(PSTN-calls) /\n return holdButtonSelector;\n / @conditional-compile-remove(reaction) /\n case ReactionButton:\n / @conditional-compile-remove(reaction) */\n return reactionButtonSelector;\n }\n};\n"]}

package/dist/dist-esm/calling-component-bindings/src/hooks/useSelector.d.ts CHANGED Viewed

@@ -7,5 +7,5 @@ import { CallClientState } from "../../../calling-stateful-client/src";
  *
  * @public
  */
-export declare const useSelector: <SelectorT extends (state: CallClientState, props: any) => any, ParamT extends SelectorT | undefined>(selector: ParamT, selectorProps?: Parameters<SelectorT>[1] | undefined) => ParamT extends SelectorT ? ReturnType<SelectorT> : undefined;
+export declare 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;
 //# sourceMappingURL=useSelector.d.ts.map

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

	@@ -1 +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};"]}
1	+ {"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/index.d.ts CHANGED Viewed

@@ -14,6 +14,7 @@ export type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';
 export type { CommonCallingHandlers } from './handlers/createCommonHandlers';
 export type { CaptionsOptions } from './handlers/createCommonHandlers';
 export type { VideoBackgroundEffectsDependency } from './handlers/createCommonHandlers';
+export type { _ComponentCallingHandlers } from './handlers/createHandlers';
 export type { CallingHandlersOptions } from './handlers/createHandlers';
 export { useTeamsCall, useTeamsCallAgent } from './providers';
 export { CallAgentProvider, CallClientProvider, CallProvider, useCall, useCallAgent, useCallClient, useDeviceManager } from './providers';

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

	@@ -1 +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,yDAAyD;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;~~AAWvF~~,iDAAiD;AACjD,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;~~AAWrH~~,yDAAyD;AACzD,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,MAAM,mBAAmB,CAAC;AACpF,6CAA6C;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,sDAAsD;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;~~AACxD~~,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/* @conditional-compile-remove(teams-identity-support) /\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/ @conditional-compile-remove(PSTN-calls) /\nexport type { HoldButtonSelector } from './callControlSelectors';\n\n/ @conditional-compile-remove(close-captions) /\nexport type { _StartCaptionsButtonSelector, _CaptionSettingsSelector, _CaptionsBannerSelector } from './captionsSelector';\n\n/ @conditional-compile-remove(close-captions) /\nexport { _captionsBannerSelector, _startCaptionsButtonSelector, _captionSettingsSelector } from './captionsSelector';\nexport type { CallingHandlers, CreateDefaultCallingHandlers } from './handlers/createHandlers';\n/ @conditional-compile-remove(teams-identity-support) /\nexport type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { CommonCallingHandlers } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(close-captions) /\nexport type { CaptionsOptions } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nexport type { VideoBackgroundEffectsDependency } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nexport type { CallingHandlersOptions } from './handlers/createHandlers';\n/ @conditional-compile-remove(teams-identity-support) /\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 } from './utils/callUtils';\n/ @conditional-compile-remove(PSTN-calls) /\nexport { _updateUserDisplayNames } from './utils/callUtils';\n/ @conditional-compile-remove(unsupported-browser) */\nexport { _getEnvironmentInfo } from './utils/callUtils';\nexport { _videoGalleryRemoteParticipantsMemo, _dominantSpeakersWithFlatId } from './utils/videoGalleryUtils';\nexport type { _VideoGalleryRemoteParticipantsMemoFn } from './utils/videoGalleryUtils';"]}
1	+ {"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;AACzE,yDAAyD;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,oCAAoC,CAAC;AAevF,iDAAiD;AACjD,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAcrH,yDAAyD;AACzD,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,EAAE,SAAS,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AACpF,6CAA6C;AAC7C,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,sDAAsD;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,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/* @conditional-compile-remove(teams-identity-support) /\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/ @conditional-compile-remove(PSTN-calls) /\nexport type { HoldButtonSelector } from './callControlSelectors';\n\n/ @conditional-compile-remove(close-captions) /\nexport type {\n _StartCaptionsButtonSelector,\n _CaptionSettingsSelector,\n _CaptionsBannerSelector\n} from './captionsSelector';\n\n/ @conditional-compile-remove(close-captions) /\nexport { _captionsBannerSelector, _startCaptionsButtonSelector, _captionSettingsSelector } from './captionsSelector';\n\nexport type { CallingHandlers, CreateDefaultCallingHandlers } from './handlers/createHandlers';\n/ @conditional-compile-remove(teams-identity-support) /\nexport type { TeamsCallingHandlers } from './handlers/createTeamsCallHandlers';\nexport type { CommonCallingHandlers } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(close-captions) /\nexport type { CaptionsOptions } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nexport type { VideoBackgroundEffectsDependency } from './handlers/createCommonHandlers';\n/ @conditional-compile-remove(spotlight) /\nexport type { _ComponentCallingHandlers } from './handlers/createHandlers';\n/ @conditional-compile-remove(video-background-effects) /\nexport type { CallingHandlersOptions } from './handlers/createHandlers';\n/ @conditional-compile-remove(teams-identity-support) /\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 { _isInCall, _isPreviewOn, _isInLobbyOrConnecting } from './utils/callUtils';\n/ @conditional-compile-remove(PSTN-calls) /\nexport { _updateUserDisplayNames } from './utils/callUtils';\n/ @conditional-compile-remove(unsupported-browser) */\nexport { _getEnvironmentInfo } 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/participantListSelector.js CHANGED Viewed

@@ -3,19 +3,34 @@
 import { createSelector } from 'reselect';
 import { getIdentifier, getDisplayName, getIsScreenSharingOn, getIsMuted } from './baseSelectors';
 import { getRole } from './baseSelectors';
+/* @conditional-compile-remove(hide-attendee-name) */
+import { isHideAttendeeNamesEnabled } from './baseSelectors';
 import { _isRingingPSTNParticipant, _updateUserDisplayNames } from './utils/callUtils';
 import { memoizedConvertAllremoteParticipants } from './utils/participantListSelectorUtils';
+/* @conditional-compile-remove(spotlight) */
+import { memoizedConvertAllremoteParticipantsBetaSpotlight } from './utils/participantListSelectorUtils';
+/* @conditional-compile-remove(reaction) */
+import { memoizedConvertToVideoTileReaction } from './utils/participantListSelectorUtils';
 /* @conditional-compile-remove(rooms) */
 import { memoizedConvertAllremoteParticipantsBetaRelease } from './utils/participantListSelectorUtils';
-/* @conditional-compile-remove(raise-hand) */
+/* @conditional-compile-remove(reaction) */
+import { memoizedConvertAllremoteParticipantsBeta } from './utils/participantListSelectorUtils';
+/* @conditional-compile-remove(spotlight) */
+import { memoizedSpotlight } from './utils/participantListSelectorUtils';
 import { getLocalParticipantRaisedHand } from './baseSelectors';
+/* @conditional-compile-remove(reaction) */
+import { getLocalParticipantReactionState } from './baseSelectors';
+/* @conditional-compile-remove(spotlight) */
+import { getSpotlightCallFeature } from './baseSelectors';
 import { toFlatCommunicationIdentifier } from "../../acs-ui-common/src";
 import { getParticipantCount } from './baseSelectors';
 import { isMicrosoftTeamsAppIdentifier, isPhoneNumberIdentifier } from '@azure/communication-common';
+/* @conditional-compile-remove(hide-attendee-name) */
+import { maskDisplayNameWithRole } from './utils/callUtils';
 import { getRemoteParticipantsExcludingConsumers } from './getRemoteParticipantsExcludingConsumers';
 const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipants, localUserCanRemoveOthers, isHideAttendeeNamesEnabled, localUserRole, spotlightedParticipants) => {
     const conversionCallback = (memoizeFn) => {
-        return remoteParticipants
+        return (remoteParticipants
             // Filter out MicrosoftBot participants
             .filter((participant) => {
             return !isMicrosoftTeamsAppIdentifier(participant.identifier);
@@ -24,18 +39,32 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
             /**
              * hiding participants who are inLobby, idle, or connecting in ACS clients till we can admit users through ACS clients.
              * phone users will be in the connecting state until they are connected to the call.
-             */ .filter(participant => {
-            return !['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) || isPhoneNumberIdentifier(participant.identifier);
-        }).map((participant) => {
-            const isScreenSharing = Object.values(participant.videoStreams).some(videoStream => videoStream.mediaStreamType === 'ScreenSharing' && videoStream.isAvailable);
+             */
+            .filter((participant) => {
+            return (!['InLobby', 'Idle', 'Connecting', 'Disconnected'].includes(participant.state) ||
+                isPhoneNumberIdentifier(participant.identifier));
+        })
+            .map((participant) => {
+            const isScreenSharing = Object.values(participant.videoStreams).some((videoStream) => videoStream.mediaStreamType === 'ScreenSharing' && videoStream.isAvailable);
             /**
              * We want to check the participant to see if they are a PSTN participant joining the call
              * and mapping their state to be 'Ringing'
              */
             const state = _isRingingPSTNParticipant(participant);
             let displayName = participant.displayName;
-            return memoizeFn(toFlatCommunicationIdentifier(participant.identifier), displayName, state, participant.isMuted, isScreenSharing, participant.isSpeaking, /* @conditional-compile-remove(raise-hand) */ participant.raisedHand, localUserCanRemoveOthers);
-        }).sort((a, b) => {
+            /* @conditional-compile-remove(hide-attendee-name) */
+            displayName = maskDisplayNameWithRole(displayName, localUserRole, participant.role, isHideAttendeeNamesEnabled);
+            /* @conditional-compile-remove(reaction) */
+            const remoteParticipantReaction = memoizedConvertToVideoTileReaction(participant.reactionState);
+            /* @conditional-compile-remove(spotlight) */
+            const spotlight = memoizedSpotlight(spotlightedParticipants, toFlatCommunicationIdentifier(participant.identifier));
+            return memoizeFn(toFlatCommunicationIdentifier(participant.identifier), displayName, state, participant.isMuted, isScreenSharing, participant.isSpeaking, participant.raisedHand, localUserCanRemoveOthers,
+            /* @conditional-compile-remove(reaction) */
+            remoteParticipantReaction,
+            /* @conditional-compile-remove(spotlight) */
+            spotlight);
+        })
+            .sort((a, b) => {
             var _a, _b;
             const nameA = ((_a = a.displayName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '';
             const nameB = ((_b = b.displayName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '';
@@ -48,8 +77,12 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
             else {
                 return 0;
             }
-        });
+        }));
     };
+    /* @conditional-compile-remove(spotlight) */
+    return memoizedConvertAllremoteParticipantsBetaSpotlight(conversionCallback);
+    /* @conditional-compile-remove(reaction) */
+    return memoizedConvertAllremoteParticipantsBeta(conversionCallback);
     /* @conditional-compile-remove(rooms) */
     return memoizedConvertAllremoteParticipantsBetaRelease(conversionCallback);
     return memoizedConvertAllremoteParticipants(conversionCallback);
@@ -59,19 +92,53 @@ const convertRemoteParticipantsToParticipantListParticipants = (remoteParticipan
  *
  * @public
  */
-export const participantListSelector = createSelector([getIdentifier, getDisplayName, getRemoteParticipantsExcludingConsumers, getIsScreenSharingOn, getIsMuted, /* @conditional-compile-remove(raise-hand) */ getLocalParticipantRaisedHand, getRole, getParticipantCount], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, /* @conditional-compile-remove(raise-hand) */ raisedHand, role, partitipantCount) => {
+export const participantListSelector = createSelector([
+    getIdentifier,
+    getDisplayName,
+    getRemoteParticipantsExcludingConsumers,
+    getIsScreenSharingOn,
+    getIsMuted,
+    getLocalParticipantRaisedHand,
+    getRole,
+    getParticipantCount,
+    /* @conditional-compile-remove(hide-attendee-name) */
+    isHideAttendeeNamesEnabled,
+    /* @conditional-compile-remove(reaction) */
+    getLocalParticipantReactionState,
+    /* @conditional-compile-remove(spotlight) */
+    getSpotlightCallFeature
+], (userId, displayName, remoteParticipants, isScreenSharingOn, isMuted, raisedHand, role, partitipantCount,
+/* @conditional-compile-remove(hide-attendee-name) */
+isHideAttendeeNamesEnabled,
+/* @conditional-compile-remove(reaction) */
+localParticipantReactionState,
+/* @conditional-compile-remove(spotlight) */
+spotlightCallFeature) => {
     const localUserCanRemoveOthers = localUserCanRemoveOthersTrampoline(role);
-    const participants = remoteParticipants ? convertRemoteParticipantsToParticipantListParticipants(updateUserDisplayNamesTrampoline(Object.values(remoteParticipants)), localUserCanRemoveOthers) : [];
+    const participants = remoteParticipants
+        ? convertRemoteParticipantsToParticipantListParticipants(updateUserDisplayNamesTrampoline(Object.values(remoteParticipants)), localUserCanRemoveOthers,
+        /* @conditional-compile-remove(hide-attendee-name) */
+        isHideAttendeeNamesEnabled,
+        /* @conditional-compile-remove(hide-attendee-name) */
+        role,
+        /* @conditional-compile-remove(spotlight) */
+        spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants)
+        : [];
+    /* @conditional-compile-remove(reaction) */
+    const localParticipantReaction = memoizedConvertToVideoTileReaction(localParticipantReactionState);
     participants.push({
         userId: userId,
         displayName: displayName,
         isScreenSharing: isScreenSharingOn,
         isMuted: isMuted,
-        /* @conditional-compile-remove(raise-hand) */
         raisedHand: raisedHand,
         state: 'Connected',
         // Local participant can never remove themselves.
-        isRemovable: false
+        isRemovable: false,
+        /* @conditional-compile-remove(reaction) */
+        reaction: localParticipantReaction,
+        /* @conditional-compile-remove(spotlight) */
+        spotlight: memoizedSpotlight(spotlightCallFeature === null || spotlightCallFeature === void 0 ? void 0 : spotlightCallFeature.spotlightedParticipants, userId)
     });
     /* @conditional-compile-remove(total-participant-count) */
     const totalParticipantCount = partitipantCount;