@azure/communication-react 1.14.0-beta.2 → 1.14.1-alpha-202403210013

package/dist/dist-esm/react-composites/src/composites/localization/locales/sv-SE/strings.json

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "Personer",
         "selectedPeopleButtonLabel": "Knappen Kontakter har valts",
         "peoplePaneTitle": "Personer",
+        "peoplePaneMoreButtonAriaLabel": "Mer",
         "peopleButtonTooltipOpen": "Visa deltagare",
         "peopleButtonTooltipClose": "Dölj deltagare",
         "peoplePaneSubTitle": "I det här samtalet {numberOfPeople}",
@@ -60,11 +61,12 @@
         "removedFromCallMoreDetails": "En annan deltagare tog bort dig från samtalet.",
         "removedFromCallTitle": "Du har tagits bort",
         "removeMenuLabel": "Ta bort",
-        "startSpotlightParticipantListMenuLabel": "Uppmärksamma för alla",
-        "addSpotlightParticipantListMenuLabel": "Lägg till uppmärksammande",
-        "stopSpotlightParticipantListMenuLabel": "Sluta uppmärksamma",
-        "stopSpotlightOnSelfParticipantListMenuLabel": "Spotlight",
-        "spotlightLimitReachedParticipantListMenuTitle": "Spotlight-gränsen har nåtts",
+        "startSpotlightMenuLabel": "Uppmärksamma för alla",
+        "addSpotlightMenuLabel": "Lägg till uppmärksammande",
+        "stopSpotlightMenuLabel": "Sluta uppmärksamma",
+        "stopSpotlightOnSelfMenuLabel": "Spotlight",
+        "spotlightLimitReachedMenuTitle": "Spotlight-gränsen har nåtts",
+        "stopAllSpotlightMenuLabel": "Avsluta alla uppmärksammanden",
         "returnToCallButtonAriaDescription": "Återgå till samtal",
         "returnToCallButtonAriaLabel": "Tillbaka",
         "roomNotFoundDetails": "Det gick inte att hitta det angivna rums-ID:t.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "Du kommer att markera din video för alla i mötet.",
             "startSpotlightConfirmButtonLabel": "Uppmärksamma för alla",
             "startSpotlightCancelButtonLabel": "Avbryt",
-            "stopSpotlightHeading": "Vill du sluta uppmärksamma?",
+            "stopSpotlightHeading": "Sluta att uppmärksamma den här videon?",
             "stopSpotlightOnSelfHeading": "Avsluta uppmärksammande?",
             "stopSpotlightText": "Den här videon markeras inte längre för alla i mötet.",
             "stopSpotlightOnSelfText": "Din video kommer inte längre vara markerad för alla i mötet.",
             "stopSpotlightConfirmButtonLabel": "Sluta uppmärksamma",
             "stopSpotlightOnSelfConfirmButtonLabel": "Spotlight",
             "stopSpotlightCancelButtonLabel": "Avbryt"
-        }
+        },
+        "exitSpotlightButtonLabel": "Spotlight",
+        "exitSpotlightButtonTooltip": "Spotlight"
     },
     "chat": {
         "chatListHeader": "I den här chatten",

package/dist/dist-esm/react-composites/src/composites/localization/locales/tr-TR/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/tr-TR/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_TR_TR } from '@internal/react-components';\nimport tr_TR from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Turkish (Turkey)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_TR_TR: CompositeLocale = {\n  component: COMPONENT_LOCALE_TR_TR,\n  strings: createCompositeStrings(tr_TR)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/tr-TR/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_TR_TR } from '@internal/react-components';\nimport tr_TR from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Turkish (Turkey)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_TR_TR: CompositeLocale = {\n  component: COMPONENT_LOCALE_TR_TR,\n  strings: createCompositeStrings(tr_TR)\n};\n"]}

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

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "Kişiler",
         "selectedPeopleButtonLabel": "Kişiler Düğmesi Seçildi",
         "peoplePaneTitle": "Kişiler",
+        "peoplePaneMoreButtonAriaLabel": "Daha fazla",
         "peopleButtonTooltipOpen": "Katılımcıları göster",
         "peopleButtonTooltipClose": "Katılımcıları gizle",
         "peoplePaneSubTitle": "Bu aramada {numberOfPeople} var",
@@ -60,11 +61,12 @@
         "removedFromCallMoreDetails": "Başka bir katılımcı sizi aramadan çıkardı.",
         "removedFromCallTitle": "Çıkarıldınız",
         "removeMenuLabel": "Kaldır",
-        "startSpotlightParticipantListMenuLabel": "Herkes için öne çıkar",
-        "addSpotlightParticipantListMenuLabel": "Öne çıkarma ekle",
-        "stopSpotlightParticipantListMenuLabel": "Öne çıkarmayı durdur",
-        "stopSpotlightOnSelfParticipantListMenuLabel": "Öne çıkarmadan çık",
-        "spotlightLimitReachedParticipantListMenuTitle": "Öne çıkarma sınırına ulaşıldı",
+        "startSpotlightMenuLabel": "Herkes için öne çıkar",
+        "addSpotlightMenuLabel": "Öne çıkarma ekle",
+        "stopSpotlightMenuLabel": "Öne çıkarmayı durdur",
+        "stopSpotlightOnSelfMenuLabel": "Öne çıkarmadan çık",
+        "spotlightLimitReachedMenuTitle": "Öne çıkarma sınırına ulaşıldı",
+        "stopAllSpotlightMenuLabel": "Tüm öne çıkarmaları durdur",
         "returnToCallButtonAriaDescription": "Aramaya Dön",
         "returnToCallButtonAriaLabel": "Geri",
         "roomNotFoundDetails": "Sağlanan oda kimliği bulunamadı.",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "Videonuzu toplantıdaki herkes için öne çıkaracaksınız.",
             "startSpotlightConfirmButtonLabel": "Herkes için öne çıkar",
             "startSpotlightCancelButtonLabel": "İptal",
-            "stopSpotlightHeading": "Öne çıkarma durdurulsun mu?",
+            "stopSpotlightHeading": "Bu video için öne çıkarma durdurulsun mu?",
             "stopSpotlightOnSelfHeading": "Öne çıkarmadan çıkılsın mı?",
             "stopSpotlightText": "Bu video artık toplantıdaki herkes için öne çıkarılmayacak.",
             "stopSpotlightOnSelfText": "Videonuz toplantıdaki herkes için artık öne çıkarılmayacak.",
             "stopSpotlightConfirmButtonLabel": "Öne çıkarmayı durdur",
             "stopSpotlightOnSelfConfirmButtonLabel": "Öne çıkarmadan çık",
             "stopSpotlightCancelButtonLabel": "İptal"
-        }
+        },
+        "exitSpotlightButtonLabel": "Öne çıkarmadan çık",
+        "exitSpotlightButtonTooltip": "Öne çıkarmadan çık"
     },
     "chat": {
         "chatListHeader": "Bu sohbette",

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

@@ -1,13 +1,17 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 import en_US from './en-US/strings.json';
+import { _getKeys } from "../../../../../acs-ui-common/src";
 /**
  *
  * @private
  */
 export const createCompositeStrings = (localizedStrings) => {
     const strings = Object.assign({}, en_US);
-    Object.keys(localizedStrings).forEach((key) => {
+    _getKeys(localizedStrings).forEach((key) => {
+        // mark the value as unknown because the type changes based on the key.
+        // this is unsafe at runtime as we could assign the wrong type based on the key here.
+        // but typescript isn't smart enough to know that the key used across each access will result in the same type
         strings[key] = Object.assign(Object.assign({}, strings[key]), localizedStrings[key]);
     });
     return strings;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/utils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBACR,KAAK,CACT,CAAC;IACF,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,EAAE;QACpD,OAAO,CAAC,GAAG,CAAC,mCACP,OAAO,CAAC,GAAG,CAAC,GACZ,gBAAgB,CAAC,GAAG,CAAC,CACzB,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialDeep } from 'type-fest';\nimport { CompositeStrings } from '../LocalizationProvider';\nimport en_US from './en-US/strings.json';\n\n/**\n *\n * @private\n */\nexport const 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};"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/localization/locales/utils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBAA0B,KAAK,CAAE,CAAC;IAC/C,QAAQ,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;QACzC,uEAAuE;QACvE,qFAAqF;QACrF,8GAA8G;QAC7G,OAAmD,CAAC,GAAG,CAAC,mCAAQ,OAAO,CAAC,GAAG,CAAC,GAAK,gBAAgB,CAAC,GAAG,CAAC,CAAE,CAAC;IAC5G,CAAC,CAAC,CAAC;IACH,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { PartialDeep } from 'type-fest';\nimport { CompositeStrings } from '../LocalizationProvider';\nimport en_US from './en-US/strings.json';\nimport { _getKeys } from '@internal/acs-ui-common';\n\n/**\n *\n * @private\n */\nexport const createCompositeStrings = (localizedStrings: PartialDeep<CompositeStrings>): CompositeStrings => {\n  const strings: CompositeStrings = { ...en_US };\n  _getKeys(localizedStrings).forEach((key) => {\n    // mark the value as unknown because the type changes based on the key.\n    // this is unsafe at runtime as we could assign the wrong type based on the key here.\n    // but typescript isn't smart enough to know that the key used across each access will result in the same type\n    (strings as Record<keyof CompositeStrings, unknown>)[key] = { ...strings[key], ...localizedStrings[key] };\n  });\n  return strings;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/zh-CN/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/zh-CN/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_ZH_CN } from '@internal/react-components';\nimport zh_CN from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Chinese (Mainland China)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_ZH_CN: CompositeLocale = {\n  component: COMPONENT_LOCALE_ZH_CN,\n  strings: createCompositeStrings(zh_CN)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/zh-CN/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_ZH_CN } from '@internal/react-components';\nimport zh_CN from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Chinese (Mainland China)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_ZH_CN: CompositeLocale = {\n  component: COMPONENT_LOCALE_ZH_CN,\n  strings: createCompositeStrings(zh_CN)\n};\n"]}

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

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "人员",
         "selectedPeopleButtonLabel": "已选择“人员”按钮",
         "peoplePaneTitle": "人员",
+        "peoplePaneMoreButtonAriaLabel": "更多",
         "peopleButtonTooltipOpen": "显示参与者",
         "peopleButtonTooltipClose": "隐藏参与者",
         "peoplePaneSubTitle": "在此通话中 {numberOfPeople}",
@@ -60,11 +61,12 @@
         "removedFromCallMoreDetails": "另一名参与者已将你从通话中删除。",
         "removedFromCallTitle": "你已被删除",
         "removeMenuLabel": "删除",
-        "startSpotlightParticipantListMenuLabel": "对所有人聚焦",
-        "addSpotlightParticipantListMenuLabel": "添加聚焦",
-        "stopSpotlightParticipantListMenuLabel": "停止聚焦",
-        "stopSpotlightOnSelfParticipantListMenuLabel": "退出聚焦",
-        "spotlightLimitReachedParticipantListMenuTitle": "已达到聚焦限制",
+        "startSpotlightMenuLabel": "对所有人聚焦",
+        "addSpotlightMenuLabel": "添加聚焦",
+        "stopSpotlightMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfMenuLabel": "退出聚焦",
+        "spotlightLimitReachedMenuTitle": "已达到聚焦限制",
+        "stopAllSpotlightMenuLabel": "停止所有聚焦",
         "returnToCallButtonAriaDescription": "返回通话",
         "returnToCallButtonAriaLabel": "返回",
         "roomNotFoundDetails": "找不到提供的会议室 ID。",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "你将对会议中的每个人突出显示你的视频。",
             "startSpotlightConfirmButtonLabel": "对所有人聚焦",
             "startSpotlightCancelButtonLabel": "取消",
-            "stopSpotlightHeading": "停止聚焦?",
+            "stopSpotlightHeading": "停止聚焦此视频?",
             "stopSpotlightOnSelfHeading": "退出聚焦?",
             "stopSpotlightText": "将不再为会议中的每个人突出显示此视频。",
             "stopSpotlightOnSelfText": "将不再对会议中的每个人突出显示你的视频。",
             "stopSpotlightConfirmButtonLabel": "停止聚焦",
             "stopSpotlightOnSelfConfirmButtonLabel": "退出聚焦",
             "stopSpotlightCancelButtonLabel": "取消"
-        }
+        },
+        "exitSpotlightButtonLabel": "退出聚焦",
+        "exitSpotlightButtonTooltip": "退出聚焦"
     },
     "chat": {
         "chatListHeader": "在此聊天中",

package/dist/dist-esm/react-composites/src/composites/localization/locales/zh-TW/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/zh-TW/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_ZH_TW } from '@internal/react-components';\nimport zh_TW from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Chinese (Taiwan)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_ZH_TW: CompositeLocale = {\n  component: COMPONENT_LOCALE_ZH_TW,\n  strings: createCompositeStrings(zh_TW)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/zh-TW/CompositeLocale.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,sBAAsB,EAAE,+CAAmC;AACpE,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,SAAS,EAAE,sBAAsB;IACjC,OAAO,EAAE,sBAAsB,CAAC,KAAK,CAAC;CACvC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { COMPONENT_LOCALE_ZH_TW } from '@internal/react-components';\nimport zh_TW from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Chinese (Taiwan)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_ZH_TW: CompositeLocale = {\n  component: COMPONENT_LOCALE_ZH_TW,\n  strings: createCompositeStrings(zh_TW)\n};\n"]}

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

@@ -52,6 +52,7 @@
         "peopleButtonLabel": "人員",
         "selectedPeopleButtonLabel": "已選取人員按鈕",
         "peoplePaneTitle": "人員",
+        "peoplePaneMoreButtonAriaLabel": "其他",
         "peopleButtonTooltipOpen": "顯示參與者",
         "peopleButtonTooltipClose": "隱藏參與者",
         "peoplePaneSubTitle": "在此通話 {numberOfPeople}",
@@ -60,11 +61,12 @@
         "removedFromCallMoreDetails": "另一名參與者已將您自通話中移除。",
         "removedFromCallTitle": "您已遭移除",
         "removeMenuLabel": "移除",
-        "startSpotlightParticipantListMenuLabel": "設為每個人的焦點",
-        "addSpotlightParticipantListMenuLabel": "新增焦點",
-        "stopSpotlightParticipantListMenuLabel": "停止聚焦",
-        "stopSpotlightOnSelfParticipantListMenuLabel": "結束聚焦",
-        "spotlightLimitReachedParticipantListMenuTitle": "已達焦點限制",
+        "startSpotlightMenuLabel": "設為每個人的焦點",
+        "addSpotlightMenuLabel": "新增焦點",
+        "stopSpotlightMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfMenuLabel": "結束聚焦",
+        "spotlightLimitReachedMenuTitle": "已達焦點限制",
+        "stopAllSpotlightMenuLabel": "停止所有聚焦",
         "returnToCallButtonAriaDescription": "返回通話",
         "returnToCallButtonAriaLabel": "返回",
         "roomNotFoundDetails": "找不到提供的會議室識別碼。",
@@ -311,14 +313,16 @@
             "startSpotlightOnSelfText": "您將向會議中的每個人醒目提示您的影片。",
             "startSpotlightConfirmButtonLabel": "設為每個人的精選",
             "startSpotlightCancelButtonLabel": "取消",
-            "stopSpotlightHeading": "停止選為精選?",
+            "stopSpotlightHeading": "要停止聚焦這部影片嗎?",
             "stopSpotlightOnSelfHeading": "結束精選?",
             "stopSpotlightText": "不會再向會議中的每個人醒目提示該影片。",
             "stopSpotlightOnSelfText": "不會再向會議中的每個人醒目提示您的影片。",
             "stopSpotlightConfirmButtonLabel": "停止選為精選",
             "stopSpotlightOnSelfConfirmButtonLabel": "結束精選",
             "stopSpotlightCancelButtonLabel": "取消"
-        }
+        },
+        "exitSpotlightButtonLabel": "結束精選",
+        "exitSpotlightButtonTooltip": "結束精選"
     },
     "chat": {
         "chatListHeader": "在此聊天中",

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

@@ -1 +1 @@
-{"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';"]}
+{"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"]}

