@azure/communication-react 1.4.0 → 1.4.2-alpha-202211020017.0

package/dist/dist-esm/react-components/src/localization/locales/index.js

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 import en_US from './en-US/strings.json';
 import en_GB from './en-GB/strings.json';
 import de_DE from './de-DE/strings.json';
@@ -24,111 +26,83 @@ const createComponentStrings = (localizedStrings) => {
  *
  * @public
  */
-export const COMPONENT_LOCALE_EN_US = {
-    strings: en_US
-};
+export const COMPONENT_LOCALE_EN_US = { strings: en_US };
 /**
  * Locale for English (GB).
  *
  * @public
  */
-export const COMPONENT_LOCALE_EN_GB = {
-    strings: createComponentStrings(en_GB)
-};
+export const COMPONENT_LOCALE_EN_GB = { strings: createComponentStrings(en_GB) };
 /**
  * Locale for  German (Germany).
  *
  * @public
  */
-export const COMPONENT_LOCALE_DE_DE = {
-    strings: createComponentStrings(de_DE)
-};
+export const COMPONENT_LOCALE_DE_DE = { strings: createComponentStrings(de_DE) };
 /**
  * Locale for Spanish (Spain).
  *
  * @public
  */
-export const COMPONENT_LOCALE_ES_ES = {
-    strings: createComponentStrings(es_ES)
-};
+export const COMPONENT_LOCALE_ES_ES = { strings: createComponentStrings(es_ES) };
 /**
  * Locale for French (France).
  *
  * @public
  */
-export const COMPONENT_LOCALE_FR_FR = {
-    strings: createComponentStrings(fr_FR)
-};
+export const COMPONENT_LOCALE_FR_FR = { strings: createComponentStrings(fr_FR) };
 /**
  * Locale for Italian (Italy).
  *
  * @public
  */
-export const COMPONENT_LOCALE_IT_IT = {
-    strings: createComponentStrings(it_IT)
-};
+export const COMPONENT_LOCALE_IT_IT = { strings: createComponentStrings(it_IT) };
 /**
  * Locale for Japanese (Japan).
  *
  * @public
  */
-export const COMPONENT_LOCALE_JA_JP = {
-    strings: createComponentStrings(ja_JP)
-};
+export const COMPONENT_LOCALE_JA_JP = { strings: createComponentStrings(ja_JP) };
 /**
  * Locale for Korean (South Korea).
  *
  * @public
  */
-export const COMPONENT_LOCALE_KO_KR = {
-    strings: createComponentStrings(ko_KR)
-};
+export const COMPONENT_LOCALE_KO_KR = { strings: createComponentStrings(ko_KR) };
 /**
  * Locale for Dutch (Netherlands).
  *
  * @public
  */
-export const COMPONENT_LOCALE_NL_NL = {
-    strings: createComponentStrings(nl_NL)
-};
+export const COMPONENT_LOCALE_NL_NL = { strings: createComponentStrings(nl_NL) };
 /**
  * Locale for Portuguese (Brazil).
  *
  * @public
  */
-export const COMPONENT_LOCALE_PT_BR = {
-    strings: createComponentStrings(pt_BR)
-};
+export const COMPONENT_LOCALE_PT_BR = { strings: createComponentStrings(pt_BR) };
 /**
  * Locale for Russian (Russia).
  *
  * @public
  */
-export const COMPONENT_LOCALE_RU_RU = {
-    strings: createComponentStrings(ru_RU)
-};
+export const COMPONENT_LOCALE_RU_RU = { strings: createComponentStrings(ru_RU) };
 /**
  * Locale for Turkish (Turkey).
  *
  * @public
  */
-export const COMPONENT_LOCALE_TR_TR = {
-    strings: createComponentStrings(tr_TR)
-};
+export const COMPONENT_LOCALE_TR_TR = { strings: createComponentStrings(tr_TR) };
 /**
  * Locale for Chinese (Mainland China).
  *
  * @public
  */
-export const COMPONENT_LOCALE_ZH_CN = {
-    strings: createComponentStrings(zh_CN)
-};
+export const COMPONENT_LOCALE_ZH_CN = { strings: createComponentStrings(zh_CN) };
 /**
  * Locale for Chinese (Taiwan).
  *
  * @public
  */
-export const COMPONENT_LOCALE_ZH_TW = {
-    strings: createComponentStrings(zh_TW)
-};
+export const COMPONENT_LOCALE_ZH_TW = { strings: createComponentStrings(zh_TW) };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/localization/locales/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-components/src/localization/locales/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\r\n// Licensed under the MIT license.\r\n\r\nimport { PartialDeep } from 'type-fest';\r\nimport { ComponentLocale, ComponentStrings } from '..';\r\nimport en_US from './en-US/strings.json';\r\nimport en_GB from './en-GB/strings.json';\r\nimport de_DE from './de-DE/strings.json';\r\nimport es_ES from './es-ES/strings.json';\r\nimport fr_FR from './fr-FR/strings.json';\r\nimport it_IT from './it-IT/strings.json';\r\nimport ja_JP from './ja-JP/strings.json';\r\nimport ko_KR from './ko-KR/strings.json';\r\nimport nl_NL from './nl-NL/strings.json';\r\nimport pt_BR from './pt-BR/strings.json';\r\nimport ru_RU from './ru-RU/strings.json';\r\nimport tr_TR from './tr-TR/strings.json';\r\nimport zh_CN from './zh-CN/strings.json';\r\nimport zh_TW from './zh-TW/strings.json';\r\n\r\nconst createComponentStrings = (localizedStrings: PartialDeep<ComponentStrings>): ComponentStrings => {\r\n  const strings: ComponentStrings = { ...en_US };\r\n  Object.keys(localizedStrings).forEach((key: string) => {\r\n    strings[key] = { ...strings[key], ...localizedStrings[key] };\r\n  });\r\n  return strings;\r\n};\r\n\r\n/**\r\n * Locale for English (US).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_EN_US: ComponentLocale = { strings: en_US };\r\n/**\r\n * Locale for English (GB).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_EN_GB: ComponentLocale = { strings: createComponentStrings(en_GB) };\r\n/**\r\n * Locale for  German (Germany).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_DE_DE: ComponentLocale = { strings: createComponentStrings(de_DE) };\r\n/**\r\n * Locale for Spanish (Spain).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_ES_ES: ComponentLocale = { strings: createComponentStrings(es_ES) };\r\n/**\r\n * Locale for French (France).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_FR_FR: ComponentLocale = { strings: createComponentStrings(fr_FR) };\r\n/**\r\n * Locale for Italian (Italy).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_IT_IT: ComponentLocale = { strings: createComponentStrings(it_IT) };\r\n/**\r\n * Locale for Japanese (Japan).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_JA_JP: ComponentLocale = { strings: createComponentStrings(ja_JP) };\r\n/**\r\n * Locale for Korean (South Korea).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_KO_KR: ComponentLocale = { strings: createComponentStrings(ko_KR) };\r\n/**\r\n * Locale for Dutch (Netherlands).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_NL_NL: ComponentLocale = { strings: createComponentStrings(nl_NL) };\r\n/**\r\n * Locale for Portuguese (Brazil).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_PT_BR: ComponentLocale = { strings: createComponentStrings(pt_BR) };\r\n/**\r\n * Locale for Russian (Russia).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_RU_RU: ComponentLocale = { strings: createComponentStrings(ru_RU) };\r\n/**\r\n * Locale for Turkish (Turkey).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_TR_TR: ComponentLocale = { strings: createComponentStrings(tr_TR) };\r\n/**\r\n * Locale for Chinese (Mainland China).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_ZH_CN: ComponentLocale = { strings: createComponentStrings(zh_CN) };\r\n/**\r\n * Locale for Chinese (Taiwan).\r\n *\r\n * @public\r\n */\r\nexport const COMPONENT_LOCALE_ZH_TW: ComponentLocale = { strings: createComponentStrings(zh_TW) };\r\n"]}

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+/**
+ * @internal
+ */
+export declare type _Permissions = {
+    cameraButton: boolean;
+    microphoneButton: boolean;
+    screenShare: boolean;
+    removeParticipantButton: boolean;
+    role?: Role;
+};
+/**
+ * @internal
+ */
+export declare const defaultPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const presenterPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const consumerPermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const attendeePermissions: _Permissions;
+/**
+ * @internal
+ */
+export declare const PermissionsContext: React.Context<_Permissions>;
+/**
+ * Props for {@link _PermissionsProviderProps}.
+ *
+ * @internal
+ */
+export declare type _PermissionsProviderProps = {
+    /** Permission context to provide components */
+    permissions: _Permissions;
+    /** Children to provide locale context. */
+    children: React.ReactNode;
+};
+/**
+ * @internal
+ */
+export declare const _PermissionsProvider: (props: _PermissionsProviderProps) => JSX.Element;
+/**
+ * @internal
+ * React hook to access permissions
+ */
+export declare const _usePermissions: () => _Permissions;
+/**
+ * @beta
+ * The role of a call participant.
+ */
+export declare type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';
+/**
+ * @internal
+ */
+export declare const _getPermissions: (role?: Role | undefined) => _Permissions;
+//# sourceMappingURL=PermissionsProvider.d.ts.map

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.js

@@ -0,0 +1,74 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React, { createContext, useContext } from 'react';
+/**
+ * @internal
+ */
+export const defaultPermissions = {
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: true,
+    removeParticipantButton: true
+};
+/**
+ * @internal
+ */
+export const presenterPermissions = {
+    role: 'Presenter',
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: true,
+    removeParticipantButton: true
+};
+/**
+ * @internal
+ */
+export const consumerPermissions = {
+    role: 'Consumer',
+    cameraButton: false,
+    microphoneButton: false,
+    screenShare: false,
+    removeParticipantButton: false
+};
+/**
+ * @internal
+ */
+export const attendeePermissions = {
+    role: 'Attendee',
+    cameraButton: true,
+    microphoneButton: true,
+    screenShare: false,
+    removeParticipantButton: false
+};
+/**
+ * @internal
+ */
+export const PermissionsContext = createContext(defaultPermissions);
+/**
+ * @internal
+ */
+export const _PermissionsProvider = (props) => {
+    const { permissions, children } = props;
+    return React.createElement(PermissionsContext.Provider, { value: permissions }, children);
+};
+/**
+ * @internal
+ * React hook to access permissions
+ */
+export const _usePermissions = () => useContext(PermissionsContext);
+/**
+ * @internal
+ */
+export const _getPermissions = (role) => {
+    if (role === 'Consumer') {
+        return consumerPermissions;
+    }
+    else if (role === 'Attendee') {
+        return attendeePermissions;
+    }
+    else if (role === 'Presenter') {
+        return presenterPermissions;
+    }
+    return defaultPermissions;
+};
+//# sourceMappingURL=PermissionsProvider.js.map

package/dist/dist-esm/react-components/src/permissions/PermissionsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionsProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/permissions/PermissionsProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAazD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAiB;IAC9C,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAiB;IAChD,IAAI,EAAE,WAAW;IACjB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,IAAI;IACjB,uBAAuB,EAAE,IAAI;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,KAAK;IACnB,gBAAgB,EAAE,KAAK;IACvB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,IAAI,EAAE,UAAU;IAChB,YAAY,EAAE,IAAI;IAClB,gBAAgB,EAAE,IAAI;IACtB,WAAW,EAAE,KAAK;IAClB,uBAAuB,EAAE,KAAK;CAC/B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAe,kBAAkB,CAAC,CAAC;AAclF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,IAAG,QAAQ,CAA+B,CAAC;AACnG,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAiB,EAAE,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;AAQlF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAW,EAAgB,EAAE;IAC3D,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,UAAU,EAAE;QAC9B,OAAO,mBAAmB,CAAC;KAC5B;SAAM,IAAI,IAAI,KAAK,WAAW,EAAE;QAC/B,OAAO,oBAAoB,CAAC;KAC7B;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\n/**\n * @internal\n */\nexport type _Permissions = {\n  cameraButton: boolean; // or 'disabled'/'hide'?\n  microphoneButton: boolean;\n  screenShare: boolean;\n  removeParticipantButton: boolean;\n  role?: Role;\n};\n\n/**\n * @internal\n */\nexport const defaultPermissions: _Permissions = {\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const presenterPermissions: _Permissions = {\n  role: 'Presenter',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: true,\n  removeParticipantButton: true\n};\n\n/**\n * @internal\n */\nexport const consumerPermissions: _Permissions = {\n  role: 'Consumer',\n  cameraButton: false,\n  microphoneButton: false,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const attendeePermissions: _Permissions = {\n  role: 'Attendee',\n  cameraButton: true,\n  microphoneButton: true,\n  screenShare: false,\n  removeParticipantButton: false\n};\n\n/**\n * @internal\n */\nexport const PermissionsContext = createContext<_Permissions>(defaultPermissions);\n\n/**\n * Props for {@link _PermissionsProviderProps}.\n *\n * @internal\n */\nexport type _PermissionsProviderProps = {\n  /** Permission context to provide components */\n  permissions: _Permissions;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * @internal\n */\nexport const _PermissionsProvider = (props: _PermissionsProviderProps): JSX.Element => {\n  const { permissions, children } = props;\n  return <PermissionsContext.Provider value={permissions}>{children}</PermissionsContext.Provider>;\n};\n\n/**\n * @internal\n * React hook to access permissions\n */\nexport const _usePermissions = (): _Permissions => useContext(PermissionsContext);\n\n/**\n * @beta\n * The role of a call participant.\n */\nexport type Role = 'Presenter' | 'Attendee' | 'Consumer' | 'Organizer';\n\n/**\n * @internal\n */\nexport const _getPermissions = (role?: Role): _Permissions => {\n  if (role === 'Consumer') {\n    return consumerPermissions;\n  } else if (role === 'Attendee') {\n    return attendeePermissions;\n  } else if (role === 'Presenter') {\n    return presenterPermissions;\n  }\n  return defaultPermissions;\n};\n"]}

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

@@ -0,0 +1,2 @@
+export * from './PermissionsProvider';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,4 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+export * from './PermissionsProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-components/src/permissions/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,uBAAuB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './PermissionsProvider';\n"]}

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

@@ -21,7 +21,6 @@ const initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {
         }
     },
     fontFaces: [],
-    // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements
     siteVariables: {
         // suppressing body styles from teamsTheme to avoid inherited styling to other elements
         bodyPadding: undefined,
@@ -43,10 +42,9 @@ const initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {
  */
 export const FluentThemeProvider = (props) => {
     const { fluentTheme, rtl, children } = props;
-    let fluentUITheme = mergeThemes(defaultTheme, fluentTheme); // merge in rtl from FluentThemeProviderProps
-    fluentUITheme = mergeThemes(fluentUITheme, {
-        rtl
-    });
+    let fluentUITheme = mergeThemes(defaultTheme, fluentTheme);
+    // merge in rtl from FluentThemeProviderProps
+    fluentUITheme = mergeThemes(fluentUITheme, { rtl });
     const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {
         componentVariables: {
             Chat: {
@@ -65,11 +63,12 @@ export const FluentThemeProvider = (props) => {
                     WebkitTextFillColor: fluentUITheme.palette.neutralSecondary
                 }
             }
-        } // add more northstar components to align with Fluent UI theme
+        }
+        // add more northstar components to align with Fluent UI theme
     });
-    return React.createElement(ThemeContext.Provider, { value: fluentUITheme },
+    return (React.createElement(ThemeContext.Provider, { value: fluentUITheme },
         React.createElement(ThemeProvider, { theme: fluentUITheme, className: wrapper },
-            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children)));
+            React.createElement(Provider, { theme: fluentNorthstarTheme, className: wrapper, rtl: rtl }, children))));
 };
 /**
  * React hook to access theme

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

@@ -1 +1 @@
-{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAoBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AACH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AACzD,mDAAmD;AAEnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AACxD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,+GAA+G;IAC/G,aAAa,EAAE;QACb,uFAAuF;QACvF,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC,CAAC;AACH;;;;;;;;GAQG;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EACJ,WAAW,EACX,GAAG,EACH,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,6CAA6C;IAEhH,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE;QACzC,GAAG;KACJ,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF,CAAC,8DAA8D;KAEjE,CAAC,CAAC;IACH,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QAC9C,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CAAC;AAC7B,CAAC,CAAC;AACF;;;;GAIG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
+{"version":3,"file":"FluentThemeProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/FluentThemeProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,aAAa,EAAuB,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzG,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACtG,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAmBtC,MAAM,OAAO,GAAG,WAAW,CAAC;IAC1B,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,CAAC;AAEzD,mDAAmD;AACnD,MAAM,YAAY,GAAG,aAAa,CAAQ,YAAY,CAAC,CAAC;AAExD,MAAM,2BAA2B,GAAG,oBAAoB,CAAC,UAAU,EAAE;IACnE,eAAe,EAAE;QACf,WAAW,EAAE;YACX,IAAI,EAAE;gBACJ,UAAU,EAAE,QAAQ;aACrB;SACF;KACF;IACD,SAAS,EAAE,EAAE;IACb,aAAa,EAAE;QACb,uFAAuF;QACvF,WAAW,EAAE,SAAS;QACtB,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,cAAc,EAAE,SAAS;QACzB,SAAS,EAAE,SAAS;QACpB,cAAc,EAAE,SAAS;KAC1B;CACF,CAAC,CAAC;AAEH;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAe,EAAE;IAClF,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE7C,IAAI,aAAa,GAAU,WAAW,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAClE,6CAA6C;IAC7C,aAAa,GAAG,WAAW,CAAC,aAAa,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;IAEpD,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,2BAA2B,EAAE;QAC7E,kBAAkB,EAAE;YAClB,IAAI,EAAE;gBACJ,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK;aAC7C;YACD,WAAW,EAAE;gBACX,WAAW,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACjD,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBAClD,eAAe,EAAE,aAAa,CAAC,OAAO,CAAC,cAAc;gBACrD,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,UAAU;aACtD;SACF;QACD,eAAe,EAAE;YACf,WAAW,EAAE;gBACX,SAAS,EAAE;oBACT,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,gBAAgB;iBAC5D;aACF;SACF;QACD,8DAA8D;KAC/D,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa;QACzC,oBAAC,aAAa,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO;YACrD,oBAAC,QAAQ,IAAC,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAChE,QAAQ,CACA,CACG,CACM,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAU,EAAE,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ThemeProvider, Theme, PartialTheme, getTheme, mergeThemes, mergeStyles } from '@fluentui/react';\nimport { mergeThemes as mergeNorthstarThemes, Provider, teamsTheme } from '@fluentui/react-northstar';\nimport { lightTheme } from './themes';\n\n/**\n * Props for {@link FluentThemeProvider}.\n *\n * @public\n */\nexport interface FluentThemeProviderProps {\n  /** Children to be themed. */\n  children: React.ReactNode;\n  /** Theme for components. Defaults to a light theme if not provided. */\n  fluentTheme?: PartialTheme | Theme;\n  /**\n   * Whether components are displayed right-to-left\n   * @defaultValue `false`\n   */\n  rtl?: boolean;\n}\n\nconst wrapper = mergeStyles({\n  height: '100%',\n  width: '100%',\n  overflow: 'auto'\n});\n\nconst defaultTheme = mergeThemes(getTheme(), lightTheme);\n\n/** Theme context for library's react components */\nconst ThemeContext = createContext<Theme>(defaultTheme);\n\nconst initialFluentNorthstarTheme = mergeNorthstarThemes(teamsTheme, {\n  componentStyles: {\n    ChatMessage: {\n      root: {\n        lineHeight: '1.4286'\n      }\n    }\n  },\n  fontFaces: [], // suppressing font faces from teamsTheme as recommended by FluentUI N* to avoid font styling to other elements\n  siteVariables: {\n    // suppressing body styles from teamsTheme to avoid inherited styling to other elements\n    bodyPadding: undefined,\n    bodyFontSize: undefined,\n    bodyFontFamily: undefined,\n    bodyBackground: undefined,\n    bodyColor: undefined,\n    bodyLineHeight: undefined\n  }\n});\n\n/**\n * Provider to apply a Fluent theme across this library's react components.\n *\n * @remarks Components in this library are composed primarily from [Fluent UI](https://developer.microsoft.com/fluentui#/controls/web),\n * controls, and also from [Fluent React Northstar](https://fluentsite.z22.web.core.windows.net/0.53.0) controls.\n * This provider handles applying any theme provided to both the underlying Fluent UI controls, as well as the Fluent React Northstar controls.\n *\n * @public\n */\nexport const FluentThemeProvider = (props: FluentThemeProviderProps): JSX.Element => {\n  const { fluentTheme, rtl, children } = props;\n\n  let fluentUITheme: Theme = mergeThemes(defaultTheme, fluentTheme);\n  // merge in rtl from FluentThemeProviderProps\n  fluentUITheme = mergeThemes(fluentUITheme, { rtl });\n\n  const fluentNorthstarTheme = mergeNorthstarThemes(initialFluentNorthstarTheme, {\n    componentVariables: {\n      Chat: {\n        backgroundColor: fluentUITheme.palette.white\n      },\n      ChatMessage: {\n        authorColor: fluentUITheme.palette.neutralPrimary,\n        contentColor: fluentUITheme.palette.neutralPrimary,\n        backgroundColor: fluentUITheme.palette.neutralLighter,\n        backgroundColorMine: fluentUITheme.palette.themeLight\n      }\n    },\n    componentStyles: {\n      ChatMessage: {\n        timestamp: {\n          WebkitTextFillColor: fluentUITheme.palette.neutralSecondary\n        }\n      }\n    }\n    // add more northstar components to align with Fluent UI theme\n  });\n\n  return (\n    <ThemeContext.Provider value={fluentUITheme}>\n      <ThemeProvider theme={fluentUITheme} className={wrapper}>\n        <Provider theme={fluentNorthstarTheme} className={wrapper} rtl={rtl}>\n          {children}\n        </Provider>\n      </ThemeProvider>\n    </ThemeContext.Provider>\n  );\n};\n\n/**\n * React hook to access theme\n *\n * @public\n */\nexport const useTheme = (): Theme => useContext(ThemeContext);\n"]}

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

@@ -23,8 +23,11 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ControlButtonMicOn: JSX.Element;
     ControlButtonOptions: JSX.Element;
     ControlButtonParticipants: JSX.Element;
+    ControlButtonParticipantsContextualMenuItem: JSX.Element;
     ControlButtonScreenShareStart: JSX.Element;
     ControlButtonScreenShareStop: JSX.Element;
+    CancelFileUpload: JSX.Element;
+    DownloadFile: JSX.Element;
     EditBoxCancel: JSX.Element;
     EditBoxSubmit: JSX.Element;
     ErrorBarCallCameraAccessDenied: JSX.Element;
@@ -57,8 +60,17 @@ export declare const DEFAULT_COMPONENT_ICONS: {
     ParticipantItemOptions: JSX.Element;
     ParticipantItemOptionsHovered: JSX.Element;
     ParticipantItemScreenShareStart: JSX.Element;
+    HoldCallContextualMenuItem: JSX.Element;
+    HoldCallButton: JSX.Element;
+    ResumeCall: JSX.Element;
     SendBoxSend: JSX.Element;
     SendBoxSendHovered: JSX.Element;
     VideoTileMicOff: JSX.Element;
+    BackSpace: JSX.Element;
+    DomainPermissionsSparkle: JSX.Element;
+    DomainPermissionCamera: JSX.Element;
+    DomainPermissionMic: JSX.Element;
+    UnsupportedBrowserWarning: JSX.Element;
+    BrowserPermissionDeniedError: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map

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

@@ -1,21 +1,74 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 import { mergeStyles } from '@fluentui/react';
+/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */
+import { Stack } from '@fluentui/react';
 import { ArrowClockwise16Regular, CallEnd20Filled, Checkmark20Regular, CheckmarkCircle16Regular, Circle16Regular, Delete20Regular, Dismiss20Regular, Dismiss16Regular, Edit20Regular, ErrorCircle16Regular, EyeShow16Regular, MicOff16Filled, MicOff16Regular, MicOff20Filled, MicOn16Filled, MicOn20Filled, MicOn20Regular, MoreHorizontal20Filled, MoreHorizontal20Regular, People20Filled, Settings20Filled, Send20Filled, Send20Regular, ShareScreenStart20Filled, ShareScreenStop20Filled, Speaker220Regular, Video16Filled, Video20Filled, Video20Regular, VideoOff20Filled, ChevronLeft20Regular, ChevronRight20Regular, WifiWarning20Filled, SpeakerMute16Filled, MicProhibited16Filled, VideoProhibited16Filled } from '@fluentui/react-icons';
+/* @conditional-compile-remove(call-readiness) */
+import { Important20Filled } from '@fluentui/react-icons';
+/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
+import { Backspace20Regular } from '@fluentui/react-icons';
+/* @conditional-compile-remove(call-readiness) */
+import { Sparkle20Filled } from '@fluentui/react-icons';
+/* @conditional-compile-remove(file-sharing) */
+import { ArrowDownload16Regular } from '@fluentui/react-icons';
+/* @conditional-compile-remove(PSTN-calls) */
+import { CallPause20Regular, CallPause20Filled, Play20Regular, People20Regular } from '@fluentui/react-icons';
+/* @conditional-compile-remove(unsupported-browser) */
+import { Warning20Filled } from '@fluentui/react-icons';
+import { _pxToRem } from "../../../acs-ui-common/src";
 import React from 'react';
-const WifiWarning16Filled = () => // All ErrorBar icons are 16px x 16px (when 1rem = 16 px).
- 
+/* @conditional-compile-remove(unsupported-browser) */
+import { useTheme } from './FluentThemeProvider';
+const WifiWarning16Filled = () => (
+// All ErrorBar icons are 16px x 16px (when 1rem = 16 px).
 // There is no 16px version of this icon in the fluent icon package, so scale the larger
 // one down to required size.
-React.createElement("div", { className: mergeStyles({
-        transform: 'scale(0.8)'
-    }) },
-    React.createElement(WifiWarning20Filled, null));
-const MoreHorizontal18Regular = () => // MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size
- React.createElement("div", { className: mergeStyles({
-        transform: 'scale(0.9)'
-    }) },
-    React.createElement(MoreHorizontal20Regular, null));
+React.createElement("div", { className: mergeStyles({ transform: 'scale(0.8)' }) },
+    React.createElement(WifiWarning20Filled, null)));
+const MoreHorizontal18Regular = () => (
+// MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size
+React.createElement("div", { className: mergeStyles({ transform: 'scale(0.9)' }) },
+    React.createElement(MoreHorizontal20Regular, null)));
+/* @conditional-compile-remove(call-readiness) */
+const DomainPermissionMic20Filled = () => {
+    const theme = useTheme();
+    return (React.createElement(Stack, { horizontalAlign: 'center', styles: { root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } } },
+        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
+            React.createElement(MicOn20Filled, null))));
+};
+/* @conditional-compile-remove(call-readiness) */
+const DomainPermissionCamera20Filled = () => {
+    const theme = useTheme();
+    return (React.createElement(Stack, { horizontalAlign: 'center', styles: { root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } } },
+        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
+            React.createElement(Video20Filled, null))));
+};
+/* @conditional-compile-remove(call-readiness) */
+const DomainPermissionSparkle20Filled = () => (React.createElement("div", { className: mergeStyles({ transform: 'scale(2)' }) },
+    React.createElement(Sparkle20Filled, null)));
+/* @conditional-compile-remove(unsupported-browser) */
+const UnsupportedBrowserWarning = () => {
+    const theme = useTheme();
+    return (React.createElement(Stack, { horizontalAlign: 'center', styles: {
+            root: {
+                width: _pxToRem(84),
+                borderRadius: '100%',
+                background: theme.palette.themeLighterAlt,
+                padding: '2rem',
+                margin: 'auto'
+            }
+        } },
+        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
+            React.createElement(Warning20Filled, null))));
+};
+/* @conditional-compile-remove(call-readiness) */
+const BrowserPermissionDenied20Filled = () => {
+    const theme = useTheme();
+    return (React.createElement(Stack, { horizontalAlign: 'center', styles: { root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } } },
+        React.createElement("div", { className: mergeStyles(scaledIconStyles(theme)) },
+            React.createElement(Important20Filled, null))));
+};
 /**
  * The default set of icons that are available to use in the UI components.
  *
@@ -32,8 +85,14 @@ export const DEFAULT_COMPONENT_ICONS = {
     ControlButtonMicOn: React.createElement(MicOn20Filled, null),
     ControlButtonOptions: React.createElement(Settings20Filled, null),
     ControlButtonParticipants: React.createElement(People20Filled, null),
+    /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
+    ControlButtonParticipantsContextualMenuItem: React.createElement(People20Regular, null),
     ControlButtonScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
     ControlButtonScreenShareStop: React.createElement(ShareScreenStop20Filled, null),
+    /* @conditional-compile-remove(file-sharing) */
+    CancelFileUpload: React.createElement(Dismiss16Regular, null),
+    /* @conditional-compile-remove(file-sharing) */
+    DownloadFile: React.createElement(ArrowDownload16Regular, null),
     EditBoxCancel: React.createElement(Dismiss20Regular, null),
     EditBoxSubmit: React.createElement(Checkmark20Regular, null),
     ErrorBarCallCameraAccessDenied: React.createElement(VideoProhibited16Filled, null),
