@azure/communication-react 1.3.3-alpha-202209140018.0 → 1.3.3-alpha-202209160028.0

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 (80) hide show
  1. package/dist/communication-react.d.ts +118 -4
  2. package/dist/dist-cjs/communication-react/index.js +377 -86
  3. package/dist/dist-cjs/communication-react/index.js.map +1 -1
  4. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  5. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  6. package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.d.ts +8 -4
  7. package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js +26 -5
  8. package/dist/dist-esm/calling-component-bindings/src/handlers/createHandlers.js.map +1 -1
  9. package/dist/dist-esm/calling-component-bindings/src/index.d.ts +1 -0
  10. package/dist/dist-esm/calling-component-bindings/src/index.js.map +1 -1
  11. package/dist/dist-esm/communication-react/src/index.d.ts +5 -0
  12. package/dist/dist-esm/communication-react/src/index.js +4 -0
  13. package/dist/dist-esm/communication-react/src/index.js.map +1 -1
  14. package/dist/dist-esm/react-components/src/components/DomainPermissions.d.ts +45 -0
  15. package/dist/dist-esm/react-components/src/components/DomainPermissions.js +42 -0
  16. package/dist/dist-esm/react-components/src/components/DomainPermissions.js.map +1 -0
  17. package/dist/dist-esm/react-components/src/components/ParticipantList.js +3 -6
  18. package/dist/dist-esm/react-components/src/components/ParticipantList.js.map +1 -1
  19. package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.d.ts +32 -0
  20. package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js +33 -0
  21. package/dist/dist-esm/react-components/src/components/UnsupportedBrowser.js.map +1 -0
  22. package/dist/dist-esm/react-components/src/components/index.d.ts +4 -0
  23. package/dist/dist-esm/react-components/src/components/index.js +4 -0
  24. package/dist/dist-esm/react-components/src/components/index.js.map +1 -1
  25. package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.d.ts +30 -0
  26. package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.js +74 -0
  27. package/dist/dist-esm/react-components/src/components/styles/DomainPermissions.styles.js.map +1 -0
  28. package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.d.ts +22 -0
  29. package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js +53 -0
  30. package/dist/dist-esm/react-components/src/components/styles/UnsupportedBrowser.styles.js.map +1 -0
  31. package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts +6 -0
  32. package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map +1 -1
  33. package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json +10 -0
  34. package/dist/dist-esm/react-components/src/theming/icons.d.ts +2 -0
  35. package/dist/dist-esm/react-components/src/theming/icons.js +40 -1
  36. package/dist/dist-esm/react-components/src/theming/icons.js.map +1 -1
  37. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js +12 -2
  38. package/dist/dist-esm/react-composites/src/composites/CallComposite/CallComposite.js.map +1 -1
  39. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.d.ts +16 -0
  40. package/dist/dist-esm/react-composites/src/composites/CallComposite/Strings.js.map +1 -1
  41. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +3 -3
  42. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js +6 -1
  43. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
  44. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.d.ts +4 -3
  45. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js +3 -1
  46. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallAdapter.js.map +1 -1
  47. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js +16 -34
  48. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallArrangement.js.map +1 -1
  49. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.d.ts +2 -7
  50. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.js +3 -4
  51. package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.js.map +1 -1
  52. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.d.ts +16 -0
  53. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js +38 -0
  54. package/dist/dist-esm/react-composites/src/composites/CallComposite/hooks/useSidePaneState.js.map +1 -0
  55. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.d.ts +3 -2
  56. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js +26 -4
  57. package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/Utils.js.map +1 -1
  58. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatPane.js.map +1 -1
  59. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts +3 -2
  60. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js +8 -1
  61. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js.map +1 -1
  62. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.d.ts +3 -2
  63. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatAdapter.js.map +1 -1
  64. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.d.ts +3 -2
  65. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js +13 -4
  66. package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/CallWithChatBackedCallAdapter.js.map +1 -1
  67. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.d.ts +2 -2
  68. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleButton.js.map +1 -1
  69. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.d.ts +2 -2
  70. package/dist/dist-esm/react-composites/src/composites/common/AddPeopleDropdown.js.map +1 -1
  71. package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.d.ts +2 -2
  72. package/dist/dist-esm/react-composites/src/composites/common/CallingDialpad.js.map +1 -1
  73. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.d.ts +2 -2
  74. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js +6 -11
  75. package/dist/dist-esm/react-composites/src/composites/common/PeoplePaneContent.js.map +1 -1
  76. package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts +4 -0
  77. package/dist/dist-esm/react-composites/src/composites/common/icons.js +3 -1
  78. package/dist/dist-esm/react-composites/src/composites/common/icons.js.map +1 -1
  79. package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json +4 -0
  80. package/package.json +8 -8
