@azure/communication-react 1.11.1-alpha-202401070014 → 1.11.1-alpha-202401100012

package/dist/communication-react.d.ts

@@ -2303,7 +2303,7 @@ export declare interface CallCompositeStrings {
     /**
      * String for title when the call is rejected by the callee
      */
-    callRejectedTitle: string;
+    callRejectedTitle?: string;
     /**
      * String for more details when the call is rejected by the callee
      */
@@ -2448,7 +2448,7 @@ export declare type CallingHandlersOptions = {
 export declare type CallingReturnProps<Component extends (props: any) => JSX.Element> = GetCallingSelector<Component> extends (state: CallClientState, props: any) => any ? ReturnType<GetCallingSelector<Component>> & Common<CallingHandlers, Parameters<Component>[0]> : never;
 
 /**
- * @beta
+ * @public
  * Type for representing a set of sounds to use for different calling events
  */
 export declare type CallingSounds = {
@@ -6419,21 +6419,46 @@ export declare const Dialpad: (props: DialpadProps) => JSX.Element;
  */
 export declare interface DialpadProps {
     strings?: DialpadStrings;
-    /**  function to send dtmf tones on button click */
+    /**
+     * function to send dtmf tones on button click
+     */
     onSendDtmfTone?: (dtmfTone: DtmfTone) => Promise<void>;
-    /**  Callback for dialpad button behavior*/
+    /**
+     * Callback for dialpad button behavior
+     */
     onClickDialpadButton?: (buttonValue: string, buttonIndex: number) => void;
-    /** set dialpad textfield content */
+    /**
+     * set dialpad textfield content
+     */
     textFieldValue?: string;
-    /**  on change function for text field, provides an unformatted plain text*/
+    /**
+     * on change function for text field, provides an unformatted plain text
+     */
     onChange?: (input: string) => void;
-    /**  boolean input to determine when to show/hide delete button, default true */
+    /**
+     * flag to determine when to show/hide delete button, default true
+     */
     showDeleteButton?: boolean;
-    /**  boolean input to determine if dialpad is in mobile view, default false */
+    /**
+     * flag to determine if dialpad is in mobile view, default false
+     */
     isMobile?: boolean;
+    /**
+     * Styles for customizing the dialpad component
+     */
     styles?: DialpadStyles;
-    /** Disables DTMF sounds when dialpad buttons are pressed. the actual tones are still sent to the call. */
+    /**
+     * Disables DTMF sounds when dialpad buttons are pressed. the actual
+     * tones are still sent to the call.
+     */
     disableDtmfPlayback?: boolean;
+    /**
+     * Enable the ability to edit the number in the text box.
+     * This mode is for when dailing someone to call to that the user can edit the number before calling if needed.
+     * @default false
+     *
+     */
+    enableInputEditing?: boolean;
 }
 
 /**
@@ -9365,7 +9390,7 @@ export declare interface SitePermissionsStyles extends BaseCustomStyles {
 }
 
 /**
- * @beta
+ * @public
  * Type for representing a custom sound to use for a calling event
  */
 export declare type SoundEffect = {

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

@@ -170,7 +170,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.11.1-alpha-202401070014';
+var telemetryVersion = '1.11.1-alpha-202401100012';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -17946,12 +17946,8 @@ const DtmfTones = [
 const DialpadButton = (props) => {
     var _a, _b, _c, _d;
     const theme = react.useTheme();
-    const { digit, index, onClick, onLongPress, isMobile = false, 
-    /* @conditional-compile-remove(dtmf-dialer) */ dtmfToneAudioContext, 
-    /* @conditional-compile-remove(dtmf-dialer) */ disableDtmfPlayback } = props;
-    /* @conditional-compile-remove(dtmf-dialer) */
+    const { digit, index, onClick, onLongPress, isMobile = false, dtmfToneAudioContext, disableDtmfPlayback } = props;
     const [buttonPressed, setButtonPressed] = React.useState(false);
-    /* @conditional-compile-remove(dtmf-dialer) */
     const dtmfToneSound = React.useRef(new Tone(dtmfToneAudioContext, dtmfFrequencies[digit].f1, dtmfFrequencies[digit].f2));
     const useLongPressProps = React.useMemo(() => ({
         onClick: () => __awaiter$s(void 0, void 0, void 0, function* () {
@@ -17964,7 +17960,6 @@ const DialpadButton = (props) => {
     }), [digit, index, isMobile, onClick, onLongPress]);
     const longPressHandlers = useLongPress(useLongPressProps);
     return (React.createElement(react.DefaultButton, Object.assign({ "data-test-id": `dialpad-button-${props.index}`, styles: react.concatStyleSets(buttonStyles$1(), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.button) }, longPressHandlers, { onKeyDown: (e) => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             if ((e.key === 'Enter' || e.key === ' ') && !buttonPressed) {
                 if (!disableDtmfPlayback) {
                     dtmfToneSound.current.play();
@@ -17975,7 +17970,6 @@ const DialpadButton = (props) => {
             }
             longPressHandlers.onKeyDown();
         }, onKeyUp: (e) => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             if ((e.key === 'Enter' || e.key === ' ') && buttonPressed) {
                 dtmfToneSound.current.stop();
                 longPressHandlers.onKeyUp();
@@ -17983,26 +17977,21 @@ const DialpadButton = (props) => {
             }
             longPressHandlers.onKeyUp();
         }, onMouseDown: () => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             if (!disableDtmfPlayback) {
                 dtmfToneSound.current.play();
             }
             longPressHandlers.onMouseDown();
         }, onMouseUp: () => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             dtmfToneSound.current.stop();
             longPressHandlers.onMouseUp();
         }, onMouseLeave: () => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             dtmfToneSound.current.stop();
         }, onTouchStart: () => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             if (!disableDtmfPlayback) {
                 dtmfToneSound.current.play();
             }
             longPressHandlers.onTouchStart();
         }, onTouchEnd: () => {
-            /* @conditional-compile-remove(dtmf-dialer) */
             dtmfToneSound.current.stop();
             longPressHandlers.onTouchEnd();
         } }),
@@ -18013,9 +18002,8 @@ const DialpadButton = (props) => {
 const DialpadContainer = (props) => {
     var _a, _b;
     const theme = react.useTheme();
-    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, isMobile = false } = props;
+    const { onSendDtmfTone, onClickDialpadButton, textFieldValue, onChange, showDeleteButton = true, isMobile = false, disableDtmfPlayback, enableInputEditing } = props;
     const [plainTextValue, setPlainTextValue] = React.useState(textFieldValue !== null && textFieldValue !== void 0 ? textFieldValue : '');
-    /* @conditional-compile-remove(dtmf-dialer) */
     const dtmfToneAudioContext = React.useRef(new AudioContext());
     React.useEffect(() => {
         if (onChange) {
@@ -18059,18 +18047,16 @@ const DialpadContainer = (props) => {
         setText(modifiedInput);
     };
     return (React.createElement("div", { className: react.mergeStyles(containerStyles$3(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer", "data-ui-id": "dialpadContainer" },
-        React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : formatPhoneNumber(plainTextValue), 
+        React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : enableInputEditing ? formatPhoneNumber(plainTextValue) : plainTextValue, 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange: (e) => {
-                setText(e.target.value);
-            }, 
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            onClick: (e) => {
-                const input = e.target;
-                const end = input.value.length;
-                // Move focus to end of input field
-                input.setSelectionRange(end, end);
-                input.focus();
+                if (enableInputEditing) {
+                    setText(e.target.value);
+                }
+            }, onClick: (e) => {
+                if (!enableInputEditing) {
+                    e.preventDefault();
+                }
             }, placeholder: props.strings.placeholderText, "data-test-id": "dialpad-input", onRenderSuffix: () => {
                 var _a;
                 return (React.createElement(React.Fragment, null, showDeleteButton && plainTextValue.length !== 0 && (React.createElement(react.IconButton, { ariaLabel: props.strings.deleteButtonAriaLabel, onClick: deleteNumbers, styles: react.concatStyleSets(iconButtonStyles(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.deleteIcon), iconProps: { iconName: 'DialpadBackspace' } }))));
@@ -18094,11 +18080,7 @@ const DialpadContainer = (props) => {
                 then use this index to locate the corresponding dtmf tones
                 DtmfTones[index]
                 */
-                index: columnIndex + rowIndex * rows.length, digit: button.digit, letter: button.letter, styles: props.styles, onClick: onClickDialpad, onLongPress: onLongPressDialpad, isMobile: isMobile, 
-                /* @conditional-compile-remove(dtmf-dialer) */
-                dtmfToneAudioContext: dtmfToneAudioContext.current, 
-                /* @conditional-compile-remove(dtmf-dialer) */
-                disableDtmfPlayback: props.disableDtmfPlayback })))));
+                index: columnIndex + rowIndex * rows.length, digit: button.digit, letter: button.letter, styles: props.styles, onClick: onClickDialpad, onLongPress: onLongPressDialpad, isMobile: isMobile, dtmfToneAudioContext: dtmfToneAudioContext.current, disableDtmfPlayback: disableDtmfPlayback })))));
         }))));
 };
 /**
@@ -22821,17 +22803,11 @@ class AzureCommunicationChatAdapter {
         return __awaiter$k(this, void 0, void 0, function* () {
             return this.asyncTeeErrorToEventEmitter(() => __awaiter$k(this, void 0, void 0, function* () {
                 if (this.credential === undefined) {
-                    const e = new Error();
-                    e['target'] = 'ChatThreadClient.getMessage';
-                    e['innerError'] = new Error('AccessToken is null');
-                    throw e;
+                    throw new ChatError('ChatThreadClient.getMessage', new Error('AccessToken is null'));
                 }
                 const accessToken = yield this.credential.getToken();
                 if (!accessToken) {
-                    const e = new Error();
-                    e['target'] = 'ChatThreadClient.getMessage';
-                    e['innerError'] = new Error('AccessToken is null');
-                    throw e;
+                    throw new ChatError('ChatThreadClient.getMessage', new Error('AccessToken is null'));
                 }
                 return this.downloadAuthenticatedFile(accessToken.token, options);
             }));
@@ -22847,10 +22823,7 @@ class AzureCommunicationChatAdapter {
                         return yield fetch(url, { headers });
                     }
                     catch (err) {
-                        const e = new Error();
-                        e['target'] = 'ChatThreadClient.getMessage';
-                        e['innerError'] = err;
-                        throw e;
+                        throw new ChatError('ChatThreadClient.getMessage', err);
                     }
                 });
             }
@@ -22963,10 +22936,10 @@ const convertEventToChatMessage = (event) => {
     };
 };
 const isChatMessageEditedEvent = (event) => {
-    return event['editedOn'] !== undefined;
+    return 'editedOn' in event;
 };
 const isChatMessageDeletedEvent = (event) => {
-    return event['deletedOn'] !== undefined;
+    return 'deletedOn' in event;
 };
 // only text/html message type will be received from event
 const convertEventType = (type) => {
@@ -23119,7 +23092,7 @@ function createAzureCommunicationChatAdapterFromClient(chatClient, chatThreadCli
     });
 }
 const isChatError = (e) => {
-    return e['target'] !== undefined && e['innerError'] !== undefined;
+    return 'target' in e && e['target'] !== undefined && 'innerError' in e && e['innerError'] !== undefined;
 };
 
 // Copyright (c) Microsoft Corporation.
@@ -32895,6 +32868,9 @@ class AzureCommunicationCallAdapter {
 const createAzureCommunicationCallAdapter = ({ userId, displayName, credential, locator, 
 /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, 
 /* @conditional-compile-remove(video-background-effects) */ options }) => __awaiter$5(void 0, void 0, void 0, function* () {
+    if (communicationCommon.isMicrosoftTeamsUserIdentifier(userId)) {
+        throw new Error('Microsoft Teams user identifier is not supported by AzureCommunicationCallAdapter. Instead use TeamsCallAdapter.');
+    }
     return _createAzureCommunicationCallAdapterInner({
         userId,
         displayName,
@@ -32934,6 +32910,9 @@ const _createAzureCommunicationCallAdapterInner = ({ userId, displayName, creden
  * @beta
  */
 const createTeamsCallAdapter = ({ userId, credential, locator, options }) => __awaiter$5(void 0, void 0, void 0, function* () {
+    if (communicationCommon.isCommunicationUserIdentifier(userId)) {
+        throw new Error('Communication User identifier is not supported by TeamsCallAdapter, please use our AzureCommunicationCallAdapter.');
+    }
     const callClient = _createStatefulCallClientInner({
         userId
     }, undefined, 'Call');
@@ -33580,7 +33559,7 @@ const NotificationIcon = (props) => {
         }
         else {
             const textNumberOfMessages = numberOfMessages < 9 ? numberOfMessages : '9+';
-            return (React.createElement(react.Text, { role: 'status', "aria-label": textNumberOfMessages + label, styles: notificationTextStyles(theme) }, textNumberOfMessages));
+            return (React.createElement(react.Text, { role: 'status', "aria-label": textNumberOfMessages + (label !== null && label !== void 0 ? label : ''), styles: notificationTextStyles(theme) }, textNumberOfMessages));
         }
     };
     return (React.createElement(react.Stack, { "data-ui-id": "call-with-chat-composite-chat-button-unread-icon", horizontalAlign: "center", verticalAlign: "center", styles: notificationIconContainerStyles(theme) },