package/dist/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.40.6"
+      "packageVersion": "7.42.3"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.14.0-beta.2",
+  "version": "1.14.1-alpha-202403210013",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -24,15 +24,13 @@
   "types": "dist/communication-react.d.ts",
   "dependencies": {
     "@azure/communication-common": "^2.3.1",
-    "@azure/core-client": "^1.7.3",
     "@azure/core-paging": "^1.5.0",
-    "@azure/core-rest-pipeline": "^1.13.0",
     "@azure/logger": "^1.0.4",
-    "@fluentui/react-components": "^9.46.5",
+    "@fluentui/react-components": "^9.46.8",
     "@fluentui/react": "^8.115.2",
-    "@fluentui/react-file-type-icons": "8.11.3",
+    "@fluentui/react-file-type-icons": "8.11.4",
     "@fluentui/react-hooks": "^8.6.36",
-    "@fluentui/react-icons": "^2.0.229",
+    "@fluentui/react-icons": "^2.0.231",
     "@fluentui/react-window-provider": "^2.2.18",
     "@fluentui-contrib/react-chat": "0.1.7",
     "@griffel/react": "^1.5.20",
@@ -40,22 +38,23 @@
     "dompurify": "^3.0.9",
     "events": "^3.3.0",
     "html-react-parser": "^5.1.7",
-    "immer": "10.0.3",
+    "immer": "10.0.4",
     "memoize-one": "^5.2.1",
     "nanoid": "3.3.6",
     "react-linkify": "^1.0.0-alpha",
     "react-use-draggable-scroll": "^0.4.7",
     "reselect": "^4.0.0",
-    "roosterjs-editor-core": "^8.54.0",
-    "roosterjs-editor-plugins": "^8.54.0",
-    "roosterjs-editor-types-compatible": "^8.54.0",
-    "roosterjs-react": "^8.54.0",
+    "roosterjs-editor-api": "^8.61.0",
+    "roosterjs-editor-core": "^8.61.0",
+    "roosterjs-editor-plugins": "^8.61.0",
+    "roosterjs-editor-types-compatible": "^8.61.0",
+    "roosterjs-react": "^8.55.0",
     "textarea-caret-ts": "^4.1.1",
     "use-debounce": "^10.0.0",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.22.2-beta.1",
+    "@azure/communication-calling": "1.23.1-beta.2",
     "@azure/communication-calling-effects": "1.0.1",
     "@azure/communication-chat": "1.5.0-beta.1",
     "@types/react": ">=16.8.0 <19.0.0",

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageComponent.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/ChatMessage/ChatMessageComponent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _formatString } from '@internal/acs-ui-common';\nimport React, { useCallback, useState } from 'react';\nimport { ChatMessageComponentAsEditBox } from './ChatMessageComponentAsEditBox';\nimport { MessageThreadStrings } from '../MessageThread';\nimport { ChatMessage, ComponentSlotStyle, OnRenderAvatarCallback } from '../../types';\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types';\nimport { ChatMessageComponentAsMessageBubble } from './ChatMessageComponentAsMessageBubble';\nimport { FileDownloadHandler, AttachmentMetadata } from '../FileDownloadCards';\n/* @conditional-compile-remove(mention) */\nimport { MentionOptions } from '../MentionPopover';\n/* @conditional-compile-remove(image-overlay) */\nimport { InlineImageOptions } from './ChatMessageContent';\ntype ChatMessageComponentProps = {\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */BlockedMessage;\n  userId: string;\n  messageContainerStyle?: ComponentSlotStyle;\n  showDate?: boolean;\n  disableEditing?: boolean;\n  onUpdateMessage?: (messageId: string, content: string, metadata?: Record<string, string>, options?: {\n    attachmentMetadata?: AttachmentMetadata[];\n  }) => Promise<void>;\n  onCancelEditMessage?: (messageId: string) => void;\n  /**\n   * Callback to delete a message. Also called before resending a message that failed to send.\n   * @param messageId ID of the message to delete\n   */\n  onDeleteMessage?: (messageId: string) => Promise<void>;\n  /**\n   * Callback to send a message\n   * @param content The message content to send\n   */\n  onSendMessage?: (content: string) => Promise<void>;\n  strings: MessageThreadStrings;\n  messageStatus?: string;\n  /**\n   * Optional text to display when the message status is 'failed'.\n   */\n  failureReason?: string;\n  /**\n   * Whether the status indicator for each message is displayed or not.\n   */\n  showMessageStatus?: boolean;\n  /**\n   * Whether to overlap avatar and message when the view is width constrained.\n   */\n  shouldOverlapAvatarAndMessage: boolean;\n  /**\n   * Optional callback to render uploaded files in the message component.\n   */\n  onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;\n  /**\n   * Optional function called when someone clicks on the file download icon.\n   */\n  fileDownloadHandler?: FileDownloadHandler;\n  remoteParticipantsCount?: number;\n  onActionButtonClick: (message: ChatMessage, setMessageReadBy: (readBy: {\n    id: string;\n    displayName: string;\n  }[]) => void) => void;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\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  /* @conditional-compile-remove(mention) */\n  /**\n   * Optional props needed to lookup suggestions and display mentions in the mention scenario.\n   * @beta\n   */\n  mentionOptions?: MentionOptions;\n  /* @conditional-compile-remove(image-overlay) */\n  /**\n   * Optional callback called when an inline image is clicked.\n   * @beta\n   */\n  inlineImageOptions?: InlineImageOptions;\n};\n\n/**\n * @private\n */\nexport const ChatMessageComponent = (props: ChatMessageComponentProps): JSX.Element => {\n  const {\n    onDeleteMessage,\n    onSendMessage,\n    message\n  } = props;\n  const [isEditing, setIsEditing] = useState(false);\n  const onEditClick = useCallback(() => setIsEditing(true), [setIsEditing]);\n  const clientMessageId = 'clientMessageId' in message ? message.clientMessageId : undefined;\n  const content = 'content' in message ? message.content : undefined;\n  const onRemoveClick = useCallback(() => {\n    if (onDeleteMessage && message.messageId) {\n      onDeleteMessage(message.messageId);\n    }\n    // when fail to send, message does not have message id, delete message using clientMessageId\n    else if (onDeleteMessage && message.messageType === 'chat' && clientMessageId) {\n      onDeleteMessage(clientMessageId);\n    }\n  }, [onDeleteMessage, message.messageId, message.messageType, clientMessageId]);\n  const onResendClick = useCallback(() => {\n    onDeleteMessage && clientMessageId && onDeleteMessage(clientMessageId);\n    onSendMessage && onSendMessage(content !== undefined ? content : '');\n  }, [clientMessageId, content, onSendMessage, onDeleteMessage]);\n  if (isEditing && message.messageType === 'chat') {\n    return <ChatMessageComponentAsEditBox message={message} strings={props.strings} onSubmit={async (text, metadata, options) => {\n      props.onUpdateMessage && message.messageId && (await props.onUpdateMessage(message.messageId, text, metadata, options));\n      setIsEditing(false);\n    }} onCancel={messageId => {\n      props.onCancelEditMessage && props.onCancelEditMessage(messageId);\n      setIsEditing(false);\n    }}\n    /* @conditional-compile-remove(mention) */ mentionLookupOptions={props.mentionOptions?.lookupOptions} />;\n  } else {\n    return <ChatMessageComponentAsMessageBubble {...props} onRemoveClick={onRemoveClick} onEditClick={onEditClick} onResendClick={onResendClick} onRenderAvatar={props.onRenderAvatar}\n    /* @conditional-compile-remove(date-time-customization) */ onDisplayDateTimeString={props.onDisplayDateTimeString} strings={props.strings}\n    /* @conditional-compile-remove(image-overlay) */ inlineImageOptions={props.inlineImageOptions}\n    /* @conditional-compile-remove(mention) */ mentionDisplayOptions={props.mentionOptions?.displayOptions} />;\n  }\n};"]}

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js

