@azure/communication-react 1.20.0-alpha-202410130017 → 1.20.0-alpha-202410170016

package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js

@@ -17,7 +17,7 @@ export const MeetingPhoneInfoPaneContent = (props) => {
         return (React.createElement(Stack, { verticalFill: true, styles: phoneInfoContainerStyle, tokens: phoneInfoContainerTokens, "data-ui-id": "phone-info-pane-content" },
             (conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (React.createElement(Stack, { horizontal: true },
                 React.createElement(Text, { className: phoneInfoTextStyle }, localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable))),
-            conferencePhoneInfoList && conferencePhoneInfoList.length > 0 && (React.createElement(Stack, null,
+            conferencePhoneInfoList && conferencePhoneInfoList[0] && (React.createElement(Stack, null,
                 React.createElement(Stack, { horizontal: true, horizontalAlign: "space-between", className: phoneInfoInstructionLine },
                     React.createElement(Stack.Item, null,
                         React.createElement(Stack, { horizontal: true, className: phoneInfoStep },

package/dist/dist-esm/react-composites/src/composites/common/MeetingPhoneInfoPaneContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MeetingPhoneInfoPaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/MeetingPhoneInfoPaneContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// eslint-disable-next-line no-restricted-imports\nimport { Stack, Text, useTheme, Icon, Link } from '@fluentui/react';\nimport { _DrawerMenuItemProps } from '@internal/react-components';\nimport React from 'react';\nimport {\n  ConferencePhoneInfo,\n  formatPhoneNumberInfo,\n  _formatPhoneNumber,\n  formatPhoneNumberLink\n} from '@internal/react-components';\nimport {\n  phoneInfoTextStyle,\n  phoneInfoIcon,\n  phoneInfoInstructionLine,\n  phoneInfoStep,\n  phoneInfoIconStyle,\n  phoneInfoLabelStyle,\n  phoneInfoContainerTokens,\n  phoneInfoContainerStyle\n} from './styles/TeamsMeetingConferenceInfo.style';\nimport { useLocale } from '../localization';\n\n/**\n * @private\n */\nexport const MeetingPhoneInfoPaneContent = (props: {\n  mobileView?: boolean;\n  conferencePhoneInfoList?: ConferencePhoneInfo[];\n}): JSX.Element => {\n  const { conferencePhoneInfoList } = props;\n  const theme = useTheme();\n  const localeStrings = useLocale().component.strings.meetingConferencePhoneInfo;\n\n  if (props.mobileView) {\n    return (\n      <Stack\n        verticalFill\n        styles={phoneInfoContainerStyle}\n        tokens={phoneInfoContainerTokens}\n        data-ui-id=\"phone-info-pane-content\"\n      >\n        {(conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (\n          <Stack horizontal>\n            <Text className={phoneInfoTextStyle}>{localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable}</Text>\n          </Stack>\n        )}\n        {conferencePhoneInfoList && conferencePhoneInfoList.length > 0 && (\n          <Stack>\n            <Stack horizontal horizontalAlign=\"space-between\" className={phoneInfoInstructionLine}>\n              <Stack.Item>\n                <Stack horizontal className={phoneInfoStep}>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Stack verticalAlign=\"center\" horizontalAlign=\"center\">\n                      <Icon iconName=\"JoinByPhoneDialStepIcon\" className={phoneInfoIconStyle(theme)} />\n                    </Stack>\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalDialIn}</Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Stack.Item className={phoneInfoStep}>\n                {conferencePhoneInfoList.map((phoneNumber, index) => (\n                  <Stack.Item key={index}>\n                    <Link className={phoneInfoTextStyle} href={formatPhoneNumberLink(phoneNumber)}>\n                      {_formatPhoneNumber(phoneNumber.phoneNumber, true)}\n                    </Link>\n                    <Text className={phoneInfoTextStyle}>\n                      {' '}\n                      {phoneNumber.isTollFree\n                        ? localeStrings.meetingConferencePhoneInfoModalTollFree\n                        : localeStrings.meetingConferencePhoneInfoModalToll}\n                    </Text>\n                    <br />\n                    <Text className={phoneInfoTextStyle}> {formatPhoneNumberInfo(phoneNumber, localeStrings)}</Text>\n                  </Stack.Item>\n                ))}\n              </Stack.Item>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack.Item>\n                <Stack horizontal>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Icon iconName=\"JoinByPhoneConferenceIdIcon\" className={phoneInfoIconStyle(theme)} />\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>\n                      {localeStrings.meetingConferencePhoneInfoModalMeetingId}\n                    </Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Text className={phoneInfoTextStyle}>{conferencePhoneInfoList[0].conferenceId}#</Text>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack horizontal>\n                <Stack.Item className={phoneInfoIcon(theme)}>\n                  <Icon iconName=\"JoinByPhoneWaitToBeAdmittedIcon\" className={phoneInfoIconStyle(theme)} />\n                </Stack.Item>\n                <Stack.Item>\n                  <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalWait}</Text>\n                </Stack.Item>\n              </Stack>\n            </Stack>\n          </Stack>\n        )}\n      </Stack>\n    );\n  }\n\n  return (\n    <Stack\n      verticalFill\n      styles={phoneInfoContainerStyle}\n      tokens={phoneInfoContainerTokens}\n      data-ui-id=\"phone-info-pane-content\"\n    ></Stack>\n  );\n};\n"]}
+{"version":3,"file":"MeetingPhoneInfoPaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/MeetingPhoneInfoPaneContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// eslint-disable-next-line no-restricted-imports\nimport { Stack, Text, useTheme, Icon, Link } from '@fluentui/react';\nimport { _DrawerMenuItemProps } from '@internal/react-components';\nimport React from 'react';\nimport {\n  ConferencePhoneInfo,\n  formatPhoneNumberInfo,\n  _formatPhoneNumber,\n  formatPhoneNumberLink\n} from '@internal/react-components';\nimport {\n  phoneInfoTextStyle,\n  phoneInfoIcon,\n  phoneInfoInstructionLine,\n  phoneInfoStep,\n  phoneInfoIconStyle,\n  phoneInfoLabelStyle,\n  phoneInfoContainerTokens,\n  phoneInfoContainerStyle\n} from './styles/TeamsMeetingConferenceInfo.style';\nimport { useLocale } from '../localization';\n\n/**\n * @private\n */\nexport const MeetingPhoneInfoPaneContent = (props: {\n  mobileView?: boolean;\n  conferencePhoneInfoList?: ConferencePhoneInfo[];\n}): JSX.Element => {\n  const { conferencePhoneInfoList } = props;\n  const theme = useTheme();\n  const localeStrings = useLocale().component.strings.meetingConferencePhoneInfo;\n\n  if (props.mobileView) {\n    return (\n      <Stack\n        verticalFill\n        styles={phoneInfoContainerStyle}\n        tokens={phoneInfoContainerTokens}\n        data-ui-id=\"phone-info-pane-content\"\n      >\n        {(conferencePhoneInfoList === undefined || conferencePhoneInfoList.length === 0) && (\n          <Stack horizontal>\n            <Text className={phoneInfoTextStyle}>{localeStrings.meetingConferencePhoneInfoModalNoPhoneAvailable}</Text>\n          </Stack>\n        )}\n        {conferencePhoneInfoList && conferencePhoneInfoList[0] && (\n          <Stack>\n            <Stack horizontal horizontalAlign=\"space-between\" className={phoneInfoInstructionLine}>\n              <Stack.Item>\n                <Stack horizontal className={phoneInfoStep}>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Stack verticalAlign=\"center\" horizontalAlign=\"center\">\n                      <Icon iconName=\"JoinByPhoneDialStepIcon\" className={phoneInfoIconStyle(theme)} />\n                    </Stack>\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalDialIn}</Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Stack.Item className={phoneInfoStep}>\n                {conferencePhoneInfoList.map((phoneNumber, index) => (\n                  <Stack.Item key={index}>\n                    <Link className={phoneInfoTextStyle} href={formatPhoneNumberLink(phoneNumber)}>\n                      {_formatPhoneNumber(phoneNumber.phoneNumber, true)}\n                    </Link>\n                    <Text className={phoneInfoTextStyle}>\n                      {' '}\n                      {phoneNumber.isTollFree\n                        ? localeStrings.meetingConferencePhoneInfoModalTollFree\n                        : localeStrings.meetingConferencePhoneInfoModalToll}\n                    </Text>\n                    <br />\n                    <Text className={phoneInfoTextStyle}> {formatPhoneNumberInfo(phoneNumber, localeStrings)}</Text>\n                  </Stack.Item>\n                ))}\n              </Stack.Item>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack.Item>\n                <Stack horizontal>\n                  <Stack.Item className={phoneInfoIcon(theme)}>\n                    <Icon iconName=\"JoinByPhoneConferenceIdIcon\" className={phoneInfoIconStyle(theme)} />\n                  </Stack.Item>\n                  <Stack.Item>\n                    <Text className={phoneInfoLabelStyle}>\n                      {localeStrings.meetingConferencePhoneInfoModalMeetingId}\n                    </Text>\n                  </Stack.Item>\n                </Stack>\n              </Stack.Item>\n              <Text className={phoneInfoTextStyle}>{conferencePhoneInfoList[0].conferenceId}#</Text>\n            </Stack>\n            <Stack\n              horizontal\n              horizontalAlign=\"space-between\"\n              verticalAlign=\"center\"\n              className={phoneInfoInstructionLine}\n            >\n              <Stack horizontal>\n                <Stack.Item className={phoneInfoIcon(theme)}>\n                  <Icon iconName=\"JoinByPhoneWaitToBeAdmittedIcon\" className={phoneInfoIconStyle(theme)} />\n                </Stack.Item>\n                <Stack.Item>\n                  <Text className={phoneInfoLabelStyle}>{localeStrings.meetingConferencePhoneInfoModalWait}</Text>\n                </Stack.Item>\n              </Stack>\n            </Stack>\n          </Stack>\n        )}\n      </Stack>\n    );\n  }\n\n  return (\n    <Stack\n      verticalFill\n      styles={phoneInfoContainerStyle}\n      tokens={phoneInfoContainerTokens}\n      data-ui-id=\"phone-info-pane-content\"\n    ></Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/common/ModalLocalAndRemotePIP.js

@@ -34,7 +34,11 @@ export const ModalLocalAndRemotePIP = (props) => {
     const [touchStartTouches, setTouchStartTouches] = useState(null);
     const onTouchEnd = useCallback((event) => {
         var _a;
-        if (touchStartTouches && touchStartTouches.length === 1 && event.changedTouches.length === 1) {
+        if (touchStartTouches &&
+            touchStartTouches[0] &&
+            touchStartTouches.length === 1 &&
+            event.changedTouches[0] &&
+            event.changedTouches.length === 1) {
             const touchStartTouch = touchStartTouches[0];
             const touchEndTouch = event.changedTouches[0];
             if (Math.abs(touchStartTouch.clientX - touchEndTouch.clientX) < 10 &&

package/dist/dist-esm/react-composites/src/composites/common/ModalLocalAndRemotePIP.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLocalAndRemotePIP.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/ModalLocalAndRemotePIP.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, ContextualMenu, IDragOptions, Stack } from '@fluentui/react';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { LocalAndRemotePIP } from '../CallComposite/components/LocalAndRemotePIP';\nimport { useHandlers } from '../CallComposite/hooks/useHandlers';\nimport { useSelector } from '../CallComposite/hooks/useSelector';\nimport { localAndRemotePIPSelector } from '../CallComposite/selectors/localAndRemotePIPSelector';\nimport { _ModalClone, _ICoordinates } from '@internal/react-components';\nimport { _RemoteVideoTile } from '@internal/react-components';\nimport {\n  hiddenStyle,\n  ModalLocalAndRemotePIPStyles,\n  modalStyle,\n  PIPContainerStyle\n} from './styles/ModalLocalAndRemotePIP.styles';\nimport { useLocale } from '../localization';\nimport { getRole } from '../CallComposite/selectors/baseSelectors';\n\n/**\n * Drag options for Modal in {@link ModalLocalAndRemotePIP} component\n */\nconst DRAG_OPTIONS: IDragOptions = {\n  moveMenuItemText: 'Move',\n  closeMenuItemText: 'Close',\n  menu: ContextualMenu,\n  keepInBounds: true\n};\n\n/**\n * @private\n */\nexport interface ModalLocalAndRemotePIPStrings {\n  /**\n   * Aria label for dismiss control when using keyboard\n   */\n  dismissModalAriaLabel?: string;\n}\n\n/**\n * A wrapping component with a draggable {@link LocalAndRemotePIP} component that is bound to a LayerHost component with id\n * specified by `modalLayerHostId` prop\n * @private\n */\nexport const ModalLocalAndRemotePIP = (props: {\n  hidden: boolean;\n  modalLayerHostId: string;\n  styles?: ModalLocalAndRemotePIPStyles;\n  minDragPosition?: _ICoordinates;\n  maxDragPosition?: _ICoordinates;\n  onDismissSidePane?: () => void;\n  strings?: ModalLocalAndRemotePIPStrings;\n}): JSX.Element | null => {\n  const rootStyles = props.hidden ? hiddenStyle : PIPContainerStyle;\n\n  const role = useSelector(getRole);\n\n  const locale = useLocale();\n\n  const pictureInPictureProps = useSelector(localAndRemotePIPSelector);\n\n  const [touchStartTouches, setTouchStartTouches] = useState<React.TouchList | null>(null);\n\n  const onTouchEnd = useCallback(\n    (event: React.TouchEvent) => {\n      if (touchStartTouches && touchStartTouches.length === 1 && event.changedTouches.length === 1) {\n        const touchStartTouch = touchStartTouches[0];\n        const touchEndTouch = event.changedTouches[0];\n        if (\n          Math.abs(touchStartTouch.clientX - touchEndTouch.clientX) < 10 &&\n          Math.abs(touchStartTouch.clientY - touchEndTouch.clientY) < 10\n        ) {\n          props.onDismissSidePane?.();\n        }\n      }\n    },\n    [props, touchStartTouches]\n  );\n\n  const onTouchStart = useCallback((event: React.TouchEvent) => {\n    setTouchStartTouches(event.touches);\n  }, []);\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        props.onDismissSidePane?.();\n      }\n    },\n    [props]\n  );\n\n  const pictureInPictureHandlers = useHandlers(LocalAndRemotePIP);\n  const remoteParticipant = pictureInPictureProps.remoteParticipant;\n\n  const localAndRemotePIP = useMemo(() => {\n    if (role === 'Consumer' && remoteParticipant?.userId) {\n      return (\n        <Stack tabIndex={0} aria-label={props.strings?.dismissModalAriaLabel ?? ''} onKeyDown={onKeyDown}>\n          <_RemoteVideoTile\n            strings={locale.component.strings.videoGallery}\n            {...remoteParticipant}\n            remoteParticipant={remoteParticipant}\n          />\n        </Stack>\n      );\n    }\n    return (\n      <Stack tabIndex={0} aria-label={props.strings?.dismissModalAriaLabel ?? ''} onKeyDown={onKeyDown}>\n        <LocalAndRemotePIP\n          {...pictureInPictureProps}\n          {...pictureInPictureHandlers}\n          remoteParticipant={remoteParticipant}\n        />\n      </Stack>\n    );\n  }, [\n    role,\n    onKeyDown,\n    pictureInPictureProps,\n    props,\n    pictureInPictureHandlers,\n    locale.component.strings.videoGallery,\n    remoteParticipant\n  ]);\n\n  if (role === 'Consumer' && !remoteParticipant) {\n    return null;\n  }\n\n  const modalStylesThemed = concatStyleSets(modalStyle, props.styles?.modal);\n\n  return (\n    <Stack styles={rootStyles}>\n      <Stack onTouchStart={onTouchStart} onTouchEnd={onTouchEnd}>\n        <_ModalClone\n          isOpen={true}\n          isModeless={true}\n          dragOptions={DRAG_OPTIONS}\n          styles={modalStylesThemed}\n          layerProps={{ hostId: props.modalLayerHostId }}\n          minDragPosition={props.minDragPosition}\n          maxDragPosition={props.maxDragPosition}\n        >\n          {\n            // Only render LocalAndRemotePIP when this component is NOT hidden because VideoGallery needs to have\n            // possession of the dominant remote participant video stream\n            !props.hidden && localAndRemotePIP\n          }\n        </_ModalClone>\n      </Stack>\n    </Stack>\n  );\n};\n"]}
+{"version":3,"file":"ModalLocalAndRemotePIP.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/ModalLocalAndRemotePIP.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { concatStyleSets, ContextualMenu, IDragOptions, Stack } from '@fluentui/react';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { LocalAndRemotePIP } from '../CallComposite/components/LocalAndRemotePIP';\nimport { useHandlers } from '../CallComposite/hooks/useHandlers';\nimport { useSelector } from '../CallComposite/hooks/useSelector';\nimport { localAndRemotePIPSelector } from '../CallComposite/selectors/localAndRemotePIPSelector';\nimport { _ModalClone, _ICoordinates } from '@internal/react-components';\nimport { _RemoteVideoTile } from '@internal/react-components';\nimport {\n  hiddenStyle,\n  ModalLocalAndRemotePIPStyles,\n  modalStyle,\n  PIPContainerStyle\n} from './styles/ModalLocalAndRemotePIP.styles';\nimport { useLocale } from '../localization';\nimport { getRole } from '../CallComposite/selectors/baseSelectors';\n\n/**\n * Drag options for Modal in {@link ModalLocalAndRemotePIP} component\n */\nconst DRAG_OPTIONS: IDragOptions = {\n  moveMenuItemText: 'Move',\n  closeMenuItemText: 'Close',\n  menu: ContextualMenu,\n  keepInBounds: true\n};\n\n/**\n * @private\n */\nexport interface ModalLocalAndRemotePIPStrings {\n  /**\n   * Aria label for dismiss control when using keyboard\n   */\n  dismissModalAriaLabel?: string;\n}\n\n/**\n * A wrapping component with a draggable {@link LocalAndRemotePIP} component that is bound to a LayerHost component with id\n * specified by `modalLayerHostId` prop\n * @private\n */\nexport const ModalLocalAndRemotePIP = (props: {\n  hidden: boolean;\n  modalLayerHostId: string;\n  styles?: ModalLocalAndRemotePIPStyles;\n  minDragPosition?: _ICoordinates;\n  maxDragPosition?: _ICoordinates;\n  onDismissSidePane?: () => void;\n  strings?: ModalLocalAndRemotePIPStrings;\n}): JSX.Element | null => {\n  const rootStyles = props.hidden ? hiddenStyle : PIPContainerStyle;\n\n  const role = useSelector(getRole);\n\n  const locale = useLocale();\n\n  const pictureInPictureProps = useSelector(localAndRemotePIPSelector);\n\n  const [touchStartTouches, setTouchStartTouches] = useState<React.TouchList | null>(null);\n\n  const onTouchEnd = useCallback(\n    (event: React.TouchEvent) => {\n      if (\n        touchStartTouches &&\n        touchStartTouches[0] &&\n        touchStartTouches.length === 1 &&\n        event.changedTouches[0] &&\n        event.changedTouches.length === 1\n      ) {\n        const touchStartTouch = touchStartTouches[0];\n        const touchEndTouch = event.changedTouches[0];\n        if (\n          Math.abs(touchStartTouch.clientX - touchEndTouch.clientX) < 10 &&\n          Math.abs(touchStartTouch.clientY - touchEndTouch.clientY) < 10\n        ) {\n          props.onDismissSidePane?.();\n        }\n      }\n    },\n    [props, touchStartTouches]\n  );\n\n  const onTouchStart = useCallback((event: React.TouchEvent) => {\n    setTouchStartTouches(event.touches);\n  }, []);\n\n  const onKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        props.onDismissSidePane?.();\n      }\n    },\n    [props]\n  );\n\n  const pictureInPictureHandlers = useHandlers(LocalAndRemotePIP);\n  const remoteParticipant = pictureInPictureProps.remoteParticipant;\n\n  const localAndRemotePIP = useMemo(() => {\n    if (role === 'Consumer' && remoteParticipant?.userId) {\n      return (\n        <Stack tabIndex={0} aria-label={props.strings?.dismissModalAriaLabel ?? ''} onKeyDown={onKeyDown}>\n          <_RemoteVideoTile\n            strings={locale.component.strings.videoGallery}\n            {...remoteParticipant}\n            remoteParticipant={remoteParticipant}\n          />\n        </Stack>\n      );\n    }\n    return (\n      <Stack tabIndex={0} aria-label={props.strings?.dismissModalAriaLabel ?? ''} onKeyDown={onKeyDown}>\n        <LocalAndRemotePIP\n          {...pictureInPictureProps}\n          {...pictureInPictureHandlers}\n          remoteParticipant={remoteParticipant}\n        />\n      </Stack>\n    );\n  }, [\n    role,\n    onKeyDown,\n    pictureInPictureProps,\n    props,\n    pictureInPictureHandlers,\n    locale.component.strings.videoGallery,\n    remoteParticipant\n  ]);\n\n  if (role === 'Consumer' && !remoteParticipant) {\n    return null;\n  }\n\n  const modalStylesThemed = concatStyleSets(modalStyle, props.styles?.modal);\n\n  return (\n    <Stack styles={rootStyles}>\n      <Stack onTouchStart={onTouchStart} onTouchEnd={onTouchEnd}>\n        <_ModalClone\n          isOpen={true}\n          isModeless={true}\n          dragOptions={DRAG_OPTIONS}\n          styles={modalStylesThemed}\n          layerProps={{ hostId: props.modalLayerHostId }}\n          minDragPosition={props.minDragPosition}\n          maxDragPosition={props.maxDragPosition}\n        >\n          {\n            // Only render LocalAndRemotePIP when this component is NOT hidden because VideoGallery needs to have\n            // possession of the dominant remote participant video stream\n            !props.hidden && localAndRemotePIP\n          }\n        </_ModalClone>\n      </Stack>\n    </Stack>\n  );\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/ar-SA/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "إغلاق",
         "videoEffectsPaneTitle": "التأثيرات",
         "videoEffectsPaneBackgroundSelectionTitle": "الخلفية",
+        "videoEffectsPaneAriaLabel": "جزء تأثيرات الفيديو",
         "configurationPageVideoEffectsButtonLabel": "التأثيرات",
         "unableToStartVideoEffect": "يتعذر تطبيق تأثير الفيديو.",
         "blurBackgroundEffectButtonLabel": "تمويه",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "تثبيت نيابة عني",
         "pinParticipantLimitReachedMenuLabel": "تثبيت (تم بلوغ الحد الأقصى)",
         "unpinParticipantMenuLabel": "إزالة التثبيت",
-        "pinParticipantMenuItemAriaLabel": "تثبيت",
+        "pinParticipantMenuItemAriaLabel": "تثبيت نيابة عني",
         "unpinParticipantMenuItemAriaLabel": "إزالة التثبيت",
         "muteAllMenuLabel": "كتم صوت الجميع",
         "muteAllDialogTitle": "هل تريد كتم صوت الجميع؟",

package/dist/dist-esm/react-composites/src/composites/localization/locales/cs-CZ/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Zavřít",
         "videoEffectsPaneTitle": "Efekty",
         "videoEffectsPaneBackgroundSelectionTitle": "Pozadí",
+        "videoEffectsPaneAriaLabel": "Podokno video efektů",
         "configurationPageVideoEffectsButtonLabel": "Efekty",
         "unableToStartVideoEffect": "Nelze použít efekt videa.",
         "blurBackgroundEffectButtonLabel": "Rozostření",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Připnout pro mě",
         "pinParticipantLimitReachedMenuLabel": "Připnout (dosáhlo se limitu)",
         "unpinParticipantMenuLabel": "Odepnout",
-        "pinParticipantMenuItemAriaLabel": "Připnout",
+        "pinParticipantMenuItemAriaLabel": "Připnout pro mě",
         "unpinParticipantMenuItemAriaLabel": "Odepnout",
         "muteAllMenuLabel": "Ztlumit všechny",
         "muteAllDialogTitle": "Chcete všechny ztlumit?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/cy-GB/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Cau",
         "videoEffectsPaneTitle": "Effeithiau",
         "videoEffectsPaneBackgroundSelectionTitle": "Cefndir",
+        "videoEffectsPaneAriaLabel": "Cwarel effeithiau fideo",
         "configurationPageVideoEffectsButtonLabel": "Effeithiau",
         "unableToStartVideoEffect": "Does dim modd defnyddio'r effaith fideo.",
         "blurBackgroundEffectButtonLabel": "Pylu",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Pinio ar fy nghyfer i",
         "pinParticipantLimitReachedMenuLabel": "Pinio (wedi cyrraedd y terfyn)",
         "unpinParticipantMenuLabel": "Dadbinio",
-        "pinParticipantMenuItemAriaLabel": "Pinio",
+        "pinParticipantMenuItemAriaLabel": "Pinio ar fy nghyfer i",
         "unpinParticipantMenuItemAriaLabel": "Dadbinio",
         "muteAllMenuLabel": "Tewi pawb",
         "muteAllDialogTitle": "Tewi pawb?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/de-DE/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Schließen",
         "videoEffectsPaneTitle": "Effekte",
         "videoEffectsPaneBackgroundSelectionTitle": "Hintergrund",
+        "videoEffectsPaneAriaLabel": "Bereich \"Videoeffekte\"",
         "configurationPageVideoEffectsButtonLabel": "Effekte",
         "unableToStartVideoEffect": "Videoeffekt kann nicht angewendet werden.",
         "blurBackgroundEffectButtonLabel": "Unscharf machen",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Für mich anheften",
         "pinParticipantLimitReachedMenuLabel": "Anheften (Limit erreicht)",
         "unpinParticipantMenuLabel": "Lösen",
-        "pinParticipantMenuItemAriaLabel": "Anheften",
+        "pinParticipantMenuItemAriaLabel": "Für mich anheften",
         "unpinParticipantMenuItemAriaLabel": "Lösen",
         "muteAllMenuLabel": "Alle stummschalten",
         "muteAllDialogTitle": "Alle stummschalten?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-GB/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Close",
         "videoEffectsPaneTitle": "Effects",
         "videoEffectsPaneBackgroundSelectionTitle": "Background",
+        "videoEffectsPaneAriaLabel": "Video effects pane",
         "configurationPageVideoEffectsButtonLabel": "Effects",
         "unableToStartVideoEffect": "Unable to apply video effect.",
         "blurBackgroundEffectButtonLabel": "Blur",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Pin for me",
         "pinParticipantLimitReachedMenuLabel": "Pin (limit reached)",
         "unpinParticipantMenuLabel": "Unpin",
-        "pinParticipantMenuItemAriaLabel": "Pin",
+        "pinParticipantMenuItemAriaLabel": "Pin for me",
         "unpinParticipantMenuItemAriaLabel": "Unpin",
         "muteAllMenuLabel": "Mute all",
         "muteAllDialogTitle": "Mute everyone?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/es-ES/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Cerrar",
         "videoEffectsPaneTitle": "Efectos",
         "videoEffectsPaneBackgroundSelectionTitle": "Fondo",
+        "videoEffectsPaneAriaLabel": "Panel de efectos de vídeo",
         "configurationPageVideoEffectsButtonLabel": "Efectos",
         "unableToStartVideoEffect": "No se puede aplicar el efecto de vídeo.",
         "blurBackgroundEffectButtonLabel": "Desenfoque",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Anclar para mí",
         "pinParticipantLimitReachedMenuLabel": "Pin (límite alcanzado)",
         "unpinParticipantMenuLabel": "Desanclar",
-        "pinParticipantMenuItemAriaLabel": "Anclar",
+        "pinParticipantMenuItemAriaLabel": "Anclar para mí",
         "unpinParticipantMenuItemAriaLabel": "Desanclar",
         "muteAllMenuLabel": "Silenciar todo",
         "muteAllDialogTitle": "¿Silenciar a todos?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/fi-FI/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Sulje",
         "videoEffectsPaneTitle": "Tehosteet",
         "videoEffectsPaneBackgroundSelectionTitle": "Tausta",
+        "videoEffectsPaneAriaLabel": "Videotehosteet-ruutu",
         "configurationPageVideoEffectsButtonLabel": "Tehosteet",
         "unableToStartVideoEffect": "Videotehosteen käyttäminen ei onnistu.",
         "blurBackgroundEffectButtonLabel": "Sumenna",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Kiinnitä minulle",
         "pinParticipantLimitReachedMenuLabel": "Kiinnitä (enimmäisraja saavutettu)",
         "unpinParticipantMenuLabel": "Poista kiinnitys",
-        "pinParticipantMenuItemAriaLabel": "Kiinnitä",
+        "pinParticipantMenuItemAriaLabel": "Kiinnitä minulle",
         "unpinParticipantMenuItemAriaLabel": "Poista kiinnitys",
         "muteAllMenuLabel": "Mykistä kaikki",
         "muteAllDialogTitle": "Mykistetäänkö kaikki?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/fr-FR/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Fermer",
         "videoEffectsPaneTitle": "Effets",
         "videoEffectsPaneBackgroundSelectionTitle": "Arrière-plan",
+        "videoEffectsPaneAriaLabel": "Volet Effets vidéo",
         "configurationPageVideoEffectsButtonLabel": "Effets",
         "unableToStartVideoEffect": "Impossible d’appliquer l’effet vidéo.",
         "blurBackgroundEffectButtonLabel": "Flouter",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Épingler pour moi",
         "pinParticipantLimitReachedMenuLabel": "Épingler (limite atteinte)",
         "unpinParticipantMenuLabel": "Désépingler",
-        "pinParticipantMenuItemAriaLabel": "Épingler",
+        "pinParticipantMenuItemAriaLabel": "Épingler pour moi",
         "unpinParticipantMenuItemAriaLabel": "Désépingler",
         "muteAllMenuLabel": "Désactiver le son de tous",
         "muteAllDialogTitle": "Désactiver le son de tout le monde ?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/he-IL/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "סגור",
         "videoEffectsPaneTitle": "אפקטים",
         "videoEffectsPaneBackgroundSelectionTitle": "רקע",
+        "videoEffectsPaneAriaLabel": "חלונית אפקטי וידאו",
         "configurationPageVideoEffectsButtonLabel": "אפקטים",
         "unableToStartVideoEffect": "לא ניתן להחיל אפקט וידאו.",
         "blurBackgroundEffectButtonLabel": "טשטוש",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "הצמד עבורי",
         "pinParticipantLimitReachedMenuLabel": "הצמדה (הגעת למגבלה)",
         "unpinParticipantMenuLabel": "בטל הצמדה",
-        "pinParticipantMenuItemAriaLabel": "הצמד",
+        "pinParticipantMenuItemAriaLabel": "הצמד עבורי",
         "unpinParticipantMenuItemAriaLabel": "בטל הצמדה",
         "muteAllMenuLabel": "השתק הכל",
         "muteAllDialogTitle": "האם להשתיק את כולם?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Chiudi",
         "videoEffectsPaneTitle": "Effetti",
         "videoEffectsPaneBackgroundSelectionTitle": "In background",
+        "videoEffectsPaneAriaLabel": "Riquadro Effetti video",
         "configurationPageVideoEffectsButtonLabel": "Effetti",
         "unableToStartVideoEffect": "Non è possibile applicare l'effetto video.",
         "blurBackgroundEffectButtonLabel": "Sfocatura",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Aggiungi per me",
         "pinParticipantLimitReachedMenuLabel": "Segnaposto (limite raggiunto)",
         "unpinParticipantMenuLabel": "Rimuovere dall’alto",
-        "pinParticipantMenuItemAriaLabel": "Aggiungi in alto",
+        "pinParticipantMenuItemAriaLabel": "Aggiungi per me",
         "unpinParticipantMenuItemAriaLabel": "Rimuovere dall’alto",
         "muteAllMenuLabel": "Disattivare l'audio di tutti",
         "muteAllDialogTitle": "Disattivare l'audio di tutti?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "閉じる",
         "videoEffectsPaneTitle": "効果",
         "videoEffectsPaneBackgroundSelectionTitle": "バックグラウンド",
+        "videoEffectsPaneAriaLabel": "ビデオ効果ウィンドウ",
         "configurationPageVideoEffectsButtonLabel": "効果",
         "unableToStartVideoEffect": "ビデオ効果を適用できません。",
         "blurBackgroundEffectButtonLabel": "ぼかし",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "自分用にピン留め",
         "pinParticipantLimitReachedMenuLabel": "ピン留め (上限に達しました)",
         "unpinParticipantMenuLabel": "ピン留めを外す",
-        "pinParticipantMenuItemAriaLabel": "ピン留めします",
+        "pinParticipantMenuItemAriaLabel": "自分用にピン留め",
         "unpinParticipantMenuItemAriaLabel": "ピン留めを外す",
         "muteAllMenuLabel": "全員をミュート",
         "muteAllDialogTitle": "全員をミュートにしますか?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "닫기",
         "videoEffectsPaneTitle": "효과",
         "videoEffectsPaneBackgroundSelectionTitle": "백그라운드",
+        "videoEffectsPaneAriaLabel": "동영상 효과 창",
         "configurationPageVideoEffectsButtonLabel": "효과",
         "unableToStartVideoEffect": "비디오 효과를 적용할 수 없습니다.",
         "blurBackgroundEffectButtonLabel": "흐리기",

package/dist/dist-esm/react-composites/src/composites/localization/locales/nb-NO/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Lukk",
         "videoEffectsPaneTitle": "Effekter",
         "videoEffectsPaneBackgroundSelectionTitle": "Bakgrunn",
+        "videoEffectsPaneAriaLabel": "Videoeffekter-ruten",
         "configurationPageVideoEffectsButtonLabel": "Effekter",
         "unableToStartVideoEffect": "Kan ikke bruke videoeffekt.",
         "blurBackgroundEffectButtonLabel": "Uskarp bakgrunn",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Fest for meg",
         "pinParticipantLimitReachedMenuLabel": "Fest (grensen er nådd)",
         "unpinParticipantMenuLabel": "Løsne",
-        "pinParticipantMenuItemAriaLabel": "Fest",
+        "pinParticipantMenuItemAriaLabel": "Fest for meg",
         "unpinParticipantMenuItemAriaLabel": "Løsne",
         "muteAllMenuLabel": "Demp alle",
         "muteAllDialogTitle": "Vil du dempe alle?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Sluiten",
         "videoEffectsPaneTitle": "Effecten",
         "videoEffectsPaneBackgroundSelectionTitle": "Achtergrond",
+        "videoEffectsPaneAriaLabel": "Deelvenster video-effectenVideo",
         "configurationPageVideoEffectsButtonLabel": "Effecten",
         "unableToStartVideoEffect": "Kan video-effect niet toepassen.",
         "blurBackgroundEffectButtonLabel": "Vervagen",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Voor mij vastmaken",
         "pinParticipantLimitReachedMenuLabel": "Pin (limiet bereikt)",
         "unpinParticipantMenuLabel": "Losmaken",
-        "pinParticipantMenuItemAriaLabel": "Vastmaken",
+        "pinParticipantMenuItemAriaLabel": "Voor mij vastmaken",
         "unpinParticipantMenuItemAriaLabel": "Losmaken",
         "muteAllMenuLabel": "Allen dempen",
         "muteAllDialogTitle": "Iedereen dempen?",

package/dist/dist-esm/react-composites/src/composites/localization/locales/pl-PL/strings.json

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Zamknij",
         "videoEffectsPaneTitle": "Efekty",
         "videoEffectsPaneBackgroundSelectionTitle": "Tło",
+        "videoEffectsPaneAriaLabel": "Okienko efektów wideo",
         "configurationPageVideoEffectsButtonLabel": "Efekty",
         "unableToStartVideoEffect": "Nie można zastosować efektu wideo.",
         "blurBackgroundEffectButtonLabel": "Rozmycie",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Przypnij dla mnie",
         "pinParticipantLimitReachedMenuLabel": "Przypięcie (osiągnięto limit)",
         "unpinParticipantMenuLabel": "Odepnij",
-        "pinParticipantMenuItemAriaLabel": "Przypnij",
+        "pinParticipantMenuItemAriaLabel": "Przypnij dla mnie",
         "unpinParticipantMenuItemAriaLabel": "Odepnij",
         "muteAllMenuLabel": "Wycisz wszystkich",
         "muteAllDialogTitle": "Wyciszyć wszystkich?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Fechar",
         "videoEffectsPaneTitle": "Efeitos",
         "videoEffectsPaneBackgroundSelectionTitle": "Tela de fundo",
+        "videoEffectsPaneAriaLabel": "Painel de efeitos de vídeo",
         "configurationPageVideoEffectsButtonLabel": "Efeitos",
         "unableToStartVideoEffect": "Não é possível aplicar o efeito de vídeo.",
         "blurBackgroundEffectButtonLabel": "Desfoque",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Fixar para mim",
         "pinParticipantLimitReachedMenuLabel": "Fixar (limite alcançado)",
         "unpinParticipantMenuLabel": "Desafixar",
-        "pinParticipantMenuItemAriaLabel": "Fixar",
+        "pinParticipantMenuItemAriaLabel": "Fixar para mim",
         "unpinParticipantMenuItemAriaLabel": "Desafixar",
         "muteAllMenuLabel": "Ativar mudo de todos",
         "muteAllDialogTitle": "Ativar mudo para todos?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Закрыть",
         "videoEffectsPaneTitle": "Эффекты",
         "videoEffectsPaneBackgroundSelectionTitle": "Фон",
+        "videoEffectsPaneAriaLabel": "Панель видеоэффектов",
         "configurationPageVideoEffectsButtonLabel": "Эффекты",
         "unableToStartVideoEffect": "Не удалось применить эффект видео.",
         "blurBackgroundEffectButtonLabel": "Размытие",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Закрепить для меня",
         "pinParticipantLimitReachedMenuLabel": "Закрепить (достигнуто ограничение)",
         "unpinParticipantMenuLabel": "Открепить",
-        "pinParticipantMenuItemAriaLabel": "Закрепить",
+        "pinParticipantMenuItemAriaLabel": "Закрепить для меня",
         "unpinParticipantMenuItemAriaLabel": "Открепить",
         "muteAllMenuLabel": "Отключить все микрофоны",
         "muteAllDialogTitle": "Отключить микрофоны всех участников?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Stäng",
         "videoEffectsPaneTitle": "Effekter",
         "videoEffectsPaneBackgroundSelectionTitle": "Bakgrund",
+        "videoEffectsPaneAriaLabel": "Fönstret Videoeffekter",
         "configurationPageVideoEffectsButtonLabel": "Effekter",
         "unableToStartVideoEffect": "Det går inte att tillämpa videoeffekten.",
         "blurBackgroundEffectButtonLabel": "Oskärpa",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Fäst åt mig",
         "pinParticipantLimitReachedMenuLabel": "Fäst (gränsen har nåtts)",
         "unpinParticipantMenuLabel": "Ta bort",
-        "pinParticipantMenuItemAriaLabel": "Fäst",
+        "pinParticipantMenuItemAriaLabel": "Fäst åt mig",
         "unpinParticipantMenuItemAriaLabel": "Ta bort",
         "muteAllMenuLabel": "Stäng av ljudet för alla",
         "muteAllDialogTitle": "Stäng av ljudet för alla?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "Kapat",
         "videoEffectsPaneTitle": "Efektler",
         "videoEffectsPaneBackgroundSelectionTitle": "Arka plan",
+        "videoEffectsPaneAriaLabel": "Video efektleri paneli",
         "configurationPageVideoEffectsButtonLabel": "Efektler",
         "unableToStartVideoEffect": "Video efekti uygulanamıyor.",
         "blurBackgroundEffectButtonLabel": "Bulanıklaştır",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "Benim için sabitle",
         "pinParticipantLimitReachedMenuLabel": "Sabitleme (sınıra ulaşıldı)",
         "unpinParticipantMenuLabel": "Sabitlemeyi kaldır",
-        "pinParticipantMenuItemAriaLabel": "Sabitle",
+        "pinParticipantMenuItemAriaLabel": "Benim için sabitle",
         "unpinParticipantMenuItemAriaLabel": "Sabitlemeyi kaldır",
         "muteAllMenuLabel": "Tümünü sessize al",
         "muteAllDialogTitle": "Herkesi sessize almak mı istiyorsunuz?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "关闭",
         "videoEffectsPaneTitle": "效果",
         "videoEffectsPaneBackgroundSelectionTitle": "背景",
+        "videoEffectsPaneAriaLabel": "视频效果窗格",
         "configurationPageVideoEffectsButtonLabel": "效果",
         "unableToStartVideoEffect": "无法应用视频效果。",
         "blurBackgroundEffectButtonLabel": "模糊",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "为我固定",
         "pinParticipantLimitReachedMenuLabel": "固定(已达到上限)",
         "unpinParticipantMenuLabel": "取消固定",
-        "pinParticipantMenuItemAriaLabel": "固定",
+        "pinParticipantMenuItemAriaLabel": "为我固定",
         "unpinParticipantMenuItemAriaLabel": "取消固定",
         "muteAllMenuLabel": "全部静音",
         "muteAllDialogTitle": "对所有人静音?",

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

@@ -26,6 +26,7 @@
         "dismissSidePaneButtonLabel": "關閉",
         "videoEffectsPaneTitle": "效果",
         "videoEffectsPaneBackgroundSelectionTitle": "背景",
+        "videoEffectsPaneAriaLabel": "視訊效果​​窗格",
         "configurationPageVideoEffectsButtonLabel": "效果",
         "unableToStartVideoEffect": "無法套用視訊效果。",
         "blurBackgroundEffectButtonLabel": "模糊",
@@ -341,7 +342,7 @@
         "pinParticipantMenuLabel": "為我釘選",
         "pinParticipantLimitReachedMenuLabel": "釘選 (已達到限制)",
         "unpinParticipantMenuLabel": "取消釘選",
-        "pinParticipantMenuItemAriaLabel": "釘選",
+        "pinParticipantMenuItemAriaLabel": "為我釘選",
         "unpinParticipantMenuItemAriaLabel": "取消釘選",
         "muteAllMenuLabel": "將所有人設為靜音",
         "muteAllDialogTitle": "將所有人設為靜音?",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.20.0-alpha-202410130017",
+  "version": "1.20.0-alpha-202410170016",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -56,7 +56,7 @@
   },
   "peerDependencies": {
     "@azure/communication-calling": "1.30.1-beta.1",
-    "@azure/communication-calling-effects": "1.0.1",
+    "@azure/communication-calling-effects": "1.1.1-beta.1",
     "@azure/communication-chat": "1.6.0-beta.3",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.d.ts

@@ -1,8 +0,0 @@
-/**
- * Get chat thread from a teams url.
- * As per documented on the Chat SDK: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/chat/meeting-interop?pivots=platform-web#get-a-teams-meeting-chat-thread-for-a-communication-services-user
- *
- * @private
- */
-export declare const getChatThreadFromTeamsLink: (teamsMeetingLink: string) => string;
-//# sourceMappingURL=parseTeamsUrl.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.js

@@ -1,25 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import { UNSUPPORTED_CHAT_THREAD_TYPE, TEAMS_LIMITATION_LEARN_MORE } from '../../common/constants';
-/**
- * Get chat thread from a teams url.
- * As per documented on the Chat SDK: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/chat/meeting-interop?pivots=platform-web#get-a-teams-meeting-chat-thread-for-a-communication-services-user
- *
- * @private
- */
-export const getChatThreadFromTeamsLink = (teamsMeetingLink) => {
-    // Get the threadId from the url - this also contains the call locator ID that will be removed in the threadId.split
-    let threadId = teamsMeetingLink.replace('https://teams.microsoft.com/l/meetup-join/', '');
-    // Unescape characters that applications like Outlook encode when creating joinable links
-    threadId = decodeURIComponent(threadId);
-    // Extract just the chat guid from the link, stripping away the call locator ID
-    threadId = threadId.split(/^(.*?@thread\.v2)/gm)[1];
-    if (!threadId || threadId.length === 0) {
-        if (UNSUPPORTED_CHAT_THREAD_TYPE.some((t) => teamsMeetingLink.includes(t))) {
-            throw new Error(`Teams Channel Meetings are not currently supported, read more ${TEAMS_LIMITATION_LEARN_MORE}`);
-        }
-        throw new Error('Could not get chat thread from teams link');
-    }
-    return threadId;
-};
-//# sourceMappingURL=parseTeamsUrl.js.map

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parseTeamsUrl.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/adapter/parseTeamsUrl.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,4BAA4B,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AACnG;;;;;GAKG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,gBAAwB,EAAU,EAAE;IAC7E,oHAAoH;IACpH,IAAI,QAAQ,GAAG,gBAAgB,CAAC,OAAO,CAAC,4CAA4C,EAAE,EAAE,CAAC,CAAC;IAC1F,yFAAyF;IACzF,QAAQ,GAAG,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACxC,+EAA+E;IAC/E,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvC,IAAI,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3E,MAAM,IAAI,KAAK,CAAC,iEAAiE,2BAA2B,EAAE,CAAC,CAAC;QAClH,CAAC;QACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IAED,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { UNSUPPORTED_CHAT_THREAD_TYPE, TEAMS_LIMITATION_LEARN_MORE } from '../../common/constants';\n/**\n * Get chat thread from a teams url.\n * As per documented on the Chat SDK: https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/chat/meeting-interop?pivots=platform-web#get-a-teams-meeting-chat-thread-for-a-communication-services-user\n *\n * @private\n */\nexport const getChatThreadFromTeamsLink = (teamsMeetingLink: string): string => {\n  // Get the threadId from the url - this also contains the call locator ID that will be removed in the threadId.split\n  let threadId = teamsMeetingLink.replace('https://teams.microsoft.com/l/meetup-join/', '');\n  // Unescape characters that applications like Outlook encode when creating joinable links\n  threadId = decodeURIComponent(threadId);\n  // Extract just the chat guid from the link, stripping away the call locator ID\n  threadId = threadId.split(/^(.*?@thread\\.v2)/gm)[1];\n  if (!threadId || threadId.length === 0) {\n    if (UNSUPPORTED_CHAT_THREAD_TYPE.some((t) => teamsMeetingLink.includes(t))) {\n      throw new Error(`Teams Channel Meetings are not currently supported, read more ${TEAMS_LIMITATION_LEARN_MORE}`);\n    }\n    throw new Error('Could not get chat thread from teams link');\n  }\n\n  return threadId;\n};\n"]}