@azure/communication-react 1.8.1-alpha-202310060013 → 1.9.0-beta.1

package/dist/dist-esm/react-composites/src/composites/localization/locales/ru-RU/CompositeLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../../react-composites/src/composites/localization/locales/ru-RU/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_RU_RU } from '@internal/react-components';\nimport ru_RU from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Russian (Russia)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_RU_RU: CompositeLocale = {\n  component: COMPONENT_LOCALE_RU_RU,\n  strings: createCompositeStrings(ru_RU)\n};\n\"../../../../../../react-components/src\""]}
+{"version":3,"file":"CompositeLocale.js","sourceRoot":"","sources":["../../../../../../../../preprocess-dist/react-composites/src/composites/localization/locales/ru-RU/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_RU_RU } from '@internal/react-components';\nimport ru_RU from './strings.json';\nimport { createCompositeStrings } from '../utils';\nimport { CompositeLocale } from '../../LocalizationProvider';\n\n/**\n * Locale for Russian (Russia)\n *\n * @public\n */\nexport const COMPOSITE_LOCALE_RU_RU: CompositeLocale = {\n  component: COMPONENT_LOCALE_RU_RU,\n  strings: createCompositeStrings(ru_RU)\n};\"../../../../../../react-components/src\""]}

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

@@ -208,6 +208,7 @@
         "moreButtonGalleryFloatingLocalLayoutLabel": "Динамический макет",
         "moreButtonGalleryDefaultLayoutLabel": "Макет коллекции",
         "moreButtonGalleryFocusedContentLayoutLabel": "Отсортированные материалы",
+        "moreButtonLargeGalleryDefaultLayoutLabel": "Большая галерея",
         "capabilityChangedNotification": {
             "turnVideoOn": {
                 "lostDueToMeetingOption": "Камера отключена. Вы больше не можете делиться видео.",
@@ -245,6 +246,7 @@
         "moreDrawerCaptionsMenuTitle": "Автоматические субтитры",
         "moreDrawerSpokenLanguageMenuTitle": "Язык речи",
         "moreDrawerCaptionLanguageMenuTitle": "Язык субтитров",
+        "moreDrawerGalleryOptionsMenuTitle": "Параметры коллекции",
         "peopleButtonLabel": "Люди",
         "selectedPeopleButtonLabel": "Нажата кнопка \"Люди\"",
         "peopleButtonTooltipOpen": "Показать участников",

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

@@ -1 +1 @@
-{"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\"../../../../../../react-components/src\""]}
+{"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};\"../../../../../../react-components/src\""]}

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

@@ -208,6 +208,7 @@
         "moreButtonGalleryFloatingLocalLayoutLabel": "Dynamisk layout",
         "moreButtonGalleryDefaultLayoutLabel": "Gallerilayout",
         "moreButtonGalleryFocusedContentLayoutLabel": "Fokuserat innehåll",
+        "moreButtonLargeGalleryDefaultLayoutLabel": "Stort galleri",
         "capabilityChangedNotification": {
             "turnVideoOn": {
                 "lostDueToMeetingOption": "Kameran har inaktiverats. Du kan inte längre dela video.",
@@ -245,6 +246,7 @@
         "moreDrawerCaptionsMenuTitle": "Liveundertexter",
         "moreDrawerSpokenLanguageMenuTitle": "Talat språk",
         "moreDrawerCaptionLanguageMenuTitle": "Språk för undertext",
+        "moreDrawerGalleryOptionsMenuTitle": "Gallerialternativ",
         "peopleButtonLabel": "Personer",
         "selectedPeopleButtonLabel": "Knappen Kontakter har valts",
         "peopleButtonTooltipOpen": "Visa deltagare",

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

@@ -1 +1 @@
-{"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\"../../../../../../react-components/src\""]}
+{"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};\"../../../../../../react-components/src\""]}

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