@@ -184,6 +184,13 @@ export declare interface AdapterState<TState> {
184
184
  getState(): TState;
185
185
  }
186
186
 
187
+ /**
188
+ * handler type for addParticipant
189
+ *
190
+ * @beta
191
+ */
192
+ export declare type AddParticipantHandler = ((participant: CommunicationUserIdentifier) => Promise<void>) & ((participant: PhoneNumberIdentifier, options: AddPhoneNumberOptions) => Promise<void>);
193
+
187
194
  /**
188
195
  * Compare if 2 react components are exact equal, result type will be true/false
189
196
  *
@@ -490,7 +497,8 @@ export declare interface CallAdapterCallManagement {
490
497
  *
491
498
  * @beta
492
499
  */
493
- addParticipant(participant: CommunicationIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
500
+ addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
501
+ addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
494
502
  /**
495
503
  * send dtmf tone to another participant in a 1:1 PSTN call
496
504
  *
@@ -940,6 +948,7 @@ export declare type CallCompositeIcons = {
940
948
  PeoplePaneAddPerson?: JSX.Element;
941
949
  PeoplePaneOpenDialpad?: JSX.Element;
942
950
  DialpadStartCall?: JSX.Element;
951
+ NoticePageInvalidRoom?: JSX.Element;
943
952
  };
944
953
 
945
954
  /**
@@ -998,7 +1007,7 @@ export declare type CallCompositeOptions = {
998
1007
  *
999
1008
  * @public
1000
1009
  */
1001
- export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'lobby' | 'removedFromCall';
1010
+ export declare type CallCompositePage = 'accessDeniedTeamsMeeting' | 'call' | 'configuration' | /* @conditional-compile-remove(PSTN-calls) */ 'hold' | 'joinCallFailedDueToNoNetwork' | 'leftCall' | 'lobby' | /* @conditional-compile-remove(rooms) */ 'deniedPermissionToRoom' | 'removedFromCall' | /* @conditional-compile-remove(rooms) */ 'roomNotFound';
1002
1011
 
1003
1012
  /**
1004
1013
  * Props for {@link CallComposite}.
@@ -1300,6 +1309,22 @@ export declare interface CallCompositeStrings {
1300
1309
  * aria label for when the invite link has been actioned
1301
1310
  */
1302
1311
  copyInviteLinkActionedAriaLabel: string;
1312
+ /**
1313
+ * Title text of the page shown to the user when the user attempts to join a room that cannot be found.
1314
+ */
1315
+ roomNotFoundTitle: string;
1316
+ /**
1317
+ * More details text of the page shown to the user when the user attempts to join a room that cannot be found.
1318
+ */
1319
+ roomNotFoundDetails?: string;
1320
+ /**
1321
+ * Title text of the page shown to the user when the user attempts to join a room to which they are not invited.
1322
+ */
1323
+ deniedPermissionToRoomTitle: string;
1324
+ /**
1325
+ * More details text of the page shown to the user when the user attempts to join a room to which they are not invited.
1326
+ */
1327
+ deniedPermissionToRoomDetails?: string;
1303
1328
  }
1304
1329
 
1305
1330
  /**
@@ -1481,7 +1506,7 @@ export declare type CallingHandlers = {
1481
1506
  onToggleScreenShare: () => Promise<void>;
1482
1507
  onHangUp: () => Promise<void>;
1483
1508
  onToggleHold: () => Promise<void>;
1484
- onAddParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
1509
+ onAddParticipant: AddParticipantHandler;
1485
1510
  onCreateLocalStreamView: (options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
1486
1511
  onCreateRemoteStreamView: (userId: string, options?: VideoStreamOptions) => Promise<void | CreateVideoStreamViewResult>;
1487
1512
  onRemoveParticipant: (userId: string) => Promise<void>;
@@ -1916,7 +1941,8 @@ export declare interface CallWithChatAdapterManagement {
1916
1941
  *
1917
1942
  * @beta
1918
1943
  */
1919
- addParticipant: (participant: CommunicationIdentifier, options?: AddPhoneNumberOptions) => Promise<void>;
1944
+ addParticipant(participant: PhoneNumberIdentifier, options?: AddPhoneNumberOptions): Promise<void>;
1945
+ addParticipant(participant: CommunicationUserIdentifier): Promise<void>;
1920
1946
  /**
1921
1947
  * send dtmf tone to another participant in the call in 1:1 calls
1922
1948
  *
@@ -3297,6 +3323,10 @@ export declare interface ComponentStrings {
3297
3323
  videoTile: VideoTileStrings;
3298
3324
  /** Strings for HoldButton */
3299
3325
  holdButton: HoldButtonStrings;
3326
+ /** Strings for DomainPermissions */
3327
+ DomainPermissions: DomainPermissionsStrings;
3328
+ /** Strings for unsupported browser UI */
3329
+ UnsupportedBrowser: UnsupportedBrowserStrings;
3300
3330
  }
