@azure/communication-react 1.13.0-beta.1 → 1.13.1-alpha-202402280012

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

@@ -60,6 +60,11 @@
         "removedFromCallMoreDetails": "Другой участник удалил вас из беседы.",
         "removedFromCallTitle": "Вы были удалены",
         "removeMenuLabel": "Удалить",
+        "startSpotlightParticipantListMenuLabel": "Закрепить видео для всех",
+        "addSpotlightParticipantListMenuLabel": "Добавить закрепление",
+        "stopSpotlightParticipantListMenuLabel": "Не закреплять",
+        "stopSpotlightOnSelfParticipantListMenuLabel": "Открепить",
+        "spotlightLimitReachedParticipantListMenuTitle": "Достигнуто предельное число закреплений",
         "returnToCallButtonAriaDescription": "Вернуться к звонку",
         "returnToCallButtonAriaLabel": "Назад",
         "roomNotFoundDetails": "Не удалось найти указанный идентификатор комнаты.",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "Пользователь, с которым вы пытаетесь связаться, недоступен. Повторите попытку позже.",
         "callTimeoutTitle": "Не удалось совершить звонок",
         "callTimeoutDetails": "Пользователь, с которым вы пытаетесь связаться, недоступен. Повторите попытку позже.",
+        "callTimeoutBotTitle": "Не удалось совершить звонок",
+        "callTimeoutBotDetails": "Служба, к которому вы пытаетесь подключиться, недоступна. Повторите попытку позже.",
+        "dtmfDialerButtonLabel": "Панель набора номера",
+        "dtmfDialerButtonTooltipOn": "Показать панель набора номера",
+        "dtmfDialerButtonTooltipOff": "Скрыть панель набора номера",
+        "dtmfDialerMoreButtonLabelOn": "Показать панель набора номера",
+        "dtmfDialerMoreButtonLabelOff": "Скрыть панель набора номера",
         "spokenLanguageStrings": {
             "ar-ae": "Арабский (ОАЭ)",
             "ar-sa": "Арабский (Саудовская Аравия)",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "Вы ведущий. Вы можете предоставлять доступ к содержимому и помогать вести собрание."
             }
         },
-        "surveyQuestion": "Как прошел ваш звонок?",
+        "surveyTitle": "Улучшение продукта",
         "starSurveyHelperText": "Как вы оцениваете качество звонка?",
         "starSurveyOneStarText": "Качество было очень плохое.",
         "starSurveyTwoStarText": "Качество было плохое.",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "Качество было превосходное.",
         "surveyConfirmButtonLabel": "Отправить отзыв",
         "starRatingAriaLabel": "Выберите {0} из {1} звезд",
-        "surveyCancelButtonAriaLabel": "Отмена",
+        "surveySkipButtonLabel": "Пропустить",
         "tagsSurveyQuestion": "Что можно было улучшить?",
         "tagsSurveyTextFieldDefaultText": "Другое, укажите",
         "tagsSurveyHelperText": "Отметьте все проблемы, с которыми вы столкнулись",
         "surveyTextboxDefaultText": "Другое, укажите",
+        "endOfSurveyText": "Спасибо за отзыв!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "Не удалось присоединиться к звонку",
@@ -291,6 +304,20 @@
             "audioRating": "Звук",
             "videoRating": "Видео",
             "screenshareRating": "Выступление"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "Пометить как важное для всех?",
+            "startSpotlightText": "Вы выделите это видео для всех участников собрания.",
+            "startSpotlightOnSelfText": "Вы выделите свое видео для всех участников собрания.",
+            "startSpotlightConfirmButtonLabel": "Отметить видео как важное для всех",
+            "startSpotlightCancelButtonLabel": "Отмена",
+            "stopSpotlightHeading": "Исключить из важного?",
+            "stopSpotlightOnSelfHeading": "Выйти из работы с важным?",
+            "stopSpotlightText": "Ваше видео больше не будет помечено как важное для всех участников собрания.",
+            "stopSpotlightOnSelfText": "Ваше видео больше не будет выделено для всех участников собрания.",
+            "stopSpotlightConfirmButtonLabel": "Больше не помечать важное",
+            "stopSpotlightOnSelfConfirmButtonLabel": "Выйти из важного",
+            "stopSpotlightCancelButtonLabel": "Отмена"
         }
     },
     "chat": {

package/dist/dist-esm/react-composites/src/composites/localization/locales/sv-SE/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/sv-SE/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_SV_SE } from '@internal/react-components';\nimport sv_SE from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Swedish (Sweden)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_SV_SE: CompositeLocale = {\n  component: COMPONENT_LOCALE_SV_SE,\n  strings: createCompositeStrings(sv_SE)\n};"]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/sv-SE/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_SV_SE } from '@internal/react-components';\nimport sv_SE from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Swedish (Sweden)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_SV_SE: CompositeLocale = {\n  component: COMPONENT_LOCALE_SV_SE,\n  strings: createCompositeStrings(sv_SE)\n};\n"]}

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

