@azure/communication-react 1.3.3-alpha-202208160041.0 → 1.3.3-alpha-202208170014.0

package/dist/communication-react.d.ts

@@ -2281,6 +2281,10 @@ export declare interface CallWithChatControlOptions {
      * Show or hide the more button in the call-with-chat control bar.
      */
     moreButton?: boolean;
+    /**
+     * Show or hide the hold button in the bottom sheet drawer
+     */
+    holdButton?: boolean;
 }
 
 /**

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

@@ -192,7 +192,7 @@ const fromFlatCommunicationIdentifier = (id) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.3.3-alpha-202208160041.0';
+var telemetryVersion = '1.3.3-alpha-202208170014.0';
 
 // Copyright (c) Microsoft Corporation.
 /**
@@ -18316,6 +18316,42 @@ const onFetchCustomButtonPropsTrampoline = (options) => {
     return response;
 };
 
+// Copyright (c) Microsoft Corporation.
+/**
+ *
+ * @private
+ */
+const DesktopMoreButton = (props) => {
+    /*@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) */
+    const holdButtonProps = usePropsFor$1(HoldButton);
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    const moreButtonStrings = React.useMemo(() => ({
+        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,
+            onClick: () => {
+                holdButtonProps.onToggleHold();
+            },
+            iconProps: { iconName: 'HoldCall', styles: { root: { lineHeight: 0 } } },
+            itemProps: {
+                styles: buttonFlyoutIncreasedSizeStyles
+            }
+        });
+        return items;
+    };
+    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() } })));
+};
+
 // Copyright (c) Microsoft Corporation.
 const inferCallWithChatControlOptions$1 = (mobileView, callWithChatControls) => {
     if (callWithChatControls === false) {
@@ -18405,6 +18441,9 @@ const CallWithChatControlBar = (props) => {
                                 return (React__default['default'].createElement(element.type, Object.assign({}, element.props, { key: element.props.strings.label, styles: commonButtonStyles, displayType: options.displayType, showLabel: options.displayType !== 'compact' })));
                             }),
                             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, { disabled: props.disableButtonsForLobbyPage, styles: commonButtonStyles })),
                             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) */
@@ -18738,6 +18777,10 @@ const MoreDrawer = (props) => {
     var _a, _b, _c, _d, _e;
     const drawerMenuItems = [];
     const { speakers, onSelectSpeaker, onLightDismiss } = props;
+    /* @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) */
+    const holdButtonProps = usePropsFor$1(HoldButton);
     const onSpeakerItemClick = React.useCallback((_ev, itemKey) => {
         const selected = speakers === null || speakers === void 0 ? void 0 : speakers.find((speaker) => speaker.id === itemKey);
         if (selected) {
@@ -18808,6 +18851,17 @@ const MoreDrawer = (props) => {
             onItemClick: props.onPeopleButtonClicked
         });
     }
+    /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */
+    if (drawerSelectionOptions !== false && isEnabled(drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.peopleButton)) {
+        drawerMenuItems.push({
+            itemKey: 'holdButtonKey',
+            text: localeStrings.component.strings.holdButton.tooltipOffContent,
+            onItemClick: () => {
+                holdButtonProps.onToggleHold();
+            },
+            iconProps: { iconName: 'HoldCall', styles: { root: { lineHeight: 0 } } }
+        });
+    }
     /* @conditional-compile-remove(control-bar-button-injection) */
     const customDrawerButtons = React.useMemo(() => generateCustomCallWithChatDrawerButtons(onFetchCustomButtonPropsTrampoline(drawerSelectionOptions !== false ? drawerSelectionOptions : undefined), drawerSelectionOptions !== false ? drawerSelectionOptions === null || drawerSelectionOptions === void 0 ? void 0 : drawerSelectionOptions.displayType : undefined), [drawerSelectionOptions]);
     /* @conditional-compile-remove(control-bar-button-injection) */
@@ -19053,7 +19107,10 @@ const CallWithChatComposite = (props) => {
             /* @conditional-compile-remove(file-sharing) */
             fileSharing: options === null || options === void 0 ? void 0 : options.fileSharing }))));
 };
-const hasJoinedCallFn = (page, callStatus) => page === 'call' && callStatus === 'Connected';
+const hasJoinedCallFn = (page, callStatus) => {
+    /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(one-to-n-calling) */
+    return (page === 'call' && callStatus === 'Connected') || (page === 'hold' && callStatus === 'LocalHold');
+};
 const showShowChatTabHeaderButton = (callControls) => {
     if (callControls === undefined || callControls === true) {
         return true;