@azure/communication-react 1.18.0 → 1.18.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dist-cjs/communication-react/index.js +13 -29
- package/dist/dist-cjs/communication-react/index.js.map +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
- package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js +2 -2
- package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.d.ts +0 -5
- package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.js +3 -23
- package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/index.d.ts +1 -0
- package/dist/dist-esm/react-components/src/components/index.js +2 -0
- package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
- package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.d.ts +2 -2
- package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js +6 -2
- package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js +3 -3
- package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js.map +1 -1
- package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js +2 -2
- package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js.map +1 -1
- package/package.json +1 -2
@@ -22,7 +22,6 @@ var reactHooks = require('@fluentui/react-hooks');
|
|
22
22
|
var reactUseDraggableScroll = require('react-use-draggable-scroll');
|
23
23
|
var reactWindowProvider = require('@fluentui/react-window-provider');
|
24
24
|
var copy = require('copy-to-clipboard');
|
25
|
-
var libphonenumberJs = require('libphonenumber-js');
|
26
25
|
var communicationChat = require('@azure/communication-chat');
|
27
26
|
var nanoid = require('nanoid');
|
28
27
|
var communicationCallingEffects = require('@azure/communication-calling-effects');
|
@@ -166,7 +165,7 @@ function getDefaultExportFromCjs (x) {
|
|
166
165
|
// Copyright (c) Microsoft Corporation.
|
167
166
|
// Licensed under the MIT License.
|
168
167
|
// GENERATED FILE. DO NOT EDIT MANUALLY.
|
169
|
-
var telemetryVersion = '1.18.
|
168
|
+
var telemetryVersion = '1.18.1';
|
170
169
|
|
171
170
|
|
172
171
|
var telemetryVersion$1 = /*@__PURE__*/getDefaultExportFromCjs(telemetryVersion);
|
@@ -16840,13 +16839,17 @@ const iconButtonStyles$1 = (theme) => {
|
|
16840
16839
|
// Copyright (c) Microsoft Corporation.
|
16841
16840
|
// Licensed under the MIT License.
|
16842
16841
|
/**
|
16843
|
-
* @
|
16842
|
+
* @internal
|
16844
16843
|
*/
|
16845
|
-
const
|
16844
|
+
const _formatPhoneNumber = (phoneNumber, enchant) => {
|
16846
16845
|
// if input value is falsy eg if the user deletes the input, then just return
|
16847
16846
|
if (!phoneNumber) {
|
16848
16847
|
return phoneNumber;
|
16849
16848
|
}
|
16849
|
+
// Only enchant North American phone numbers that begin with country code (1)
|
16850
|
+
if (enchant && phoneNumber[0] === '1' && phoneNumber.length === 11) {
|
16851
|
+
phoneNumber = `+${phoneNumber}`;
|
16852
|
+
}
|
16850
16853
|
// if phone number starts with 1, format like 1 (xxx)xxx-xxxx.
|
16851
16854
|
// if phone number starts with +, we format like +x (xxx)xxx-xxxx.
|
16852
16855
|
// For now we are only supporting NA phone number formatting with country code +x
|
@@ -17140,7 +17143,7 @@ const DialpadContainer = (props) => {
|
|
17140
17143
|
setText(modifiedInput);
|
17141
17144
|
};
|
17142
17145
|
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' },
|
17143
|
-
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 :
|
17146
|
+
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),
|
17144
17147
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
17145
17148
|
onChange: (e) => {
|
17146
17149
|
setText(e.target.value);
|
@@ -18145,7 +18148,7 @@ const MeetingConferencePhoneInfoModal = (props) => {
|
|
18145
18148
|
React.createElement(react.Text, { className: stepTextStyle }, strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalDialIn)))),
|
18146
18149
|
React.createElement(react.Stack.Item, { className: phoneInfoStep$1 }, conferencePhoneInfoList.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
|
18147
18150
|
React.createElement(react.Text, { className: phoneInfoTextStyle$1 },
|
18148
|
-
|
18151
|
+
_formatPhoneNumber(phoneNumber.phoneNumber, true),
|
18149
18152
|
' ',
|
18150
18153
|
phoneNumber.isTollFree ? strings.meetingConferencePhoneInfoModalTollFree : strings.meetingConferencePhoneInfoModalToll),
|
18151
18154
|
React.createElement("br", null),
|
@@ -18174,25 +18177,6 @@ const MeetingConferencePhoneInfoModal = (props) => {
|
|
18174
18177
|
React.createElement(react.Text, { className: stepTextStyle }, strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalWait)))))));
|
18175
18178
|
};
|
18176
18179
|
/* @conditional-compile-remove(teams-meeting-conference) */
|
18177
|
-
/**
|
18178
|
-
* @internal
|
18179
|
-
* format phone number
|
18180
|
-
*/
|
18181
|
-
const formatPhoneNumber = (phoneNumber) => {
|
18182
|
-
var _a;
|
18183
|
-
if (!phoneNumber) {
|
18184
|
-
return '';
|
18185
|
-
}
|
18186
|
-
let enchantedPhoneNumber = phoneNumber;
|
18187
|
-
if (!phoneNumber.startsWith('+')) {
|
18188
|
-
enchantedPhoneNumber = `+${phoneNumber}`;
|
18189
|
-
}
|
18190
|
-
if (libphonenumberJs.isPossiblePhoneNumber(enchantedPhoneNumber)) {
|
18191
|
-
return ((_a = libphonenumberJs.parsePhoneNumber(enchantedPhoneNumber)) === null || _a === void 0 ? void 0 : _a.formatInternational()) || enchantedPhoneNumber;
|
18192
|
-
}
|
18193
|
-
return phoneNumber;
|
18194
|
-
};
|
18195
|
-
/* @conditional-compile-remove(teams-meeting-conference) */
|
18196
18180
|
/**
|
18197
18181
|
* @internal
|
18198
18182
|
* format phone number link
|
@@ -18207,7 +18191,7 @@ const formatPhoneNumberLink = (phoneNumber) => {
|
|
18207
18191
|
*/
|
18208
18192
|
const formatPhoneNumberInfo = (phoneNumber, strings) => {
|
18209
18193
|
const templateText = phoneNumber.country && phoneNumber.city ? strings === null || strings === void 0 ? void 0 : strings.meetingConferencePhoneInfoModalTollGeoData : '';
|
18210
|
-
return (templateText === null || templateText === void 0 ? void 0 : templateText.replace('{
|
18194
|
+
return (templateText === null || templateText === void 0 ? void 0 : templateText.replace('{country}', phoneNumber.country || '').replace('{city}', phoneNumber.city || '').trim()) || '';
|
18211
18195
|
};
|
18212
18196
|
/* @conditional-compile-remove(teams-meeting-conference) */
|
18213
18197
|
/**
|
@@ -27369,7 +27353,7 @@ const MeetingPhoneInfoPaneContent = (props) => {
|
|
27369
27353
|
React.createElement(react.Stack.Item, null,
|
27370
27354
|
React.createElement(react.Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalDialIn)))),
|
27371
27355
|
React.createElement(react.Stack.Item, { className: phoneInfoStep }, conferencePhoneInfoList.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
|
27372
|
-
React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) },
|
27356
|
+
React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
|
27373
27357
|
React.createElement(react.Text, { className: phoneInfoTextStyle },
|
27374
27358
|
' ',
|
27375
27359
|
phoneNumber.isTollFree ? localeStrings.meetingConferencePhoneInfoModalTollFree : localeStrings.meetingConferencePhoneInfoModalToll),
|
@@ -28636,8 +28620,8 @@ const NetworkReconnectTile = (props) => {
|
|
28636
28620
|
React.createElement(react.Text, { className: phoneInfoLabelStyle }, localeStrings.meetingConferencePhoneInfoModalDialIn)))),
|
28637
28621
|
React.createElement(react.Stack.Item, { className: phoneInfoStep }, meetingCoordinates.map((phoneNumber, index) => React.createElement(react.Stack.Item, { key: index },
|
28638
28622
|
React.createElement(react.Text, { className: phoneInfoTextStyle },
|
28639
|
-
props.isMobile && React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) },
|
28640
|
-
!props.isMobile && React.createElement(react.Text, { className: phoneInfoTextStyle },
|
28623
|
+
props.isMobile && React.createElement(react.Link, { className: phoneInfoTextStyle, href: formatPhoneNumberLink(phoneNumber) }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
|
28624
|
+
!props.isMobile && React.createElement(react.Text, { className: phoneInfoTextStyle }, _formatPhoneNumber(phoneNumber.phoneNumber, true)),
|
28641
28625
|
' ',
|
28642
28626
|
phoneNumber.isTollFree ? localeStrings.meetingConferencePhoneInfoModalTollFree : localeStrings.meetingConferencePhoneInfoModalToll),
|
28643
28627
|
React.createElement("br", null),
|