@@ -60,6 +60,11 @@
         "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",
         "returnToCallButtonAriaDescription": "Återgå till samtal",
         "returnToCallButtonAriaLabel": "Tillbaka",
         "roomNotFoundDetails": "Det gick inte att hitta det angivna rums-ID:t.",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "Personen du försöker nå är inte tillgänglig. Försök igen senare.",
         "callTimeoutTitle": "Det gick inte att slutföra samtalet",
         "callTimeoutDetails": "Personen du försöker nå är inte tillgänglig. Försök igen senare.",
+        "callTimeoutBotTitle": "Det gick inte att slutföra samtalet",
+        "callTimeoutBotDetails": "Tjänsten som du försöker nå är inte tillgänglig. Försök igen senare.",
+        "dtmfDialerButtonLabel": "Knappsats",
+        "dtmfDialerButtonTooltipOn": "Visa knappsats",
+        "dtmfDialerButtonTooltipOff": "Dölj knappsatsen",
+        "dtmfDialerMoreButtonLabelOn": "Visa knappsats",
+        "dtmfDialerMoreButtonLabelOff": "Dölj knappsatsen",
         "spokenLanguageStrings": {
             "ar-ae": "Arabiska – Förenade Arabemiraten",
             "ar-sa": "Arabiska – Saudiarabien",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "Du är presentatör. Du kan dela innehåll och underlätta mötet."
             }
         },
-        "surveyQuestion": "Hur var samtalet idag?",
+        "surveyTitle": "Hjälp oss att förbättra",
         "starSurveyHelperText": "Hur var kvaliteten på samtalet?",
         "starSurveyOneStarText": "Kvaliteten var dålig.",
         "starSurveyTwoStarText": "Kvaliteten var inte bra.",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "Kvaliteten var mycket bra.",
         "surveyConfirmButtonLabel": "Skicka feedback",
         "starRatingAriaLabel": "Markera {0} av {1} stjärnor",
-        "surveyCancelButtonAriaLabel": "Avbryt",
+        "surveySkipButtonLabel": "Hoppa över",
         "tagsSurveyQuestion": "Vad kan förbättras?",
         "tagsSurveyTextFieldDefaultText": "Annat, specificera",
         "tagsSurveyHelperText": "Kontrollera eventuella problem som du har upplevt",
         "surveyTextboxDefaultText": "Annat, specificera",
+        "endOfSurveyText": "Tack för din feedback!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "Jag kunde inte ansluta till samtalet",
@@ -291,6 +304,20 @@
             "audioRating": "Ljud",
             "videoRating": "Video",
             "screenshareRating": "Presenterar"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "Uppmärksamma för alla?",
+            "startSpotlightText": "Du kommer markera den här videon för alla i mötet.",
+            "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?",
+            "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"
         }
     },
     "chat": {

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

@@ -60,6 +60,11 @@
         "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ı",
         "returnToCallButtonAriaDescription": "Aramaya Dön",
         "returnToCallButtonAriaLabel": "Geri",
         "roomNotFoundDetails": "Sağlanan oda kimliği bulunamadı.",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "Ulaşmaya çalıştığınız kişi kullanılamıyor. Lütfen daha sonra yeniden deneyin.",
         "callTimeoutTitle": "Arama tamamlanamadı",
         "callTimeoutDetails": "Ulaşmaya çalıştığınız kişi kullanılamıyor. Lütfen daha sonra yeniden deneyin.",
+        "callTimeoutBotTitle": "Arama tamamlanamadı",
+        "callTimeoutBotDetails": "Erişmeye çalıştığınız hizmet kullanılamıyor. Lütfen daha sonra yeniden deneyin.",
+        "dtmfDialerButtonLabel": "Tuş takımı",
+        "dtmfDialerButtonTooltipOn": "Tuş takımını göster",
+        "dtmfDialerButtonTooltipOff": "Sayısal tuş takımını gizle",
+        "dtmfDialerMoreButtonLabelOn": "Tuş takımını göster",
+        "dtmfDialerMoreButtonLabelOff": "Sayısal tuş takımını gizle",
         "spokenLanguageStrings": {
             "ar-ae": "Arapça - BAE",
             "ar-sa": "Arapça - Suudi Arabistan",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "Sunucuyuz. İçerik paylaşabilir ve toplantıya yardımcı olabilirsiniz."
             }
         },
-        "surveyQuestion": "Bugün aramanız nasıldı?",
+        "surveyTitle": "Geliştirmemize yardımcı olun",
         "starSurveyHelperText": "Arama kalitesi nasıldı?",
         "starSurveyOneStarText": "Kalite kötüydü.",
         "starSurveyTwoStarText": "Kalite düşüktü.",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "Kalite mükemmeldi.",
         "surveyConfirmButtonLabel": "Geri Bildirim Gönder",
         "starRatingAriaLabel": "{1} üzerinden {0} yıldız seçin",
-        "surveyCancelButtonAriaLabel": "İptal",
+        "surveySkipButtonLabel": "Atla",
         "tagsSurveyQuestion": "Neleri iyileştirebiliriz?",
         "tagsSurveyTextFieldDefaultText": "Diğer, lütfen belirtin",
         "tagsSurveyHelperText": "Karşılaştığınız tüm sorunları işaretleyin",
         "surveyTextboxDefaultText": "Diğer, lütfen belirtin",
+        "endOfSurveyText": "Geri bildiriminiz için teşekkür ederiz!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "Çağrıya katılamadım",
@@ -291,6 +304,20 @@
             "audioRating": "Ses",
             "videoRating": "Video",
             "screenshareRating": "Sunu"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "Herkes için öne çıkarılsın mı?",
+            "startSpotlightText": "Bu videoyu toplantıdaki herkes için öne çıkaracaksınız.",
+            "startSpotlightOnSelfText": "Videonuzu toplantıdaki herkes için öne çıkaracaksınız.",
+            "startSpotlightConfirmButtonLabel": "Herkes için öne çıkar",
+            "startSpotlightCancelButtonLabel": "İptal",
+            "stopSpotlightHeading": "Ö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"
         }
     },
     "chat": {

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;AAEzC;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,gBAA+C,EAAoB,EAAE;IAC1G,MAAM,OAAO,qBAA0B,KAAK,CAAE,CAAC;IAC/C,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAW,EAAE,EAAE;QACpD,OAAO,CAAC,GAAG,CAAC,mCAAQ,OAAO,CAAC,GAAG,CAAC,GAAK,gBAAgB,CAAC,GAAG,CAAC,CAAE,CAAC;IAC/D,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 = { ...en_US };\n  Object.keys(localizedStrings).forEach((key: string) => {\n    strings[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

@@ -60,6 +60,11 @@
         "removedFromCallMoreDetails": "另一名参与者已将你从通话中删除。",
         "removedFromCallTitle": "你已被删除",
         "removeMenuLabel": "删除",
+        "startSpotlightParticipantListMenuLabel": "对所有人聚焦",
+        "addSpotlightParticipantListMenuLabel": "添加聚焦",
+        "stopSpotlightParticipantListMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfParticipantListMenuLabel": "退出聚焦",
+        "spotlightLimitReachedParticipantListMenuTitle": "已达到聚焦限制",
         "returnToCallButtonAriaDescription": "返回通话",
         "returnToCallButtonAriaLabel": "返回",
         "roomNotFoundDetails": "找不到提供的会议室 ID。",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "您尝试联系的人员不可用。请稍后重试。",
         "callTimeoutTitle": "无法完成呼叫",
         "callTimeoutDetails": "您尝试联系的人员不可用。请稍后重试。",
+        "callTimeoutBotTitle": "无法完成呼叫",
+        "callTimeoutBotDetails": "你尝试访问的服务不可用。请稍后重试。",
+        "dtmfDialerButtonLabel": "拨号盘",
+        "dtmfDialerButtonTooltipOn": "显示拨号盘",
+        "dtmfDialerButtonTooltipOff": "隐藏拨号盘",
+        "dtmfDialerMoreButtonLabelOn": "显示拨号盘",
+        "dtmfDialerMoreButtonLabelOff": "隐藏拨号盘",
         "spokenLanguageStrings": {
             "ar-ae": "阿拉伯语 - 阿拉伯联合酋长国",
             "ar-sa": "阿拉伯语 - 沙特阿拉伯",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "你是演示者。你可以共享内容并促进会议。"
             }
         },
-        "surveyQuestion": "你今天的通话如何?",
+        "surveyTitle": "帮助我们改进",
         "starSurveyHelperText": "通话质量如何?",
         "starSurveyOneStarText": "质量很差。",
         "starSurveyTwoStarText": "质量较差。",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "质量很好。",
         "surveyConfirmButtonLabel": "发送反馈",
         "starRatingAriaLabel": "选择 {0} 星(共 {1} 星)",
-        "surveyCancelButtonAriaLabel": "取消",
+        "surveySkipButtonLabel": "跳过",
         "tagsSurveyQuestion": "如何改进?",
         "tagsSurveyTextFieldDefaultText": "其他，请说明",
         "tagsSurveyHelperText": "检查遇到的任何问题",
         "surveyTextboxDefaultText": "其他，请说明",
+        "endOfSurveyText": "感谢你的反馈!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "我无法加入通话",
@@ -291,6 +304,20 @@
             "audioRating": "音频",
             "videoRating": "视频",
             "screenshareRating": "正在演示"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "对所有人聚焦?",
+            "startSpotlightText": "你将对会议中的每个人突出显示此视频。",
+            "startSpotlightOnSelfText": "你将对会议中的每个人突出显示你的视频。",
+            "startSpotlightConfirmButtonLabel": "对所有人聚焦",
+            "startSpotlightCancelButtonLabel": "取消",
+            "stopSpotlightHeading": "停止聚焦?",
+            "stopSpotlightOnSelfHeading": "退出聚焦?",
+            "stopSpotlightText": "将不再为会议中的每个人突出显示此视频。",
+            "stopSpotlightOnSelfText": "将不再对会议中的每个人突出显示你的视频。",
+            "stopSpotlightConfirmButtonLabel": "停止聚焦",
+            "stopSpotlightOnSelfConfirmButtonLabel": "退出聚焦",
+            "stopSpotlightCancelButtonLabel": "取消"
         }
     },
     "chat": {

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

@@ -60,6 +60,11 @@
         "removedFromCallMoreDetails": "另一名參與者已將您自通話中移除。",
         "removedFromCallTitle": "您已遭移除",
         "removeMenuLabel": "移除",
+        "startSpotlightParticipantListMenuLabel": "設為每個人的焦點",
+        "addSpotlightParticipantListMenuLabel": "新增焦點",
+        "stopSpotlightParticipantListMenuLabel": "停止聚焦",
+        "stopSpotlightOnSelfParticipantListMenuLabel": "結束聚焦",
+        "spotlightLimitReachedParticipantListMenuTitle": "已達焦點限制",
         "returnToCallButtonAriaDescription": "返回通話",
         "returnToCallButtonAriaLabel": "返回",
         "roomNotFoundDetails": "找不到提供的會議室識別碼。",
@@ -120,6 +125,13 @@
         "callRejectedMoreDetails": "您嘗試連絡的人員無法使用。請稍後再試。",
         "callTimeoutTitle": "無法完成通話",
         "callTimeoutDetails": "您嘗試連絡的人員無法使用。請稍後再試。",
+        "callTimeoutBotTitle": "無法完成通話",
+        "callTimeoutBotDetails": "您嘗試連線的服務無法使用。請稍後再試。",
+        "dtmfDialerButtonLabel": "撥號鍵台",
+        "dtmfDialerButtonTooltipOn": "顯示撥號盤",
+        "dtmfDialerButtonTooltipOff": "隱藏撥號盤",
+        "dtmfDialerMoreButtonLabelOn": "顯示撥號盤",
+        "dtmfDialerMoreButtonLabelOff": "隱藏撥號盤",
         "spokenLanguageStrings": {
             "ar-ae": "阿拉伯文 - 阿拉伯聯合大公國",
             "ar-sa": "阿拉伯文 - 沙烏地阿拉伯",
@@ -232,7 +244,7 @@
                 "grantedDueToRoleChangeToPresenter": "您就是簡報者。您可以分享內容並協助會議。"
             }
         },
-        "surveyQuestion": "今天通话進行的如何?",
+        "surveyTitle": "協助我們改善",
         "starSurveyHelperText": "通話的品質如何?",
         "starSurveyOneStarText": "品質劣等。",
         "starSurveyTwoStarText": "品質差。",
@@ -241,11 +253,12 @@
         "starSurveyFiveStarText": "品質極佳。",
         "surveyConfirmButtonLabel": "傳送意見反應",
         "starRatingAriaLabel": "選取 {0} / {1} 顆星",
-        "surveyCancelButtonAriaLabel": "取消",
+        "surveySkipButtonLabel": "跳過",
         "tagsSurveyQuestion": "什麼部分本來能做得更好?",
         "tagsSurveyTextFieldDefaultText": "其他，請註明",
         "tagsSurveyHelperText": "檢查您遇到的任何問題",
         "surveyTextboxDefaultText": "其他，請註明",
+        "endOfSurveyText": "感謝您提供意見反應!",
         "surveyIssues": {
             "overallRating": {
                 "callCannotJoin": "我無法加入通話",
@@ -291,6 +304,20 @@
             "audioRating": "音訊",
             "videoRating": "影片",
             "screenshareRating": "正在進行簡報"
+        },
+        "spotlightPrompt": {
+            "startSpotlightHeading": "要設為每個人的精選嗎?",
+            "startSpotlightText": "您將向會議中的每個人醒目提示此影片。",
+            "startSpotlightOnSelfText": "您將向會議中的每個人醒目提示您的影片。",
+            "startSpotlightConfirmButtonLabel": "設為每個人的精選",
+            "startSpotlightCancelButtonLabel": "取消",
+            "stopSpotlightHeading": "停止選為精選?",
+            "stopSpotlightOnSelfHeading": "結束精選?",
+            "stopSpotlightText": "不會再向會議中的每個人醒目提示該影片。",
+            "stopSpotlightOnSelfText": "不會再向會議中的每個人醒目提示您的影片。",
+            "stopSpotlightConfirmButtonLabel": "停止選為精選",
+            "stopSpotlightOnSelfConfirmButtonLabel": "結束精選",
+            "stopSpotlightCancelButtonLabel": "取消"
         }
     },
     "chat": {

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.39.4"
+      "packageVersion": "7.40.6"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.13.0-beta.1",
+  "version": "1.13.1-alpha-202402280012",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -23,23 +23,23 @@
   },
   "types": "dist/communication-react.d.ts",
   "dependencies": {
-    "@azure/communication-common": "^2.3.0",
+    "@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.2",
+    "@fluentui/react-components": "^9.46.5",
     "@fluentui/react": "^8.115.2",
-    "@fluentui/react-file-type-icons": "8.11.2",
+    "@fluentui/react-file-type-icons": "8.11.3",
     "@fluentui/react-hooks": "^8.6.36",
-    "@fluentui/react-icons": "^2.0.226",
+    "@fluentui/react-icons": "^2.0.229",
     "@fluentui/react-window-provider": "^2.2.18",
     "@fluentui-contrib/react-chat": "0.1.7",
     "@griffel/react": "^1.5.20",
     "copy-to-clipboard": "^3.3.1",
-    "dompurify": "^3.0.8",
+    "dompurify": "^3.0.9",
     "events": "^3.3.0",
-    "html-react-parser": "^5.1.1",
+    "html-react-parser": "^5.1.7",
     "immer": "10.0.3",
     "memoize-one": "^5.2.1",
     "nanoid": "3.3.6",
@@ -48,14 +48,14 @@
     "reselect": "^4.0.0",
     "roosterjs-editor-core": "^8.54.0",
     "roosterjs-editor-plugins": "^8.54.0",
-    "roosterjs-editor-types": "^8.54.0",
+    "roosterjs-editor-types-compatible": "^8.54.0",
     "roosterjs-react": "^8.54.0",
     "textarea-caret-ts": "^4.1.1",
     "use-debounce": "^10.0.0",
     "uuid": "^9.0.0"
   },
   "peerDependencies": {
-    "@azure/communication-calling": "1.21.1-beta.4",
+    "@azure/communication-calling": "1.22.2-beta.1",
     "@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/ImageGallery.d.ts

@@ -1,71 +0,0 @@
-import { SyntheticEvent } from 'react';
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryImageProps {
-    /** Image Url used to display the image in a large scale. */
-    imageUrl: string;
-    /** String used as a file name when downloading this image to user's local device. */
-    downloadFilename: string;
-    /** Optional string used as a alt text for the image. @default 'image' */
-    altText?: string;
-    /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */
-    title?: string;
-    /** Optional JSX element used as a title icon and displayed to the left of the title element. */
-    titleIcon?: JSX.Element;
-}
-/**
- * Props for {@link ImageGallery}.
- *
- * @beta
- */
-export interface ImageGalleryProps {
-    /**
-     * Boolean that controls whether the modal is displayed.
-     */
-    isOpen: boolean;
-    /**
-     * Array of images used to populate the ImageGallery
-     */
-    images: Array<ImageGalleryImageProps>;
-    /**
-     * Callback to invoke when the ImageGallery modal is dismissed
-     */
-    onDismiss: () => void;
-    /**
-     * Callback called when the download button is clicked.
-     */
-    onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;
-    /**
-     * Callback called when there's an error loading the image.
-     */
-    onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;
-    /**
-     * Indicating which index of the images array to start with.
-     */
-    startIndex?: number;
-}
-/**
- * Strings of {@link ImageGallery} that can be overridden.
- *
- * @beta
- */
-export interface ImageGalleryStrings {
-    /**
-     * Download button label for ImageGallery
-     */
-    downloadButtonLabel: string;
-    /**
-     * Dismiss button aria label for ImageGallery
-     */
-    dismissButtonAriaLabel: string;
-}
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export declare const ImageGallery: (props: ImageGalleryProps) => JSX.Element;
-//# sourceMappingURL=ImageGallery.d.ts.map

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

@@ -1,56 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(image-gallery) */
-import { DefaultButton, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';
-/* @conditional-compile-remove(image-gallery) */
-import React, { useState } from 'react';
-/* @conditional-compile-remove(image-gallery) */
-import { bodyContainer, brokenImageStyle, cancelIcon, closeButtonStyles, controlBarContainerStyle, downloadButtonStyle, downloadIcon, downloadIconStyle, focusTrapZoneStyle, headerStyle, normalImageStyle, overlayStyles, scrollableContentStyle, smallDownloadButtonContainerStyle, titleBarContainerStyle, titleStyle } from './styles/ImageGallery.style';
-/* @conditional-compile-remove(image-gallery) */
-import { useTheme } from '../theming/FluentThemeProvider';
-/* @conditional-compile-remove(image-gallery) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(image-gallery) */
-/**
- * Component to render a fullscreen modal for a selected image.
- *
- * @beta
- */
-export const ImageGallery = (props) => {
-    const { isOpen, images, onImageDownloadButtonClicked, onDismiss, onError, startIndex = 0 } = props;
-    const theme = useTheme();
-    /* @conditional-compile-remove(image-gallery) */
-    const localeStrings = useLocale().strings.imageGallery;
-    const [isImageLoaded, setIsImageLoaded] = useState(true);
-    const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);
-    const image = images[startIndex];
-    const renderHeaderBar = () => {
-        return React.createElement(Stack, { className: mergeStyles(headerStyle) },
-            React.createElement(Stack, { className: mergeStyles(titleBarContainerStyle) }, image === null || image === void 0 ? void 0 :
-                image.titleIcon,
-                React.createElement(Stack.Item, { className: mergeStyles(titleStyle(theme)), "aria-label": image === null || image === void 0 ? void 0 : image.title }, image === null || image === void 0 ? void 0 : image.title)),
-            React.createElement(Stack, { className: mergeStyles(controlBarContainerStyle) },
-                React.createElement(DefaultButton, { className: mergeStyles(downloadButtonStyle(theme)), 
-                    /* @conditional-compile-remove(image-gallery) */ text: localeStrings.downloadButtonLabel, onClick: () => onImageDownloadButtonClicked((image === null || image === void 0 ? void 0 : image.imageUrl) || '', (image === null || image === void 0 ? void 0 : image.downloadFilename) || 'image'), onRenderIcon: () => React.createElement(Icon, { iconName: downloadIcon.iconName, className: mergeStyles(downloadIconStyle) }), "aria-live": 'polite', "aria-label": localeStrings.downloadButtonLabel }),
-                React.createElement(IconButton, { iconProps: downloadIcon, className: mergeStyles(smallDownloadButtonContainerStyle(theme)), onClick: () => onImageDownloadButtonClicked(image === null || image === void 0 ? void 0 : image.imageUrl, image === null || image === void 0 ? void 0 : image.downloadFilename), "aria-label": localeStrings.downloadButtonLabel, "aria-live": 'polite' }),
-                React.createElement(IconButton, { iconProps: cancelIcon, className: mergeStyles(closeButtonStyles(theme)), onClick: onDismiss, 
-                    /* @conditional-compile-remove(image-gallery) */ ariaLabel: localeStrings.dismissButtonAriaLabel, "aria-live": 'polite' })));
-    };
-    const renderBodyWithLightDismiss = () => {
-        return React.createElement(Stack, { className: mergeStyles(bodyContainer), onClick: () => props.onDismiss() }, images.length > startIndex && React.createElement("img", { src: image === null || image === void 0 ? void 0 : image.imageUrl, className: mergeStyles(imageStyle), alt: (image === null || image === void 0 ? void 0 : image.altText) || 'image', "aria-label": 'image-gallery-main-image', "aria-live": 'polite', onError: event => {
-                setIsImageLoaded(false);
-                onError && onError(event);
-            }, onClick: event => event.stopPropagation(), onDoubleClick: event => {
-                event.persist();
-            } }));
-    };
-    return React.createElement(Modal, { titleAriaId: image === null || image === void 0 ? void 0 : image.title, isOpen: isOpen, onDismiss: onDismiss, overlay: {
-            styles: Object.assign({}, overlayStyles(theme))
-        }, styles: {
-            main: focusTrapZoneStyle,
-            scrollableContent: scrollableContentStyle
-        }, isDarkOverlay: true },
-        renderHeaderBar(),
-        renderBodyWithLightDismiss());
-};
-//# sourceMappingURL=ImageGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ImageGallery.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-components/src/components/ImageGallery.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(image-gallery) */\nimport { DefaultButton, Icon, IconButton, Modal, Stack, mergeStyles } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) */\nimport React, { SyntheticEvent, useState } from 'react';\n/* @conditional-compile-remove(image-gallery) */\nimport { bodyContainer, brokenImageStyle, cancelIcon, closeButtonStyles, controlBarContainerStyle, downloadButtonStyle, downloadIcon, downloadIconStyle, focusTrapZoneStyle, headerStyle, normalImageStyle, overlayStyles, scrollableContentStyle, smallDownloadButtonContainerStyle, titleBarContainerStyle, titleStyle } from './styles/ImageGallery.style';\n/* @conditional-compile-remove(image-gallery) */\nimport { useTheme } from '../theming/FluentThemeProvider';\n/* @conditional-compile-remove(image-gallery) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(image-gallery) */\nimport { ChatTheme } from '../theming';\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryImageProps {\n  /** Image Url used to display the image in a large scale. */\n  imageUrl: string;\n  /** String used as a file name when downloading this image to user's local device. */\n  downloadFilename: string;\n  /** Optional string used as a alt text for the image. @default 'image' */\n  altText?: string;\n  /** Optional string used as the title of the image and displayed on the top left corner of the ImageGallery. */\n  title?: string;\n  /** Optional JSX element used as a title icon and displayed to the left of the title element. */\n  titleIcon?: JSX.Element;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Props for {@link ImageGallery}.\n *\n * @beta\n */\nexport interface ImageGalleryProps {\n  /**\n   * Boolean that controls whether the modal is displayed.\n   */\n  isOpen: boolean;\n  /**\n   * Array of images used to populate the ImageGallery\n   */\n  images: Array<ImageGalleryImageProps>;\n  /**\n   * Callback to invoke when the ImageGallery modal is dismissed\n   */\n  onDismiss: () => void;\n  /**\n   * Callback called when the download button is clicked.\n   */\n  onImageDownloadButtonClicked: (imageUrl: string, downloadFilename: string) => void;\n  /**\n   * Callback called when there's an error loading the image.\n   */\n  onError?: (event: SyntheticEvent<HTMLImageElement, Event>) => void;\n  /**\n   * Indicating which index of the images array to start with.\n   */\n  startIndex?: number;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Strings of {@link ImageGallery} that can be overridden.\n *\n * @beta\n */\nexport interface ImageGalleryStrings {\n  /**\n   * Download button label for ImageGallery\n   */\n  downloadButtonLabel: string;\n  /**\n   * Dismiss button aria label for ImageGallery\n   */\n  dismissButtonAriaLabel: string;\n}\n/* @conditional-compile-remove(image-gallery) */\n/**\n * Component to render a fullscreen modal for a selected image.\n *\n * @beta\n */\nexport const ImageGallery = (props: ImageGalleryProps): JSX.Element => {\n  const {\n    isOpen,\n    images,\n    onImageDownloadButtonClicked,\n    onDismiss,\n    onError,\n    startIndex = 0\n  } = props;\n  const theme = ((useTheme() as unknown) as ChatTheme);\n\n  /* @conditional-compile-remove(image-gallery) */\n  const localeStrings = useLocale().strings.imageGallery;\n  const [isImageLoaded, setIsImageLoaded] = useState<boolean>(true);\n  const imageStyle = isImageLoaded ? normalImageStyle : brokenImageStyle(theme);\n  const image = images[startIndex];\n  const renderHeaderBar = (): JSX.Element => {\n    return <Stack className={mergeStyles(headerStyle)}>\n        <Stack className={mergeStyles(titleBarContainerStyle)}>\n          {image?.titleIcon}\n          <Stack.Item className={mergeStyles(titleStyle(theme))} aria-label={image?.title}>\n            {image?.title}\n          </Stack.Item>\n        </Stack>\n        <Stack className={mergeStyles(controlBarContainerStyle)}>\n          <DefaultButton className={mergeStyles(downloadButtonStyle(theme))}\n        /* @conditional-compile-remove(image-gallery) */ text={localeStrings.downloadButtonLabel} onClick={() => onImageDownloadButtonClicked(image?.imageUrl || '', image?.downloadFilename || 'image')} onRenderIcon={() => <Icon iconName={downloadIcon.iconName} className={mergeStyles(downloadIconStyle)} />} aria-live={'polite'}\n        /* @conditional-compile-remove(image-gallery) */ aria-label={localeStrings.downloadButtonLabel} />\n          <IconButton iconProps={downloadIcon} className={mergeStyles(smallDownloadButtonContainerStyle(theme))} onClick={() => onImageDownloadButtonClicked(image?.imageUrl, image?.downloadFilename)}\n        /* @conditional-compile-remove(image-gallery) */ aria-label={localeStrings.downloadButtonLabel} aria-live={'polite'} />\n          <IconButton iconProps={cancelIcon} className={mergeStyles(closeButtonStyles(theme))} onClick={onDismiss}\n        /* @conditional-compile-remove(image-gallery) */ ariaLabel={localeStrings.dismissButtonAriaLabel} aria-live={'polite'} />\n        </Stack>\n      </Stack>;\n  };\n  const renderBodyWithLightDismiss = (): JSX.Element => {\n    return <Stack className={mergeStyles(bodyContainer)} onClick={() => props.onDismiss()}>\n        {images.length > startIndex && <img src={image?.imageUrl} className={mergeStyles(imageStyle)} alt={image?.altText || 'image'} aria-label={'image-gallery-main-image'} aria-live={'polite'} onError={event => {\n        setIsImageLoaded(false);\n        onError && onError(event);\n      }} onClick={event => event.stopPropagation()} onDoubleClick={event => {\n        event.persist();\n      }} />}\n      </Stack>;\n  };\n  return <Modal titleAriaId={image?.title} isOpen={isOpen} onDismiss={onDismiss} overlay={{\n    styles: {\n      ...overlayStyles(theme)\n    }\n  }} styles={{\n    main: focusTrapZoneStyle,\n    scrollableContent: scrollableContentStyle\n  }} isDarkOverlay={true}>\n      {renderHeaderBar()}\n      {renderBodyWithLightDismiss()}\n    </Modal>;\n};"]}