@@ -208,6 +208,7 @@
         "moreButtonGalleryFloatingLocalLayoutLabel": "Dinamik düzen",
         "moreButtonGalleryDefaultLayoutLabel": "Galeri düzeni",
         "moreButtonGalleryFocusedContentLayoutLabel": "Odaklanmış içerik",
+        "moreButtonLargeGalleryDefaultLayoutLabel": "Büyük Galeri",
         "capabilityChangedNotification": {
             "turnVideoOn": {
                 "lostDueToMeetingOption": "Kameranız devre dışı bırakıldı. Artık video paylaşasınız.",
@@ -245,6 +246,7 @@
         "moreDrawerCaptionsMenuTitle": "Açıklamalı canlı alt yazılar",
         "moreDrawerSpokenLanguageMenuTitle": "Konuşulan dil",
         "moreDrawerCaptionLanguageMenuTitle": "Açıklamalı alt yazı dili",
+        "moreDrawerGalleryOptionsMenuTitle": "Galeri seçenekleri",
         "peopleButtonLabel": "Kişiler",
         "selectedPeopleButtonLabel": "Kişiler Düğmesi Seçildi",
         "peopleButtonTooltipOpen": "Katılımcıları göster",

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

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

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

@@ -1 +1 @@
-{"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\"../../../../../../react-components/src\""]}
+{"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};\"../../../../../../react-components/src\""]}

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

@@ -208,6 +208,7 @@
         "moreButtonGalleryFloatingLocalLayoutLabel": "动态布局",
         "moreButtonGalleryDefaultLayoutLabel": "库布局",
         "moreButtonGalleryFocusedContentLayoutLabel": "重点内容",
+        "moreButtonLargeGalleryDefaultLayoutLabel": "大型画廊模式",
         "capabilityChangedNotification": {
             "turnVideoOn": {
                 "lostDueToMeetingOption": "你的照相机已禁用。你无法再共享视频。",
@@ -245,6 +246,7 @@
         "moreDrawerCaptionsMenuTitle": "实时辅助字幕",
         "moreDrawerSpokenLanguageMenuTitle": "口述语言",
         "moreDrawerCaptionLanguageMenuTitle": "字幕语言",
+        "moreDrawerGalleryOptionsMenuTitle": "库选项",
         "peopleButtonLabel": "人员",
         "selectedPeopleButtonLabel": "已选择“人员”按钮",
         "peopleButtonTooltipOpen": "显示参与者",

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

@@ -1 +1 @@
-{"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\"../../../../../../react-components/src\""]}
+{"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};\"../../../../../../react-components/src\""]}

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

@@ -208,6 +208,7 @@
         "moreButtonGalleryFloatingLocalLayoutLabel": "動態版面配置",
         "moreButtonGalleryDefaultLayoutLabel": "資源庫配置",
         "moreButtonGalleryFocusedContentLayoutLabel": "焦點內容",
