npm - @azure/communication-react - Versions diffs - 1.29.0-alpha-202506140018 → 1.29.0-alpha-202506180019 - Mend

@azure/communication-react 1.29.0-alpha-202506140018 → 1.29.0-alpha-202506180019

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 (49) hide show

package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamsCallDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsCallDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAe1D,MAAM,cAAe,SAAQ,eAAe;~~IACnC~~,GAAG,CAA4B,MAAiB,EAAE,IAAO;QAC9D,QAAQ,IAAI,EAAE,CAAC;YACb,8DAA8D;YAC9D,KAAK,gBAAgB,CAAC,CAAC,CAAC;gBACtB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,yBAAyB,CAAC,UACjD,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;oBAC9C,CAAC;iBAAA,EAAE,0BAA0B,CAAC,CAAC;YACjC,CAAC;YACD;gBACE,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;IACxC,CAAC;CACF;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAE,OAAoB,EAAwB,EAAE;IAClG,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,WAAW,EAAE,CAAC;IACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE;KACrC,CAAC,CAAC;IAEH,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,SAAS,CAAyB,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ProxyCallCommon } from './CallDeclarativeCommon';\nimport { CallContext } from './CallContext';\nimport { TeamsCall } from './BetaToStableTypes';\n\n/*\n \n * @public\n /\nexport type DeclarativeTeamsCall = TeamsCall & {\n /\n Stop any declarative specific subscriptions and remove declarative subscribers.\n /\n unsubscribe(): void;\n};\n\nclass ProxyTeamsCall extends ProxyCallCommon implements ProxyHandler<TeamsCall> {\n public get<P extends keyof TeamsCall>(target: TeamsCall, prop: P): any {\n switch (prop) {\n / @conditional-compile-remove(teams-identity-support-beta) /\n case 'addParticipant': {\n return this.getContext().withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsCall['addParticipant']>\n ) {\n return await target.addParticipant(...args);\n }, 'TeamsCall.addParticipant');\n }\n default:\n return super.get(target, prop as any);\n }\n return super.get(target, prop as any);\n }\n}\n\n/\n Creates a declarative Call by proxying Call with ProxyCall.\n * This should only be used with CallAgentDeclarative as CallAgentDeclarative will add that\n * call to the context properly (need to have the Call in context to update it - CallAgentDeclarative will add Call to\n * context)\n \n @param call - TeamsCall from SDK\n * @param context - CallContext from StatefulCallClient\n */\nexport const teamsCallDeclaratify = (call: TeamsCall, context: CallContext): DeclarativeTeamsCall => {\n const proxyCall = new ProxyTeamsCall(context);\n proxyCall.unsubscribe();\n Object.defineProperty(call, 'unsubscribe', {\n configurable: false,\n value: () => proxyCall.unsubscribe()\n });\n\n return new Proxy(call, proxyCall) as DeclarativeTeamsCall;\n};\n"]}
1	+ {"version":3,"file":"TeamsCallDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsCallDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAe1D,MAAM,cAAe,SAAQ,eAAe;IAC1C,8DAA8D;IACvD,GAAG,CAA4B,MAAiB,EAAE,IAAO;QAC9D,QAAQ,IAAI,EAAE,CAAC;YACb,8DAA8D;YAC9D,KAAK,gBAAgB,CAAC,CAAC,CAAC;gBACtB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,yBAAyB,CAAC,UACjD,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;oBAC9C,CAAC;iBAAA,EAAE,0BAA0B,CAAC,CAAC;YACjC,CAAC;YACD;gBACE,8DAA8D;gBAC9D,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;QAC1C,CAAC;QACD,8DAA8D;QAC9D,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;IACxC,CAAC;CACF;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAE,OAAoB,EAAwB,EAAE;IAClG,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,WAAW,EAAE,CAAC;IACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE;KACrC,CAAC,CAAC;IAEH,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,SAAS,CAAyB,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ProxyCallCommon } from './CallDeclarativeCommon';\nimport { CallContext } from './CallContext';\nimport { TeamsCall } from './BetaToStableTypes';\n\n/*\n \n * @public\n /\nexport type DeclarativeTeamsCall = TeamsCall & {\n /\n Stop any declarative specific subscriptions and remove declarative subscribers.\n /\n unsubscribe(): void;\n};\n\nclass ProxyTeamsCall extends ProxyCallCommon implements ProxyHandler<TeamsCall> {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get<P extends keyof TeamsCall>(target: TeamsCall, prop: P): any {\n switch (prop) {\n / @conditional-compile-remove(teams-identity-support-beta) /\n case 'addParticipant': {\n return this.getContext().withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsCall['addParticipant']>\n ) {\n return await target.addParticipant(...args);\n }, 'TeamsCall.addParticipant');\n }\n default:\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return super.get(target, prop as any);\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return super.get(target, prop as any);\n }\n}\n\n/\n Creates a declarative Call by proxying Call with ProxyCall.\n * This should only be used with CallAgentDeclarative as CallAgentDeclarative will add that\n * call to the context properly (need to have the Call in context to update it - CallAgentDeclarative will add Call to\n * context)\n \n @param call - TeamsCall from SDK\n * @param context - CallContext from StatefulCallClient\n */\nexport const teamsCallDeclaratify = (call: TeamsCall, context: CallContext): DeclarativeTeamsCall => {\n const proxyCall = new ProxyTeamsCall(context);\n proxyCall.unsubscribe();\n Object.defineProperty(call, 'unsubscribe', {\n configurable: false,\n value: () => proxyCall.unsubscribe()\n });\n\n return new Proxy(call, proxyCall) as DeclarativeTeamsCall;\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/TeamsIncomingCallDeclarative.js CHANGED Viewed

@@ -16,6 +16,7 @@ export class ProxyTeamsIncomingCall {
     constructor(context) {
         this._context = context;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     get(target, prop) {
         switch (prop) {
             case 'accept': {

package/dist/dist-esm/calling-stateful-client/src/TeamsIncomingCallDeclarative.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TeamsIncomingCallDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsIncomingCallDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,OAAoB;QAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;~~IAEM~~,GAAG,CAAoC,MAAyB,EAAE,IAAO;QAC9E,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,UAC7C,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;oBACtC,CAAC;iBAAA,EAAE,qBAAqB,CAAC,CAAC;YAC5B,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,UAC7C,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;oBACtC,CAAC;iBAAA,EAAE,qBAAqB,CAAC,CAAC;YAC5B,CAAC;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,YAA+B,EAC/B,OAAoB,EACD,EAAE;IACrB,MAAM,iBAAiB,GAAG,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC9D,OAAO,IAAI,KAAK,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { TeamsIncomingCall } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/*\n @private\n /\nexport class ProxyTeamsIncomingCall implements ProxyHandler<TeamsIncomingCall> {\n private _context: CallContext;\n\n constructor(context: CallContext) {\n this._context = context;\n }\n\n public get<P extends keyof TeamsIncomingCall>(target: TeamsIncomingCall, prop: P): any {\n switch (prop) {\n case 'accept': {\n return this._context.withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsIncomingCall['accept']>\n ) {\n return await target.accept(...args);\n }, 'IncomingCall.accept');\n }\n case 'reject': {\n return this._context.withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsIncomingCall['reject']>\n ) {\n return await target.reject(...args);\n }, 'IncomingCall.reject');\n }\n default:\n return Reflect.get(target, prop);\n }\n }\n}\n\n/\n Creates a declarative TeamsIncomingCall by proxying TeamsIncomingCall using ProxyIncomingCall.\n * @param incomingCall - TeamsIncomingCall from SDK\n * @returns proxied TeamsIncomingCall\n */\nexport const teamsIncomingCallDeclaratify = (\n incomingCall: TeamsIncomingCall,\n context: CallContext\n): TeamsIncomingCall => {\n const proxyIncomingCall = new ProxyTeamsIncomingCall(context);\n return new Proxy(incomingCall, proxyIncomingCall);\n};\n"]}
1	+ {"version":3,"file":"TeamsIncomingCallDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsIncomingCallDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC;;GAEG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,OAAoB;QAC9B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;IAC1B,CAAC;IAED,8DAA8D;IACvD,GAAG,CAAoC,MAAyB,EAAE,IAAO;QAC9E,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,UAC7C,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;oBACtC,CAAC;iBAAA,EAAE,qBAAqB,CAAC,CAAC;YAC5B,CAAC;YACD,KAAK,QAAQ,CAAC,CAAC,CAAC;gBACd,OAAO,IAAI,CAAC,QAAQ,CAAC,yBAAyB,CAAC,UAC7C,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,CAAC;oBACtC,CAAC;iBAAA,EAAE,qBAAqB,CAAC,CAAC;YAC5B,CAAC;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAC1C,YAA+B,EAC/B,OAAoB,EACD,EAAE;IACrB,MAAM,iBAAiB,GAAG,IAAI,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC9D,OAAO,IAAI,KAAK,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;AACpD,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { TeamsIncomingCall } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/*\n @private\n /\nexport class ProxyTeamsIncomingCall implements ProxyHandler<TeamsIncomingCall> {\n private _context: CallContext;\n\n constructor(context: CallContext) {\n this._context = context;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get<P extends keyof TeamsIncomingCall>(target: TeamsIncomingCall, prop: P): any {\n switch (prop) {\n case 'accept': {\n return this._context.withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsIncomingCall['accept']>\n ) {\n return await target.accept(...args);\n }, 'IncomingCall.accept');\n }\n case 'reject': {\n return this._context.withAsyncErrorTeedToState(async function (\n ...args: Parameters<TeamsIncomingCall['reject']>\n ) {\n return await target.reject(...args);\n }, 'IncomingCall.reject');\n }\n default:\n return Reflect.get(target, prop);\n }\n }\n}\n\n/\n Creates a declarative TeamsIncomingCall by proxying TeamsIncomingCall using ProxyIncomingCall.\n * @param incomingCall - TeamsIncomingCall from SDK\n * @returns proxied TeamsIncomingCall\n */\nexport const teamsIncomingCallDeclaratify = (\n incomingCall: TeamsIncomingCall,\n context: CallContext\n): TeamsIncomingCall => {\n const proxyIncomingCall = new ProxyTeamsIncomingCall(context);\n return new Proxy(incomingCall, proxyIncomingCall);\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/VideoStreamRendererViewDeclarative.js CHANGED Viewed

@@ -19,6 +19,7 @@ export class ProxyVideoStreamRendererView {
         this._participantId = participantId;
         this._streamId = _streamId;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     get(target, prop) {
         switch (prop) {
             case 'updateScalingMode': {

package/dist/dist-esm/calling-stateful-client/src/VideoStreamRendererViewDeclarative.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoStreamRendererViewDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/VideoStreamRendererViewDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC;;GAEG;AACH,MAAM,OAAO,4BAA4B;IAMvC,YAAY,OAAoB,EAAE,MAAc,EAAE,aAAqB,EAAE,SAAiB;QACxF,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;~~IAEM~~,GAAG,CAA0C,MAA+B,EAAE,IAAO;QAC1F,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,mBAAmB,CAAC,CAAC,CAAC;gBACzB,OAAO,CAAO,GAAG,IAA8D,EAAE,EAAE;oBACjF,MAAM,MAAM,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,CAAC;oBACxC,IAAI,CAAC,QAAQ,CAAC,mCAAmC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChH,CAAC,CAAA,CAAC;YACJ,CAAC;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,IAA6B,EAC7B,OAAoB,EACpB,MAAc,EACd,aAAqB,EACrB,QAAgB,EACS,EAAE;IAC3B,MAAM,4BAA4B,GAAG,IAAI,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;IAChH,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,4BAA4B,CAA4B,CAAC;AAClF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { VideoStreamRendererView } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/*\n @private\n /\nexport class ProxyVideoStreamRendererView implements ProxyHandler<VideoStreamRendererView> {\n private _context: CallContext;\n private _callId: string;\n private _participantId: string;\n private _streamId: number;\n\n constructor(context: CallContext, callId: string, participantId: string, _streamId: number) {\n this._context = context;\n this._callId = callId;\n this._participantId = participantId;\n this._streamId = _streamId;\n }\n\n public get<P extends keyof VideoStreamRendererView>(target: VideoStreamRendererView, prop: P): any {\n switch (prop) {\n case 'updateScalingMode': {\n return async (...args: Parameters<VideoStreamRendererView['updateScalingMode']>) => {\n await target.updateScalingMode(...args);\n this._context.setRemoteVideoStreamViewScalingMode(this._callId, this._participantId, this._streamId, args[0]);\n };\n }\n default:\n return Reflect.get(target, prop);\n }\n }\n}\n\n/\n Creates a declarative VideoStreamRendererView that is backed by a VideoStreamRendererView from the SDK.\n * Calling methods on this declarative object triggers state updates in the stateful client.\n */\nexport const videoStreamRendererViewDeclaratify = (\n view: VideoStreamRendererView,\n context: CallContext,\n callId: string,\n participantId: string,\n streamId: number\n): VideoStreamRendererView => {\n const proxyVideoStreamRendererView = new ProxyVideoStreamRendererView(context, callId, participantId, streamId);\n return new Proxy(view, proxyVideoStreamRendererView) as VideoStreamRendererView;\n};\n"]}
1	+ {"version":3,"file":"VideoStreamRendererViewDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/VideoStreamRendererViewDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAKlC;;GAEG;AACH,MAAM,OAAO,4BAA4B;IAMvC,YAAY,OAAoB,EAAE,MAAc,EAAE,aAAqB,EAAE,SAAiB;QACxF,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,aAAa,CAAC;QACpC,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,8DAA8D;IACvD,GAAG,CAA0C,MAA+B,EAAE,IAAO;QAC1F,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,mBAAmB,CAAC,CAAC,CAAC;gBACzB,OAAO,CAAO,GAAG,IAA8D,EAAE,EAAE;oBACjF,MAAM,MAAM,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC,CAAC;oBACxC,IAAI,CAAC,QAAQ,CAAC,mCAAmC,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;gBAChH,CAAC,CAAA,CAAC;YACJ,CAAC;YACD;gBACE,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,kCAAkC,GAAG,CAChD,IAA6B,EAC7B,OAAoB,EACpB,MAAc,EACd,aAAqB,EACrB,QAAgB,EACS,EAAE;IAC3B,MAAM,4BAA4B,GAAG,IAAI,4BAA4B,CAAC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;IAChH,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,4BAA4B,CAA4B,CAAC;AAClF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { VideoStreamRendererView } from '@azure/communication-calling';\nimport { CallContext } from './CallContext';\n\n/*\n @private\n /\nexport class ProxyVideoStreamRendererView implements ProxyHandler<VideoStreamRendererView> {\n private _context: CallContext;\n private _callId: string;\n private _participantId: string;\n private _streamId: number;\n\n constructor(context: CallContext, callId: string, participantId: string, _streamId: number) {\n this._context = context;\n this._callId = callId;\n this._participantId = participantId;\n this._streamId = _streamId;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get<P extends keyof VideoStreamRendererView>(target: VideoStreamRendererView, prop: P): any {\n switch (prop) {\n case 'updateScalingMode': {\n return async (...args: Parameters<VideoStreamRendererView['updateScalingMode']>) => {\n await target.updateScalingMode(...args);\n this._context.setRemoteVideoStreamViewScalingMode(this._callId, this._participantId, this._streamId, args[0]);\n };\n }\n default:\n return Reflect.get(target, prop);\n }\n }\n}\n\n/\n Creates a declarative VideoStreamRendererView that is backed by a VideoStreamRendererView from the SDK.\n * Calling methods on this declarative object triggers state updates in the stateful client.\n */\nexport const videoStreamRendererViewDeclaratify = (\n view: VideoStreamRendererView,\n context: CallContext,\n callId: string,\n participantId: string,\n streamId: number\n): VideoStreamRendererView => {\n const proxyVideoStreamRendererView = new ProxyVideoStreamRendererView(context, callId, participantId, streamId);\n return new Proxy(view, proxyVideoStreamRendererView) as VideoStreamRendererView;\n};\n"]}

package/dist/dist-esm/react-components/src/components/DevicesButton.d.ts CHANGED Viewed

@@ -73,6 +73,13 @@ export interface DevicesButtonStrings {
      * Tooltip of microphone menu
      */
     microphoneMenuTooltip: string;
+    /**
+     * Default label for the microphone button in the device selection menu.
+     *
+     * @remarks
+     * This is only used when the default microphone has no label already set.
+     */
+    defaultMicrophoneLabelFallback?: string;
     /**
      * Tooltip of speaker menu
      */
@@ -160,13 +167,13 @@ export interface DeviceMenuStrings {
     /**
      * Title for Audio Device section in the contextual menu
      *
-     * @remark Used in place of microphoneMenuTitle when speakers can be enumerated
+     * @remarks Used in place of microphoneMenuTitle when speakers can be enumerated
      */
     audioDeviceMenuTitle?: string;
     /**
      * Title for Microphone section in the contextual menu
      *
-     * @remark Used when speakers can be enumerated
+     * @remarks Used when speakers can be enumerated
      */
     microphoneMenuTitle?: string;
     /**
@@ -180,19 +187,26 @@ export interface DeviceMenuStrings {
     /**
      * Tooltip label for Audio Device section in the contextual menu
      *
-     * @remark Used in place of microphoneMenuTooltip when speakers can be enumerated
+     * @remarks Used in place of microphoneMenuTooltip when speakers can be enumerated
      */
     audioDeviceMenuTooltip?: string;
     /**
      * Tooltip label for Microphone section in the contextual menu
      *
-     * @remark Used when speakers can be enumerated
+     * @remarks Used when speakers can be enumerated
      */
     microphoneMenuTooltip?: string;
     /**
      * Tooltip label for Speaker section in the contextual menu
      */
     speakerMenuTooltip?: string;
+    /**
+     * Default label for the microphone button in the device selection menu.
+     *
+     * @remarks
+     * This is only used when the default microphone has no label already set.
+     */
+    defaultMicrophoneLabelFallback?: string;
 }
 /**
  * Styles for flyouts used by various buttons for device selection flyouts.

package/dist/dist-esm/react-components/src/components/DevicesButton.js CHANGED Viewed

@@ -18,7 +18,7 @@ const defaultLocalVideoViewOptions = {
  * @internal
  */
 export const generateDefaultDeviceMenuProps = (props, strings, primaryActionItem, isSelectCamAllowed = true, isSelectMicAllowed = true) => {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { microphones, speakers, cameras, selectedMicrophone, selectedSpeaker, selectedCamera, onSelectCamera, onSelectMicrophone, onSelectSpeaker } = props;
     const defaultMenuProps = {
         items: [],
@@ -84,6 +84,10 @@ export const generateDefaultDeviceMenuProps = (props, strings, primaryActionItem
         const speakersAvailable = speakers && speakers.length > 0;
         const key = speakersAvailable ? 'sectionMicrophone' : 'sectionAudioDevice';
         const title = speakersAvailable ? strings.microphoneMenuTooltip : strings.audioDeviceMenuTooltip;
+        const defaultMicrophoneLabelFallback = (_c = strings.defaultMicrophoneLabelFallback) !== null && _c !== void 0 ? _c : 'Default';
+        // If the default microphone has no name, use the default fallback label. This occurs on Android WebViews.
+        const selectedMicIsDefault = selectedMicrophone.id === ((_d = microphones[0]) === null || _d === void 0 ? void 0 : _d.id);
+        const selectedMicrophoneName = selectedMicIsDefault && !selectedMicrophone.name ? defaultMicrophoneLabelFallback : selectedMicrophone.name;
         defaultMenuProps.items.push({
             key: 'microphones',
             itemType: ContextualMenuItemType.Section,
@@ -97,27 +101,35 @@ export const generateDefaultDeviceMenuProps = (props, strings, primaryActionItem
                             calloutProps: {
                                 preventDismissOnEvent
                             },
-                            items: microphones.map((microphone) => ({
-                                key: microphone.id,
-                                text: microphone.name,
-                                title: microphone.name,
-                                itemProps: {
-                                    styles: menuItemStyles
-                                },
-                                iconProps: {
-                                    iconName: 'ContextMenuMicIcon',
-                                    styles: { root: { lineHeight: 0 } }
-                                },
-                                canCheck: true,
-                                isChecked: microphone.id === (selectedMicrophone === null || selectedMicrophone === void 0 ? void 0 : selectedMicrophone.id),
-                                onClick: () => {
-                                    if (microphone.id !== (selectedMicrophone === null || selectedMicrophone === void 0 ? void 0 : selectedMicrophone.id)) {
-                                        onSelectMicrophone(microphone);
-                                    }
+                            items: microphones.map((microphone, i) => {
+                                const microphoneIsDefault = i === 0;
+                                // If the default microphone has no name, use the default fallback label. This occurs on Android WebViews.
+                                const micLabel = microphoneIsDefault && !microphone.name ? defaultMicrophoneLabelFallback : microphone.name;
+                                if (microphoneIsDefault) {
+                                    console.log('Default microphone is set to:', micLabel, 'This may be due to the default microphone having no name set.');
                                 }
-                            }))
+                                return {
+                                    key: microphone.id,
+                                    text: micLabel,
+                                    title: micLabel,
+                                    itemProps: {
+                                        styles: menuItemStyles
+                                    },
+                                    iconProps: {
+                                        iconName: 'ContextMenuMicIcon',
+                                        styles: { root: { lineHeight: 0 } }
+                                    },
+                                    canCheck: true,
+                                    isChecked: microphone.id === (selectedMicrophone === null || selectedMicrophone === void 0 ? void 0 : selectedMicrophone.id),
+                                    onClick: () => {
+                                        if (microphone.id !== (selectedMicrophone === null || selectedMicrophone === void 0 ? void 0 : selectedMicrophone.id)) {
+                                            onSelectMicrophone(microphone);
+                                        }
+                                    }
+                                };
+                            })
                         },
-                        text: selectedMicrophone.name
+                        text: selectedMicrophoneName
                     }
                 ]
             }

package/dist/dist-esm/react-components/src/components/DevicesButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DevicesButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/DevicesButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n ContextualMenuItemType,\n IContextualMenuItem,\n IContextualMenuItemStyles,\n IContextualMenuProps,\n IContextualMenuStyles,\n merge\n} from '@fluentui/react';\nimport { _preventDismissOnEvent as preventDismissOnEvent } from '@internal/acs-ui-common';\nimport React from 'react';\nimport { useLocale } from '../localization';\nimport { VideoStreamOptions } from '../types';\nimport { ControlBarButton, ControlBarButtonProps, ControlBarButtonStyles } from './ControlBarButton';\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\nimport { buttonFlyoutItemStyles } from './styles/ControlBar.styles';\n\nconst defaultLocalVideoViewOptions = {\n scalingMode: 'Crop',\n isMirrored: true\n} as VideoStreamOptions;\n\n/*\n Styles for the {@link DevicesButton} menu.\n \n @public\n /\nexport interface DevicesButtonContextualMenuStyles extends IContextualMenuStyles {\n /\n Styles for the items inside the {@link DevicesButton} button menu.\n /\n menuItemStyles?: IContextualMenuItemStyles;\n}\n\n/\n Styles for the Devices button menu items.\n \n @public\n /\nexport interface DevicesButtonStyles extends ControlBarButtonStyles {\n /\n Styles for the {@link DevicesButton} menu.\n /\n menuStyles?: Partial<DevicesButtonContextualMenuStyles>;\n}\n\n/\n A device, e.g. camera, microphone, or speaker, in the {@link DevicesButton} flyout.\n \n @public\n /\nexport interface OptionsDevice {\n /\n Device unique identifier\n /\n id: string;\n /\n Device name\n /\n name: string;\n}\n\n/\n Strings of {@link DevicesButton} that can be overridden.\n \n @public\n /\nexport interface DevicesButtonStrings {\n /\n Label of button\n /\n label: string;\n /\n Button tooltip content.\n /\n tooltipContent?: string;\n /\n Title of camera menu\n /\n cameraMenuTitle: string;\n /\n Title of microphone menu\n /\n microphoneMenuTitle: string;\n /\n Title of speaker menu\n /\n speakerMenuTitle: string;\n /\n Tooltip of camera menu\n /\n cameraMenuTooltip: string;\n /\n Tooltip of microphone menu\n /\n microphoneMenuTooltip: string;\n /\n Tooltip of speaker menu\n /\n speakerMenuTooltip: string;\n}\n\n/\n Props for {@link DevicesButton}.\n \n @public\n /\nexport interface DevicesButtonProps extends ControlBarButtonProps {\n /\n Available microphones for selection\n /\n microphones?: OptionsDevice[];\n /\n Available speakers for selection\n /\n speakers?: OptionsDevice[];\n /\n Available cameras for selection\n /\n cameras?: OptionsDevice[];\n /\n Microphone that is shown as currently selected\n /\n selectedMicrophone?: OptionsDevice;\n /\n Speaker that is shown as currently selected\n /\n selectedSpeaker?: OptionsDevice;\n /\n Camera that is shown as currently selected\n /\n selectedCamera?: OptionsDevice;\n /\n Callback when a camera is selected\n /\n onSelectCamera?: (device: OptionsDevice) => Promise<void>;\n /\n Callback when a microphone is selected\n /\n onSelectMicrophone?: (device: OptionsDevice) => Promise<void>;\n /\n Speaker when a speaker is selected\n /\n onSelectSpeaker?: (device: OptionsDevice) => Promise<void>;\n /\n Optional strings to override in component\n /\n strings?: Partial<DevicesButtonStrings>;\n /\n Option to increase the touch targets of the button flyout menu items from 36px to 48px.\n * Recommended for mobile devices.\n /\n styles?: DevicesButtonStyles;\n}\n\n/\n Subset props for various buttons that show device selection menus.\n \n @internal\n /\nexport interface DeviceMenuProps {\n microphones?: OptionsDevice[];\n speakers?: OptionsDevice[];\n cameras?: OptionsDevice[];\n selectedMicrophone?: OptionsDevice;\n selectedSpeaker?: OptionsDevice;\n selectedCamera?: OptionsDevice;\n onSelectCamera?: (device: OptionsDevice, options?: VideoStreamOptions) => Promise<void>;\n onSelectMicrophone?: (device: OptionsDevice) => Promise<void>;\n onSelectSpeaker?: (device: OptionsDevice) => Promise<void>;\n styles?: Partial<DeviceMenuStyles>;\n}\n\n/\n Subset of strings for various buttons that show device selection menus.\n \n @internal\n /\nexport interface DeviceMenuStrings {\n /\n Title for Camera section in the contextual menu\n /\n cameraMenuTitle?: string;\n /\n Title for Audio Device section in the contextual menu\n \n @remark Used in place of microphoneMenuTitle when speakers can be enumerated\n /\n audioDeviceMenuTitle?: string;\n /\n Title for Microphone section in the contextual menu\n \n @remark Used when speakers can be enumerated\n /\n microphoneMenuTitle?: string;\n /\n Title for Speaker section in the contextual menu\n /\n speakerMenuTitle?: string;\n /\n Tooltip label for Camera section in the contextual menu\n /\n cameraMenuTooltip?: string;\n /\n Tooltip label for Audio Device section in the contextual menu\n \n @remark Used in place of microphoneMenuTooltip when speakers can be enumerated\n /\n audioDeviceMenuTooltip?: string;\n /\n Tooltip label for Microphone section in the contextual menu\n \n @remark Used when speakers can be enumerated\n /\n microphoneMenuTooltip?: string;\n /\n Tooltip label for Speaker section in the contextual menu\n /\n speakerMenuTooltip?: string;\n}\n\n/\n Styles for flyouts used by various buttons for device selection flyouts.\n \n @internal\n /\nexport interface DeviceMenuStyles extends IContextualMenuStyles {\n menuItemStyles?: IContextualMenuItemStyles;\n}\n\n/\n Generates default {@link IContextualMenuProps} for buttons that\n * show a drop-down to select devices to use.\n \n @internal\n /\nexport const generateDefaultDeviceMenuProps = (\n props: DeviceMenuProps,\n strings: DeviceMenuStrings,\n primaryActionItem?: IContextualMenuItem,\n isSelectCamAllowed = true,\n isSelectMicAllowed = true\n): { items: IContextualMenuItem[] } \| undefined => {\n const {\n microphones,\n speakers,\n cameras,\n selectedMicrophone,\n selectedSpeaker,\n selectedCamera,\n onSelectCamera,\n onSelectMicrophone,\n onSelectSpeaker\n } = props;\n\n const defaultMenuProps: IContextualMenuProps = {\n items: [],\n styles: props.styles,\n calloutProps: {\n styles: {\n root: {\n // Confine the menu to the parents bounds.\n // More info: https://github.com/microsoft/fluentui/issues/18835\n // NB: 95% to keep some space for margin, drop shadow etc around the Callout.\n maxWidth: '95%'\n }\n },\n preventDismissOnEvent\n }\n };\n\n const menuItemStyles = merge(buttonFlyoutItemStyles, props.styles?.menuItemStyles ?? {});\n\n if (cameras && selectedCamera && onSelectCamera && isSelectCamAllowed) {\n defaultMenuProps.items.push({\n key: 'cameras',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.cameraMenuTitle,\n items: [\n {\n key: 'sectionCamera',\n title: strings.cameraMenuTooltip,\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: cameras.map((camera) => ({\n key: camera.id,\n text: camera.name,\n title: camera.name,\n iconProps: {\n iconName: 'ContextMenuCameraIcon',\n styles: { root: { lineHeight: 0 } }\n },\n itemProps: {\n styles: menuItemStyles\n },\n canCheck: true,\n isChecked: camera.id === selectedCamera?.id,\n onClick: () => {\n if (camera.id !== selectedCamera?.id) {\n onSelectCamera(camera, defaultLocalVideoViewOptions);\n }\n }\n }))\n },\n text: selectedCamera.name\n }\n ]\n }\n });\n if (primaryActionItem) {\n defaultMenuProps.items.push(primaryActionItem);\n }\n }\n\n if (microphones && selectedMicrophone && onSelectMicrophone && isSelectMicAllowed) {\n // Set props as Microphone if speakers can be enumerated else set as Audio Device\n const speakersAvailable = speakers && speakers.length > 0;\n const key = speakersAvailable ? 'sectionMicrophone' : 'sectionAudioDevice';\n const title = speakersAvailable ? strings.microphoneMenuTooltip : strings.audioDeviceMenuTooltip;\n\n defaultMenuProps.items.push({\n key: 'microphones',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.microphoneMenuTitle,\n items: [\n {\n key: key,\n title: title,\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: microphones.map((microphone) => ({\n key: microphone.id,\n text: microphone.name,\n title: microphone.name,\n itemProps: {\n styles: menuItemStyles\n },\n iconProps: {\n iconName: 'ContextMenuMicIcon',\n styles: { root: { lineHeight: 0 } }\n },\n canCheck: true,\n isChecked: microphone.id === selectedMicrophone?.id,\n onClick: () => {\n if (microphone.id !== selectedMicrophone?.id) {\n onSelectMicrophone(microphone);\n }\n }\n }))\n },\n text: selectedMicrophone.name\n }\n ]\n }\n });\n }\n\n if (speakers && selectedSpeaker && onSelectSpeaker) {\n defaultMenuProps.items.push({\n key: 'speakers',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.speakerMenuTitle,\n items: [\n {\n key: 'sectionSpeaker',\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: speakers.map((speaker) => ({\n key: speaker.id,\n text: speaker.name,\n title: speaker.name,\n itemProps: {\n styles: menuItemStyles\n },\n iconProps: {\n iconName: 'ContextMenuSpeakerIcon',\n styles: { root: { lineHeight: 0 } }\n },\n canCheck: true,\n isChecked: speaker.id === selectedSpeaker?.id,\n onClick: () => {\n if (speaker.id !== selectedSpeaker?.id) {\n onSelectSpeaker(speaker);\n }\n }\n }))\n },\n text: selectedSpeaker.name\n }\n ]\n }\n });\n }\n if (microphones && selectedMicrophone && onSelectMicrophone && isSelectMicAllowed && primaryActionItem) {\n defaultMenuProps.items.push(primaryActionItem);\n }\n\n if (defaultMenuProps.items.length === 0) {\n // Avoids creating an empty context menu.\n return undefined;\n }\n return defaultMenuProps;\n};\n\n/\n A button to open a menu that controls device options.\n \n Can be used with {@link ControlBar}.\n \n @public\n */\nexport const DevicesButton = (props: DevicesButtonProps): JSX.Element => {\n const { onRenderIcon } = props;\n\n const localeStrings = useLocale().strings.devicesButton;\n const strings = { ...localeStrings, ...props.strings };\n\n const devicesButtonMenu =\n props.menuProps ?? generateDefaultDeviceMenuProps({ ...props, styles: props.styles?.menuStyles }, strings);\n\n const onRenderOptionsIcon = (): JSX.Element => {\n return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"ControlButtonOptions\" />;\n };\n\n return (\n <ControlBarButton\n {...props}\n menuProps={devicesButtonMenu}\n menuIconProps={{ hidden: true }}\n onRenderIcon={onRenderIcon ?? onRenderOptionsIcon}\n strings={strings}\n labelKey={props.labelKey ?? 'devicesButtonLabel'}\n />\n );\n};\n"]}
1	+ {"version":3,"file":"DevicesButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/DevicesButton.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n ContextualMenuItemType,\n IContextualMenuItem,\n IContextualMenuItemStyles,\n IContextualMenuProps,\n IContextualMenuStyles,\n merge\n} from '@fluentui/react';\nimport { _preventDismissOnEvent as preventDismissOnEvent } from '@internal/acs-ui-common';\nimport React from 'react';\nimport { useLocale } from '../localization';\nimport { VideoStreamOptions } from '../types';\nimport { ControlBarButton, ControlBarButtonProps, ControlBarButtonStyles } from './ControlBarButton';\nimport { _HighContrastAwareIcon } from './HighContrastAwareIcon';\nimport { buttonFlyoutItemStyles } from './styles/ControlBar.styles';\n\nconst defaultLocalVideoViewOptions = {\n scalingMode: 'Crop',\n isMirrored: true\n} as VideoStreamOptions;\n\n/*\n Styles for the {@link DevicesButton} menu.\n \n @public\n /\nexport interface DevicesButtonContextualMenuStyles extends IContextualMenuStyles {\n /\n Styles for the items inside the {@link DevicesButton} button menu.\n /\n menuItemStyles?: IContextualMenuItemStyles;\n}\n\n/\n Styles for the Devices button menu items.\n \n @public\n /\nexport interface DevicesButtonStyles extends ControlBarButtonStyles {\n /\n Styles for the {@link DevicesButton} menu.\n /\n menuStyles?: Partial<DevicesButtonContextualMenuStyles>;\n}\n\n/\n A device, e.g. camera, microphone, or speaker, in the {@link DevicesButton} flyout.\n \n @public\n /\nexport interface OptionsDevice {\n /\n Device unique identifier\n /\n id: string;\n /\n Device name\n /\n name: string;\n}\n\n/\n Strings of {@link DevicesButton} that can be overridden.\n \n @public\n /\nexport interface DevicesButtonStrings {\n /\n Label of button\n /\n label: string;\n /\n Button tooltip content.\n /\n tooltipContent?: string;\n /\n Title of camera menu\n /\n cameraMenuTitle: string;\n /\n Title of microphone menu\n /\n microphoneMenuTitle: string;\n /\n Title of speaker menu\n /\n speakerMenuTitle: string;\n /\n Tooltip of camera menu\n /\n cameraMenuTooltip: string;\n /\n Tooltip of microphone menu\n /\n microphoneMenuTooltip: string;\n /\n Default label for the microphone button in the device selection menu.\n \n @remarks\n * This is only used when the default microphone has no label already set.\n /\n defaultMicrophoneLabelFallback?: string;\n /\n Tooltip of speaker menu\n /\n speakerMenuTooltip: string;\n}\n\n/\n Props for {@link DevicesButton}.\n \n @public\n /\nexport interface DevicesButtonProps extends ControlBarButtonProps {\n /\n Available microphones for selection\n /\n microphones?: OptionsDevice[];\n /\n Available speakers for selection\n /\n speakers?: OptionsDevice[];\n /\n Available cameras for selection\n /\n cameras?: OptionsDevice[];\n /\n Microphone that is shown as currently selected\n /\n selectedMicrophone?: OptionsDevice;\n /\n Speaker that is shown as currently selected\n /\n selectedSpeaker?: OptionsDevice;\n /\n Camera that is shown as currently selected\n /\n selectedCamera?: OptionsDevice;\n /\n Callback when a camera is selected\n /\n onSelectCamera?: (device: OptionsDevice) => Promise<void>;\n /\n Callback when a microphone is selected\n /\n onSelectMicrophone?: (device: OptionsDevice) => Promise<void>;\n /\n Speaker when a speaker is selected\n /\n onSelectSpeaker?: (device: OptionsDevice) => Promise<void>;\n /\n Optional strings to override in component\n /\n strings?: Partial<DevicesButtonStrings>;\n /\n Option to increase the touch targets of the button flyout menu items from 36px to 48px.\n * Recommended for mobile devices.\n /\n styles?: DevicesButtonStyles;\n}\n\n/\n Subset props for various buttons that show device selection menus.\n \n @internal\n /\nexport interface DeviceMenuProps {\n microphones?: OptionsDevice[];\n speakers?: OptionsDevice[];\n cameras?: OptionsDevice[];\n selectedMicrophone?: OptionsDevice;\n selectedSpeaker?: OptionsDevice;\n selectedCamera?: OptionsDevice;\n onSelectCamera?: (device: OptionsDevice, options?: VideoStreamOptions) => Promise<void>;\n onSelectMicrophone?: (device: OptionsDevice) => Promise<void>;\n onSelectSpeaker?: (device: OptionsDevice) => Promise<void>;\n styles?: Partial<DeviceMenuStyles>;\n}\n\n/\n Subset of strings for various buttons that show device selection menus.\n \n @internal\n /\nexport interface DeviceMenuStrings {\n /\n Title for Camera section in the contextual menu\n /\n cameraMenuTitle?: string;\n /\n Title for Audio Device section in the contextual menu\n \n @remarks Used in place of microphoneMenuTitle when speakers can be enumerated\n /\n audioDeviceMenuTitle?: string;\n /\n Title for Microphone section in the contextual menu\n \n @remarks Used when speakers can be enumerated\n /\n microphoneMenuTitle?: string;\n /\n Title for Speaker section in the contextual menu\n /\n speakerMenuTitle?: string;\n /\n Tooltip label for Camera section in the contextual menu\n /\n cameraMenuTooltip?: string;\n /\n Tooltip label for Audio Device section in the contextual menu\n \n @remarks Used in place of microphoneMenuTooltip when speakers can be enumerated\n /\n audioDeviceMenuTooltip?: string;\n /\n Tooltip label for Microphone section in the contextual menu\n \n @remarks Used when speakers can be enumerated\n /\n microphoneMenuTooltip?: string;\n /\n Tooltip label for Speaker section in the contextual menu\n /\n speakerMenuTooltip?: string;\n /\n Default label for the microphone button in the device selection menu.\n \n @remarks\n * This is only used when the default microphone has no label already set.\n /\n defaultMicrophoneLabelFallback?: string;\n}\n\n/\n Styles for flyouts used by various buttons for device selection flyouts.\n \n @internal\n /\nexport interface DeviceMenuStyles extends IContextualMenuStyles {\n menuItemStyles?: IContextualMenuItemStyles;\n}\n\n/\n Generates default {@link IContextualMenuProps} for buttons that\n * show a drop-down to select devices to use.\n \n @internal\n /\nexport const generateDefaultDeviceMenuProps = (\n props: DeviceMenuProps,\n strings: DeviceMenuStrings,\n primaryActionItem?: IContextualMenuItem,\n isSelectCamAllowed = true,\n isSelectMicAllowed = true\n): { items: IContextualMenuItem[] } \| undefined => {\n const {\n microphones,\n speakers,\n cameras,\n selectedMicrophone,\n selectedSpeaker,\n selectedCamera,\n onSelectCamera,\n onSelectMicrophone,\n onSelectSpeaker\n } = props;\n\n const defaultMenuProps: IContextualMenuProps = {\n items: [],\n styles: props.styles,\n calloutProps: {\n styles: {\n root: {\n // Confine the menu to the parents bounds.\n // More info: https://github.com/microsoft/fluentui/issues/18835\n // NB: 95% to keep some space for margin, drop shadow etc around the Callout.\n maxWidth: '95%'\n }\n },\n preventDismissOnEvent\n }\n };\n\n const menuItemStyles = merge(buttonFlyoutItemStyles, props.styles?.menuItemStyles ?? {});\n\n if (cameras && selectedCamera && onSelectCamera && isSelectCamAllowed) {\n defaultMenuProps.items.push({\n key: 'cameras',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.cameraMenuTitle,\n items: [\n {\n key: 'sectionCamera',\n title: strings.cameraMenuTooltip,\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: cameras.map((camera) => ({\n key: camera.id,\n text: camera.name,\n title: camera.name,\n iconProps: {\n iconName: 'ContextMenuCameraIcon',\n styles: { root: { lineHeight: 0 } }\n },\n itemProps: {\n styles: menuItemStyles\n },\n canCheck: true,\n isChecked: camera.id === selectedCamera?.id,\n onClick: () => {\n if (camera.id !== selectedCamera?.id) {\n onSelectCamera(camera, defaultLocalVideoViewOptions);\n }\n }\n }))\n },\n text: selectedCamera.name\n }\n ]\n }\n });\n if (primaryActionItem) {\n defaultMenuProps.items.push(primaryActionItem);\n }\n }\n\n if (microphones && selectedMicrophone && onSelectMicrophone && isSelectMicAllowed) {\n // Set props as Microphone if speakers can be enumerated else set as Audio Device\n const speakersAvailable = speakers && speakers.length > 0;\n const key = speakersAvailable ? 'sectionMicrophone' : 'sectionAudioDevice';\n const title = speakersAvailable ? strings.microphoneMenuTooltip : strings.audioDeviceMenuTooltip;\n\n const defaultMicrophoneLabelFallback = strings.defaultMicrophoneLabelFallback ?? 'Default';\n\n // If the default microphone has no name, use the default fallback label. This occurs on Android WebViews.\n const selectedMicIsDefault = selectedMicrophone.id === microphones[0]?.id;\n const selectedMicrophoneName =\n selectedMicIsDefault && !selectedMicrophone.name ? defaultMicrophoneLabelFallback : selectedMicrophone.name;\n\n defaultMenuProps.items.push({\n key: 'microphones',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.microphoneMenuTitle,\n items: [\n {\n key: key,\n title: title,\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: microphones.map((microphone, i) => {\n const microphoneIsDefault = i === 0;\n // If the default microphone has no name, use the default fallback label. This occurs on Android WebViews.\n const micLabel =\n microphoneIsDefault && !microphone.name ? defaultMicrophoneLabelFallback : microphone.name;\n if (microphoneIsDefault) {\n console.log(\n 'Default microphone is set to:',\n micLabel,\n 'This may be due to the default microphone having no name set.'\n );\n }\n return {\n key: microphone.id,\n text: micLabel,\n title: micLabel,\n itemProps: {\n styles: menuItemStyles\n },\n iconProps: {\n iconName: 'ContextMenuMicIcon',\n styles: { root: { lineHeight: 0 } }\n },\n canCheck: true,\n isChecked: microphone.id === selectedMicrophone?.id,\n onClick: () => {\n if (microphone.id !== selectedMicrophone?.id) {\n onSelectMicrophone(microphone);\n }\n }\n };\n })\n },\n text: selectedMicrophoneName\n }\n ]\n }\n });\n }\n\n if (speakers && selectedSpeaker && onSelectSpeaker) {\n defaultMenuProps.items.push({\n key: 'speakers',\n itemType: ContextualMenuItemType.Section,\n sectionProps: {\n title: strings.speakerMenuTitle,\n items: [\n {\n key: 'sectionSpeaker',\n subMenuProps: {\n calloutProps: {\n preventDismissOnEvent\n },\n items: speakers.map((speaker) => ({\n key: speaker.id,\n text: speaker.name,\n title: speaker.name,\n itemProps: {\n styles: menuItemStyles\n },\n iconProps: {\n iconName: 'ContextMenuSpeakerIcon',\n styles: { root: { lineHeight: 0 } }\n },\n canCheck: true,\n isChecked: speaker.id === selectedSpeaker?.id,\n onClick: () => {\n if (speaker.id !== selectedSpeaker?.id) {\n onSelectSpeaker(speaker);\n }\n }\n }))\n },\n text: selectedSpeaker.name\n }\n ]\n }\n });\n }\n if (microphones && selectedMicrophone && onSelectMicrophone && isSelectMicAllowed && primaryActionItem) {\n defaultMenuProps.items.push(primaryActionItem);\n }\n\n if (defaultMenuProps.items.length === 0) {\n // Avoids creating an empty context menu.\n return undefined;\n }\n return defaultMenuProps;\n};\n\n/\n A button to open a menu that controls device options.\n \n Can be used with {@link ControlBar}.\n \n @public\n */\nexport const DevicesButton = (props: DevicesButtonProps): JSX.Element => {\n const { onRenderIcon } = props;\n\n const localeStrings = useLocale().strings.devicesButton;\n const strings = { ...localeStrings, ...props.strings };\n\n const devicesButtonMenu =\n props.menuProps ?? generateDefaultDeviceMenuProps({ ...props, styles: props.styles?.menuStyles }, strings);\n\n const onRenderOptionsIcon = (): JSX.Element => {\n return <_HighContrastAwareIcon disabled={props.disabled} iconName=\"ControlButtonOptions\" />;\n };\n\n return (\n <ControlBarButton\n {...props}\n menuProps={devicesButtonMenu}\n menuIconProps={{ hidden: true }}\n onRenderIcon={onRenderIcon ?? onRenderOptionsIcon}\n strings={strings}\n labelKey={props.labelKey ?? 'devicesButtonLabel'}\n />\n );\n};\n"]}

package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json CHANGED Viewed

@@ -156,6 +156,7 @@
         "onSplitButtonMicrophonePrimaryAction": "Mute mic",
         "microphonePrimaryActionSplitButtonTitle": "Use microphone",
         "microphoneAriaDescription": "Audio options",
+        "defaultMicrophoneLabelFallback": "Default",
         "deepNoiseSuppressionTitle": "Noise suppression",
         "deepNoiseSuppressionOnAnnouncement": "Deep noise suppression has been turned on",
         "deepNoiseSuppressionOffAnnouncement": "Deep noise suppression has been turned off"
@@ -169,6 +170,7 @@
         "audioDeviceMenuTooltip": "Choose audio device",
         "microphoneMenuTitle": "Microphone",
         "microphoneMenuTooltip": "Choose microphone",
+        "defaultMicrophoneLabelFallback": "Default",
         "speakerMenuTitle": "Speaker",
         "speakerMenuTooltip": "Choose speaker"
     },

package/dist/dist-esm/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.js CHANGED Viewed

@@ -1,13 +1,26 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React, { useMemo } from 'react';
 import { useCallWithChatCompositeStrings } from '../../CallWithChatComposite/hooks/useCallWithChatCompositeStrings';
 import { MoreDrawer } from './MoreDrawer';
 import { moreDrawerSelector } from '../../CallWithChatComposite/selectors/moreDrawerSelector';
 import { useSelector } from '../../CallComposite/hooks/useSelector';
 import { useHandlers } from '../../CallComposite/hooks/useHandlers';
+import { useLocale } from '../../localization';
 /** @private */
 export const PreparedMoreDrawer = (props) => {
+    var _a;
     const strings = useCallWithChatCompositeStrings();
     const moreDrawerStrings = useMemo(() => ({
         peopleButtonLabel: strings.peopleButtonLabel,
@@ -19,8 +32,26 @@ export const PreparedMoreDrawer = (props) => {
         captionLanguageMenuTitle: strings.moreDrawerCaptionLanguageMenuTitle,
         galleryOptionsMenuTitle: strings.moreDrawerGalleryOptionsMenuTitle
     }), [strings]);
-    const deviceProps = useSelector(moreDrawerSelector);
+    const _b = useSelector(moreDrawerSelector), { microphones, selectedMicrophone } = _b, deviceProps = __rest(_b, ["microphones", "selectedMicrophone"]);
     const callHandlers = useHandlers(MoreDrawer);
-    return React.createElement(MoreDrawer, Object.assign({}, props, deviceProps, callHandlers, { strings: moreDrawerStrings }));
+    const defaultMicrophoneLabelFallback = (_a = useLocale().component.strings.devicesButton.defaultMicrophoneLabelFallback) !== null && _a !== void 0 ? _a : 'Default';
+    const adjustedMicrophones = useMemo(() => {
+        return microphones === null || microphones === void 0 ? void 0 : microphones.map((microphone, i) => ({
+            id: microphone.id,
+            name: i === 0 && !microphone.name ? defaultMicrophoneLabelFallback : microphone.name
+        }));
+    }, [defaultMicrophoneLabelFallback, microphones]);
+    const adjustedSelectedMicrophone = useMemo(() => {
+        var _a;
+        if (!selectedMicrophone) {
+            return undefined;
+        }
+        const selectedMicIsDefault = selectedMicrophone.id === ((_a = microphones === null || microphones === void 0 ? void 0 : microphones[0]) === null || _a === void 0 ? void 0 : _a.id);
+        return {
+            id: selectedMicrophone.id,
+            name: selectedMicIsDefault && !selectedMicrophone.name ? defaultMicrophoneLabelFallback : selectedMicrophone.name
+        };
+    }, [defaultMicrophoneLabelFallback, selectedMicrophone]);
+    return (React.createElement(MoreDrawer, Object.assign({}, props, deviceProps, callHandlers, { strings: moreDrawerStrings, microphones: adjustedMicrophones, selectedMicrophone: adjustedSelectedMicrophone })));
 };
 //# sourceMappingURL=PreparedMoreDrawer.js.map

package/dist/dist-esm/react-composites/src/composites/common/Drawer/PreparedMoreDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreparedMoreDrawer.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,+BAA+B,EAAE,MAAM,mEAAmE,CAAC;AACpH,OAAO,EAAE,UAAU,EAAqB,MAAM,cAAc,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;~~AA4BpE~~,eAAe;AACf,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA8B,EAAe,EAAE;IAChF,MAAM,OAAO,GAAG,+BAA+B,EAAE,CAAC;IAClD,MAAM,iBAAiB,GAAsB,OAAO,CAClD,GAAG,EAAE,CAAC,CAAC;QACL,iBAAiB,EAAE,OAAO,CAAC,iBAAiB;QAC5C,oBAAoB,EAAE,OAAO,CAAC,8BAA8B;QAC5D,mBAAmB,EAAE,OAAO,CAAC,6BAA6B;QAC1D,gBAAgB,EAAE,OAAO,CAAC,0BAA0B;QACpD,iBAAiB,EAAE,OAAO,CAAC,2BAA2B;QACtD,uBAAuB,EAAE,OAAO,CAAC,iCAAiC;QAClE,wBAAwB,EAAE,OAAO,CAAC,kCAAkC;QACpE,uBAAuB,EAAE,OAAO,CAAC,iCAAiC;KACnE,CAAC,EACF,CAAC,OAAO,CAAC,CACV,CAAC;IACF,MAAM,~~WAAW~~,~~GAAG,~~WAAW,CAAC,kBAAkB,CAAC,CAAC;~~IACpD~~,MAAM,YAAY,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;IAE7C,OAAO,oBAAC,UAAU,~~oBAAK~~,KAAK,~~EAAM~~,WAAW,~~EAAM~~,YAAY,~~IAAE~~,OAAO,EAAE,iBAAiB,~~IAAI~~,CAAC;~~AAClG~~,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { useCallWithChatCompositeStrings } from '../../CallWithChatComposite/hooks/useCallWithChatCompositeStrings';\nimport { MoreDrawer, MoreDrawerStrings } from './MoreDrawer';\nimport { moreDrawerSelector } from '../../CallWithChatComposite/selectors/moreDrawerSelector';\nimport { useSelector } from '../../CallComposite/hooks/useSelector';\nimport { useHandlers } from '../../CallComposite/hooks/useHandlers';\nimport { CommonCallControlOptions } from '../types/CommonCallControlOptions';\n/* @condtional-compile-remove(gallery-options) /\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport { ReactionResources } from '@internal/react-components';\nimport { DtmfDialPadOptions } from '../../CallComposite';\n\n/* @private /\nexport interface PreparedMoreDrawerProps {\n onLightDismiss: () => void;\n onPeopleButtonClicked: () => void;\n callControls?: boolean \| CommonCallControlOptions;\n onClickShowDialpad?: () => void;\n isCaptionsSupported?: boolean;\n isRealTimeTextSupported?: boolean;\n disableButtonsForHoldScreen?: boolean;\n onUserSetGalleryLayout?: (layout: VideoGalleryLayout) => void;\n userSetGalleryLayout?: VideoGalleryLayout;\n onSetDialpadPage?: () => void;\n dtmfDialerPresent?: boolean;\n dtmfDialerOptions?: boolean \| DtmfDialPadOptions;\n useTeamsCaptions?: boolean;\n reactionResources?: ReactionResources;\n onClickMeetingPhoneInfo?: () => void;\n onStartRealTimeText?: () => void;\n startRealTimeTextButtonChecked?: boolean;\n}\n\n/* @private */\nexport const PreparedMoreDrawer = (props: PreparedMoreDrawerProps): JSX.Element => {\n const strings = useCallWithChatCompositeStrings();\n const moreDrawerStrings: MoreDrawerStrings = useMemo(\n () => ({\n peopleButtonLabel: strings.peopleButtonLabel,\n audioDeviceMenuTitle: strings.moreDrawerAudioDeviceMenuTitle,\n microphoneMenuTitle: strings.moreDrawerMicrophoneMenuTitle,\n speakerMenuTitle: strings.moreDrawerSpeakerMenuTitle,\n captionsMenuTitle: strings.moreDrawerCaptionsMenuTitle,\n spokenLanguageMenuTitle: strings.moreDrawerSpokenLanguageMenuTitle,\n captionLanguageMenuTitle: strings.moreDrawerCaptionLanguageMenuTitle,\n galleryOptionsMenuTitle: strings.moreDrawerGalleryOptionsMenuTitle\n }),\n [strings]\n );\n const deviceProps = useSelector(moreDrawerSelector);\n const callHandlers = useHandlers(MoreDrawer);\n\n return <MoreDrawer {...props} {...deviceProps} {...callHandlers} strings={moreDrawerStrings} ~~/>;\~~n};\n"]}
1	+ {"version":3,"file":"PreparedMoreDrawer.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/Drawer/PreparedMoreDrawer.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo } from 'react';\nimport { useCallWithChatCompositeStrings } from '../../CallWithChatComposite/hooks/useCallWithChatCompositeStrings';\nimport { MoreDrawer, MoreDrawerStrings } from './MoreDrawer';\nimport { moreDrawerSelector } from '../../CallWithChatComposite/selectors/moreDrawerSelector';\nimport { useSelector } from '../../CallComposite/hooks/useSelector';\nimport { useHandlers } from '../../CallComposite/hooks/useHandlers';\nimport { CommonCallControlOptions } from '../types/CommonCallControlOptions';\n/* @condtional-compile-remove(gallery-options) /\nimport { VideoGalleryLayout } from '@internal/react-components';\nimport { ReactionResources } from '@internal/react-components';\nimport { DtmfDialPadOptions } from '../../CallComposite';\nimport { useLocale } from '../../localization';\n\n/* @private /\nexport interface PreparedMoreDrawerProps {\n onLightDismiss: () => void;\n onPeopleButtonClicked: () => void;\n callControls?: boolean \| CommonCallControlOptions;\n onClickShowDialpad?: () => void;\n isCaptionsSupported?: boolean;\n isRealTimeTextSupported?: boolean;\n disableButtonsForHoldScreen?: boolean;\n onUserSetGalleryLayout?: (layout: VideoGalleryLayout) => void;\n userSetGalleryLayout?: VideoGalleryLayout;\n onSetDialpadPage?: () => void;\n dtmfDialerPresent?: boolean;\n dtmfDialerOptions?: boolean \| DtmfDialPadOptions;\n useTeamsCaptions?: boolean;\n reactionResources?: ReactionResources;\n onClickMeetingPhoneInfo?: () => void;\n onStartRealTimeText?: () => void;\n startRealTimeTextButtonChecked?: boolean;\n}\n\n/* @private */\nexport const PreparedMoreDrawer = (props: PreparedMoreDrawerProps): JSX.Element => {\n const strings = useCallWithChatCompositeStrings();\n const moreDrawerStrings: MoreDrawerStrings = useMemo(\n () => ({\n peopleButtonLabel: strings.peopleButtonLabel,\n audioDeviceMenuTitle: strings.moreDrawerAudioDeviceMenuTitle,\n microphoneMenuTitle: strings.moreDrawerMicrophoneMenuTitle,\n speakerMenuTitle: strings.moreDrawerSpeakerMenuTitle,\n captionsMenuTitle: strings.moreDrawerCaptionsMenuTitle,\n spokenLanguageMenuTitle: strings.moreDrawerSpokenLanguageMenuTitle,\n captionLanguageMenuTitle: strings.moreDrawerCaptionLanguageMenuTitle,\n galleryOptionsMenuTitle: strings.moreDrawerGalleryOptionsMenuTitle\n }),\n [strings]\n );\n const { microphones, selectedMicrophone, ...deviceProps } = useSelector(moreDrawerSelector);\n const callHandlers = useHandlers(MoreDrawer);\n\n const defaultMicrophoneLabelFallback =\n useLocale().component.strings.devicesButton.defaultMicrophoneLabelFallback ?? 'Default';\n const adjustedMicrophones = useMemo(() => {\n return microphones?.map((microphone, i) => ({\n id: microphone.id,\n name: i === 0 && !microphone.name ? defaultMicrophoneLabelFallback : microphone.name\n }));\n }, [defaultMicrophoneLabelFallback, microphones]);\n\n const adjustedSelectedMicrophone = useMemo(() => {\n if (!selectedMicrophone) {\n return undefined;\n }\n const selectedMicIsDefault = selectedMicrophone.id === microphones?.[0]?.id;\n return {\n id: selectedMicrophone.id,\n name: selectedMicIsDefault && !selectedMicrophone.name ? defaultMicrophoneLabelFallback : selectedMicrophone.name\n };\n }, [defaultMicrophoneLabelFallback, selectedMicrophone]);\n\n return (\n <MoreDrawer\n {...props}\n {...deviceProps}\n {...callHandlers}\n strings={moreDrawerStrings}\n microphones={adjustedMicrophones}\n selectedMicrophone={adjustedSelectedMicrophone}\n />\n );\n};\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.29.0-alpha-202506140018",
+  "version": "1.29.0-alpha-202506180019",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [