communication-react-19
Version:
React library for building modern communication user experiences utilizing Azure Communication Services (React 19 compatible fork)
112 lines • 7.1 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { CallEnd20Filled, CallMissed20Filled, CameraSwitch24Regular, Chat20Filled, Chat20Regular, Info20Filled, MicOff20Filled, Mic20Filled, Mic20Regular, People20Regular, PersonDelete20Filled, Speaker220Filled, Speaker220Regular, Video20Filled, VideoOff20Filled, WifiWarning20Filled, Circle20Regular } from '@fluentui/react-icons';
import { PersonCall20Regular, Clock20Filled } from '@fluentui/react-icons';
import { MoreHorizontal20Filled, VideoPersonStarOff20Filled } from '@fluentui/react-icons';
import { MicProhibited20Filled, VideoProhibited20Filled } from '@fluentui/react-icons';
import { Grid20Regular } from '@fluentui/react-icons';
import { PersonAdd20Regular, Call20Regular } from '@fluentui/react-icons';
import { Dialpad20Regular } from '@fluentui/react-icons';
import { DEFAULT_COMPONENT_ICONS } from "../../../../react-components/src";
import React from 'react';
import { PeopleAudience20Regular } from '@fluentui/react-icons';
// eslint-disable-next-line no-restricted-imports
import { FontIcon, Spinner, SpinnerSize } from '@fluentui/react';
/* @conditional-compile-remove(file-sharing-acs) */
import { Attach20Regular } from '@fluentui/react-icons';
import { VideoBackgroundEffect20Regular, VideoPerson20Filled } from '@fluentui/react-icons';
import { PersonSquare20Regular, WindowHeaderHorizontal20Regular, TableSimple20Regular, BoardSplit20Regular, ContentView20Regular, Table20Regular } from '@fluentui/react-icons';
const SpinnerIcon = () => React.createElement(Spinner, { size: SpinnerSize.large });
/**
* The default set of icons used by the composites directly (i.e. not via the components defined in this library).
*
* @public
*/
export const COMPOSITE_ONLY_ICONS = {
ChevronLeft: undefined,
Link: undefined,
LobbyScreenConnectingToCall: React.createElement(SpinnerIcon, null),
LobbyScreenWaitingToBeAdmitted: React.createElement(SpinnerIcon, null),
LocalDeviceSettingsCamera: React.createElement(Video20Filled, null),
LocalDeviceSettingsMic: React.createElement(Mic20Filled, null),
LocalDeviceSettingsSpeaker: React.createElement(Speaker220Filled, null),
LocalPreviewPlaceholder: React.createElement(VideoOff20Filled, null),
LocalCameraSwitch: React.createElement(CameraSwitch24Regular, null),
ControlBarChatButtonActive: React.createElement(Chat20Filled, null),
ControlBarChatButtonInactive: React.createElement(Chat20Regular, null),
ControlButtonCameraProhibited: React.createElement(VideoProhibited20Filled, null),
ControlButtonMicProhibited: React.createElement(MicProhibited20Filled, null),
ControlButtonExitSpotlight: React.createElement(VideoPersonStarOff20Filled, null),
ControlBarPeopleButton: React.createElement(People20Regular, null),
MoreDrawerMicrophones: React.createElement(Mic20Regular, null),
MoreDrawerPeople: React.createElement(People20Regular, null),
MoreDrawerSpeakers: React.createElement(Speaker220Regular, null),
MoreDrawerSelectedMicrophone: React.createElement(Mic20Filled, null),
MoreDrawerSelectedSpeaker: React.createElement(Speaker220Filled, null),
Muted: React.createElement(MicOff20Filled, null),
NetworkReconnectIcon: React.createElement(CallMissed20Filled, null),
NoticePageAccessDeniedTeamsMeeting: React.createElement(PersonDelete20Filled, null),
NoticePageJoinCallFailedDueToNoNetwork: React.createElement(WifiWarning20Filled, null),
NoticePageLeftCall: React.createElement(CallEnd20Filled, null),
NoticePageRemovedFromCall: React.createElement(Info20Filled, null),
NoticePageNotInvitedToRoom: React.createElement(Info20Filled, null),
NoticePageRoomNotFound: React.createElement(Info20Filled, null),
NoticePageRoomNotValid: React.createElement(Info20Filled, null),
NoticePageCallRejected: React.createElement(Info20Filled, null),
NoticePageCallTimeout: React.createElement(Info20Filled, null),
/* @conditional-compile-remove(file-sharing-acs) */
SendBoxAttachFile: React.createElement(Attach20Regular, null),
PeoplePaneAddPerson: React.createElement(PersonAdd20Regular, null),
PeoplePaneOpenDialpad: React.createElement(Dialpad20Regular, null),
DialpadStartCall: React.createElement(Call20Regular, null),
NoticePageInviteToRoomRemoved: React.createElement(Info20Filled, null),
BlurVideoBackground: React.createElement(VideoBackgroundEffect20Regular, null),
RemoveVideoBackgroundEffect: React.createElement(VideoPerson20Filled, null),
GalleryOptions: React.createElement(Grid20Regular, null),
OverflowGalleryTop: React.createElement(WindowHeaderHorizontal20Regular, null),
SpeakerGalleryLayout: React.createElement(PersonSquare20Regular, null),
DefaultGalleryLayout: React.createElement(TableSimple20Regular, null),
FloatingLocalVideoGalleryLayout: React.createElement(BoardSplit20Regular, null),
FocusedContentGalleryLayout: React.createElement(ContentView20Regular, null),
LargeGalleryLayout: React.createElement(Table20Regular, null),
DefaultCustomButton: React.createElement(Circle20Regular, null),
DtmfDialpadButton: React.createElement(Dialpad20Regular, null),
PhoneNumberButton: React.createElement(PersonCall20Regular, null),
JoinByPhoneDialStepIcon: React.createElement(PersonCall20Regular, null),
JoinByPhoneConferenceIdIcon: React.createElement(Dialpad20Regular, null),
JoinByPhoneWaitToBeAdmittedIcon: React.createElement(Clock20Filled, null),
PeoplePaneMoreButton: React.createElement(MoreHorizontal20Filled, null),
StopAllSpotlightMenuButton: React.createElement(VideoPersonStarOff20Filled, null),
TogetherModeLayout: React.createElement(PeopleAudience20Regular, null)
};
/**
* The default set of icons that are available to used in the Composites.
*
* @public
*/
export const DEFAULT_COMPOSITE_ICONS = Object.assign(Object.assign({}, DEFAULT_COMPONENT_ICONS), COMPOSITE_ONLY_ICONS);
/**
* Icon wrapper to use when including customizable icons inside the ChatComposite.
* This wrapper ensures the icon name is being type-checked helping ensure no typos
* and ensure that icon is customizable through the composite API.
*
* @private
*/
export const ChatCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
/**
* Icon wrapper to use when including customizable icons inside the CallComposite.
* This wrapper ensures the icon name is being type-checked helping ensure no typos
* and ensure that icon is customizable through the composite API.
*
* @private
*/
export const CallCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
/**
* Icon wrapper to use when including customizable icons inside the CallWithChatComposite.
* This wrapper ensures the icon name is being type-checked helping ensure no typos
* and ensure that icon is customizable through the composite API.
*
* @private
*/
export const CallWithChatCompositeIcon = (props) => (React.createElement(FontIcon, Object.assign({}, props)));
//# sourceMappingURL=icons.js.map