@azure/communication-react 1.4.0 → 1.4.1-beta.1

package/dist/dist-esm/react-components/src/localization/LocalizationProvider.d.ts

@@ -1,5 +1,12 @@
 import React from 'react';
 import { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStatusIndicatorStrings, MessageThreadStrings, MicrophoneButtonStrings, DevicesButtonStrings, ParticipantsButtonStrings, ParticipantItemStrings, ScreenShareButtonStrings, SendBoxStrings, TypingIndicatorStrings, VideoGalleryStrings } from '../components';
+import { HoldButtonStrings } from '../components';
+import { DialpadStrings } from '../components';
+import { DomainPermissionsStrings } from '../components/DevicePermissions/DomainPermissionsScaffolding';
+import { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';
+import { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';
+import { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';
+import { VideoTileStrings } from '../components/VideoTile';
 /**
  * Locale information for all components exported from this library.
  *
@@ -8,6 +15,11 @@ import { CameraButtonStrings, EndCallButtonStrings, ErrorBarStrings, MessageStat
 export interface ComponentLocale {
     /** Strings for components */
     strings: ComponentStrings;
+    /**
+     * Optional function to provide customized date format.
+     * @beta
+     */
+    onDisplayDateTimeString?: (messageDate: Date) => string;
 }
 /**
  * Strings used by all components exported from this library.
@@ -41,6 +53,36 @@ export interface ComponentStrings {
     errorBar: ErrorBarStrings;
     /** Strings for VideoGallery */
     videoGallery: VideoGalleryStrings;
+    /** Strings for Dialpad */
+    dialpad: DialpadStrings;
+    /** Strings for VideoTile */
+    videoTile: VideoTileStrings;
+    /** Strings for HoldButton */
+    holdButton: HoldButtonStrings;
+    /** Strings for a domain permission request prompt */
+    CameraAndMicrophoneDomainPermissionsRequest: DomainPermissionsStrings;
+    /** Strings for a domain permission request prompt */
+    CameraDomainPermissionsRequest: DomainPermissionsStrings;
+    /** Strings for a domain permission request prompt */
+    MicrophoneDomainPermissionsRequest: DomainPermissionsStrings;
+    /** Strings for a domain permission generic checking prompt */
+    CameraAndMicrophoneDomainPermissionsCheck: DomainPermissionsStrings;
+    /** Strings for a domain permission generic checking prompt */
+    CameraDomainPermissionsCheck: DomainPermissionsStrings;
+    /** Strings for a domain permission generic checking prompt */
+    MicrophoneDomainPermissionsCheck: DomainPermissionsStrings;
+    /** Strings for a domain permission denied prompt */
+    CameraAndMicrophoneDomainPermissionsDenied: DomainPermissionsStrings;
+    /** Strings for a domain permission denied prompt */
+    CameraDomainPermissionsDenied: DomainPermissionsStrings;
+    /** Strings for a domain permission denied prompt */
+    MicrophoneDomainPermissionsDenied: DomainPermissionsStrings;
+    /** Strings for unsupported browser UI */
+    UnsupportedBrowser: UnsupportedBrowserStrings;
+    /** Strings for BrowserPemissionDenied */
+    BrowserPermissionDenied: BrowserPermissionDeniedStrings;
+    /** Strings for BrowserPemissionDeniedIOS */
+    BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;
 }
 /**
  * Context for providing localized strings to components exported from this library.

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

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAyDnD;;;;GAIG;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AACF,kCAAkC;AAElC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AA+BzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAkGnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AAEF,kCAAkC;AAClC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport {\n  CameraButtonStrings,\n  EndCallButtonStrings,\n  ErrorBarStrings,\n  MessageStatusIndicatorStrings,\n  MessageThreadStrings,\n  MicrophoneButtonStrings,\n  DevicesButtonStrings,\n  ParticipantsButtonStrings,\n  ParticipantItemStrings,\n  ScreenShareButtonStrings,\n  SendBoxStrings,\n  TypingIndicatorStrings,\n  VideoGalleryStrings\n} from '../components';\n/* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\nimport { HoldButtonStrings } from '../components';\n/* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\nimport { DialpadStrings } from '../components';\n/* @conditional-compile-remove(call-readiness) */\nimport { DomainPermissionsStrings } from '../components/DevicePermissions/DomainPermissionsScaffolding';\n/* @conditional-compile-remove(call-readiness) */\nimport { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';\n/* @conditional-compile-remove(call-readiness) */\nimport { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';\n/* @conditional-compile-remove(call-readiness) */ /* @conditional-compile-remove(unsupported-browser) */\nimport { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';\n/* @conditional-compile-remove(one-to-n-calling) */\n// @conditional-compile-remove(PSTN-calls)\nimport { VideoTileStrings } from '../components/VideoTile';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n\n/**\n * Locale information for all components exported from this library.\n *\n * @public\n */\nexport interface ComponentLocale {\n  /** Strings for components */\n  strings: ComponentStrings;\n  /* @conditional-compile-remove(date-time-customization) */\n  /**\n   * Optional function to provide customized date format.\n   * @beta\n   */\n  onDisplayDateTimeString?: (messageDate: Date) => string;\n}\n\n/**\n * Strings used by all components exported from this library.\n *\n * @public\n */\nexport interface ComponentStrings {\n  /** Strings for MessageThread */\n  messageThread: MessageThreadStrings;\n  /** Strings for ParticipantItem */\n  participantItem: ParticipantItemStrings;\n  /** Strings for CameraButton */\n  cameraButton: CameraButtonStrings;\n  /** Strings for MicrophoneButton */\n  microphoneButton: MicrophoneButtonStrings;\n  /** Strings for EndCallButton */\n  endCallButton: EndCallButtonStrings;\n  /** Strings for DevicesButton */\n  devicesButton: DevicesButtonStrings;\n  /** Strings for ParticipantsButton */\n  participantsButton: ParticipantsButtonStrings;\n  /** Strings for ScreenShareButton */\n  screenShareButton: ScreenShareButtonStrings;\n  /** Strings for TypingIndicator */\n  typingIndicator: TypingIndicatorStrings;\n  /** Strings for SendBox */\n  sendBox: SendBoxStrings;\n  /** Strings for MessageStatusIndicator */\n  messageStatusIndicator: MessageStatusIndicatorStrings;\n  /** Strings for ErroBar */\n  errorBar: ErrorBarStrings;\n  /** Strings for VideoGallery */\n  videoGallery: VideoGalleryStrings;\n  /* @conditional-compile-remove(dialpad) */ /* @conditional-compile-remove(PSTN-calls) */\n  /** Strings for Dialpad */\n  dialpad: DialpadStrings;\n  /* @conditional-compile-remove(one-to-n-calling) */\n  // @conditional-compile-remove(PSTN-calls)\n  /** Strings for VideoTile */\n  videoTile: VideoTileStrings;\n  /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n  /** Strings for HoldButton */\n  holdButton: HoldButtonStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission request prompt */\n  CameraAndMicrophoneDomainPermissionsRequest: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission request prompt */\n  CameraDomainPermissionsRequest: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission request prompt */\n  MicrophoneDomainPermissionsRequest: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission generic checking prompt */\n  CameraAndMicrophoneDomainPermissionsCheck: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission generic checking prompt */\n  CameraDomainPermissionsCheck: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission generic checking prompt */\n  MicrophoneDomainPermissionsCheck: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission denied prompt */\n  CameraAndMicrophoneDomainPermissionsDenied: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission denied prompt */\n  CameraDomainPermissionsDenied: DomainPermissionsStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for a domain permission denied prompt */\n  MicrophoneDomainPermissionsDenied: DomainPermissionsStrings;\n  /* @conditional-compile-remove(unsupported-browser) */\n  /** Strings for unsupported browser UI */\n  UnsupportedBrowser: UnsupportedBrowserStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for BrowserPemissionDenied */\n  BrowserPermissionDenied: BrowserPermissionDeniedStrings;\n  /* @conditional-compile-remove(call-readiness) */\n  /** Strings for BrowserPemissionDeniedIOS */\n  BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;\n}\n\n/**\n * Context for providing localized strings to components exported from this library.\n *\n * @public\n */\nexport const LocaleContext = createContext<ComponentLocale>(COMPONENT_LOCALE_EN_US);\n\n/**\n * Props for {@link LocalizationProvider}.\n *\n * @public\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: ComponentLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's react components.\n *\n * @remarks Components will be provided localized strings in English (US) by default if this\n * provider is not used.\n *\n * @public\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const { locale, children } = props;\n  return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;\n};\n\n/** React hook to access locale */\nexport const useLocale = (): ComponentLocale => useContext(LocaleContext);\n"]}

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

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

package/dist/dist-esm/react-components/src/localization/locales/en-US/strings.json

@@ -184,11 +184,65 @@
         "participantStateRinging": "Calling...",
         "participantStateHold": "On hold"
     },
-    "DomainPermissions": {
+    "CameraAndMicrophoneDomainPermissionsRequest": {
         "primaryText": "Allow {appName} to use your camera and microphone",
         "secondaryText": "This is so participants can see and hear you.",
         "linkText": "Need help? Get troubleshooting help",
-        "primaryButtonText": "Allow Access"
+        "primaryButtonText": "Continue without camera and microphone",
+        "ariaLabel": "Allow camera and microphone access"
+    },
+    "CameraDomainPermissionsRequest": {
+        "primaryText": "Allow {appName} to use your camera",
+        "secondaryText": "This is so participants can see you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera",
+        "ariaLabel": "Allow camera access"
+    },
+    "MicrophoneDomainPermissionsRequest": {
+        "primaryText": "Allow {appName} to use your microphone",
+        "secondaryText": "This is so participants can hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without microphone",
+        "ariaLabel": "Allow microphone access"
+    },
+    "CameraAndMicrophoneDomainPermissionsCheck": {
+        "primaryText": "Checking for camera and microphone access",
+        "secondaryText": "Allow access if prompted. This is so participants can see and hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera and microphone",
+        "ariaLabel": "Checking for camera and microphone access. Allow access if prompted."
+    },
+    "CameraDomainPermissionsCheck": {
+        "primaryText": "Checking for camera access",
+        "secondaryText": "Allow access if prompted. This is so participants can see you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without camera",
+        "ariaLabel": "Checking for camera access. Allow access if prompted."
+    },
+    "MicrophoneDomainPermissionsCheck": {
+        "primaryText": "Checking for microphone access",
+        "secondaryText": "Allow access if prompted. This is so participants can hear you.",
+        "linkText": "Need help? Get troubleshooting help",
+        "primaryButtonText": "Continue without microphone",
+        "ariaLabel": "Checking for microphone access. Allow access if prompted."
+    },
+    "CameraAndMicrophoneDomainPermissionsDenied": {
+        "primaryText": "Unable to access camera and microphone",
+        "secondaryText": "Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without camera and microphone",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "CameraDomainPermissionsDenied": {
+        "primaryText": "Unable to access camera",
+        "secondaryText": "Click the lock icon in the address bar to grant camera permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without camera",
+        "linkText": "Need help? Get troubleshooting help"
+    },
+    "MicrophoneDomainPermissionsDenied": {
+        "primaryText": "Unable to access microphone",
+        "secondaryText": "Click the lock icon in the address bar to grant microphone permissions to this webpage. A page refresh may be required.",
+        "primaryButtonText": "Continue without microphone",
+        "linkText": "Need help? Get troubleshooting help"
     },
     "UnsupportedBrowser": {
         "primaryText": "Browser not supported",

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,20 @@ 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;
+    DialpadBackspace: JSX.Element;
+    DomainPermissionsSparkle: JSX.Element;
+    DomainPermissionCamera: JSX.Element;
+    DomainPermissionMic: JSX.Element;
+    DomainPermissionCameraDenied: JSX.Element;
+    DomainPermissionMicDenied: JSX.Element;
+    UnsupportedBrowserWarning: JSX.Element;
+    BrowserPermissionDeniedError: JSX.Element;
+    VideoTilePinned: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map