@@ -66,8 +125,38 @@ export const DEFAULT_COMPONENT_ICONS = {
     ParticipantItemOptions: React.createElement(React.Fragment, null),
     ParticipantItemOptionsHovered: React.createElement(MoreHorizontal20Filled, null),
     ParticipantItemScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
+    /* @conditional-compile-remove(PSTN-calls) */
+    HoldCallContextualMenuItem: React.createElement(CallPause20Regular, null),
+    /* @conditional-compile-remove(PSTN-calls) */
+    HoldCallButton: React.createElement(CallPause20Filled, null),
+    /* @conditional-compile-remove(PSTN-calls) */
+    ResumeCall: React.createElement(Play20Regular, null),
     SendBoxSend: React.createElement(Send20Regular, null),
     SendBoxSendHovered: React.createElement(Send20Filled, null),
-    VideoTileMicOff: React.createElement(MicOff16Filled, null)
+    VideoTileMicOff: React.createElement(MicOff16Filled, null),
+    /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */
+    BackSpace: React.createElement(Backspace20Regular, null),
+    /* @conditional-compile-remove(call-readiness) */
+    DomainPermissionsSparkle: React.createElement(DomainPermissionSparkle20Filled, null),
+    /* @conditional-compile-remove(call-readiness) */
+    DomainPermissionCamera: React.createElement(DomainPermissionCamera20Filled, null),
+    /* @conditional-compile-remove(call-readiness) */
+    DomainPermissionMic: React.createElement(DomainPermissionMic20Filled, null),
+    /* @conditional-compile-remove(unsupported-browser) */
+    UnsupportedBrowserWarning: React.createElement(UnsupportedBrowserWarning, null),
+    /* @conditional-compile-remove(call-readiness) */
+    BrowserPermissionDeniedError: React.createElement(BrowserPermissionDenied20Filled, null)
+};
+/* @conditional-compile-remove(unsupported-browser) */
+const scaledIconStyles = (theme) => {
+    return {
+        transform: 'scale(2)',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        lineHeight: '0.2rem',
+        color: theme.palette.themePrimary,
+        zIndex: 1
+    };
 };
 //# sourceMappingURL=icons.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/icons.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/icons.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */\nimport { IStyle, Stack, Theme } from '@fluentui/react';\nimport {\n  ArrowClockwise16Regular,\n  CallEnd20Filled,\n  Checkmark20Regular,\n  CheckmarkCircle16Regular,\n  Circle16Regular,\n  Delete20Regular,\n  Dismiss20Regular,\n  Dismiss16Regular,\n  Edit20Regular,\n  ErrorCircle16Regular,\n  EyeShow16Regular,\n  MicOff16Filled,\n  MicOff16Regular,\n  MicOff20Filled,\n  MicOn16Filled,\n  MicOn20Filled,\n  MicOn20Regular,\n  MoreHorizontal20Filled,\n  MoreHorizontal20Regular,\n  People20Filled,\n  Settings20Filled,\n  Send20Filled,\n  Send20Regular,\n  ShareScreenStart20Filled,\n  ShareScreenStop20Filled,\n  Speaker220Regular,\n  Video16Filled,\n  Video20Filled,\n  Video20Regular,\n  VideoOff20Filled,\n  ChevronLeft20Regular,\n  ChevronRight20Regular,\n  WifiWarning20Filled,\n  SpeakerMute16Filled,\n  MicProhibited16Filled,\n  VideoProhibited16Filled\n} from '@fluentui/react-icons';\n/* @conditional-compile-remove(call-readiness) */\nimport { Important20Filled } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { Backspace20Regular } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(call-readiness) */\nimport { Sparkle20Filled } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(file-sharing) */\nimport { ArrowDownload16Regular } from '@fluentui/react-icons';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { CallPause20Regular, CallPause20Filled, Play20Regular, People20Regular } from '@fluentui/react-icons';\n\n/* @conditional-compile-remove(unsupported-browser) */\nimport { Warning20Filled } from '@fluentui/react-icons';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\nimport React from 'react';\n/* @conditional-compile-remove(unsupported-browser) */\nimport { useTheme } from './FluentThemeProvider';\n\n/**\n * Icons used by the React components exported from this library.\n *\n * @remark See {@link CompositeIcons} for icons used by composites only.\n *\n * @public\n */\nexport type ComponentIcons = Record<keyof typeof DEFAULT_COMPONENT_ICONS, JSX.Element>;\n\nconst WifiWarning16Filled = (): JSX.Element => (\n  // All ErrorBar icons are 16px x 16px (when 1rem = 16 px).\n  // There is no 16px version of this icon in the fluent icon package, so scale the larger\n  // one down to required size.\n  <div className={mergeStyles({ transform: 'scale(0.8)' })}>\n    <WifiWarning20Filled />\n  </div>\n);\n\nconst MoreHorizontal18Regular = (): JSX.Element => (\n  // MoreHorizontal icons are 16px x 16px or 20px x 20px so scaling to get desired size\n  <div className={mergeStyles({ transform: 'scale(0.9)' })}>\n    <MoreHorizontal20Regular />\n  </div>\n);\n\n/* @conditional-compile-remove(call-readiness) */\nconst DomainPermissionMic20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return (\n    <Stack\n      horizontalAlign={'center'}\n      styles={{ root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } }}\n    >\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <MicOn20Filled />\n      </div>\n    </Stack>\n  );\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst DomainPermissionCamera20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return (\n    <Stack\n      horizontalAlign={'center'}\n      styles={{ root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } }}\n    >\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Video20Filled />\n      </div>\n    </Stack>\n  );\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst DomainPermissionSparkle20Filled = (): JSX.Element => (\n  <div className={mergeStyles({ transform: 'scale(2)' })}>\n    <Sparkle20Filled />\n  </div>\n);\n\n/* @conditional-compile-remove(unsupported-browser) */\nconst UnsupportedBrowserWarning = (): JSX.Element => {\n  const theme = useTheme();\n  return (\n    <Stack\n      horizontalAlign={'center'}\n      styles={{\n        root: {\n          width: _pxToRem(84),\n          borderRadius: '100%',\n          background: theme.palette.themeLighterAlt,\n          padding: '2rem',\n          margin: 'auto'\n        }\n      }}\n    >\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Warning20Filled />\n      </div>\n    </Stack>\n  );\n};\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDenied20Filled = (): JSX.Element => {\n  const theme = useTheme();\n  return (\n    <Stack\n      horizontalAlign={'center'}\n      styles={{ root: { borderRadius: '100%', background: theme.palette.themeLighterAlt, padding: '2rem' } }}\n    >\n      <div className={mergeStyles(scaledIconStyles(theme))}>\n        <Important20Filled />\n      </div>\n    </Stack>\n  );\n};\n\n/**\n * The default set of icons that are available to use in the UI components.\n *\n * @remark Icons used only in the composites are available in {@link DEFAULT_COMPOSITE_ICONS}.\n *\n * @public\n */\nexport const DEFAULT_COMPONENT_ICONS = {\n  ChatMessageOptions: <MoreHorizontal18Regular />,\n  ControlButtonCameraOff: <VideoOff20Filled />,\n  ControlButtonCameraOn: <Video20Filled />,\n  ControlButtonEndCall: <CallEnd20Filled />,\n  ControlButtonMicOff: <MicOff20Filled />,\n  ControlButtonMicOn: <MicOn20Filled />,\n  ControlButtonOptions: <Settings20Filled />,\n  ControlButtonParticipants: <People20Filled />,\n  /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n  ControlButtonParticipantsContextualMenuItem: <People20Regular />,\n  ControlButtonScreenShareStart: <ShareScreenStart20Filled />,\n  ControlButtonScreenShareStop: <ShareScreenStop20Filled />,\n  /* @conditional-compile-remove(file-sharing) */\n  CancelFileUpload: <Dismiss16Regular />,\n  /* @conditional-compile-remove(file-sharing) */\n  DownloadFile: <ArrowDownload16Regular />,\n  EditBoxCancel: <Dismiss20Regular />,\n  EditBoxSubmit: <Checkmark20Regular />,\n  ErrorBarCallCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallCameraAlreadyInUse: <VideoProhibited16Filled />,\n  ErrorBarCallLocalVideoFreeze: <WifiWarning16Filled />,\n  ErrorBarCallMacOsCameraAccessDenied: <VideoProhibited16Filled />,\n  ErrorBarCallMacOsMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneAccessDenied: <MicProhibited16Filled />,\n  ErrorBarCallMicrophoneMutedBySystem: <MicOff16Filled />,\n  ErrorBarCallMicrophoneUnmutedBySystem: <MicOn16Filled />,\n  ErrorBarCallNetworkQualityLow: <WifiWarning16Filled />,\n  ErrorBarCallNoMicrophoneFound: <MicProhibited16Filled />,\n  ErrorBarCallNoSpeakerFound: <SpeakerMute16Filled />,\n  ErrorBarClear: <Dismiss16Regular />,\n  ErrorBarCallVideoRecoveredBySystem: <Video16Filled />,\n  ErrorBarCallVideoStoppedBySystem: <VideoProhibited16Filled />,\n  HorizontalGalleryLeftButton: <ChevronLeft20Regular />,\n  HorizontalGalleryRightButton: <ChevronRight20Regular />,\n  MessageDelivered: <CheckmarkCircle16Regular />,\n  MessageEdit: <Edit20Regular />,\n  MessageFailed: <ErrorCircle16Regular />,\n  MessageRemove: <Delete20Regular />,\n  MessageResend: <ArrowClockwise16Regular />,\n  MessageSeen: <EyeShow16Regular />,\n  MessageSending: <Circle16Regular />,\n  OptionsCamera: <Video20Regular />,\n  OptionsMic: <MicOn20Regular />,\n  OptionsSpeaker: <Speaker220Regular />,\n  ParticipantItemMicOff: <MicOff16Regular />,\n  ParticipantItemOptions: <></>,\n  ParticipantItemOptionsHovered: <MoreHorizontal20Filled />,\n  ParticipantItemScreenShareStart: <ShareScreenStart20Filled />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  HoldCallContextualMenuItem: <CallPause20Regular />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  HoldCallButton: <CallPause20Filled />,\n  /* @conditional-compile-remove(PSTN-calls) */\n  ResumeCall: <Play20Regular />,\n  SendBoxSend: <Send20Regular />,\n  SendBoxSendHovered: <Send20Filled />,\n  VideoTileMicOff: <MicOff16Filled />,\n  /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n  BackSpace: <Backspace20Regular />,\n  /* @conditional-compile-remove(call-readiness) */\n  DomainPermissionsSparkle: <DomainPermissionSparkle20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  DomainPermissionCamera: <DomainPermissionCamera20Filled />,\n  /* @conditional-compile-remove(call-readiness) */\n  DomainPermissionMic: <DomainPermissionMic20Filled />,\n  /* @conditional-compile-remove(unsupported-browser) */\n  UnsupportedBrowserWarning: <UnsupportedBrowserWarning />,\n  /* @conditional-compile-remove(call-readiness) */\n  BrowserPermissionDeniedError: <BrowserPermissionDenied20Filled />\n};\n\n/* @conditional-compile-remove(unsupported-browser) */\nconst scaledIconStyles = (theme: Theme): IStyle => {\n  return {\n    transform: 'scale(2)',\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center',\n    lineHeight: '0.2rem',\n    color: theme.palette.themePrimary,\n    zIndex: 1\n  };\n};\n\"../../../acs-ui-common/src\""]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './themes';\nexport * from './FluentThemeProvider';\nexport * from './icons';\n"]}

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

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 /**
  * @private
  */