@@ -1,179 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { Text, mergeStyles } from '@fluentui/react';
-import { ChatMessage as FluentChatMessage, ChatMyMessage } from '@fluentui-contrib/react-chat';
-import React, { useCallback, useRef, useState } from 'react';
-import { chatMessageEditedTagStyle, chatMessageDateStyle, chatMessageFailedTagStyle, chatMessageAuthorStyle } from '../styles/ChatMessageComponent.styles';
-import { formatTimeForChatMessage, formatTimestampForChatMessage } from '../utils/Datetime';
-import { useIdentifiers } from '../../identifiers/IdentifierProvider';
-import { useTheme } from '../../theming';
-import { ChatMessageActionFlyout } from './ChatMessageActionsFlyout';
-import { ChatMessageContent } from './ChatMessageContent';
-/* @conditional-compile-remove(data-loss-prevention) */
-import { BlockedMessageContent } from './ChatMessageContent';
-import { chatMessageActionMenuProps } from './ChatMessageActionMenu';
-import { _FileDownloadCards } from '../FileDownloadCards';
-import { useLocale } from '../../localization';
-import { createStyleFromV8Style } from '../styles/v8StyleShim';
-import { mergeClasses } from '@fluentui/react-components';
-import { useChatMessageStyles, useChatMyMessageStyles, useChatMessageCommonStyles } from '../styles/MessageThread.styles';
-const generateDefaultTimestamp = (createdOn, showDate, strings) => {
-    const formattedTimestamp = showDate ? formatTimestampForChatMessage(createdOn, new Date(), strings) : formatTimeForChatMessage(createdOn);
-    return formattedTimestamp;
-};
-// onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale
-const generateCustomizedTimestamp = (props, createdOn, locale) => {
-    /* @conditional-compile-remove(date-time-customization) */
-    return props.onDisplayDateTimeString ? props.onDisplayDateTimeString(createdOn) : locale.onDisplayDateTimeString ? locale.onDisplayDateTimeString(createdOn) : '';
-    return '';
-};
-/** @private */
-const MessageBubble = (props) => {
-    var _a;
-    const ids = useIdentifiers();
-    const theme = useTheme();
-    const locale = useLocale();
-    const { userId, message, onRemoveClick, onResendClick, disableEditing, showDate, messageContainerStyle, strings, onEditClick, remoteParticipantsCount = 0, onRenderAvatar, showMessageStatus, messageStatus, 
-    /* @conditional-compile-remove(file-sharing) */
-    fileDownloadHandler, 
-    /* @conditional-compile-remove(image-overlay) */
-    inlineImageOptions, shouldOverlapAvatarAndMessage } = props;
-    const defaultTimeStamp = message.createdOn ? generateDefaultTimestamp(message.createdOn, showDate, strings) : undefined;
-    const customTimestamp = message.createdOn ? generateCustomizedTimestamp(props, message.createdOn, locale) : '';
-    const formattedTimestamp = customTimestamp || defaultTimeStamp;
-    // Track if the action menu was opened by touch - if so we increase the touch targets for the items
-    const [wasInteractionByTouch, setWasInteractionByTouch] = useState(false);
-    // `focused` state is used for show/hide actionMenu
-    const [focused, setFocused] = React.useState(false);
-    // The chat message action flyout should target the Chat.Message action menu if clicked,
-    // or target the chat message if opened via touch press.
-    // Undefined indicates the flyout menu should not be being shown.
-    const messageRef = useRef(null);
-    const messageActionButtonRef = useRef(null);
-    const [chatMessageActionFlyoutTarget, setChatMessageActionFlyoutTarget] = useState(undefined);
-    const chatActionsEnabled = !disableEditing && message.status !== 'sending' && !!message.mine && /* @conditional-compile-remove(data-loss-prevention) */ message.messageType !== 'blocked';
-    const [messageReadBy, setMessageReadBy] = useState([]);
-    const actionMenuProps = chatMessageActionMenuProps({
-        ariaLabel: (_a = strings.actionMenuMoreOptions) !== null && _a !== void 0 ? _a : '',
-        enabled: chatActionsEnabled,
-        menuButtonRef: messageActionButtonRef,
-        menuExpanded: chatMessageActionFlyoutTarget === messageActionButtonRef,
-        onActionButtonClick: () => {
-            if (message.messageType === 'chat') {
-                props.onActionButtonClick(message, setMessageReadBy);
-                setChatMessageActionFlyoutTarget(messageActionButtonRef);
-            }
-        },
-        theme
-    });
-    const onActionFlyoutDismiss = useCallback(() => {
-        // When the flyout dismiss is called, since we control if the action flyout is visible
-        // or not we need to set the target to undefined here to actually hide the action flyout
-        setChatMessageActionFlyoutTarget(undefined);
-    }, [setChatMessageActionFlyoutTarget]);
-    const defaultOnRenderFileDownloads = useCallback(() => {
-        /* @conditional-compile-remove(file-sharing) */
-        return React.createElement(_FileDownloadCards, { userId: userId, 
-            /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/ fileMetadata: message.files || [], 
-            /* @conditional-compile-remove(file-sharing) */ downloadHandler: fileDownloadHandler, 
-            /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/ strings: {
-                downloadFile: strings.downloadFile,
-                fileCardGroupMessage: strings.fileCardGroupMessage
-            } });
-    }, [userId, message, /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
-        strings, /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/
-        fileDownloadHandler]);
-    const editedOn = 'editedOn' in message ? message.editedOn : undefined;
-    const getMessageDetails = useCallback(() => {
-        if (messageStatus === 'failed') {
-            return React.createElement("div", { className: chatMessageFailedTagStyle(theme) }, strings.failToSendTag);
-        }
-        else if (message.messageType === 'chat' && editedOn) {
-            return React.createElement("div", { className: chatMessageEditedTagStyle(theme) }, strings.editedTag);
-        }
-        return undefined;
-    }, [editedOn, message.messageType, messageStatus, strings.editedTag, strings.failToSendTag, theme]);
-    const getContent = useCallback(() => {
-        /* @conditional-compile-remove(data-loss-prevention) */
-        if (message.messageType === 'blocked') {
-            return React.createElement("div", { tabIndex: 0 },
-                React.createElement(BlockedMessageContent, { message: message, strings: strings }));
-        }
-        return React.createElement("div", { tabIndex: 0, className: "ui-chat__message__content" },
-            React.createElement(ChatMessageContent, { message: message, strings: strings, 
-                /* @conditional-compile-remove(mention) */ mentionDisplayOptions: props.mentionDisplayOptions, 
-                /* @conditional-compile-remove(image-overlay) */ inlineImageOptions: inlineImageOptions }), /* @conditional-compile-remove(file-sharing) */
-            props.onRenderFileDownloads ? props.onRenderFileDownloads(userId, message) : defaultOnRenderFileDownloads());
-    }, [defaultOnRenderFileDownloads, /* @conditional-compile-remove(image-overlay) */ inlineImageOptions, message, props, strings, userId]);
-    const isBlockedMessage = false || /* @conditional-compile-remove(data-loss-prevention) */ message.messageType === 'blocked';
-    const chatMyMessageStyles = useChatMyMessageStyles();
-    const chatMessageCommonStyles = useChatMessageCommonStyles();
-    const chatMessageStyles = useChatMessageStyles();
-    const chatItemMessageContainerClassName = mergeClasses(
-    // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors
-    chatMessageStyles.body, 
-    // disable placeholder functionality for GA releases as it might confuse users
-    /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */
-    chatMessageStyles.bodyWithPlaceholderImage, isBlockedMessage ? chatMessageCommonStyles.blocked : props.message.status === 'failed' ? chatMessageCommonStyles.failed : undefined, shouldOverlapAvatarAndMessage ? chatMessageStyles.avatarOverlap : chatMessageStyles.avatarNoOverlap, message.attached === 'top' || message.attached === false ? chatMessageStyles.bodyWithAvatar : chatMessageStyles.bodyWithoutAvatar, mergeStyles(messageContainerStyle));
-    const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';
-    const chatMessage = React.createElement(React.Fragment, null,
-        React.createElement("div", { key: props.message.messageId }, message.mine ? React.createElement(ChatMyMessage, { attached: attached, key: props.message.messageId, body: {
-                // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors
-                className: mergeClasses(chatMyMessageStyles.body, isBlockedMessage ? chatMessageCommonStyles.blocked : props.message.status === 'failed' ? chatMessageCommonStyles.failed : undefined, attached !== 'top' ? chatMyMessageStyles.bodyAttached : undefined, mergeStyles(messageContainerStyle)),
-                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle)),
-                ref: messageRef
-            }, root: {
-                className: chatMyMessageStyles.root,
-                onBlur: e => {
-                    // `focused` controls is focused the whole `ChatMessage` or any of its children. When we're navigating
-                    // with keyboard the focused element will be changed and there is no way to use `:focus` selector
-                    if (chatMessageActionFlyoutTarget === null || chatMessageActionFlyoutTarget === void 0 ? void 0 : chatMessageActionFlyoutTarget.current) {
-                        // doesn't dismiss action button if flyout is open, otherwise, narrator's focus will stay on the closed action menu
-                        return;
-                    }
-                    const shouldPreserveFocusState = e.currentTarget.contains(e.relatedTarget);
-                    setFocused(shouldPreserveFocusState);
-                },
-                onFocus: () => {
-                    // react onFocus is called even when nested component receives focus (i.e. it bubbles)
-                    // so when focus moves within actionMenu, the `focus` state in chatMessage remains true, and keeps actionMenu visible
-                    setFocused(true);
-                },
-                // make body not focusable to remove repetitions from narrators.
-                // inner components are already focusable
-                role: 'none',
-                tabIndex: -1
-            }, "data-ui-id": "chat-composite-message", author: React.createElement(Text, { className: chatMessageDateStyle, tabIndex: 0 }, message.senderDisplayName), timestamp: React.createElement(Text, { className: chatMessageDateStyle, "data-ui-id": ids.messageTimestamp, tabIndex: 0 }, formattedTimestamp), details: getMessageDetails(), actions: {
-                children: actionMenuProps === null || actionMenuProps === void 0 ? void 0 : actionMenuProps.children,
-                className: mergeClasses(chatMyMessageStyles.menu, 
-                // Make actions menu visible when the message is focused or the flyout is shown
-                focused || (chatMessageActionFlyoutTarget === null || chatMessageActionFlyoutTarget === void 0 ? void 0 : chatMessageActionFlyoutTarget.current) ? chatMyMessageStyles.menuVisible : chatMyMessageStyles.menuHidden, attached !== 'top' ? chatMyMessageStyles.menuAttached : undefined)
-            }, onTouchStart: () => setWasInteractionByTouch(true), onPointerDown: () => setWasInteractionByTouch(false), onKeyDown: () => setWasInteractionByTouch(false), onClick: () => {
-                if (!wasInteractionByTouch) {
-                    return;
-                }
-                // If the message was touched via touch we immediately open the menu
-                // flyout (when using mouse the 3-dot menu that appears on hover
-                // must be clicked to open the flyout).
-                // In doing so here we set the target of the flyout to be the message and
-                // not the 3-dot menu button to position the flyout correctly.
-                setChatMessageActionFlyoutTarget(messageRef);
-                if (message.messageType === 'chat') {
-                    props.onActionButtonClick(message, setMessageReadBy);
-                }
-            } }, getContent()) : React.createElement(FluentChatMessage, { attached: attached, key: props.message.messageId, root: {
-                className: chatMessageStyles.root,
-                // make body not focusable to remove repetitions from narrators.
-                // inner components are already focusable
-                tabIndex: -1,
-                role: 'none'
-            }, author: React.createElement(Text, { className: chatMessageAuthorStyle }, message.senderDisplayName), body: {
-                className: chatItemMessageContainerClassName,
-                style: Object.assign({}, createStyleFromV8Style(messageContainerStyle))
-            }, "data-ui-id": "chat-composite-message", timestamp: React.createElement(Text, { className: chatMessageDateStyle, "data-ui-id": ids.messageTimestamp }, formattedTimestamp), details: getMessageDetails() }, getContent())),
-        chatActionsEnabled && React.createElement(ChatMessageActionFlyout, { hidden: !chatMessageActionFlyoutTarget, target: chatMessageActionFlyoutTarget, increaseFlyoutItemSize: wasInteractionByTouch, onDismiss: onActionFlyoutDismiss, onEditClick: onEditClick, onRemoveClick: onRemoveClick, onResendClick: onResendClick, strings: strings, messageReadBy: messageReadBy, messageStatus: messageStatus !== null && messageStatus !== void 0 ? messageStatus : 'failed', remoteParticipantsCount: remoteParticipantsCount, onRenderAvatar: onRenderAvatar, showMessageStatus: showMessageStatus }));
-    return chatMessage;
-};
-/** @private */
-export const ChatMessageComponentAsMessageBubble = React.memo(MessageBubble);
-//# sourceMappingURL=ChatMessageComponentAsMessageBubble.js.map

