@azure/communication-react 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json

@@ -0,0 +1,78 @@
+{
+    "participantItem": {
+        "isMeText": "(我)",
+        "menuTitle": "更多选项"
+    },
+    "typingIndicator": {
+        "singleUser": "{user} 正在键入...",
+        "multipleUsers": "{users} 正在键入...",
+        "multipleUsersAbbreviateOne": "{users} 和另外 1 人正在键入...",
+        "multipleUsersAbbreviateMany": "{users} 和其他 {numOthers} 人正在键入...",
+        "delimiter": "、 "
+    },
+    "sendBox": {
+        "placeholderText": "输入消息"
+    },
+    "messageStatusIndicator": {
+        "deliveredTooltipText": "已发送",
+        "seenTooltipText": "已查看",
+        "sendingTooltipText": "正在发送",
+        "failedToSendTooltipText": "发送失败"
+    },
+    "endCallButton": {
+        "label": "退出"
+    },
+    "cameraButton": {
+        "onLabel": "关闭",
+        "offLabel": "打开"
+    },
+    "microphoneButton": {
+        "onLabel": "静音",
+        "offLabel": "取消静音"
+    },
+    "optionsButton": {
+        "label": "选项",
+        "cameraMenuTitle": "相机",
+        "cameraMenuTooltip": "选择“相机”",
+        "microphoneMenuTitle": "麦克风",
+        "microphoneMenuTooltip": "选择麦克风",
+        "speakerMenuTitle": "免提",
+        "speakerMenuTooltip": "选择扬声器"
+    },
+    "participantsButton": {
+        "label": "人员",
+        "menuHeader": "在此通话中",
+        "participantsListButtonLabel": "{numParticipants} 人",
+        "muteAllButtonLabel": "全部静音",
+        "copyInviteLinkButtonLabel": "复制邀请链接"
+    },
+    "screenShareButton": {
+        "onLabel": "停止",
+        "offLabel": "共享"
+    },
+    "messageThread": {
+        "yesterday": "昨天",
+        "sunday": "星期日",
+        "monday": "星期一",
+        "tuesday": "星期二",
+        "wednesday": "星期三",
+        "thursday": "星期四",
+        "friday": "星期五",
+        "saturday": "星期六",
+        "participantJoined": "已加入聊天。",
+        "participantLeft": "已退出聊天。"
+    },
+    "errorBar": {
+        "unableToReachChatService": "你已脱机",
+        "accessDenied": "无法访问聊天服务 - 请检查提供的用户凭据",
+        "userNotInThisThread": "你不再处于此聊天会话中",
+        "sendMessageNotInThisThread": "无法发送消息，因为你不再在此聊天会话中",
+        "sendMessageGeneric": "未能发送消息",
+        "startVideoGeneric": "Failed to start video",
+        "stopVideoGeneric": "Failed to stop video",
+        "muteGeneric": "Failed to mute microphone",
+        "unmuteGeneric": "Failed to unmute microphone",
+        "startScreenShareGeneric": "Failed to start screen sharing",
+        "stopScreenShareGeneric": "Failed to stop screen sharing"
+    }
+}

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json

@@ -0,0 +1,78 @@
+{
+    "participantItem": {
+        "isMeText": "(您)",
+        "menuTitle": "更多選項"
+    },
+    "typingIndicator": {
+        "singleUser": "{user} 正在輸入...",
+        "multipleUsers": "{users} 正在輸入...",
+        "multipleUsersAbbreviateOne": "{users} 和其他 1 人正在輸入...",
+        "multipleUsersAbbreviateMany": "{users} 和其他 {numOthers} 人正在輸入...",
+        "delimiter": "， "
+    },
+    "sendBox": {
+        "placeholderText": "輸入訊息"
+    },
+    "messageStatusIndicator": {
+        "deliveredTooltipText": "已傳送",
+        "seenTooltipText": "已讀",
+        "sendingTooltipText": "正在傳送",
+        "failedToSendTooltipText": "無法傳送"
+    },
+    "endCallButton": {
+        "label": "離開"
+    },
+    "cameraButton": {
+        "onLabel": "關閉",
+        "offLabel": "開啟"
+    },
+    "microphoneButton": {
+        "onLabel": "靜音",
+        "offLabel": "取消靜音"
+    },
+    "optionsButton": {
+        "label": "選項",
+        "cameraMenuTitle": "攝影機",
+        "cameraMenuTooltip": "選擇攝影機",
+        "microphoneMenuTitle": "麥克風",
+        "microphoneMenuTooltip": "選擇麥克風",
+        "speakerMenuTitle": "演講者",
+        "speakerMenuTooltip": "選擇講者"
+    },
+    "participantsButton": {
+        "label": "人員",
+        "menuHeader": "在此通話中",
+        "participantsListButtonLabel": "{numParticipants} 人員",
+        "muteAllButtonLabel": "將所有人設為靜音",
+        "copyInviteLinkButtonLabel": "複製邀請連結"
+    },
+    "screenShareButton": {
+        "onLabel": "停止",
+        "offLabel": "分享"
+    },
+    "messageThread": {
+        "yesterday": "昨天",
+        "sunday": "星期日",
+        "monday": "星期一",
+        "tuesday": "星期二",
+        "wednesday": "星期三",
+        "thursday": "星期四",
+        "friday": "星期五",
+        "saturday": "星期六",
+        "participantJoined": "已加入聊天。",
+        "participantLeft": "已離開聊天。"
+    },
+    "errorBar": {
+        "unableToReachChatService": "您處於離線狀態",
+        "accessDenied": "無法存取聊天服務 - 請檢查提供的使用者認證",
+        "userNotInThisThread": "您已不在此聊天對話中",
+        "sendMessageNotInThisThread": "無法傳送訊息，因為您已不在此聊天對話中",
+        "sendMessageGeneric": "無法傳送訊息",
+        "startVideoGeneric": "無法啟動影片",
+        "stopVideoGeneric": "無法停止影片",
+        "muteGeneric": "無法將麥克風設為靜音",
+        "unmuteGeneric": "無法將麥克風取消靜音",
+        "startScreenShareGeneric": "無法開始螢幕畫面分享",
+        "stopScreenShareGeneric": "無法停止螢幕畫面分享"
+    }
+}