@@ -16,7 +18,8 @@ const getPerceptualBrightnessOfHexColor = (hexColor) => {
     }
     const r = parseInt(hexColor.substring(1, 3), 16);
     const g = parseInt(hexColor.substring(3, 5), 16);
-    const b = parseInt(hexColor.substring(5, 7), 16); // arithmetic mean μ of the red, green, and blue color coordinates. Source: https://en.wikipedia.org/wiki/Brightness
+    const b = parseInt(hexColor.substring(5, 7), 16);
+    // arithmetic mean μ of the red, green, and blue color coordinates. Source: https://en.wikipedia.org/wiki/Brightness
     return (r + g + b) / 3;
 };
 //# sourceMappingURL=themeUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAGA;;GAEG;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAW,EAAE;IACpD,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEpF,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE;QAC5E,OAAO,KAAK,CAAC;KACd;IAED,OAAO,oBAAoB,GAAG,oBAAoB,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,CAAC,QAAgB,EAAU,EAAE;IACrE,2CAA2C;IAC3C,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,GAAG,CAAC;KACZ;IAED,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,oHAAoH;IAEtK,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC"}
+{"version":3,"file":"themeUtils.js","sourceRoot":"","sources":["../../../../../../react-components/src/theming/themeUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAY,EAAW,EAAE;IACpD,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,MAAM,oBAAoB,GAAG,iCAAiC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpF,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE;QAC5E,OAAO,KAAK,CAAC;KACd;IACD,OAAO,oBAAoB,GAAG,oBAAoB,CAAC;AACrD,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,CAAC,QAAgB,EAAU,EAAE;IACrE,2CAA2C;IAC3C,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,GAAG,CAAC;KACZ;IACD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACjD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEjD,oHAAoH;IACpH,OAAO,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const isDarkThemed = (theme: Theme): boolean => {\n  const themeBlackBrightness = getPerceptualBrightnessOfHexColor(theme.palette.black);\n  const themeWhiteBrightness = getPerceptualBrightnessOfHexColor(theme.palette.white);\n  if (Number.isNaN(themeBlackBrightness) || Number.isNaN(themeWhiteBrightness)) {\n    return false;\n  }\n  return themeBlackBrightness > themeWhiteBrightness;\n};\n\nconst getPerceptualBrightnessOfHexColor = (hexColor: string): number => {\n  // return NaN if hexColor is not a hex code\n  if (!/^#[0-9A-Fa-f]{6}$/i.test(hexColor)) {\n    return NaN;\n  }\n  const r = parseInt(hexColor.substring(1, 3), 16);\n  const g = parseInt(hexColor.substring(3, 5), 16);\n  const b = parseInt(hexColor.substring(5, 7), 16);\n\n  // arithmetic mean μ of the red, green, and blue color coordinates. Source: https://en.wikipedia.org/wiki/Brightness\n  return (r + g + b) / 3;\n};\n"]}

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

@@ -1,3 +1,5 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
 /**
  * Preset light theme for components exported from this library.
  *