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

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

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

package/dist/dist-esm/react-composites/src/composites/localization/locales/it-IT/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "Collegamento di invito copiato",
         "defaultPlaceHolder": "Seleziona un'opzione",
         "dismissSidePaneButtonLabel": "Chiudi",
-        "effects": "Effetti",
+        "videoEffectsPaneTitle": "Effetti",
+        "videoEffectsPaneBackgroundSelectionTitle": "In background",
+        "configurationPageVideoEffectsButtonLabel": "Effetti",
+        "unableToStartVideoEffect": "Non è possibile applicare l'effetto video.",
         "blurBackgroundEffectButtonLabel": "Sfocatura",
         "blurBackgroundTooltip": "Sfoca sfondo",
         "removeBackgroundEffectButtonLabel": "Nessuno",
         "removeBackgroundTooltip": "Rimuovi sfondo",
+        "cameraOffBackgroundEffectWarningText": "La fotocamera è disattivata. Attiva la fotocamera per vedere l'effetto video.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "La chiamata è stata disconnessa a causa di un problema di rete. Controlla la connessione e partecipa di nuovo.",
         "failedToJoinCallDueToNoNetworkTitle": "Chiamata interrotta",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "Non ti è stato concesso l’accesso alla chiamata. Se si è trattato di un errore, partecipa di nuovo alla chiamata.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/ja-JP/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "招待用のリンクがコピーされました",
         "defaultPlaceHolder": "オプションを選択する",
         "dismissSidePaneButtonLabel": "閉じる",
-        "effects": "効果",
+        "videoEffectsPaneTitle": "効果",
+        "videoEffectsPaneBackgroundSelectionTitle": "バックグラウンド",
+        "configurationPageVideoEffectsButtonLabel": "効果",
+        "unableToStartVideoEffect": "ビデオ効果を適用できません。",
         "blurBackgroundEffectButtonLabel": "ぼかし",
         "blurBackgroundTooltip": "背景をぼかす",
         "removeBackgroundEffectButtonLabel": "なし",
         "removeBackgroundTooltip": "背景の削除",
+        "cameraOffBackgroundEffectWarningText": "カメラがオフになっています。カメラをオンにすると、ビデオ効果が表示されます。",
         "failedToJoinCallDueToNoNetworkMoreDetails": "ネットワークの問題により、通話が切断されました。接続を確認して、もう一度参加してください。",
         "failedToJoinCallDueToNoNetworkTitle": "通話が切断されました",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "通話のエントリが許可されませんでした。これが間違いだった場合は、通話に再参加してください。",

package/dist/dist-esm/react-composites/src/composites/localization/locales/ko-KR/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "초대 링크를 복사함",
         "defaultPlaceHolder": "옵션 선택",
         "dismissSidePaneButtonLabel": "닫기",
-        "effects": "효과",
+        "videoEffectsPaneTitle": "효과",
+        "videoEffectsPaneBackgroundSelectionTitle": "백그라운드",
+        "configurationPageVideoEffectsButtonLabel": "효과",
+        "unableToStartVideoEffect": "비디오 효과를 적용할 수 없습니다.",
         "blurBackgroundEffectButtonLabel": "흐리기",
         "blurBackgroundTooltip": "배경 흐리게",
         "removeBackgroundEffectButtonLabel": "없음",
         "removeBackgroundTooltip": "배경 제거",
+        "cameraOffBackgroundEffectWarningText": "카메라가 꺼져 있습니다. 비디오 효과를 보려면 카메라를 켜세요.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "네트워크 문제로 인해 통화 연결이 끊어졌습니다. 연결을 확인하고 다시 참가하세요.",
         "failedToJoinCallDueToNoNetworkTitle": "통화 연결 끊김",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "통화에 참가할 수 있는 권한이 없습니다. 실수라면 통화에 다시 참가하세요.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/nl-NL/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "Uitnodigingskoppeling gekopieerd",
         "defaultPlaceHolder": "Een optie selecteren",
         "dismissSidePaneButtonLabel": "Sluiten",
-        "effects": "Effecten",
+        "videoEffectsPaneTitle": "Effecten",
+        "videoEffectsPaneBackgroundSelectionTitle": "Achtergrond",
+        "configurationPageVideoEffectsButtonLabel": "Effecten",
+        "unableToStartVideoEffect": "Kan video-effect niet toepassen.",
         "blurBackgroundEffectButtonLabel": "Vervagen",
         "blurBackgroundTooltip": "Achtergrond vervagen",
         "removeBackgroundEffectButtonLabel": "Geen",
         "removeBackgroundTooltip": "Achtergrond verwijderen",
+        "cameraOffBackgroundEffectWarningText": "Uw camera is uitgeschakeld. Schakel de camera in om het video-effect te zien.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "De verbinding is verbroken vanwege een netwerkprobleem. Controleer de verbinding en neem opnieuw deel.",
         "failedToJoinCallDueToNoNetworkTitle": "Verbinding verbroken",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "U hebt geen toegang gekregen in het gesprek. Als dit een fout is, neemt u opnieuw deel aan het gesprek.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/pt-BR/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "Link de convite copiado",
         "defaultPlaceHolder": "Selecionar uma opção",
         "dismissSidePaneButtonLabel": "Fechar",
-        "effects": "Efeitos",
+        "videoEffectsPaneTitle": "Efeitos",
+        "videoEffectsPaneBackgroundSelectionTitle": "Tela de fundo",
+        "configurationPageVideoEffectsButtonLabel": "Efeitos",
+        "unableToStartVideoEffect": "Não é possível aplicar o efeito de vídeo.",
         "blurBackgroundEffectButtonLabel": "Desfoque",
         "blurBackgroundTooltip": "Desfocar a Tela de fundo",
         "removeBackgroundEffectButtonLabel": "Nenhum",
         "removeBackgroundTooltip": "Remover Tela de fundo",
+        "cameraOffBackgroundEffectWarningText": "A câmera está desligada. Ligue a câmera para ver o efeito de vídeo.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "A chamada foi desconectada devido a um problema de rede. Verifique sua conexão e ingresse novamente.",
         "failedToJoinCallDueToNoNetworkTitle": "Chamada desconectada",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "Você não recebeu entrada na chamada. Se isso foi um erro, ingresse novamente na chamada.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/ru-RU/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "Ссылка на приглашение в группу скопирована",
         "defaultPlaceHolder": "Выберите один из вариантов",
         "dismissSidePaneButtonLabel": "Закрыть",
-        "effects": "Эффекты",
+        "videoEffectsPaneTitle": "Эффекты",
+        "videoEffectsPaneBackgroundSelectionTitle": "Фон",
+        "configurationPageVideoEffectsButtonLabel": "Эффекты",
+        "unableToStartVideoEffect": "Не удалось применить эффект видео.",
         "blurBackgroundEffectButtonLabel": "Размытие",
         "blurBackgroundTooltip": "Размытие фона",
         "removeBackgroundEffectButtonLabel": "Нет",
         "removeBackgroundTooltip": "Удалить фон",
+        "cameraOffBackgroundEffectWarningText": "Камера выключена. Включите камеру, чтобы увидеть видеоэффект.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "Звонок был отключен из-за проблемы с сетью. Проверьте подключение и присоединитесь еще раз.",
         "failedToJoinCallDueToNoNetworkTitle": "Вызов прерван",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "Вам не предоставили доступ к беседе. Если это произошло по ошибке, заново присоединитесь к беседе.",

package/dist/dist-esm/react-composites/src/composites/localization/locales/tr-TR/strings.json

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "Davet bağlantısı kopyalandı",
         "defaultPlaceHolder": "Bir seçenek belirleyin",
         "dismissSidePaneButtonLabel": "Kapat",
-        "effects": "Efektler",
+        "videoEffectsPaneTitle": "Efektler",
+        "videoEffectsPaneBackgroundSelectionTitle": "Arka plan",
+        "configurationPageVideoEffectsButtonLabel": "Efektler",
+        "unableToStartVideoEffect": "Video efekti uygulanamıyor.",
         "blurBackgroundEffectButtonLabel": "Bulanıklaştır",
         "blurBackgroundTooltip": "Arka Planı Bulanıklaştır",
         "removeBackgroundEffectButtonLabel": "Seçilmedi",
         "removeBackgroundTooltip": "Arka Planı Kaldır",
+        "cameraOffBackgroundEffectWarningText": "Kameranız kapalı. Video efektini görmek için kamerayı açın.",
         "failedToJoinCallDueToNoNetworkMoreDetails": "Bir ağ sorunu nedeniyle arama bağlantısı kesildi. Bağlantınızı kontrol edin ve yeniden katılın.",
         "failedToJoinCallDueToNoNetworkTitle": "Arama kesildi",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "Aramaya katılmanıza izin verilmedi. Bu işlem yanlışlıkla yapıldıysa aramaya yeniden katılın.",

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

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "已复制邀请链接",
         "defaultPlaceHolder": "选择一个选项",
         "dismissSidePaneButtonLabel": "关闭",
-        "effects": "效果",
+        "videoEffectsPaneTitle": "效果",
+        "videoEffectsPaneBackgroundSelectionTitle": "背景",
+        "configurationPageVideoEffectsButtonLabel": "效果",
+        "unableToStartVideoEffect": "无法应用视频效果。",
         "blurBackgroundEffectButtonLabel": "模糊",
         "blurBackgroundTooltip": "模糊背景",
         "removeBackgroundEffectButtonLabel": "无",
         "removeBackgroundTooltip": "删除背景",
+        "cameraOffBackgroundEffectWarningText": "你的相机已关闭。打开相机以查看视频效果。",
         "failedToJoinCallDueToNoNetworkMoreDetails": "由于网络问题，呼叫已断开连接。请检查你的连接，然后重新加入。",
         "failedToJoinCallDueToNoNetworkTitle": "通话已断开",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "未在通话中向你授予条目。如果这是一个错误，请重新加入呼叫。",

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

@@ -23,11 +23,15 @@
         "copyInviteLinkActionedAriaLabel": "已複製邀請連結",
         "defaultPlaceHolder": "選取選項",
         "dismissSidePaneButtonLabel": "關閉",
-        "effects": "效果",
+        "videoEffectsPaneTitle": "效果",
+        "videoEffectsPaneBackgroundSelectionTitle": "背景",
+        "configurationPageVideoEffectsButtonLabel": "效果",
+        "unableToStartVideoEffect": "無法套用視訊效果。",
         "blurBackgroundEffectButtonLabel": "模糊",
         "blurBackgroundTooltip": "模糊背景",
         "removeBackgroundEffectButtonLabel": "無",
         "removeBackgroundTooltip": "移除背景",
+        "cameraOffBackgroundEffectWarningText": "您的相機已關閉。開啟相機以查看影片效果。",
         "failedToJoinCallDueToNoNetworkMoreDetails": "由於網路問題，通話已中斷連線。檢查您的連線並再次加入。",
         "failedToJoinCallDueToNoNetworkTitle": "通話已斷線",
         "failedToJoinTeamsMeetingReasonAccessDeniedMoreDetails": "您未被授予加入通話的權限。如果有誤，請重新加入通話。",

package/dist/dist-esm/react-composites/src/index-public.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-public.js","sourceRoot":"","sources":["../../../../../react-composites/src/index-public.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4EAA4E;AAC5E,8BAA8B;AAC9B,EAAE;AACF,mFAAmF;AACnF,cAAc,cAAc,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// This entry point exports only the symbols that should be re-exported from\n// @azure/communication-react.\n//\n// This avoids having to list all the types again in @internal/communication-react.\nexport * from './composites';\n"]}
+{"version":3,"file":"index-public.js","sourceRoot":"","sources":["../../../../preprocess-dist/react-composites/src/index-public.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,4EAA4E;AAC5E,8BAA8B;AAC9B,EAAE;AACF,mFAAmF;AACnF,cAAc,cAAc,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\n// This entry point exports only the symbols that should be re-exported from\n// @azure/communication-react.\n//\n// This avoids having to list all the types again in @internal/communication-react.\nexport * from './composites';"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.5.1-beta.4",
+  "version": "1.5.1-beta.5",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -28,32 +28,32 @@
     "@azure/core-paging": "~1.1.3",
     "@azure/core-rest-pipeline": "~1.9.2",
     "@azure/logger": "1.0.3",
+    "@fluentui/react": "~8.98.3",
     "@fluentui/react-file-type-icons": "8.8.13",
     "@fluentui/react-hooks": "~8.6.12",
     "@fluentui/react-icons": "~2.0.194",
-    "@fluentui/react-northstar": "0.61.0",
     "@fluentui/react-window-provider": "~2.2.3",
-    "@fluentui/react": "~8.98.3",
     "copy-to-clipboard": "~3.3.1",
     "events": "~3.3.0",
     "html-to-react": "~1.5.0",
     "immer": "9.0.6",
     "memoize-one": "~5.2.1",
     "nanoid": "3.1.32",
-    "react-aria-live": "^2.0.5",
     "react-linkify": "^1.0.0-alpha",
     "react-use-draggable-scroll": "~0.4.7",
     "reselect": "~4.0.0",
+    "textarea-caret-ts": "^4.1.1",
+    "use-debounce": "^9.0.4",
     "uuid": "^8.1.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.13.0-beta.4",
+    "@azure/communication-calling": "1.13.2-beta.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@azure/communication-chat": "1.3.2-beta.1",
-    "@types/react": ">=16.8.0 <18.0.0",
-    "@types/react-dom": ">=16.8.0 <18.0.0",
-    "react": ">=16.8.0 <18.0.0",
-    "react-dom": ">=16.8.0 <18.0.0"
+    "@types/react": ">=16.8.0 <19.0.0",
+    "@types/react-dom": ">=16.8.0 <19.0.0",
+    "react": ">=16.8.0 <19.0.0",
+    "react-dom": ">=16.8.0 <19.0.0"
   },
   "main": "./dist/dist-cjs/communication-react/index.js",
   "module": "./dist/dist-esm/communication-react/src/index.js",
@@ -63,8 +63,9 @@
     "copy-preprocess": "cpx \"../*/preprocessed/**\" ./preprocess-dist && renamer --find preprocessed --replace src ./preprocess-dist/**/*",
     "build": "rushx check-deps && rushx _by-flavor \"rushx _build:by-flavor\"",
     "build:cjs": "rollup -c --silent",
-    "build:esm": "if-env COMMUNICATION_REACT_FLAVOR=stable && rushx copy-original && rushx preprocess && rushx copy-preprocess  && ttsc -project tsconfig.preprocess.json || (if-env COMMUNICATION_REACT_FLAVOR=beta && ttsc)",
+    "build:esm": "rushx _if-preprocess && rushx copy-original && rushx preprocess && rushx copy-preprocess  && ttsc -project tsconfig.preprocess.json || (if-env COMMUNICATION_REACT_FLAVOR=beta && ttsc) && rushx copy-northstar",
     "build:watch": "",
+    "copy-northstar": "cpx \"../northstar-wrapper/dist/dist-esm/**/*\" dist/dist-esm/northstar-wrapper/src --clean",
     "clean": "rimraf dist && rimraf ../**/preprocessed && rimraf ../**/preprocess-dist",
     "test": "",
     "test:coverage": "",
@@ -77,38 +78,39 @@
     "lint:fix": "rushx lint -- --fix",
     "lint:quiet": "rushx lint -- --quiet",
     "postpack": "copyfiles -E \"./*.tgz\" release",
-    "_api-extractor:by-flavor": "if-env COMMUNICATION_REACT_FLAVOR=stable && api-extractor run -c api-extractor.stable.json --local || (if-env COMMUNICATION_REACT_FLAVOR=beta && api-extractor run --local)",
+    "_if-preprocess": "if-env COMMUNICATION_REACT_FLAVOR=stable || if-env COMMUNICATION_REACT_FLAVOR=beta-release",
+    "_if-beta": "if-env COMMUNICATION_REACT_FLAVOR=beta || if-env COMMUNICATION_REACT_FLAVOR=beta-release",
+    "_api-extractor:by-flavor": "if-env COMMUNICATION_REACT_FLAVOR=stable && api-extractor run -c api-extractor.stable.json --local || (rushx _if-beta && api-extractor run --local)",
     "_build:by-flavor": "rushx clean && rushx build:esm && rushx build:cjs && rushx _api-extractor:by-flavor",
     "_current-flavor": "echo You are running under COMMUNICATION_REACT_FLAVOR: && env-cmd -f ../../common/config/env/.env node -p process.env.COMMUNICATION_REACT_FLAVOR",
     "_by-flavor": "rushx _current-flavor && env-cmd -f ../../common/config/env/.env --use-shell"
   },
   "devDependencies": {
-    "@azure/communication-calling": "1.13.0-beta.4",
+    "@azure/communication-calling": "1.13.2-beta.1",
     "@azure/communication-calling-effects": "1.0.0-beta.2",
     "@azure/communication-chat": "1.3.2-beta.1",
     "@azure/core-auth": "1.3.2",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",
-    "@internal/calling-component-bindings": "1.5.1-beta.4",
-    "@internal/calling-stateful-client": "1.5.1-beta.4",
-    "@internal/chat-component-bindings": "1.5.1-beta.4",
-    "@internal/chat-stateful-client": "1.5.1-beta.4",
-    "@internal/fake-backends": "1.5.1-beta.4",
-    "@internal/react-components": "1.5.1-beta.4",
-    "@internal/react-composites": "1.5.1-beta.4",
+    "@fluentui/react-northstar": "0.61.0",
+    "@internal/calling-component-bindings": "1.5.1-beta.5",
+    "@internal/calling-stateful-client": "1.5.1-beta.5",
+    "@internal/chat-component-bindings": "1.5.1-beta.5",
+    "@internal/chat-stateful-client": "1.5.1-beta.5",
+    "@internal/fake-backends": "1.5.1-beta.5",
+    "@internal/react-components": "1.5.1-beta.5",
+    "@internal/react-composites": "1.5.1-beta.5",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",
     "@rollup/plugin-json": "~4.1.0",
     "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "12.1.5",
-    "@testing-library/react-hooks": "^3.4.2",
+    "@testing-library/react": "14.0.0",
     "@types/jest": "~26.0.22",
     "@types/json-stringify-safe": "^5.0.0",
     "@types/node": "^14.14.10",
-    "@types/react-aria-live": "^2.0.0",
-    "@types/react-dom": "^16.9.8",
+    "@types/react-dom": "18.2.1",
     "@types/react-linkify": "^1.0.0",
-    "@types/react": "^16.9.49",
+    "@types/react": "18.2.0",
     "@types/uuid": "^8.3.0",
     "@typescript-eslint/eslint-plugin": "^4.12.0",
     "@typescript-eslint/parser": "^4.12.0",
@@ -132,10 +134,9 @@
     "node-forge": ">=1.0.0",
     "prettier": "2.3.1",
     "pretty-quick": "^3.1.0",
-    "react-dom": "16.13.1",
+    "react-dom": "18.2.0",
     "react-is": "~17.0.1",
-    "react-test-renderer": "^16.14.0",
-    "react": "~16.14.0",
+    "react": "18.2.0",
     "regenerator-runtime": "^0.13.7",
     "renamer": "~4.0.0",
     "rimraf": "^2.6.2",

package/dist/dist-esm/react-components/src/components/VoiceOverButton.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { InputBoxButtonProps } from './InputBoxComponent';
-/**
- * @private
- */
-export declare const VoiceOverButton: (props: InputBoxButtonProps) => JSX.Element;
-//# sourceMappingURL=VoiceOverButton.d.ts.map

package/dist/dist-esm/react-components/src/components/VoiceOverButton.js

@@ -1,32 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { DefaultButton, mergeStyles, TooltipHost } from '@fluentui/react';
-import React, { useState } from 'react';
-import { iconWrapperStyle, buttonStyle } from './styles/VoiceOverButton.style';
-import { useTheme } from '../theming';
-import { isDarkThemed } from '../theming/themeUtils';
-import { inputButtonTooltipStyle } from './styles/InputBoxComponent.style';
-/**
- * @private
- */
-export const VoiceOverButton = (props) => {
-    const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent } = props;
-    const [isHover, setIsHover] = useState(false);
-    const mergedButtonStyle = mergeStyles(buttonStyle, className);
-    const theme = useTheme();
-    const calloutStyle = { root: { padding: 0 }, calloutMain: { padding: '0.5rem' } };
-    // Place callout with no gap between it and the button.
-    const calloutProps = {
-        gapSpace: 0,
-        styles: calloutStyle,
-        backgroundColor: isDarkThemed(theme) ? theme.palette.neutralLighter : ''
-    };
-    return (React.createElement(TooltipHost, { hostClassName: inputButtonTooltipStyle, content: tooltipContent, calloutProps: Object.assign({}, calloutProps) },
-        React.createElement(DefaultButton, { className: mergedButtonStyle, ariaLabel: ariaLabel, onClick: onClick, id: id, onMouseEnter: () => {
-                setIsHover(true);
-            }, onMouseLeave: () => {
-                setIsHover(false);
-            } }),
-        React.createElement("div", { className: iconWrapperStyle }, onRenderIcon(isHover))));
-};
-//# sourceMappingURL=VoiceOverButton.js.map