package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChatMessageComponentAsMessageBubble.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/ChatMessage/ChatMessageComponentAsMessageBubble.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Text, mergeStyles, IStyle } from '@fluentui/react';\nimport { ChatMessage as FluentChatMessage, ChatMyMessage } from '@fluentui-contrib/react-chat';\nimport { _formatString } from '@internal/acs-ui-common';\nimport React, { useCallback, useRef, useState } from 'react';\nimport { chatMessageEditedTagStyle, chatMessageDateStyle, chatMessageFailedTagStyle, chatMessageAuthorStyle } from '../styles/ChatMessageComponent.styles';\nimport { formatTimeForChatMessage, formatTimestampForChatMessage } from '../utils/Datetime';\nimport { useIdentifiers } from '../../identifiers/IdentifierProvider';\nimport { useTheme } from '../../theming';\nimport { ChatMessageActionFlyout } from './ChatMessageActionsFlyout';\nimport { ChatMessageContent } from './ChatMessageContent';\n/* @conditional-compile-remove(image-overlay) */\nimport { InlineImageOptions } from './ChatMessageContent';\nimport { ChatMessage } from '../../types/ChatMessage';\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessageContent } from './ChatMessageContent';\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types/ChatMessage';\nimport { MessageThreadStrings } from '../MessageThread';\nimport { chatMessageActionMenuProps } from './ChatMessageActionMenu';\nimport { ComponentSlotStyle, OnRenderAvatarCallback } from '../../types';\n/* @conditional-compile-remove(file-sharing) */\nimport { FileDownloadHandler } from '../FileDownloadCards';\nimport { _FileDownloadCards } from '../FileDownloadCards';\nimport { ComponentLocale, useLocale } from '../../localization';\n/* @conditional-compile-remove(mention) */\nimport { MentionDisplayOptions } from '../MentionPopover';\nimport { createStyleFromV8Style } from '../styles/v8StyleShim';\nimport { MessageStatus } from '@internal/acs-ui-common';\nimport { mergeClasses } from '@fluentui/react-components';\nimport { useChatMessageStyles, useChatMyMessageStyles, useChatMessageCommonStyles } from '../styles/MessageThread.styles';\ntype ChatMessageComponentAsMessageBubbleProps = {\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */BlockedMessage;\n  messageContainerStyle?: ComponentSlotStyle;\n  /** Styles for message status indicator container. */\n  messageStatusContainer?: (mine: boolean) => IStyle;\n  showDate?: boolean;\n  disableEditing?: boolean;\n  onEditClick: () => void;\n  onRemoveClick?: () => void;\n  onResendClick?: () => void;\n  strings: MessageThreadStrings;\n  userId: string;\n  messageStatus?: string;\n  /**\n   * Whether the status indicator for each message is displayed or not.\n   */\n  showMessageStatus?: boolean;\n  messageStatusRenderer?: (status: MessageStatus) => JSX.Element | null;\n  /**\n   * Whether to overlap avatar and message when the view is width constrained.\n   */\n  shouldOverlapAvatarAndMessage: boolean;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional callback to render uploaded files in the message component.\n   */\n  onRenderFileDownloads?: (userId: string, message: ChatMessage) => JSX.Element;\n  /* @conditional-compile-remove(file-sharing) */\n  /**\n   * Optional function called when someone clicks on the file download icon.\n   */\n  fileDownloadHandler?: FileDownloadHandler;\n  remoteParticipantsCount?: number;\n  onActionButtonClick: (message: ChatMessage, setMessageReadBy: (readBy: {\n    id: string;\n    displayName: string;\n  }[]) => void) => void;\n  /**\n   * Optional callback to override render of the avatar.\n   *\n   * @param userId - user Id\n   */\n  onRenderAvatar?: OnRenderAvatarCallback;\n\n  /**\n   * Optional function to provide customized date format.\n   * @beta\n   */\n  onDisplayDateTimeString?: (messageDate: Date) => string;\n  /* @conditional-compile-remove(mention) */\n  /**\n   * Optional props needed to display suggestions in the mention scenario.\n   * @internal\n   */\n  mentionDisplayOptions?: MentionDisplayOptions;\n  /* @conditional-compile-remove(image-overlay) */\n  /**\n   * Optional callback called when an inline image is clicked.\n   * @beta\n   */\n  inlineImageOptions?: InlineImageOptions;\n};\nconst generateDefaultTimestamp = (createdOn: Date, showDate: boolean | undefined, strings: MessageThreadStrings): string => {\n  const formattedTimestamp = showDate ? formatTimestampForChatMessage(createdOn, new Date(), strings) : formatTimeForChatMessage(createdOn);\n  return formattedTimestamp;\n};\n\n// onDisplayDateTimeString from props overwrite onDisplayDateTimeString from locale\nconst generateCustomizedTimestamp = (props: ChatMessageComponentAsMessageBubbleProps, createdOn: Date, locale: ComponentLocale): string => {\n  /* @conditional-compile-remove(date-time-customization) */\n  return props.onDisplayDateTimeString ? props.onDisplayDateTimeString(createdOn) : locale.onDisplayDateTimeString ? locale.onDisplayDateTimeString(createdOn) : '';\n  return '';\n};\n/** @private */\nconst MessageBubble = (props: ChatMessageComponentAsMessageBubbleProps): JSX.Element => {\n  const ids = useIdentifiers();\n  const theme = useTheme();\n  const locale = useLocale();\n  const {\n    userId,\n    message,\n    onRemoveClick,\n    onResendClick,\n    disableEditing,\n    showDate,\n    messageContainerStyle,\n    strings,\n    onEditClick,\n    remoteParticipantsCount = 0,\n    onRenderAvatar,\n    showMessageStatus,\n    messageStatus,\n    /* @conditional-compile-remove(file-sharing) */\n    fileDownloadHandler,\n    /* @conditional-compile-remove(image-overlay) */\n    inlineImageOptions,\n    shouldOverlapAvatarAndMessage\n  } = props;\n  const defaultTimeStamp = message.createdOn ? generateDefaultTimestamp(message.createdOn, showDate, strings) : undefined;\n  const customTimestamp = message.createdOn ? generateCustomizedTimestamp(props, message.createdOn, locale) : '';\n  const formattedTimestamp = customTimestamp || defaultTimeStamp;\n\n  // Track if the action menu was opened by touch - if so we increase the touch targets for the items\n  const [wasInteractionByTouch, setWasInteractionByTouch] = useState(false);\n  // `focused` state is used for show/hide actionMenu\n  const [focused, setFocused] = React.useState<boolean>(false);\n\n  // The chat message action flyout should target the Chat.Message action menu if clicked,\n  // or target the chat message if opened via touch press.\n  // Undefined indicates the flyout menu should not be being shown.\n  const messageRef = useRef<HTMLDivElement | null>(null);\n  const messageActionButtonRef = useRef<HTMLDivElement | null>(null);\n  const [chatMessageActionFlyoutTarget, setChatMessageActionFlyoutTarget] = useState<React.MutableRefObject<HTMLElement | null> | undefined>(undefined);\n  const chatActionsEnabled = !disableEditing && message.status !== 'sending' && !!message.mine && /* @conditional-compile-remove(data-loss-prevention) */message.messageType !== 'blocked';\n  const [messageReadBy, setMessageReadBy] = useState<{\n    id: string;\n    displayName: string;\n  }[]>([]);\n  const actionMenuProps = chatMessageActionMenuProps({\n    ariaLabel: strings.actionMenuMoreOptions ?? '',\n    enabled: chatActionsEnabled,\n    menuButtonRef: messageActionButtonRef,\n    menuExpanded: chatMessageActionFlyoutTarget === messageActionButtonRef,\n    onActionButtonClick: () => {\n      if (message.messageType === 'chat') {\n        props.onActionButtonClick(message, setMessageReadBy);\n        setChatMessageActionFlyoutTarget(messageActionButtonRef);\n      }\n    },\n    theme\n  });\n  const onActionFlyoutDismiss = useCallback((): void => {\n    // When the flyout dismiss is called, since we control if the action flyout is visible\n    // or not we need to set the target to undefined here to actually hide the action flyout\n    setChatMessageActionFlyoutTarget(undefined);\n  }, [setChatMessageActionFlyoutTarget]);\n  const defaultOnRenderFileDownloads = useCallback(() => {\n    /* @conditional-compile-remove(file-sharing) */\n    return <_FileDownloadCards userId={userId}\n    /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/ fileMetadata={(message as ChatMessage).files || []}\n    /* @conditional-compile-remove(file-sharing) */ downloadHandler={fileDownloadHandler}\n    /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/ strings={{\n      downloadFile: strings.downloadFile,\n      fileCardGroupMessage: strings.fileCardGroupMessage\n    }} />;\n  }, [userId, message, /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/\n  strings, /* @conditional-compile-remove(file-sharing) @conditional-compile-remove(teams-inline-images-and-file-sharing)*/\n  fileDownloadHandler]);\n  const editedOn = 'editedOn' in message ? message.editedOn : undefined;\n  const getMessageDetails = useCallback(() => {\n    if (messageStatus === 'failed') {\n      return <div className={chatMessageFailedTagStyle(theme)}>{strings.failToSendTag}</div>;\n    } else if (message.messageType === 'chat' && editedOn) {\n      return <div className={chatMessageEditedTagStyle(theme)}>{strings.editedTag}</div>;\n    }\n    return undefined;\n  }, [editedOn, message.messageType, messageStatus, strings.editedTag, strings.failToSendTag, theme]);\n  const getContent = useCallback(() => {\n    /* @conditional-compile-remove(data-loss-prevention) */\n    if (message.messageType === 'blocked') {\n      return <div tabIndex={0}>\n          <BlockedMessageContent message={message} strings={strings} />\n        </div>;\n    }\n    return <div tabIndex={0} className=\"ui-chat__message__content\">\n        <ChatMessageContent message={message} strings={strings}\n      /* @conditional-compile-remove(mention) */ mentionDisplayOptions={props.mentionDisplayOptions}\n      /* @conditional-compile-remove(image-overlay) */ inlineImageOptions={inlineImageOptions} />\n        {/* @conditional-compile-remove(file-sharing) */props.onRenderFileDownloads ? props.onRenderFileDownloads(userId, message) : defaultOnRenderFileDownloads()}\n      </div>;\n  }, [defaultOnRenderFileDownloads, /* @conditional-compile-remove(image-overlay) */inlineImageOptions, message, props, strings, userId]);\n  const isBlockedMessage = false || /* @conditional-compile-remove(data-loss-prevention) */message.messageType === 'blocked';\n  const chatMyMessageStyles = useChatMyMessageStyles();\n  const chatMessageCommonStyles = useChatMessageCommonStyles();\n  const chatMessageStyles = useChatMessageStyles();\n  const chatItemMessageContainerClassName = mergeClasses(\n  // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors\n  chatMessageStyles.body,\n  // disable placeholder functionality for GA releases as it might confuse users\n  /* @conditional-compile-remove(teams-inline-images-and-file-sharing) */\n  chatMessageStyles.bodyWithPlaceholderImage, isBlockedMessage ? chatMessageCommonStyles.blocked : props.message.status === 'failed' ? chatMessageCommonStyles.failed : undefined, shouldOverlapAvatarAndMessage ? chatMessageStyles.avatarOverlap : chatMessageStyles.avatarNoOverlap, message.attached === 'top' || message.attached === false ? chatMessageStyles.bodyWithAvatar : chatMessageStyles.bodyWithoutAvatar, mergeStyles(messageContainerStyle));\n  const attached = message.attached === true ? 'center' : message.attached === 'bottom' ? 'bottom' : 'top';\n  const chatMessage = <>\n      <div key={props.message.messageId}>\n        {message.mine ? <ChatMyMessage attached={attached} key={props.message.messageId} body={{\n        // messageContainerStyle used in className and style prop as style prop can't handle CSS selectors\n        className: mergeClasses(chatMyMessageStyles.body, isBlockedMessage ? chatMessageCommonStyles.blocked : props.message.status === 'failed' ? chatMessageCommonStyles.failed : undefined, attached !== 'top' ? chatMyMessageStyles.bodyAttached : undefined, mergeStyles(messageContainerStyle)),\n        style: {\n          ...createStyleFromV8Style(messageContainerStyle)\n        },\n        ref: messageRef\n      }} root={{\n        className: chatMyMessageStyles.root,\n        onBlur: e => {\n          // `focused` controls is focused the whole `ChatMessage` or any of its children. When we're navigating\n          // with keyboard the focused element will be changed and there is no way to use `:focus` selector\n          if (chatMessageActionFlyoutTarget?.current) {\n            // doesn't dismiss action button if flyout is open, otherwise, narrator's focus will stay on the closed action menu\n            return;\n          }\n          const shouldPreserveFocusState = e.currentTarget.contains(e.relatedTarget);\n          setFocused(shouldPreserveFocusState);\n        },\n        onFocus: () => {\n          // react onFocus is called even when nested component receives focus (i.e. it bubbles)\n          // so when focus moves within actionMenu, the `focus` state in chatMessage remains true, and keeps actionMenu visible\n          setFocused(true);\n        },\n        // make body not focusable to remove repetitions from narrators.\n        // inner components are already focusable\n        role: 'none',\n        tabIndex: -1\n      }} data-ui-id=\"chat-composite-message\" author={<Text className={chatMessageDateStyle} tabIndex={0}>\n                {message.senderDisplayName}\n              </Text>} timestamp={<Text className={chatMessageDateStyle} data-ui-id={ids.messageTimestamp} tabIndex={0}>\n                {formattedTimestamp}\n              </Text>} details={getMessageDetails()} actions={{\n        children: actionMenuProps?.children,\n        className: mergeClasses(chatMyMessageStyles.menu,\n        // Make actions menu visible when the message is focused or the flyout is shown\n        focused || chatMessageActionFlyoutTarget?.current ? chatMyMessageStyles.menuVisible : chatMyMessageStyles.menuHidden, attached !== 'top' ? chatMyMessageStyles.menuAttached : undefined)\n      }} onTouchStart={() => setWasInteractionByTouch(true)} onPointerDown={() => setWasInteractionByTouch(false)} onKeyDown={() => setWasInteractionByTouch(false)} onClick={() => {\n        if (!wasInteractionByTouch) {\n          return;\n        }\n        // If the message was touched via touch we immediately open the menu\n        // flyout (when using mouse the 3-dot menu that appears on hover\n        // must be clicked to open the flyout).\n        // In doing so here we set the target of the flyout to be the message and\n        // not the 3-dot menu button to position the flyout correctly.\n        setChatMessageActionFlyoutTarget(messageRef);\n        if (message.messageType === 'chat') {\n          props.onActionButtonClick(message, setMessageReadBy);\n        }\n      }}>\n            {getContent()}\n          </ChatMyMessage> : <FluentChatMessage attached={attached} key={props.message.messageId} root={{\n        className: chatMessageStyles.root,\n        // make body not focusable to remove repetitions from narrators.\n        // inner components are already focusable\n        tabIndex: -1,\n        role: 'none'\n      }} author={<Text className={chatMessageAuthorStyle}>{message.senderDisplayName}</Text>} body={{\n        className: chatItemMessageContainerClassName,\n        style: {\n          ...createStyleFromV8Style(messageContainerStyle)\n        }\n      }} data-ui-id=\"chat-composite-message\" timestamp={<Text className={chatMessageDateStyle} data-ui-id={ids.messageTimestamp}>\n                {formattedTimestamp}\n              </Text>} details={getMessageDetails()}>\n            {getContent()}\n          </FluentChatMessage>}\n      </div>\n      {chatActionsEnabled && <ChatMessageActionFlyout hidden={!chatMessageActionFlyoutTarget} target={chatMessageActionFlyoutTarget} increaseFlyoutItemSize={wasInteractionByTouch} onDismiss={onActionFlyoutDismiss} onEditClick={onEditClick} onRemoveClick={onRemoveClick} onResendClick={onResendClick} strings={strings} messageReadBy={messageReadBy} messageStatus={messageStatus ?? 'failed'} remoteParticipantsCount={remoteParticipantsCount} onRenderAvatar={onRenderAvatar} showMessageStatus={showMessageStatus} />}\n    </>;\n  return chatMessage;\n};\n\n/** @private */\nexport const ChatMessageComponentAsMessageBubble = React.memo(MessageBubble);"]}