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

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

@@ -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

@@ -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"]}
+{"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

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.29.0-alpha-202506140018",
+  "version": "1.29.0-alpha-202506190019",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "@azure/communication-calling-effects": "^1.1.4",
-    "@azure/communication-calling": "1.36.3-beta.1",
+    "@azure/communication-calling": "1.37.1-beta.1",
     "@azure/communication-chat": "1.6.0-beta.7",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",