package/dist/dist-esm/react-components/src/theming/icons.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+export declare type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;
+/**
+ * The default set of icons that are available to use in the UI components.
+ */
+export declare const DEFAULT_COMPONENT_ICONS: {
+    ControlButtonCameraOff: JSX.Element;
+    ControlButtonCameraOn: JSX.Element;
+    ControlButtonEndCall: JSX.Element;
+    ControlButtonMicOff: JSX.Element;
+    ControlButtonMicOn: JSX.Element;
+    ControlButtonOptions: JSX.Element;
+    ControlButtonParticipants: JSX.Element;
+    ControlButtonScreenShareStart: JSX.Element;
+    ControlButtonScreenShareStop: JSX.Element;
+    MessageDelivered: JSX.Element;
+    MessageFailed: JSX.Element;
+    MessageSeen: JSX.Element;
+    MessageSending: JSX.Element;
+    OptionsCamera: JSX.Element;
+    OptionsMic: JSX.Element;
+    OptionsSpeaker: JSX.Element;
+    ParticipantItemScreenShareStart: JSX.Element;
+    ParticipantItemMicOff: JSX.Element;
+    ParticipantItemOptions: JSX.Element;
+    ParticipantItemOptionsHovered: JSX.Element;
+    SendBoxSend: JSX.Element;
+    SendBoxSendHovered: JSX.Element;
+    VideoTileMicOff: JSX.Element;
+    EditBoxCancel: JSX.Element;
+    EditBoxSubmit: JSX.Element;
+    MessageEdit: JSX.Element;
+    MessageRemove: JSX.Element;
+};
+//# sourceMappingURL=icons.d.ts.map

package/dist/dist-esm/react-components/src/theming/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":";AA+BA,oBAAY,cAAc,GAAG,MAAM,CAAC,MAAM,OAAO,uBAAuB,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;AAEvF;;GAEG;AAEH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BnC,CAAC"}

package/dist/dist-esm/react-components/src/theming/icons.js

@@ -0,0 +1,38 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import { CallEnd20Filled, Checkmark20Regular, CheckmarkCircle20Regular, Circle20Regular, Delete20Regular, Dismiss20Regular, Edit20Regular, ErrorCircle20Regular, EyeShow20Filled, MicOff16Filled, MicOff20Filled, MicOn20Filled, MicOn20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video20Filled, Video20Regular, VideoOff20Filled } from '@fluentui/react-icons';
+import React from 'react';
+/**
+ * The default set of icons that are available to use in the UI components.
+ */
+// NOTE: Don't forget to add icons used in composites to the types in `packages/react-composites/src/composites/common/icons.tsx`
+export const DEFAULT_COMPONENT_ICONS = {
+    ControlButtonCameraOff: React.createElement(VideoOff20Filled, null),
+    ControlButtonCameraOn: React.createElement(Video20Filled, null),
+    ControlButtonEndCall: React.createElement(CallEnd20Filled, null),
+    ControlButtonMicOff: React.createElement(MicOff20Filled, null),
+    ControlButtonMicOn: React.createElement(MicOn20Filled, null),
+    ControlButtonOptions: React.createElement(MoreHorizontal20Filled, null),
+    ControlButtonParticipants: React.createElement(People20Filled, null),
+    ControlButtonScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
+    ControlButtonScreenShareStop: React.createElement(ShareScreenStop20Filled, null),
+    MessageDelivered: React.createElement(CheckmarkCircle20Regular, null),
+    MessageFailed: React.createElement(ErrorCircle20Regular, null),
+    MessageSeen: React.createElement(EyeShow20Filled, null),
+    MessageSending: React.createElement(Circle20Regular, null),
+    OptionsCamera: React.createElement(Video20Regular, null),
+    OptionsMic: React.createElement(MicOn20Regular, null),
+    OptionsSpeaker: React.createElement(Speaker220Regular, null),
+    ParticipantItemScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
+    ParticipantItemMicOff: React.createElement(MicOff16Filled, null),
+    ParticipantItemOptions: React.createElement(MoreHorizontal20Regular, null),
+    ParticipantItemOptionsHovered: React.createElement(MoreHorizontal20Filled, null),
+    SendBoxSend: React.createElement(Send20Regular, null),
+    SendBoxSendHovered: React.createElement(Send20Filled, null),
+    VideoTileMicOff: React.createElement(MicOff16Filled, null),
+    EditBoxCancel: React.createElement(Dismiss20Regular, null),
+    EditBoxSubmit: React.createElement(Checkmark20Regular, null),
+    MessageEdit: React.createElement(Edit20Regular, null),
+    MessageRemove: React.createElement(Delete20Regular, null)
+};
+//# sourceMappingURL=icons.js.map