package/dist/dist-esm/react-components/src/components/VoiceOverButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VoiceOverButton.js","sourceRoot":"","sources":["../../../../../../react-components/src/components/VoiceOverButton.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,aAAa,EAAyB,WAAW,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAe,EAAE;IACzE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,iBAAiB,GAAG,WAAW,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAE9D,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAmC,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC;IAElH,uDAAuD;IACvD,MAAM,YAAY,GAAG;QACnB,QAAQ,EAAE,CAAC;QACX,MAAM,EAAE,YAAY;QACpB,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE;KACzE,CAAC;IACF,OAAO,CACL,oBAAC,WAAW,IAAC,aAAa,EAAE,uBAAuB,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,oBAAO,YAAY;QAC3G,oBAAC,aAAa,IACZ,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,GAAG,EAAE;gBACjB,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;gBACjB,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,GACD;QAEF,6BAAK,SAAS,EAAE,gBAAgB,IAAG,YAAY,CAAC,OAAO,CAAC,CAAO,CACnD,CACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { DefaultButton, ICalloutContentStyles, mergeStyles, TooltipHost } from '@fluentui/react';\nimport React, { useState } from 'react';\nimport { iconWrapperStyle, buttonStyle } from './styles/VoiceOverButton.style';\n\nimport { useTheme } from '../theming';\nimport { isDarkThemed } from '../theming/themeUtils';\nimport { InputBoxButtonProps } from './InputBoxComponent';\nimport { inputButtonTooltipStyle } from './styles/InputBoxComponent.style';\n\n/**\n * @private\n */\nexport const VoiceOverButton = (props: InputBoxButtonProps): JSX.Element => {\n  const { onRenderIcon, onClick, ariaLabel, className, id, tooltipContent } = props;\n  const [isHover, setIsHover] = useState(false);\n  const mergedButtonStyle = mergeStyles(buttonStyle, className);\n\n  const theme = useTheme();\n  const calloutStyle: Partial<ICalloutContentStyles> = { root: { padding: 0 }, calloutMain: { padding: '0.5rem' } };\n\n  // Place callout with no gap between it and the button.\n  const calloutProps = {\n    gapSpace: 0,\n    styles: calloutStyle,\n    backgroundColor: isDarkThemed(theme) ? theme.palette.neutralLighter : ''\n  };\n  return (\n    <TooltipHost hostClassName={inputButtonTooltipStyle} content={tooltipContent} calloutProps={{ ...calloutProps }}>\n      <DefaultButton\n        className={mergedButtonStyle}\n        ariaLabel={ariaLabel}\n        onClick={onClick}\n        id={id}\n        onMouseEnter={() => {\n          setIsHover(true);\n        }}\n        onMouseLeave={() => {\n          setIsHover(false);\n        }}\n      />\n      {/* VoiceOver fix: Avoid rerender of DefaultButton above that handles clicking and hovering by keeping rerendering icon separate */}\n      <div className={iconWrapperStyle}>{onRenderIcon(isHover)}</div>\n    </TooltipHost>\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.d.ts

@@ -1,9 +0,0 @@
-/**
- * @private
- */
-export declare const buttonStyle: string;
-/**
- * @private
- */
-export declare const iconWrapperStyle: string;
-//# sourceMappingURL=VoiceOverButton.style.d.ts.map

package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.js

@@ -1,26 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { mergeStyles } from '@fluentui/react';
-/**
- * @private
- */
-export const buttonStyle = mergeStyles({
-    color: 'grey',
-    margin: '0',
-    padding: '0',
-    width: '1.0625rem',
-    height: '1.0625rem',
-    border: 'none',
-    minWidth: '0',
-    '&:hover': {
-        backgroundColor: 'transparent'
-    }
-});
-/**
- * @private
- */
-export const iconWrapperStyle = mergeStyles({
-    position: 'absolute',
-    pointerEvents: 'none'
-});
-//# sourceMappingURL=VoiceOverButton.style.js.map

package/dist/dist-esm/react-components/src/components/styles/VoiceOverButton.style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VoiceOverButton.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VoiceOverButton.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,WAAW,CAAC;IACrC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,GAAG;IACb,SAAS,EAAE;QACT,eAAe,EAAE,aAAa;KAC/B;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC;IAC1C,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { mergeStyles } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const buttonStyle = mergeStyles({\n  color: 'grey',\n  margin: '0',\n  padding: '0',\n  width: '1.0625rem',\n  height: '1.0625rem',\n  border: 'none',\n  minWidth: '0',\n  '&:hover': {\n    backgroundColor: 'transparent'\n  }\n});\n\n/**\n * @private\n */\nexport const iconWrapperStyle = mergeStyles({\n  position: 'absolute',\n  pointerEvents: 'none'\n});\n"]}

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

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-import { ParticipantMenuItemsCallback } from "../../../../../react-components/src";
-import { CommonCallAdapter, CallControlOptions } from '../';
-import { AvatarPersonaDataCallback } from '../../common/AvatarPersona';
-import { CallSidePaneOption } from '../hooks/useSidePaneState';
-/**
- * Pane that is used to store participants for Call composite
- * @private
- */
-/** @beta */
-export declare const CallPane: (props: {
-    callAdapter: CommonCallAdapter;
-    onClose: () => void;
-    onFetchAvatarPersonaData?: AvatarPersonaDataCallback;
-    onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;
-    onPeopleButtonClicked?: () => void;
-    modalLayerHostId: string;
-    activePane: CallSidePaneOption;
-    mobileView?: boolean;
-    inviteLink?: string;
-    rtl?: boolean;
-    callControls?: CallControlOptions;
-}) => JSX.Element;
-//# sourceMappingURL=CallPane.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/CallPane.js

@@ -1,80 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import { Stack } from '@fluentui/react';
-import { _DrawerMenu, useTheme } from "../../../../../react-components/src";
-import React, { useMemo, useState } from 'react';
-import { CallAdapterProvider } from '../adapter/CallAdapterProvider';
-import { paneBodyContainer, scrollableContainer, scrollableContainerContents } from '../../common/styles/ParticipantContainer.styles';
-import { SidePaneHeader } from '../../common/SidePaneHeader';
-import { ModalLocalAndRemotePIP } from '../../common/ModalLocalAndRemotePIP';
-import { PeoplePaneContent } from '../../common/PeoplePaneContent';
-import { drawerContainerStyles } from '../styles/CallComposite.styles';
-import { TabHeader } from '../../common/TabHeader';
-import { useLocale } from '../../localization';
-import { getPipStyles } from '../../common/styles/ModalLocalAndRemotePIP.styles';
-import { useMinMaxDragPosition } from '../../common/utils';
-import { availableSpaceStyles, hiddenStyles, sidePaneStyles, sidePaneTokens } from '../../common/styles/Pane.styles';
-/* @conditional-compile-remove(PSTN-calls) */
-import { useAdapter } from '../adapter/CallAdapterProvider';
-import { isDisabled } from '../utils';
-/**
- * Pane that is used to store participants for Call composite
- * @private
- */
-/** @beta */
-export const CallPane = (props) => {
-    var _a;
-    const [drawerMenuItems, setDrawerMenuItems] = useState([]);
-    const paneStyles = !props.activePane ? hiddenStyles : props.mobileView ? availableSpaceStyles : sidePaneStyles;
-    const localeStrings = useLocale();
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
-    const getStrings = () => {
-        /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */
-        return localeStrings.strings.call;
-        return localeStrings.strings.callWithChat;
-    };
-    const strings = getStrings();
-    const theme = useTheme();
-    const header = !props.activePane ? null : props.mobileView ? (React.createElement(TabHeader, Object.assign({}, props, { strings: strings, activeTab: props.activePane, disablePeopleButton: isDisabled((_a = props.callControls) === null || _a === void 0 ? void 0 : _a.participantsButton) }))) : (React.createElement(SidePaneHeader, Object.assign({}, props, { strings: strings, headingText: props.activePane === 'people' ? strings.peoplePaneTitle : '' })));
-    /**
-     * In a Call Composite when a participant is removed, we must remove them from the call.
-     */
-    const removeParticipantFromCall = (participantId) => __awaiter(void 0, void 0, void 0, function* () {
-        yield props.callAdapter.removeParticipant(participantId);
-    });
-    /* @conditional-compile-remove(PSTN-calls) */
-    const addParticipantToCall = (participant, options) => __awaiter(void 0, void 0, void 0, function* () {
-        yield props.callAdapter.addParticipant(participant, options);
-    });
-    const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId, props.rtl);
-    const pipStyles = useMemo(() => getPipStyles(theme), [theme]);
-    const dataUiId = props.activePane === 'people' ? 'call-composite-people-pane' : '';
-    /* @conditional-compile-remove(PSTN-calls) */
-    const alternateCallerId = useAdapter().getState().alternateCallerId;
-    return (React.createElement(Stack, { verticalFill: true, grow: true, styles: paneStyles, "data-ui-id": dataUiId, tokens: props.mobileView ? {} : sidePaneTokens },
-        header,
-        React.createElement(Stack.Item, { verticalFill: true, grow: true, styles: paneBodyContainer },
-            React.createElement(Stack, { horizontal: true, styles: scrollableContainer },
-                React.createElement(Stack.Item, { verticalFill: true, styles: scrollableContainerContents },
-                    React.createElement(Stack, { styles: props.activePane === 'people' ? availableSpaceStyles : hiddenStyles },
-                        React.createElement(CallAdapterProvider, { adapter: props.callAdapter },
-                            React.createElement(PeoplePaneContent, Object.assign({ active: props.activePane === 'people' }, props, { onRemoveParticipant: removeParticipantFromCall, 
-                                /* @conditional-compile-remove(PSTN-calls) */
-                                onAddParticipant: addParticipantToCall, setDrawerMenuItems: setDrawerMenuItems, strings: strings, 
-                                /* @conditional-compile-remove(PSTN-calls) */
-                                alternateCallerId: alternateCallerId }))))))),
-        props.mobileView && (React.createElement(CallAdapterProvider, { adapter: props.callAdapter },
-            React.createElement(ModalLocalAndRemotePIP, { modalLayerHostId: props.modalLayerHostId, hidden: !props.activePane, styles: pipStyles, minDragPosition: minMaxDragPosition.minDragPosition, maxDragPosition: minMaxDragPosition.maxDragPosition }))),
-        drawerMenuItems.length > 0 && (React.createElement(Stack, { styles: drawerContainerStyles() },
-            React.createElement(_DrawerMenu, { onLightDismiss: () => setDrawerMenuItems([]), items: drawerMenuItems })))));
-};
-//# sourceMappingURL=CallPane.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CallPane.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/CallPane.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { Stack } from '@fluentui/react';\nimport {\n  _DrawerMenu,\n  _DrawerMenuItemProps,\n  _useContainerHeight,\n  _useContainerWidth,\n  ParticipantMenuItemsCallback,\n  useTheme\n} from '@internal/react-components';\nimport React, { useMemo, useState } from 'react';\nimport { CommonCallAdapter, CallControlOptions } from '../';\nimport { CallAdapterProvider } from '../adapter/CallAdapterProvider';\nimport { AvatarPersonaDataCallback } from '../../common/AvatarPersona';\nimport {\n  paneBodyContainer,\n  scrollableContainer,\n  scrollableContainerContents\n} from '../../common/styles/ParticipantContainer.styles';\nimport { SidePaneHeader } from '../../common/SidePaneHeader';\nimport { ModalLocalAndRemotePIP } from '../../common/ModalLocalAndRemotePIP';\nimport { PeoplePaneContent } from '../../common/PeoplePaneContent';\nimport { drawerContainerStyles } from '../styles/CallComposite.styles';\nimport { TabHeader } from '../../common/TabHeader';\nimport { _ICoordinates } from '@internal/react-components';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { useLocale } from '../../localization';\nimport { getPipStyles } from '../../common/styles/ModalLocalAndRemotePIP.styles';\nimport { useMinMaxDragPosition } from '../../common/utils';\nimport { availableSpaceStyles, hiddenStyles, sidePaneStyles, sidePaneTokens } from '../../common/styles/Pane.styles';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { PhoneNumberIdentifier } from '@azure/communication-common';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { AddPhoneNumberOptions } from '@azure/communication-calling';\n/* @conditional-compile-remove(PSTN-calls) */\nimport { useAdapter } from '../adapter/CallAdapterProvider';\nimport { isDisabled } from '../utils';\nimport { CallSidePaneOption } from '../hooks/useSidePaneState';\n\n/**\n * Pane that is used to store participants for Call composite\n * @private\n */\n/** @beta */\nexport const CallPane = (props: {\n  callAdapter: CommonCallAdapter;\n  onClose: () => void;\n  onFetchAvatarPersonaData?: AvatarPersonaDataCallback;\n  onFetchParticipantMenuItems?: ParticipantMenuItemsCallback;\n  onPeopleButtonClicked?: () => void;\n  modalLayerHostId: string;\n  activePane: CallSidePaneOption;\n  mobileView?: boolean;\n  inviteLink?: string;\n  rtl?: boolean;\n  callControls?: CallControlOptions;\n}): JSX.Element => {\n  const [drawerMenuItems, setDrawerMenuItems] = useState<_DrawerMenuItemProps[]>([]);\n\n  const paneStyles = !props.activePane ? hiddenStyles : props.mobileView ? availableSpaceStyles : sidePaneStyles;\n  const localeStrings = useLocale();\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  const getStrings = () => {\n    /* @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) */\n    return localeStrings.strings.call;\n\n    return localeStrings.strings.callWithChat;\n  };\n\n  const strings = getStrings();\n  const theme = useTheme();\n\n  const header = !props.activePane ? null : props.mobileView ? (\n    <TabHeader\n      {...props}\n      strings={strings}\n      activeTab={props.activePane}\n      disablePeopleButton={isDisabled(props.callControls?.participantsButton)}\n    />\n  ) : (\n    <SidePaneHeader\n      {...props}\n      strings={strings}\n      headingText={props.activePane === 'people' ? strings.peoplePaneTitle : ''}\n    />\n  );\n\n  /**\n   * In a Call Composite when a participant is removed, we must remove them from the call.\n   */\n  const removeParticipantFromCall = async (participantId: string): Promise<void> => {\n    await props.callAdapter.removeParticipant(participantId);\n  };\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  const addParticipantToCall = async (\n    participant: PhoneNumberIdentifier,\n    options?: AddPhoneNumberOptions\n  ): Promise<void> => {\n    await props.callAdapter.addParticipant(participant, options);\n  };\n\n  const minMaxDragPosition = useMinMaxDragPosition(props.modalLayerHostId, props.rtl);\n\n  const pipStyles = useMemo(() => getPipStyles(theme), [theme]);\n\n  const dataUiId = props.activePane === 'people' ? 'call-composite-people-pane' : '';\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  const alternateCallerId = useAdapter().getState().alternateCallerId;\n\n  return (\n    <Stack verticalFill grow styles={paneStyles} data-ui-id={dataUiId} tokens={props.mobileView ? {} : sidePaneTokens}>\n      {header}\n      <Stack.Item verticalFill grow styles={paneBodyContainer}>\n        <Stack horizontal styles={scrollableContainer}>\n          <Stack.Item verticalFill styles={scrollableContainerContents}>\n            <Stack styles={props.activePane === 'people' ? availableSpaceStyles : hiddenStyles}>\n              <CallAdapterProvider adapter={props.callAdapter}>\n                <PeoplePaneContent\n                  active={props.activePane === 'people'}\n                  {...props}\n                  onRemoveParticipant={removeParticipantFromCall}\n                  /* @conditional-compile-remove(PSTN-calls) */\n                  onAddParticipant={addParticipantToCall}\n                  setDrawerMenuItems={setDrawerMenuItems}\n                  strings={strings}\n                  /* @conditional-compile-remove(PSTN-calls) */\n                  alternateCallerId={alternateCallerId}\n                />\n              </CallAdapterProvider>\n            </Stack>\n          </Stack.Item>\n        </Stack>\n      </Stack.Item>\n      {props.mobileView && (\n        <CallAdapterProvider adapter={props.callAdapter}>\n          <ModalLocalAndRemotePIP\n            modalLayerHostId={props.modalLayerHostId}\n            hidden={!props.activePane}\n            styles={pipStyles}\n            minDragPosition={minMaxDragPosition.minDragPosition}\n            maxDragPosition={minMaxDragPosition.maxDragPosition}\n          />\n        </CallAdapterProvider>\n      )}\n      {drawerMenuItems.length > 0 && (\n        <Stack styles={drawerContainerStyles()}>\n          <_DrawerMenu onLightDismiss={() => setDrawerMenuItems([])} items={drawerMenuItems} />\n        </Stack>\n      )}\n    </Stack>\n  );\n};\n\"../../../../../react-components/src\"\"../../../../../acs-ui-common/src\""]}

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

@@ -1,16 +0,0 @@
-/**
- * Active tab option type for {@link CallPane} component
- * @private
- */
-/** @beta */
-export declare type CallSidePaneOption = null | 'people';
-/**
- * @private
- */
-export declare const useSidePaneState: () => {
-    activePane: CallSidePaneOption;
-    closePane: () => void;
-    openPeoplePane: () => void;
-    togglePeoplePane: () => void;
-};
-//# sourceMappingURL=useSidePaneState.d.ts.map