@azure/communication-react 1.18.0 → 1.18.1

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

@@ -22,7 +22,6 @@ var reactHooks = require('@fluentui/react-hooks');
 var reactUseDraggableScroll = require('react-use-draggable-scroll');
 var reactWindowProvider = require('@fluentui/react-window-provider');
 var copy = require('copy-to-clipboard');
-var libphonenumberJs = require('libphonenumber-js');
 var communicationChat = require('@azure/communication-chat');
 var nanoid = require('nanoid');
 var communicationCallingEffects = require('@azure/communication-calling-effects');
@@ -166,7 +165,7 @@ function getDefaultExportFromCjs (x) {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-var telemetryVersion = '1.18.0';
+var telemetryVersion = '1.18.1';
 
 
 var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
@@ -16840,13 +16839,17 @@ const iconButtonStyles$1 = (theme) => {
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /**
- * @private
+ * @internal
  */
-const formatPhoneNumber$1 = (phoneNumber) => {
+const _formatPhoneNumber = (phoneNumber, enchant) => {
     // if input value is falsy eg if the user deletes the input, then just return
     if (!phoneNumber) {
         return phoneNumber;
     }
+    // Only enchant North American phone numbers that begin with country code (1)
+    if (enchant && phoneNumber[0] === '1' && phoneNumber.length === 11) {
+        phoneNumber = `+${phoneNumber}`;
+    }
     // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.
     // if phone number starts with +, we format like +x (xxx)xxx-xxxx.
     // For now we are only supporting NA phone number formatting with country code +x
@@ -17140,7 +17143,7 @@ const DialpadContainer = (props) => {
         setText(modifiedInput);
     };
     return React.createElement(react.Stack, { className: react.mergeStyles(containerStyles$2(theme), (_a = props.styles) === null || _a === void 0 ? void 0 : _a.root), "data-test-id": "dialpadContainer", "data-ui-id": "dialpadContainer", horizontalAlign: 'center' },
-        dialpadMode === 'dialer' && React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme, plainTextValue !== ''), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : formatPhoneNumber$1(plainTextValue), 
+        dialpadMode === 'dialer' && React.createElement(react.TextField, { styles: react.concatStyleSets(textFieldStyles(theme, plainTextValue !== ''), (_b = props.styles) === null || _b === void 0 ? void 0 : _b.textField), value: textFieldValue ? textFieldValue : _formatPhoneNumber(plainTextValue), 
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             onChange: (e) => {
                 setText(e.target.value);
@@ -18145,7 +18148,7 @@ const MeetingConferencePhoneInfoModal = (props) => {
                                 React.createElement(react.Text, { className: stepTextStyle }, strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalDialIn)))),
                     React.createElement(react.Stack.Item, { className: phoneInfoStep$1 }, conferencePhoneInfoList.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
                         React.createElement(react.Text, { className: phoneInfoTextStyle$1 },
-                            formatPhoneNumber(phoneNumber.phoneNumber),
+                            _formatPhoneNumber(phoneNumber.phoneNumber, true),
                             ' ',
                             phoneNumber.isTollFree ? strings.meetingConferencePhoneInfoModalTollFree : strings.meetingConferencePhoneInfoModalToll),
                         React.createElement("br", null),
@@ -18174,25 +18177,6 @@ const MeetingConferencePhoneInfoModal = (props) => {
                             React.createElement(react.Text, { className: stepTextStyle }, strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalWait)))))));
 };
 /* @conditional-compile-remove(teams-meeting-conference) */
-/**
- * @internal
- * format phone number
- */
-const formatPhoneNumber = (phoneNumber) => {
-    var _a;
-    if (!phoneNumber) {
-        return '';
-    }
-    let enchantedPhoneNumber = phoneNumber;
-    if (!phoneNumber.startsWith('+')) {
-        enchantedPhoneNumber = `+${phoneNumber}`;
-    }
-    if (libphonenumberJs.isPossiblePhoneNumber(enchantedPhoneNumber)) {
-        return ((_a = libphonenumberJs.parsePhoneNumber(enchantedPhoneNumber)) === null || _a === void 0 ? void 0 : _a.formatInternational()) || enchantedPhoneNumber;
-    }
-    return phoneNumber;
-};
-/* @conditional-compile-remove(teams-meeting-conference) */
 /**
  * @internal
  * format phone number link
@@ -18207,7 +18191,7 @@ const formatPhoneNumberLink = (phoneNumber) => {
  */
 const formatPhoneNumberInfo = (phoneNumber, strings) => {
     const templateText = phoneNumber.country && phoneNumber.city ? strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalTollGeoData : '';
-    return (templateText === null || templateText === void 0 ? void 0 : templateText.replace('{phoneNumber}', formatPhoneNumber(phoneNumber.phoneNumber)).replace('{country}', phoneNumber.country || '').replace('{city}', phoneNumber.city || '').trim()) || '';
+    return (templateText === null || templateText === void 0 ? void 0 : templateText.replace('{country}', phoneNumber.country || '').replace('{city}', phoneNumber.city || '').trim()) || '';
 };
 /* @conditional-compile-remove(teams-meeting-conference) */
 /**
@@ -27369,7 +27353,7 @@ const MeetingPhoneInfoPaneContent = (props) => {
                             React.createElement(react.Stack.Item, null,
                                 React.createElement(react.Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalDialIn)))),
                     React.createElement(react.Stack.Item, { className: phoneInfoStep }, conferencePhoneInfoList.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
-                        React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, formatPhoneNumber(phoneNumber.phoneNumber)),
+                        React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
                         React.createElement(react.Text, { className: phoneInfoTextStyle },
                             ' ',
                             phoneNumber.isTollFree ? localeStrings.meetingConferencePhoneInfoModalTollFree : localeStrings.meetingConferencePhoneInfoModalToll),
@@ -28636,8 +28620,8 @@ const NetworkReconnectTile = (props) => {
                                 React.createElement(react.Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalDialIn)))),
                     React.createElement(react.Stack.Item, { className: phoneInfoStep }, meetingCoordinates.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
                         React.createElement(react.Text, { className: phoneInfoTextStyle },
-                            props.isMobile && React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, formatPhoneNumber(phoneNumber.phoneNumber)),
-                            !props.isMobile && React.createElement(react.Text, { className: phoneInfoTextStyle }, formatPhoneNumber(phoneNumber.phoneNumber)),
+                            props.isMobile && React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
+                            !props.isMobile && React.createElement(react.Text, { className: phoneInfoTextStyle }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
                             ' ',
                             phoneNumber.isTollFree ? localeStrings.meetingConferencePhoneInfoModalTollFree : localeStrings.meetingConferencePhoneInfoModalToll),
                         React.createElement("br", null),