package/dist/dist-esm/react-components/src/theming/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,EACd,YAAY,EACZ,aAAa,EACb,wBAAwB,EACxB,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,iIAAiI;AACjI,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,sBAAsB,EAAE,oBAAC,gBAAgB,OAAG;IAC5C,qBAAqB,EAAE,oBAAC,aAAa,OAAG;IACxC,oBAAoB,EAAE,oBAAC,eAAe,OAAG;IACzC,mBAAmB,EAAE,oBAAC,cAAc,OAAG;IACvC,kBAAkB,EAAE,oBAAC,aAAa,OAAG;IACrC,oBAAoB,EAAE,oBAAC,sBAAsB,OAAG;IAChD,yBAAyB,EAAE,oBAAC,cAAc,OAAG;IAC7C,6BAA6B,EAAE,oBAAC,wBAAwB,OAAG;IAC3D,4BAA4B,EAAE,oBAAC,uBAAuB,OAAG;IACzD,gBAAgB,EAAE,oBAAC,wBAAwB,OAAG;IAC9C,aAAa,EAAE,oBAAC,oBAAoB,OAAG;IACvC,WAAW,EAAE,oBAAC,eAAe,OAAG;IAChC,cAAc,EAAE,oBAAC,eAAe,OAAG;IACnC,aAAa,EAAE,oBAAC,cAAc,OAAG;IACjC,UAAU,EAAE,oBAAC,cAAc,OAAG;IAC9B,cAAc,EAAE,oBAAC,iBAAiB,OAAG;IACrC,+BAA+B,EAAE,oBAAC,wBAAwB,OAAG;IAC7D,qBAAqB,EAAE,oBAAC,cAAc,OAAG;IACzC,sBAAsB,EAAE,oBAAC,uBAAuB,OAAG;IACnD,6BAA6B,EAAE,oBAAC,sBAAsB,OAAG;IACzD,WAAW,EAAE,oBAAC,aAAa,OAAG;IAC9B,kBAAkB,EAAE,oBAAC,YAAY,OAAG;IACpC,eAAe,EAAE,oBAAC,cAAc,OAAG;IACnC,aAAa,EAAE,oBAAC,gBAAgB,OAAG;IACnC,aAAa,EAAE,oBAAC,kBAAkB,OAAG;IACrC,WAAW,EAAE,oBAAC,aAAa,OAAG;IAC9B,aAAa,EAAE,oBAAC,eAAe,OAAG;CACnC,CAAC"}

package/dist/dist-esm/react-components/src/theming/index.d.ts

@@ -1,3 +1,4 @@
 export * from './themes';
 export * from './FluentThemeProvider';
+export * from './icons';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/theming/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/theming/index.ts"],"names":[],"mappings":"AAGA,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/dist/dist-esm/react-components/src/theming/index.js

@@ -2,4 +2,5 @@
 // Licensed under the MIT license.
 export * from './themes';
 export * from './FluentThemeProvider';
+export * from './icons';
 //# sourceMappingURL=index.js.map

package/dist/dist-esm/react-components/src/theming/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/dist/dist-esm/react-components/src/types/ChatMessage.d.ts

@@ -23,9 +23,15 @@ export declare type SystemMessagePayloadAllProps<T extends SystemMessageType = S
     topic: T extends 'topicUpdated' ? string : never;
     iconName: string;
 };
+/**
+ * Generate A type contains all keys as \{key: '[key-name]' | never\}, value is never when the property type is never
+ */
 export declare type AllKeys<T> = {
     [K in keyof T]: T[K] extends never ? never : K;
 };