+        "moreButtonLargeGalleryDefaultLayoutLabel": "大型圖庫",
         "capabilityChangedNotification": {
             "turnVideoOn": {
                 "lostDueToMeetingOption": "您的相機已停用。您無法再分享視訊。",
@@ -245,6 +246,7 @@
         "moreDrawerCaptionsMenuTitle": "即時字幕",
         "moreDrawerSpokenLanguageMenuTitle": "口語語言",
         "moreDrawerCaptionLanguageMenuTitle": "字幕語言",
+        "moreDrawerGalleryOptionsMenuTitle": "圖庫選項",
         "peopleButtonLabel": "人員",
         "selectedPeopleButtonLabel": "已選取人員按鈕",
         "peopleButtonTooltipOpen": "顯示參與者",

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.8.1-alpha-202310060013",
+  "version": "1.9.0-beta.1",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -98,13 +98,13 @@
     "@azure/core-auth": "^1.4.0",
     "@babel/cli": "^7.16.0",
     "@babel/core": "^7.16.0",
-    "@internal/calling-component-bindings": "1.8.1-alpha-202310060013",
-    "@internal/calling-stateful-client": "1.8.1-alpha-202310060013",
-    "@internal/chat-component-bindings": "1.8.1-alpha-202310060013",
-    "@internal/chat-stateful-client": "1.8.1-alpha-202310060013",
-    "@internal/fake-backends": "1.8.1-alpha-202310060013",
-    "@internal/react-components": "1.8.1-alpha-202310060013",
-    "@internal/react-composites": "1.8.1-alpha-202310060013",
+    "@internal/calling-component-bindings": "1.9.0-beta.1",
+    "@internal/calling-stateful-client": "1.9.0-beta.1",
+    "@internal/chat-component-bindings": "1.9.0-beta.1",
+    "@internal/chat-stateful-client": "1.9.0-beta.1",
+    "@internal/fake-backends": "1.9.0-beta.1",
+    "@internal/react-components": "1.9.0-beta.1",
+    "@internal/react-composites": "1.9.0-beta.1",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",
     "@rollup/plugin-json": "^4.1.0",

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './Layout';
-/**
- * Props for {@link LargeGalleryLayout}.
- *
- * @private
- */
-export declare type LargeGalleryProps = LayoutProps;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export declare const LargeGalleryLayout: (props: LargeGalleryProps) => JSX.Element;
-//# sourceMappingURL=LargeGalleryLayout.d.ts.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js

@@ -1,126 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useMemo, useRef, useState } from 'react';
-import { isNarrowWidth } from '../utils/responsive';
-/* @conditional-compile-remove(gallery-layouts) */
-import { isShortHeight } from '../utils/responsive';
-import { OverflowGallery } from './OverflowGallery';
-import { GridLayout } from '../GridLayout';
-import { Stack } from '@fluentui/react';
-import { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';
-import { rootLayoutStyle } from './styles/DefaultLayout.styles';
-import { videoGalleryLayoutGap } from './styles/Layout.styles';
-/* @conditional-compile-remove(gallery-layouts) */
-import { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';
-const DEFAULT_CHILDREN_PER_PAGE = 5;
-/* @conditional-compile-remove(gallery-layouts) */
-const REM_TO_PIXEL = 16;
-/* @conditional-compile-remove(gallery-layouts) */
-const LARGE_GALLERY_PARTICIPANT_CAP = 48;
-/**
- * VideoGallery Layout for when user is in a large meeting and wants to see more participants
- *
- * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.
- *
- * @private
- */
-export const LargeGalleryLayout = (props) => {
-    const { remoteParticipants = [], localParticipant, dominantSpeakers, localVideoComponent, screenShareComponent, onRenderRemoteParticipant, styles, maxRemoteVideoStreams, parentWidth, 
-    /* @conditional-compile-remove(gallery-layouts) */ parentHeight, pinnedParticipantUserIds = [], 
-    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom' } = props;
-    const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;
-    /* @conditional-compile-remove(gallery-layouts) */
-    const isShort = parentHeight ? isShortHeight(parentHeight) : false;
-    const maxStreamsTrampoline = () => {
-        /* @conditional-compile-remove(gallery-layouts) */
-        return parentWidth && parentHeight
-            ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)
-            : maxRemoteVideoStreams;
-        return maxRemoteVideoStreams;
-    };
-    // This is for tracking the number of children in the first page of overflow gallery.
-    // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.
-    // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.
-    const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);
-    const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({
-        remoteParticipants,
-        localParticipant,
-        dominantSpeakers,
-        maxRemoteVideoStreams: maxStreamsTrampoline(),
-        isScreenShareActive: !!screenShareComponent,
-        maxOverflowGalleryDominantSpeakers: screenShareComponent
-            ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)
-            : childrenPerPage.current,
-        /* @conditional-compile-remove(pinned-participants) */ pinnedParticipantUserIds,
-        /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'
-    });
-    let activeVideoStreams = 0;
-    const gridTiles = gridParticipants.map((p) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    /**
-     * instantiate indexes available to render with indexes available that would be on first page
-     *
-     * For some components which do not strictly follow the order of the array, we might
-     * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of
-     * this case when those components are here
-     */
-    const [indexesToRender, setIndexesToRender] = useState([]);
-    const overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {
-        var _a, _b;
-        return onRenderRemoteParticipant(p, maxRemoteVideoStreams && maxRemoteVideoStreams >= 0
-            ? ((_a = p.videoStream) === null || _a === void 0 ? void 0 : _a.isAvailable) && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams
-            : (_b = p.videoStream) === null || _b === void 0 ? void 0 : _b.isAvailable);
-    });
-    if (localVideoComponent) {
-        gridTiles.push(localVideoComponent);
-    }
-    const overflowGallery = useMemo(() => {
-        if (overflowGalleryTiles.length === 0) {
-            return null;
-        }
-        return (React.createElement(OverflowGallery, { isNarrow: isNarrow, 
-            /* @conditional-compile-remove(gallery-layouts) */
-            isShort: isShort, shouldFloatLocalVideo: false, overflowGalleryElements: overflowGalleryTiles, horizontalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.horizontalGallery, 
-            /* @conditional-compile-remove(vertical-gallery) */
-            verticalGalleryStyles: styles === null || styles === void 0 ? void 0 : styles.verticalGallery, 
-            /* @conditional-compile-remove(vertical-gallery) */
-            overflowGalleryPosition: overflowGalleryPosition, onFetchTilesToRender: setIndexesToRender, onChildrenPerPageChange: (n) => {
-                childrenPerPage.current = n;
-            } }));
-    }, [
-        isNarrow,
-        /* @conditional-compile-remove(gallery-layouts) */ isShort,
-        overflowGalleryTiles,
-        styles === null || styles === void 0 ? void 0 : styles.horizontalGallery,
-        /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,
-        setIndexesToRender,
-        /* @conditional-compile-remove(vertical-gallery) */ styles === null || styles === void 0 ? void 0 : styles.verticalGallery
-    ]);
-    return (React.createElement(Stack
-    /* @conditional-compile-remove(vertical-gallery) */
-    , { 
-        /* @conditional-compile-remove(vertical-gallery) */
-        horizontal: overflowGalleryPosition === 'verticalRight', styles: rootLayoutStyle, tokens: videoGalleryLayoutGap },
-        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (overflowGallery) : (React.createElement(React.Fragment, null)),
-        screenShareComponent ? (screenShareComponent) : (React.createElement(GridLayout, { key: "grid-layout", styles: styles === null || styles === void 0 ? void 0 : styles.gridLayout }, gridTiles)),
-        overflowGalleryTrampoline(overflowGallery, 
-        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition)));
-};
-const overflowGalleryTrampoline = (gallery, galleryPosition) => {
-    /* @conditional-compile-remove(gallery-layouts) */
-    return galleryPosition !== 'horizontalTop' ? gallery : React.createElement(React.Fragment, null);
-    return gallery;
-};
-/* @conditional-compile-remove(gallery-layouts) */
-const calculateMaxTilesInLargeGrid = (parentWidth, parentHeight) => {
-    const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));
-    const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));
-    return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP
-        ? xAxisTiles * yAxisTiles
-        : LARGE_GALLERY_PARTICIPANT_CAP;
-};
-//# sourceMappingURL=LargeGalleryLayout.js.map

