@azure/communication-react 1.5.1-alpha-202302110013 → 1.5.1-alpha-202302140014

package/dist/dist-cjs/communication-react/index.js

@@ -161,7 +161,7 @@ const _toCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.5.1-alpha-202302110013';
+var telemetryVersion = '1.5.1-alpha-202302140014';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -5074,7 +5074,7 @@ const SitePermissionMic20Filled = () => {
     const theme = useTheme();
     return (React__default['default'].createElement(react.Stack, { horizontalAlign: 'center', styles: sitePermissionIconBackgroundStyle(theme) },
         React__default['default'].createElement("div", { className: react.mergeStyles(scaledIconStyles(theme)) },
-            React__default['default'].createElement(reactIcons.MicOn20Filled, null))));
+            React__default['default'].createElement(reactIcons.Mic20Filled, null))));
 };
 /* @conditional-compile-remove(call-readiness) */
 const SitePermissionCamera20Filled = () => {
@@ -5135,7 +5135,7 @@ const DEFAULT_COMPONENT_ICONS = {
     ControlButtonCameraOn: React__default['default'].createElement(reactIcons.Video20Filled, null),
     ControlButtonEndCall: React__default['default'].createElement(reactIcons.CallEnd20Filled, null),
     ControlButtonMicOff: React__default['default'].createElement(reactIcons.MicOff20Filled, null),
-    ControlButtonMicOn: React__default['default'].createElement(reactIcons.MicOn20Filled, null),
+    ControlButtonMicOn: React__default['default'].createElement(reactIcons.Mic20Filled, null),
     ControlButtonOptions: React__default['default'].createElement(reactIcons.Settings20Filled, null),
     ControlButtonParticipants: React__default['default'].createElement(reactIcons.People20Filled, null),
     /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
@@ -5155,7 +5155,7 @@ const DEFAULT_COMPONENT_ICONS = {
     ErrorBarCallMacOsMicrophoneAccessDenied: React__default['default'].createElement(reactIcons.MicProhibited16Filled, null),
     ErrorBarCallMicrophoneAccessDenied: React__default['default'].createElement(reactIcons.MicProhibited16Filled, null),
     ErrorBarCallMicrophoneMutedBySystem: React__default['default'].createElement(reactIcons.MicOff16Filled, null),
-    ErrorBarCallMicrophoneUnmutedBySystem: React__default['default'].createElement(reactIcons.MicOn16Filled, null),
+    ErrorBarCallMicrophoneUnmutedBySystem: React__default['default'].createElement(reactIcons.Mic16Filled, null),
     ErrorBarCallNetworkQualityLow: React__default['default'].createElement(WifiWarning16Filled, null),
     ErrorBarCallNoMicrophoneFound: React__default['default'].createElement(reactIcons.MicProhibited16Filled, null),
     ErrorBarCallNoSpeakerFound: React__default['default'].createElement(reactIcons.SpeakerMute16Filled, null),
@@ -5169,10 +5169,10 @@ const DEFAULT_COMPONENT_ICONS = {
     MessageFailed: React__default['default'].createElement(reactIcons.ErrorCircle16Regular, null),
     MessageRemove: React__default['default'].createElement(reactIcons.Delete20Regular, null),
     MessageResend: React__default['default'].createElement(reactIcons.ArrowClockwise16Regular, null),
-    MessageSeen: React__default['default'].createElement(reactIcons.EyeShow16Regular, null),
+    MessageSeen: React__default['default'].createElement(reactIcons.Eye16Regular, null),
     MessageSending: React__default['default'].createElement(reactIcons.Circle16Regular, null),
     OptionsCamera: React__default['default'].createElement(reactIcons.Video20Regular, null),
-    OptionsMic: React__default['default'].createElement(reactIcons.MicOn20Regular, null),
+    OptionsMic: React__default['default'].createElement(reactIcons.Mic20Regular, null),
     OptionsSpeaker: React__default['default'].createElement(reactIcons.Speaker220Regular, null),
     ParticipantItemMicOff: React__default['default'].createElement(reactIcons.MicOff16Regular, null),
     ParticipantItemOptions: React__default['default'].createElement(React__default['default'].Fragment, null),
@@ -14850,17 +14850,17 @@ const COMPOSITE_ONLY_ICONS = {
     LobbyScreenConnectingToCall: React__default['default'].createElement(CoffeeIcon, null),
     LobbyScreenWaitingToBeAdmitted: React__default['default'].createElement(CoffeeIcon, null),
     LocalDeviceSettingsCamera: React__default['default'].createElement(reactIcons.Video20Filled, null),
-    LocalDeviceSettingsMic: React__default['default'].createElement(reactIcons.MicOn20Filled, null),
+    LocalDeviceSettingsMic: React__default['default'].createElement(reactIcons.Mic20Filled, null),
     LocalDeviceSettingsSpeaker: React__default['default'].createElement(reactIcons.Speaker220Filled, null),
     LocalPreviewPlaceholder: React__default['default'].createElement(reactIcons.VideoOff20Filled, null),
     LocalCameraSwitch: React__default['default'].createElement(reactIcons.CameraSwitch24Regular, null),
     ControlBarChatButtonActive: React__default['default'].createElement(reactIcons.Chat20Filled, null),
     ControlBarChatButtonInactive: React__default['default'].createElement(reactIcons.Chat20Regular, null),
     ControlBarPeopleButton: React__default['default'].createElement(reactIcons.People20Regular, null),
-    MoreDrawerMicrophones: React__default['default'].createElement(reactIcons.MicOn20Regular, null),
+    MoreDrawerMicrophones: React__default['default'].createElement(reactIcons.Mic20Regular, null),
     MoreDrawerPeople: React__default['default'].createElement(reactIcons.People20Regular, null),
     MoreDrawerSpeakers: React__default['default'].createElement(reactIcons.Speaker220Regular, null),
-    MoreDrawerSelectedMicrophone: React__default['default'].createElement(reactIcons.MicOn20Filled, null),
+    MoreDrawerSelectedMicrophone: React__default['default'].createElement(reactIcons.Mic20Filled, null),
     MoreDrawerSelectedSpeaker: React__default['default'].createElement(reactIcons.Speaker220Filled, null),
     Muted: React__default['default'].createElement(reactIcons.MicOff20Filled, null),
     NetworkReconnectIcon: React__default['default'].createElement(reactIcons.CallMissed20Filled, null),
@@ -21850,12 +21850,13 @@ const generateCustomCallWithChatDrawerButtons = (onFetchCustomButtonProps, displ
         response[key] = (React__default['default'].createElement(React__default['default'].Fragment, null, allButtonProps
             .filter((buttonProps) => buttonProps.placement === key)
             .map((buttonProps, i) => {
-            var _a;
+            var _a, _b;
             return ({
                 disabled: buttonProps.disabled,
                 id: buttonProps.id,
                 iconProps: { iconName: buttonProps.iconName },
                 itemKey: (_a = buttonProps.key) !== null && _a !== void 0 ? _a : `${buttonProps.placement}_${i}`,
+                key: (_b = buttonProps.key) !== null && _b !== void 0 ? _b : `${buttonProps.placement}_${i}`,
                 onItemClick: buttonProps.onItemClick,
                 text: buttonProps.text
             });
@@ -21877,6 +21878,7 @@ const onFetchCustomButtonPropsTrampoline = (options) => {
  * @private
  */
 const DesktopMoreButton = (props) => {
+    var _a;
     /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
     const localeStrings = useLocale();
     /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
@@ -21886,41 +21888,46 @@ const DesktopMoreButton = (props) => {
         label: localeStrings.strings.call.moreButtonCallingLabel,
         tooltipOffContent: localeStrings.strings.callWithChat.moreDrawerButtonTooltip
     }), [localeStrings]);
-    const moreButtonContextualMenuItems = () => {
-        const items = [];
-        /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        items.push({
-            key: 'holdButtonKey',
-            text: localeStrings.component.strings.holdButton.tooltipOffContent,
+    const moreButtonContextualMenuItems = [];
+    /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    moreButtonContextualMenuItems.push({
+        key: 'holdButtonKey',
+        text: localeStrings.component.strings.holdButton.tooltipOffContent,
+        onClick: () => {
+            holdButtonProps.onToggleHold();
+        },
+        iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } },
+        itemProps: {
+            styles: buttonFlyoutIncreasedSizeStyles
+        },
+        disabled: props.disableButtonsForHoldScreen
+    });
+    /*@conditional-compile-remove(PSTN-calls) */
+    if (props.onClickShowDialpad) {
+        moreButtonContextualMenuItems.push({
+            key: 'showDialpadKey',
+            text: localeStrings.strings.callWithChat.openDtmfDialpadLabel,
             onClick: () => {
-                holdButtonProps.onToggleHold();
+                props.onClickShowDialpad && props.onClickShowDialpad();
             },
-            iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } },
+            iconProps: { iconName: 'Dialpad', styles: { root: { lineHeight: 0 } } },
             itemProps: {
                 styles: buttonFlyoutIncreasedSizeStyles
             },
             disabled: props.disableButtonsForHoldScreen
         });
-        /*@conditional-compile-remove(PSTN-calls) */
-        if (props.onClickShowDialpad) {
-            items.push({
-                key: 'showDialpadKey',
-                text: localeStrings.strings.callWithChat.openDtmfDialpadLabel,
-                onClick: () => {
-                    props.onClickShowDialpad && props.onClickShowDialpad();
-                },
-                iconProps: { iconName: 'Dialpad', styles: { root: { lineHeight: 0 } } },
-                itemProps: {
-                    styles: buttonFlyoutIncreasedSizeStyles
-                },
-                disabled: props.disableButtonsForHoldScreen
-            });
-        }
-        return items;
-    };
+    }
+    /* @conditional-compile-remove(control-bar-button-injection) */
+    const customDrawerButtons = React.useMemo(() => generateCustomCallWithChatDrawerButtons(onFetchCustomButtonPropsTrampoline(typeof props.callControls === 'object' ? props.callControls : undefined), typeof props.callControls === 'object' ? props.callControls.displayType : undefined), [props.callControls]);
+    /* @conditional-compile-remove(control-bar-button-injection) */
+    (_a = customDrawerButtons['overflow']) === null || _a === void 0 ? void 0 : _a.props.children.forEach((element) => {
+        moreButtonContextualMenuItems.push(Object.assign({ itemProps: {
+                styles: buttonFlyoutIncreasedSizeStyles
+            } }, element));
+    });
     return (React__default['default'].createElement(MoreButton, Object.assign({}, props, { "data-ui-id": "call-with-chat-composite-more-button", 
         /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
-        strings: moreButtonStrings, menuIconProps: { hidden: true }, menuProps: { items: moreButtonContextualMenuItems() } })));
+        strings: moreButtonStrings, menuIconProps: { hidden: true }, menuProps: { items: moreButtonContextualMenuItems } })));
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -22044,7 +22051,9 @@ const CallWithChatControlBar = (props) => {
                             props.mobileView && (React__default['default'].createElement(MoreButton, { "data-ui-id": "call-with-chat-composite-more-button", strings: moreButtonStrings, onClick: props.onMoreButtonClicked, disabled: props.disableButtonsForLobbyPage })),
                             /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ isEnabled$1(options === null || options === void 0 ? void 0 : options.moreButton) &&
                                 /*@conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ isEnabled$1(options === null || options === void 0 ? void 0 : options.holdButton) &&
-                                !props.mobileView && (React__default['default'].createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad })),
+                                !props.mobileView && (React__default['default'].createElement(DesktopMoreButton, { disableButtonsForHoldScreen: props.disableButtonsForHoldScreen, styles: commonButtonStyles, onClickShowDialpad: props.onClickShowDialpad, 
+                                /* @conditional-compile-remove(control-bar-button-injection) */
+                                callControls: props.callControls })),
                             React__default['default'].createElement(EndCall, { displayType: "compact", styles: endCallButtonStyles })))))),
         !props.mobileView && (React__default['default'].createElement(react.Stack, { horizontal: true, className: !props.mobileView ? react.mergeStyles(desktopButtonContainerStyle) : undefined }, 
         /* @conditional-compile-remove(control-bar-button-injection) */