3301
3331
 
3302
3332
  /**
@@ -4004,6 +4034,8 @@ export declare const DEFAULT_COMPONENT_ICONS: {
4004
4034
  SendBoxSendHovered: JSX.Element;
4005
4035
  VideoTileMicOff: JSX.Element;
4006
4036
  BackSpace: JSX.Element;
4037
+ iconBackdrop: JSX.Element;
4038
+ UnsupportedBrowserWarning: JSX.Element;
4007
4039
  };
4008
4040
 
4009
4041
  /**
@@ -4070,6 +4102,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
4070
4102
  PeoplePaneAddPerson?: JSX.Element | undefined;
4071
4103
  PeoplePaneOpenDialpad?: JSX.Element | undefined;
4072
4104
  DialpadStartCall?: JSX.Element | undefined;
4105
+ NoticePageInvalidRoom?: JSX.Element | undefined;
4073
4106
  ChevronLeft?: JSX.Element | undefined;
4074
4107
  ControlBarChatButtonActive?: JSX.Element | undefined;
4075
4108
  ControlBarChatButtonInactive?: JSX.Element | undefined;
@@ -4091,6 +4124,8 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
4091
4124
  HoldCallButton: JSX.Element;
4092
4125
  ResumeCall: JSX.Element;
4093
4126
  BackSpace: JSX.Element;
4127
+ iconBackdrop: JSX.Element;
4128
+ UnsupportedBrowserWarning: JSX.Element;
4094
4129
  };
4095
4130
 
4096
4131
  /**
@@ -4385,6 +4420,52 @@ export declare interface Disposable {
4385
4420
  dispose(): void;
4386
4421
  }
4387
4422
 
4423
+ /**
4424
+ * @beta
4425
+ *
4426
+ * Component to allow Contoso to help their end user with their devices should their permissions be blocked
4427
+ * by their browsers settings.
4428
+ */
4429
+ export declare const DomainPermissions: (props: DomainPermissionsProps) => JSX.Element;
4430
+
4431
+ /**
4432
+ * @beta
4433
+ * Props for DomainPermissions component.
4434
+ */
4435
+ export declare interface DomainPermissionsProps {
4436
+ /**
4437
+ * Name of application calling experience is in.
4438
+ */
4439
+ appName: string;
4440
+ /**
4441
+ * Action to be taken by the more help link. Possible to send to external page or show other modal.
4442
+ */
4443
+ onTroubleshootingClick: () => void;
4444
+ /**
4445
+ * Localization strings for DomainPermissions component.
4446
+ */
4447
+ strings: DomainPermissionsStrings;
4448
+ }
4449
+
4450
+ /**
4451
+ * @beta
4452
+ * Strings for DomainPermissions component
4453
+ */
4454
+ export declare interface DomainPermissionsStrings {
4455
+ /**
4456
+ * Main text string.
4457
+ */
4458
+ primaryText: string;
4459
+ /**
4460
+ * Subtext string.
4461
+ */
4462
+ secondaryText: string;
4463
+ /**
4464
+ * More help link string.
4465
+ */
4466
+ linkText: string;
4467
+ }
4468
+
4388
4469
  /**
4389
4470
  * DTMF tone for PSTN calls.
4390
4471
  *
@@ -7043,6 +7124,39 @@ export declare interface TypingIndicatorStylesProps extends BaseCustomStyles {
7043
7124
  typingString?: IStyle;
7044
7125
  }
7045
7126
 
7127
+ /**
7128
+ * UI to display to the user that the browser they are using is not supported by calling application.
7129
+ *
7130
+ * @beta
7131
+ */
7132
+ export declare const UnsupportedBrowser: (props: UnsupportedBrowserProps) => JSX.Element;
7133
+
7134
+ /**
7135
+ * props for UnsupportedBrowser UI
7136
+ *
7137
+ * @beta
7138
+ */
7139
+ export declare interface UnsupportedBrowserProps {
7140
+ /** Handler to perform a action when the help link is actioned */
7141
+ onTroubleShootingClick: () => void;
7142
+ /** String overrides for the component */
7143
+ strings: UnsupportedBrowserStrings;
7144
+ }
7145
+
7146
+ /**
7147
+ * Strings for UnsupportedBrowser component
7148
+ *
7149
+ * @beta
7150
+ */
7151
+ export declare interface UnsupportedBrowserStrings {
7152
+ /** String for the primary text */
7153
+ primaryText: string;
7154
+ /** String for the secondary text */
7155
+ secondaryText: string;
7156
+ /** String for the help link */
7157
+ moreHelpLink: string;
7158
+ }
7159
+
7046
7160
  /**
7047
7161
  * @public
7048
7162
  * Callback function run when a message is updated.