package/dist/dist-esm/react-components/src/components/VideoGallery/LargeGalleryLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LargeGalleryLayout.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/VideoGallery/LargeGalleryLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React, { useMemo, useRef, useState } from 'react';\nimport { isNarrowWidth } from '../utils/responsive';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { isShortHeight } from '../utils/responsive';\nimport { LayoutProps } from './Layout';\nimport { OverflowGallery } from './OverflowGallery';\nimport { GridLayout } from '../GridLayout';\nimport { Stack } from '@fluentui/react';\nimport { useOrganizedParticipants } from './utils/videoGalleryLayoutUtils';\nimport { rootLayoutStyle } from './styles/DefaultLayout.styles';\nimport { videoGalleryLayoutGap } from './styles/Layout.styles';\n/* @conditional-compile-remove(gallery-layouts) */\nimport { VERTICAL_GALLERY_TILE_SIZE_REM } from './styles/VideoGalleryResponsiveVerticalGallery.styles';\n\n/**\n * Props for {@link LargeGalleryLayout}.\n *\n * @private\n */\nexport type LargeGalleryProps = LayoutProps;\n\nconst DEFAULT_CHILDREN_PER_PAGE = 5;\n/* @conditional-compile-remove(gallery-layouts) */\nconst REM_TO_PIXEL = 16;\n/* @conditional-compile-remove(gallery-layouts) */\nconst LARGE_GALLERY_PARTICIPANT_CAP = 48;\n/**\n * VideoGallery Layout for when user is in a large meeting and wants to see more participants\n *\n * Caps the number of tiles that a participant can see in the grid to 49, Video and Audio.\n *\n * @private\n */\nexport const LargeGalleryLayout = (props: LargeGalleryProps): JSX.Element => {\n  const {\n    remoteParticipants = [],\n    localParticipant,\n    dominantSpeakers,\n    localVideoComponent,\n    screenShareComponent,\n    onRenderRemoteParticipant,\n    styles,\n    maxRemoteVideoStreams,\n    parentWidth,\n    /* @conditional-compile-remove(gallery-layouts) */ parentHeight,\n    pinnedParticipantUserIds = [],\n    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition = 'horizontalBottom'\n  } = props;\n\n  const isNarrow = parentWidth ? isNarrowWidth(parentWidth) : false;\n  /* @conditional-compile-remove(gallery-layouts) */\n  const isShort = parentHeight ? isShortHeight(parentHeight) : false;\n\n  const maxStreamsTrampoline = (): number => {\n    /* @conditional-compile-remove(gallery-layouts) */\n    return parentWidth && parentHeight\n      ? calculateMaxTilesInLargeGrid(parentWidth, parentHeight)\n      : maxRemoteVideoStreams;\n    return maxRemoteVideoStreams;\n  };\n\n  // This is for tracking the number of children in the first page of overflow gallery.\n  // This number will be used for the maxOverflowGalleryDominantSpeakers when organizing the remote participants.\n  // We need to add the local participant to the pinned participant count so we are placing the speakers correctly.\n  const childrenPerPage = useRef(DEFAULT_CHILDREN_PER_PAGE);\n  const { gridParticipants, overflowGalleryParticipants } = useOrganizedParticipants({\n    remoteParticipants,\n    localParticipant,\n    dominantSpeakers,\n    maxRemoteVideoStreams: maxStreamsTrampoline(),\n    isScreenShareActive: !!screenShareComponent,\n    maxOverflowGalleryDominantSpeakers: screenShareComponent\n      ? childrenPerPage.current - ((pinnedParticipantUserIds.length + 1) % childrenPerPage.current)\n      : childrenPerPage.current,\n    /* @conditional-compile-remove(pinned-participants) */ pinnedParticipantUserIds,\n    /* @conditional-compile-remove(large-gallery) */ layout: 'largeGallery'\n  });\n  let activeVideoStreams = 0;\n\n  const gridTiles = gridParticipants.map((p) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  /**\n   * instantiate indexes available to render with indexes available that would be on first page\n   *\n   * For some components which do not strictly follow the order of the array, we might\n   * re-render the initial tiles -> dispose them -> create new tiles, we need to take care of\n   * this case when those components are here\n   */\n  const [indexesToRender, setIndexesToRender] = useState<number[]>([]);\n\n  const overflowGalleryTiles = overflowGalleryParticipants.map((p, i) => {\n    return onRenderRemoteParticipant(\n      p,\n      maxRemoteVideoStreams && maxRemoteVideoStreams >= 0\n        ? p.videoStream?.isAvailable && indexesToRender.includes(i) && activeVideoStreams++ < maxRemoteVideoStreams\n        : p.videoStream?.isAvailable\n    );\n  });\n\n  if (localVideoComponent) {\n    gridTiles.push(localVideoComponent);\n  }\n\n  const overflowGallery = useMemo(() => {\n    if (overflowGalleryTiles.length === 0) {\n      return null;\n    }\n    return (\n      <OverflowGallery\n        isNarrow={isNarrow}\n        /* @conditional-compile-remove(gallery-layouts) */\n        isShort={isShort}\n        shouldFloatLocalVideo={false}\n        overflowGalleryElements={overflowGalleryTiles}\n        horizontalGalleryStyles={styles?.horizontalGallery}\n        /* @conditional-compile-remove(vertical-gallery) */\n        verticalGalleryStyles={styles?.verticalGallery}\n        /* @conditional-compile-remove(vertical-gallery) */\n        overflowGalleryPosition={overflowGalleryPosition}\n        onFetchTilesToRender={setIndexesToRender}\n        onChildrenPerPageChange={(n: number) => {\n          childrenPerPage.current = n;\n        }}\n      />\n    );\n  }, [\n    isNarrow,\n    /* @conditional-compile-remove(gallery-layouts) */ isShort,\n    overflowGalleryTiles,\n    styles?.horizontalGallery,\n    /* @conditional-compile-remove(vertical-gallery) */ overflowGalleryPosition,\n    setIndexesToRender,\n    /* @conditional-compile-remove(vertical-gallery) */ styles?.verticalGallery\n  ]);\n\n  return (\n    <Stack\n      /* @conditional-compile-remove(vertical-gallery) */\n      horizontal={overflowGalleryPosition === 'verticalRight'}\n      styles={rootLayoutStyle}\n      tokens={videoGalleryLayoutGap}\n    >\n      {\n        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition === 'horizontalTop' ? (\n          overflowGallery\n        ) : (\n          <></>\n        )\n      }\n      {screenShareComponent ? (\n        screenShareComponent\n      ) : (\n        <GridLayout key=\"grid-layout\" styles={styles?.gridLayout}>\n          {gridTiles}\n        </GridLayout>\n      )}\n      {overflowGalleryTrampoline(\n        overflowGallery,\n        /* @conditional-compile-remove(gallery-layouts) */ props.overflowGalleryPosition\n      )}\n    </Stack>\n  );\n};\n\nconst overflowGalleryTrampoline = (\n  gallery: JSX.Element | null,\n  galleryPosition?: 'horizontalBottom' | 'verticalRight' | 'horizontalTop'\n): JSX.Element | null => {\n  /* @conditional-compile-remove(gallery-layouts) */\n  return galleryPosition !== 'horizontalTop' ? gallery : <></>;\n  return gallery;\n};\n\n/* @conditional-compile-remove(gallery-layouts) */\nconst calculateMaxTilesInLargeGrid = (parentWidth: number, parentHeight: number): number => {\n  const xAxisTiles = Math.floor(parentWidth / (VERTICAL_GALLERY_TILE_SIZE_REM.width * REM_TO_PIXEL));\n  const yAxisTiles = Math.floor(parentHeight / (VERTICAL_GALLERY_TILE_SIZE_REM.minHeight * REM_TO_PIXEL));\n  return xAxisTiles * yAxisTiles < LARGE_GALLERY_PARTICIPANT_CAP\n    ? xAxisTiles * yAxisTiles\n    : LARGE_GALLERY_PARTICIPANT_CAP;\n};\n"]}