+/**
+ * Omit never-typed properties from a type
+ */
 export declare type OmitNever<T> = Pick<T, AllKeys<T>[keyof AllKeys<T>]>;
 export declare type SystemMessagePayload<T extends SystemMessageType = 'content'> = OmitNever<SystemMessagePayloadAllProps<T>>;
 export declare type CustomMessagePayload = {

package/dist/dist-esm/react-components/src/types/ChatMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,mCAAgC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,oBAAY,qBAAqB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,oBAAY,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,SAAS,CAAC;AAE/E,oBAAY,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,oBAAY,4BAA4B,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAAI;IAC1F,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,SAAS,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,kBAAkB,GACtC,wBAAwB,EAAE,GAC1B,CAAC,SAAS,oBAAoB,GAC9B,wBAAwB,EAAE,GAC1B,KAAK,CAAC;IACV,KAAK,EAAE,CAAC,SAAS,cAAc,GAAG,MAAM,GAAG,KAAK,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,OAAO,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,GAAG,CAAC;CAC/C,CAAC;AAEF,oBAAY,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAGjE,oBAAY,oBAAoB,CAAC,CAAC,SAAS,iBAAiB,GAAG,SAAS,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvH,oBAAY,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,oBAAY,iBAAiB,GAAG,cAAc,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,SAAS,CAAC;AAEvG,oBAAY,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,CAAC,SAAS,MAAM,GACrB,kBAAkB,GAClB,CAAC,SAAS,QAAQ,GAEd,oBAAoB,CAAC,kBAAkB,GAAG,oBAAoB,CAAC,GAC/D,oBAAoB,CAAC,cAAc,CAAC,GACpC,oBAAoB,CAAC,SAAS,CAAC,GACnC,oBAAoB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAC1C,oBAAY,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC9C,oBAAY,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/types/ChatMessage.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,mCAAgC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,oBAAY,qBAAqB,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,oBAAY,kBAAkB,GAAG,MAAM,GAAG,MAAM,GAAG,eAAe,GAAG,SAAS,CAAC;AAE/E,oBAAY,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,QAAQ,CAAC,EAAE,qBAAqB,GAAG,OAAO,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,kBAAkB,CAAC;CAC1B,CAAC;AAEF,oBAAY,4BAA4B,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAAI;IAC1F,IAAI,EAAE,CAAC,CAAC;IACR,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,IAAI,CAAC;IAChB,OAAO,EAAE,CAAC,SAAS,SAAS,GAAG,MAAM,GAAG,KAAK,CAAC;IAC9C,YAAY,EAAE,CAAC,SAAS,kBAAkB,GACtC,wBAAwB,EAAE,GAC1B,CAAC,SAAS,oBAAoB,GAC9B,wBAAwB,EAAE,GAC1B,KAAK,CAAC;IACV,KAAK,EAAE,CAAC,SAAS,cAAc,GAAG,MAAM,GAAG,KAAK,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;GAEG;AACH,oBAAY,OAAO,CAAC,CAAC,IAAI;KACtB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,GAAG,KAAK,GAAG,CAAC;CAC/C,CAAC;AAEF;;GAEG;AACH,oBAAY,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAGjE,oBAAY,oBAAoB,CAAC,CAAC,SAAS,iBAAiB,GAAG,SAAS,IAAI,SAAS,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,CAAC;AAEvH,oBAAY,oBAAoB,GAAG;IACjC,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEvD,oBAAY,iBAAiB,GAAG,cAAc,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,SAAS,CAAC;AAEvG,oBAAY,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,IAAI,EAAE,CAAC,CAAC;IACR,OAAO,EAAE,CAAC,SAAS,MAAM,GACrB,kBAAkB,GAClB,CAAC,SAAS,QAAQ,GAEd,oBAAoB,CAAC,kBAAkB,GAAG,oBAAoB,CAAC,GAC/D,oBAAoB,CAAC,cAAc,CAAC,GACpC,oBAAoB,CAAC,SAAS,CAAC,GACnC,oBAAoB,CAAC;CAC1B,CAAC;AAEF,oBAAY,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;AAC1C,oBAAY,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;AAC9C,oBAAY,aAAa,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC"}

package/dist/dist-esm/react-components/src/types/OnRender.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { IPersonaStyleProps, IPersonaStyles, IStyleFunctionOrObject, PersonaPresence, PersonaSize } from '@fluentui/react';
+/**
+ * Options that can be injected into the `onRender` function for customizing an
+ * Avatar (`Persona`) component.
+ */
+export declare type CustomAvatarOptions = {
+    /** Persona coin size in pixels  */
+    coinSize?: number;
+    /** Only show Coin and Initials  */
+    hidePersonaDetails?: boolean;
+    /** Text color of initials inside the coin  */
+    initialsTextColor?: string;
+    /** Optional property to set the aria label of the video tile if there is no available stream. */
+    noVideoAvailableAriaLabel?: string;
+    /** User status  */
+    presence?: PersonaPresence;
+    /** Preset Persona Size number  */
+    size?: PersonaSize;
+    /** Custom style for the Avatar  */
+    styles?: IStyleFunctionOrObject<IPersonaStyleProps, IPersonaStyles>;
+    /** Display name to be used in Persona  */
+    text?: string;
+};
+/**
+ * A custom rendered callback that allows users to customize the rendering of a Persona Component.
+ */
+export declare type OnRenderAvatarCallback = (
+/**
+ * An Communication user ID.
+ */
+userId?: string, options?: CustomAvatarOptions, 
+/**
+ * A default `onRender` component that can be used to render the default avatar.
+ * Pass the `options` to the `onRender` component for default rendering.
+ */
+defaultOnRender?: (props: CustomAvatarOptions) => JSX.Element) => JSX.Element;
+//# sourceMappingURL=OnRender.d.ts.map

package/dist/dist-esm/react-components/src/types/OnRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnRender.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/types/OnRender.ts"],"names":[],"mappings":";AAGA,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB;;;GAGG;AACH,oBAAY,mBAAmB,GAAG;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iGAAiG;IACjG,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,mBAAmB;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,kCAAkC;IAClC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE,sBAAsB,CAAC,kBAAkB,EAAE,cAAc,CAAC,CAAC;IACpE,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;GAEG;AACH,oBAAY,sBAAsB,GAAG;AACnC;;GAEG;AACH,MAAM,CAAC,EAAE,MAAM,EACf,OAAO,CAAC,EAAE,mBAAmB;AAC7B;;;GAGG;AACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,GAAG,CAAC,OAAO,KAC1D,GAAG,CAAC,OAAO,CAAC"}

package/dist/dist-esm/react-components/src/types/OnRender.js

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export {};
+//# sourceMappingURL=OnRender.js.map

package/dist/dist-esm/react-components/src/types/OnRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnRender.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/OnRender.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC"}

package/dist/dist-esm/react-components/src/types/index.d.ts

@@ -3,4 +3,5 @@ export * from './CustomStylesProps';
 export * from './VideoGalleryParticipant';
 export * from './CommunicationParticipant';
 export * from './CallParticipant';
+export * from './OnRender';
 //# sourceMappingURL=index.d.ts.map

package/dist/dist-esm/react-components/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAGA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC"}

package/dist/dist-esm/react-components/src/types/index.js

@@ -5,4 +5,5 @@ export * from './CustomStylesProps';
 export * from './VideoGalleryParticipant';
 export * from './CommunicationParticipant';
 export * from './CallParticipant';
+export * from './OnRender';
 //# sourceMappingURL=index.js.map

package/dist/dist-esm/react-components/src/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/types/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/Call.d.ts

@@ -1,31 +1,34 @@
 /// <reference types="react" />
-import { Theme, PartialTheme } from '@fluentui/react';
+import { AvatarPersonaDataCallback } from '../common/AvatarPersona';
+import { BaseCompositeProps } from '../common/Composite';
+import { CallCompositeIcons } from '../common/icons';
 import { CallAdapter } from './adapter/CallAdapter';
-import { Identifiers, PlaceholderProps } from "../../../../react-components/src";
-import { Locale } from "../../../../react-components/src";
-export declare type CallCompositeProps = {
+export interface CallCompositeProps extends BaseCompositeProps<CallCompositeIcons> {
+    /**
+     * An adapter provides logic and data to the composite.
+     * Composite can also be controlled using the adapter.
+     */
     adapter: CallAdapter;
+    callInvitationURL?: string;
     /**
-     * Fluent theme for the composite.
-     *
-     * @defaultValue light theme
+     * A callback function that can be used to provide custom data to an Avatar.
      */
-    fluentTheme?: PartialTheme | Theme;
+    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
     /**
-     * Whether composite is displayed right-to-left.
-     *
-     * @defaultValue false
+     * Flags to enable/disable visual elements of the {@link CallComposite}.
      */
-    rtl?: boolean;
+    visualElements?: CallCompositeVisualElements;
+}
+/**
+ * Optional features of the {@linnk CallComposite}
+ */
+export declare type CallCompositeVisualElements = {
     /**
-     * Locale for the composite.
+     * Surface Azure Communication Services backend errors in the UI with {@link @azure/communication-react#ErrorBar}.
      *
-     * @defaultValue English (US)
+     * @defaultValue false
      */
-    locale?: Locale;
-    callInvitationURL?: string;
-    onRenderAvatar?: (props: PlaceholderProps, defaultOnRender: (props: PlaceholderProps) => JSX.Element) => JSX.Element;
-    identifiers?: Identifiers;
+    showErrorBar?: boolean;
 };
 export declare const Call: (props: CallCompositeProps) => JSX.Element;
 /**

package/dist/dist-esm/react-composites/src/composites/CallComposite/Call.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Call.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Call.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAqB,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAsB,WAAW,EAAE,gBAAgB,EAAE,yCAAmC;AAG/F,OAAO,EAA6C,MAAM,EAAE,yCAAmC;AAE/F,oBAAY,kBAAkB,GAAG;IAC/B,OAAO,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC;IACnC;;;;OAIG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IACrH,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAiDF,eAAO,MAAM,IAAI,UAAW,kBAAkB,KAAG,WAEhD,CAAC;AAEF;;;;GAIG;AACH,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,iBAAiB,KAAG,WA2BhE,CAAC"}
+{"version":3,"file":"Call.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Call.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,EAAE,WAAW,EAAqB,MAAM,uBAAuB,CAAC;AAQvE,MAAM,WAAW,kBAAmB,SAAQ,kBAAkB,CAAC,kBAAkB,CAAC;IAChF;;;OAGG;IACH,OAAO,EAAE,WAAW,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;IAErD;;OAEG;IACH,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC9C;AAED;;GAEG;AACH,oBAAY,2BAA2B,GAAG;IACxC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAwDF,eAAO,MAAM,IAAI,UAAW,kBAAkB,KAAG,WAMhD,CAAC;AAEF;;;;GAIG;AACH,UAAU,iBAAkB,SAAQ,kBAAkB;IACpD,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,UAAW,iBAAiB,KAAG,WAwBhE,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/Call.js

@@ -10,36 +10,39 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React, { useEffect } from 'react';
+import { BaseComposite } from '../common/Composite';
+import { useLocale } from '../localization';
+import { CallAdapterProvider, useAdapter } from './adapter/CallAdapterProvider';
 import { CallScreen } from './CallScreen';
 import { ConfigurationScreen } from './ConfigurationScreen';
 import { Error } from './Error';
-import { CallAdapterProvider, useAdapter } from './adapter/CallAdapterProvider';
-import { IdentifierProvider } from "../../../../react-components/src";
 import { useSelector } from './hooks/useSelector';
 import { getPage } from './selectors/baseSelectors';
-import { FluentThemeProvider, LocalizationProvider } from "../../../../react-components/src";
-const MainScreen = ({ showCallControls, callInvitationURL, onRenderAvatar }) => {
+const MainScreen = (props) => {
+    const { callInvitationURL, onRenderAvatar, onFetchAvatarPersonaData } = props;
     const page = useSelector(getPage);
     const adapter = useAdapter();
+    const locale = useLocale();
     switch (page) {
         case 'configuration':
             return React.createElement(ConfigurationScreen, { startCallHandler: () => adapter.setPage('call') });
         case 'error':
             return React.createElement(Error, { rejoinHandler: () => adapter.setPage('configuration') });
         case 'errorJoiningTeamsMeeting':
-            return (React.createElement(Error, { rejoinHandler: () => adapter.setPage('configuration'), title: "Error joining Teams Meeting", reason: "Access to the Teams meeting was denied." }));
+            return (React.createElement(Error, { rejoinHandler: () => adapter.setPage('configuration'), title: locale.strings.call.teamsMeetingFailToJoin, reason: locale.strings.call.teamsMeetingFailReasonAccessDenied }));
         case 'removed':
-            return (React.createElement(Error, { rejoinHandler: () => adapter.setPage('configuration'), title: "Oops! You are no longer a participant of the call.", reason: "Access to the meeting has been stopped" }));
+            return (React.createElement(Error, { rejoinHandler: () => adapter.setPage('configuration'), title: locale.strings.call.teamsMeetingFailToJoin, reason: locale.strings.call.teamsMeetingFailReasonParticipantRemoved }));
         default:
-            return (React.createElement(CallScreen, { showCallControls: showCallControls, endCallHandler: () => __awaiter(void 0, void 0, void 0, function* () {
+            return (React.createElement(CallScreen, { endCallHandler: () => __awaiter(void 0, void 0, void 0, function* () {
                     adapter.setPage('configuration');
                 }), callErrorHandler: (customPage) => {
                     customPage ? adapter.setPage(customPage) : adapter.setPage('error');
-                }, onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationURL }));
+                }, onRenderAvatar: onRenderAvatar, callInvitationURL: callInvitationURL, onFetchAvatarPersonaData: onFetchAvatarPersonaData, visualElements: props.visualElements }));
     }
 };
 export const Call = (props) => {
-    return React.createElement(CallCompositeInternal, Object.assign({}, props, { showCallControls: true }));
+    return (React.createElement(BaseComposite, Object.assign({}, props),
+        React.createElement(CallCompositeInternal, Object.assign({}, props, { showCallControls: true }))));
 };
 /**
  * An internal-only call composite export.
@@ -48,7 +51,8 @@ export const Call = (props) => {
  * @internal
  */
 export const CallCompositeInternal = (props) => {
-    const { adapter, callInvitationURL, fluentTheme, rtl, locale, identifiers } = props;
+    var _a, _b;
+    const { adapter, callInvitationURL, onFetchAvatarPersonaData } = props;
     useEffect(() => {
         (() => __awaiter(void 0, void 0, void 0, function* () {
             yield adapter.askDevicePermission({ video: true, audio: true });
@@ -57,10 +61,10 @@ export const CallCompositeInternal = (props) => {
             adapter.querySpeakers();
         }))();
     }, [adapter]);
-    const callElement = (React.createElement(FluentThemeProvider, { fluentTheme: fluentTheme, rtl: rtl },
-        React.createElement(IdentifierProvider, { identifiers: identifiers },
-            React.createElement(CallAdapterProvider, { adapter: adapter },
-                React.createElement(MainScreen, { showCallControls: props.showCallControls, onRenderAvatar: props.onRenderAvatar, callInvitationURL: callInvitationURL })))));
-    return locale ? LocalizationProvider({ locale, children: callElement }) : callElement;
+    return (React.createElement(CallAdapterProvider, { adapter: adapter },
+        React.createElement(MainScreen, { callInvitationURL: callInvitationURL, onFetchAvatarPersonaData: onFetchAvatarPersonaData, visualElements: {
+                showCallControls: props.showCallControls,
+                showErrorBar: (_b = (_a = props.visualElements) === null || _a === void 0 ? void 0 : _a.showErrorBar) !== null && _b !== void 0 ? _b : false
+            } })));
 };
 //# sourceMappingURL=Call.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/Call.js.map

@@ -1 +1 @@
-{"version":3,"file":"Call.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Call.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Call.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/Call.tsx"],"names":[],"mappings":"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"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallControls.tsx"],"names":[],"mappings":";AAiBA,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,EAAE,OAAO,CAAC;IACjC,cAAc,IAAI,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WAkDvD,CAAC"}
+{"version":3,"file":"CallControls.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallControls.tsx"],"names":[],"mappings":";AAgBA,oBAAY,iBAAiB,GAAG;IAC9B,uBAAuB,EAAE,OAAO,CAAC;IACjC,cAAc,IAAI,IAAI,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,iBAAiB,KAAG,WA0CvD,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallControls.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import React, { useCallback } from 'react';
-import { CameraButton, ControlBar, EndCallButton, MicrophoneButton, OptionsButton, ParticipantList, ParticipantsButton, ScreenShareButton } from "../../../../react-components/src";
+import { CameraButton, ControlBar, EndCallButton, MicrophoneButton, OptionsButton, ParticipantsButton, ScreenShareButton } from "../../../../react-components/src";
 import { groupCallLeaveButtonCompressedStyle, groupCallLeaveButtonStyle } from './styles/CallControls.styles';
 import { usePropsFor } from './hooks/usePropsFor';
 export const CallControls = (props) => {
@@ -19,12 +19,6 @@ export const CallControls = (props) => {
     const cameraButtonProps = usePropsFor(CameraButton);
     const screenShareButtonProps = usePropsFor(ScreenShareButton);
     const participantsButtonProps = usePropsFor(ParticipantsButton);
-    // TODO: Here we grab the participant list props and add them to the
-    // participant button manually. Ideally this should be done by the
-    // usePropsFor but currently the usePropsFor is not populating the
-    // handlers of the ParticipantList.
-    const participantsListProps = usePropsFor(ParticipantList);
-    participantsButtonProps.participantListProps = participantsListProps;
     const optionsButtonProps = usePropsFor(OptionsButton);
     const hangUpButtonProps = usePropsFor(EndCallButton);
     const onHangUp = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallControls.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EAClB,yCAAmC;AACpC,OAAO,EAAE,mCAAmC,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAC9G,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IACpE,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,qBAAqB,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACpD,MAAM,sBAAsB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC9D,MAAM,uBAAuB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAEhE,oEAAoE;IACpE,kEAAkE;IAClE,kEAAkE;IAClE,mCAAmC;IACnC,MAAM,qBAAqB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;IAC3D,uBAAuB,CAAC,oBAAoB,GAAG,qBAAqB,CAAC;IAErE,MAAM,kBAAkB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,MAAM,iBAAiB,CAAC,QAAQ,EAAE,CAAC;QACnC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAA,EAAE,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,UAAU,IAAC,MAAM,EAAC,cAAc;QAC/B,oBAAC,YAAY,gCAAY,8BAA8B,IAAK,iBAAiB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QAC7G,oBAAC,gBAAgB,gCACJ,kCAAkC,IACzC,qBAAqB,IACzB,SAAS,EAAE,CAAC,cAAc,IAC1B;QACF,oBAAC,iBAAiB,oBAAK,sBAAsB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QAC5E,KAAK,CAAC,uBAAuB,IAAI,CAChC,oBAAC,kBAAkB,gCACN,oCAAoC,IAC3C,uBAAuB,IAC3B,SAAS,EAAE,CAAC,cAAc,EAC1B,iBAAiB,EAAE,iBAAiB,IACpC,CACH;QAED,oBAAC,aAAa,kBAAC,WAAW,EAAE,IAAI,IAAM,kBAAkB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QACxF,oBAAC,aAAa,gCACD,8BAA8B,IACrC,iBAAiB,IACrB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mCAAmC,EACzF,SAAS,EAAE,CAAC,cAAc,IAC1B,CACS,CACd,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallControls.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EAClB,yCAAmC;AACpC,OAAO,EAAE,mCAAmC,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAC9G,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AASlD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAe,EAAE;IACpE,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpE,MAAM,qBAAqB,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IACpD,MAAM,sBAAsB,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAC;IAC9D,MAAM,uBAAuB,GAAG,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAChE,MAAM,kBAAkB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IACtD,MAAM,iBAAiB,GAAG,WAAW,CAAC,aAAa,CAAC,CAAC;IACrD,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAS,EAAE;QACtC,MAAM,iBAAiB,CAAC,QAAQ,EAAE,CAAC;QACnC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAA,EAAE,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,UAAU,IAAC,MAAM,EAAC,cAAc;QAC/B,oBAAC,YAAY,gCAAY,8BAA8B,IAAK,iBAAiB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QAC7G,oBAAC,gBAAgB,gCACJ,kCAAkC,IACzC,qBAAqB,IACzB,SAAS,EAAE,CAAC,cAAc,IAC1B;QACF,oBAAC,iBAAiB,oBAAK,sBAAsB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QAC5E,KAAK,CAAC,uBAAuB,IAAI,CAChC,oBAAC,kBAAkB,gCACN,oCAAoC,IAC3C,uBAAuB,IAC3B,SAAS,EAAE,CAAC,cAAc,EAC1B,iBAAiB,EAAE,iBAAiB,IACpC,CACH;QAED,oBAAC,aAAa,kBAAC,WAAW,EAAE,IAAI,IAAM,kBAAkB,IAAE,SAAS,EAAE,CAAC,cAAc,IAAI;QACxF,oBAAC,aAAa,gCACD,8BAA8B,IACrC,iBAAiB,IACrB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,mCAAmC,EACzF,SAAS,EAAE,CAAC,cAAc,IAC1B,CACS,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallScreen.d.ts

@@ -1,12 +1,17 @@
 /// <reference types="react" />
-import { PlaceholderProps } from "../../../../react-components/src";
-import { CallCompositePage } from './adapter';
+import { OnRenderAvatarCallback } from "../../../../react-components/src";
+import { CallCompositePage } from './adapter/CallAdapter';
+import { AvatarPersonaDataCallback } from '../common/AvatarPersona';
 export interface CallScreenProps {
     callInvitationURL?: string;
-    showCallControls: boolean;
     endCallHandler(): void;
     callErrorHandler(customPage?: CallCompositePage): void;
-    onRenderAvatar?: (props: PlaceholderProps, defaultOnRender: (props: PlaceholderProps) => JSX.Element) => JSX.Element;
+    onRenderAvatar?: OnRenderAvatarCallback;
+    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
+    visualElements: {
+        showCallControls: boolean;
+        showErrorBar: boolean;
+    };
 }
 export declare const CallScreen: (props: CallScreenProps) => JSX.Element;
 //# sourceMappingURL=CallScreen.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/CallScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CallScreen.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallScreen.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,gBAAgB,EAAsB,yCAAmC;AAKlF,OAAO,EAAiC,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAM7E,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,EAAE,OAAO,CAAC;IAC1B,cAAc,IAAI,IAAI,CAAC;IACvB,gBAAgB,CAAC,UAAU,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,GAAG,CAAC,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;CACtH;AAID,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,WA8HnD,CAAC"}
+{"version":3,"file":"CallScreen.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallComposite/CallScreen.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAY,sBAAsB,EAAsB,yCAAmC;AAMlG,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAK1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGpE,MAAM,WAAW,eAAe;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,IAAI,IAAI,CAAC;IACvB,gBAAgB,CAAC,UAAU,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,wBAAwB,CAAC,EAAE,yBAAyB,CAAC;IACrD,cAAc,EAAE;QACd,gBAAgB,EAAE,OAAO,CAAC;QAC1B,YAAY,EAAE,OAAO,CAAC;KACvB,CAAC;CACH;AAID,eAAO,MAAM,UAAU,UAAW,eAAe,KAAG,WA4InD,CAAC"}