@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.
Files changed (20) hide show
  1. package/dist/dist-cjs/communication-react/index.js +13 -29
  2. package/dist/dist-cjs/communication-react/index.js.map +1 -1
  3. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  4. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  5. package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js +2 -2
  6. package/dist/dist-esm/react-components/src/components/Dialpad/Dialpad.js.map +1 -1
  7. package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.d.ts +0 -5
  8. package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.js +3 -23
  9. package/dist/dist-esm/react-components/src/components/MeetingConferencePhoneInfo.js.map +1 -1
  10. package/dist/dist-esm/react-components/src/components/index.d.ts +1 -0
  11. package/dist/dist-esm/react-components/src/components/index.js +2 -0
  12. package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
  13. package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.d.ts +2 -2
  14. package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js +6 -2
  15. package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js.map +1 -1
  16. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js +3 -3
  17. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/NetworkReconnectTile.js.map +1 -1
  18. package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js +2 -2
  19. package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js.map +1 -1
  20. 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.0';
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
- * @private
16842
+ * @internal
16844
16843
  */
16845
- const formatPhoneNumber$1 = (phoneNumber) => {
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 : formatPhoneNumber$1(plainTextValue),
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
- formatPhoneNumber(phoneNumber.phoneNumber),
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('{phoneNumber}', formatPhoneNumber(phoneNumber.phoneNumber)).replace('{country}', phoneNumber.country || '').replace('{city}', phoneNumber.city || '').trim()) || '';
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) }, formatPhoneNumber(phoneNumber.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) }, formatPhoneNumber(phoneNumber.phoneNumber)),
28640
- !props.isMobile && React.createElement(react.Text, { className: phoneInfoTextStyle }, formatPhoneNumber(phoneNumber.phoneNumber)),
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),