@azure/communication-react 1.7.1-alpha-202309010013 → 1.8.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB,EAAE,IAAI,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC;AAElG;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,CAAC;AAE/G;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,EAAE,CAAC;AAEjH;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC;AAEvF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const participantListContainerStyles: IStackItemStyles = { root: { overflowY: 'scroll' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonContainerStyles: IStackStyles = { root: { width: '100%', padding: '0.5rem 1rem' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonStackStyles: IStackStyles = { root: { marginLeft: '0.5rem', marginRight: '0.5rem' } };\n\n/**\n * @private\n */\nexport const copyLinkButtonStyles: IButtonStyles = {\n  root: {\n    height: '2.5rem',\n    width: '100%'\n  },\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const linkIconStyles = {\n  marginRight: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const localAndRemotePIPStyles: IStackStyles = { root: { marginRight: '1rem' } };\n\n/**\n * @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean | undefined, theme: Theme): Partial<IButtonStyles> => ({\n  root: {\n    minHeight: mobileView ? '3rem' : '2.5rem',\n    borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n  }\n});\n"]}
+{"version":3,"file":"PeoplePaneContent.styles.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/styles/PeoplePaneContent.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACxD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAqB;IAC9D,IAAI,EAAE;QACJ,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAiB;IACzD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,aAAa;KACvB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAiB;IACrD,IAAI,EAAE;QACJ,UAAU,EAAE,QAAQ;QACpB,WAAW,EAAE,QAAQ;KACtB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkB;IACjD,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,MAAM;KACd;IACD,aAAa,EAAE;QACb,OAAO,EAAE,UAAU;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAiB;IACnD,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;KACpB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,UAA+B,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IACpH,IAAI,EAAE;QACJ,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;QACzC,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;KACvF;CACF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, IStackItemStyles, IStackStyles, IStackTokens, Theme } from '@fluentui/react';\n\n/**\n * @private\n */\nexport const peoplePaneContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const peoplePaneContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const participantListContainerStyles: IStackItemStyles = {\n  root: {\n    overflowY: 'scroll'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonContainerStyles: IStackStyles = {\n  root: {\n    width: '100%',\n    padding: '0.5rem 1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonStackStyles: IStackStyles = {\n  root: {\n    marginLeft: '0.5rem',\n    marginRight: '0.5rem'\n  }\n};\n\n/**\n * @private\n */\nexport const copyLinkButtonStyles: IButtonStyles = {\n  root: {\n    height: '2.5rem',\n    width: '100%'\n  },\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const linkIconStyles = {\n  marginRight: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const localAndRemotePIPStyles: IStackStyles = {\n  root: {\n    marginRight: '1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const themedCopyLinkButtonStyles = (mobileView: boolean | undefined, theme: Theme): Partial<IButtonStyles> => ({\n  root: {\n    minHeight: mobileView ? '3rem' : '2.5rem',\n    borderRadius: mobileView ? theme.effects.roundedCorner6 : theme.effects.roundedCorner4\n  }\n});"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { BaseCustomStyles, ControlBarButtonStyles } from '@internal/react-components';\nimport { CustomCallControlButtonPlacement } from '../ControlBar/CustomButton';\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean;\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?:\n    | boolean\n    | /* @conditional-compile-remove(PSTN-calls) */ {\n        disabled: boolean;\n      };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | { disabled: boolean };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | { disabled: boolean };\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  /**\n   * Inject custom buttons in the call controls.\n   *\n   * @beta\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  holdButton?: boolean | { disabled: boolean };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */ { disabled: boolean };\n};\n\n/**\n * While the public API for the custom buttons is in beta. Use this type to access the internal\n * API.\n * @internal\n */\nexport type _CommonCallControlOptions = CommonCallControlOptions & {\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n};\n\n/**\n * Arguments for {@link CustomCallControlButtonCallback}.\n *\n * @beta\n */\nexport interface CustomCallControlButtonCallbackArgs {\n  /**\n   * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.\n   *\n   * @defaultValue `'default'`\n   */\n  displayType?: CallControlDisplayType;\n}\n\n/**\n * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.\n *\n * @beta\n */\nexport interface CustomControlButtonProps {\n  /**\n   * Calback for when button is clicked\n   */\n  onItemClick?: () => void;\n  /**\n   * Whether the buttons is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the label is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showLabel?: boolean;\n  /**\n   * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.\n   */\n  styles?: ControlBarButtonStyles | BaseCustomStyles;\n  /**\n   * Optional label for the button\n   */\n  text?: string;\n  /**\n   * A unique key for the button\n   */\n  key?: string | number;\n  /**\n   * The aria label of the button for the benefit of screen readers.\n   */\n  ariaLabel?: string;\n  /**\n   * Detailed description of the button for the benefit of screen readers.\n   */\n  ariaDescription?: string;\n  /**\n   * A unique id set for the standard HTML id attibute\n   */\n  id?: string;\n}\n\n/**\n * Response from {@link CustomCallControlButtonCallback}.\n *\n * Includes the placement prop necessary to indicate where to place the\n * {@link ControlBarButton} and a {@link DrawerMenuItem}\n *\n * @beta\n */\nexport interface CustomCallControlButtonProps extends CustomControlButtonProps {\n  /**\n   * Where to place the custom button relative to other buttons.\n   */\n  placement: CustomCallControlButtonPlacement;\n  /**\n   * Icon to render. Icon is a non-default icon name that needs to be registered as a\n   * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library\n   */\n  iconName?: string;\n}\n\"../../../../../react-components/src\""]}
+{"version":3,"file":"CommonCallControlOptions.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/common/types/CommonCallControlOptions.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { BaseCustomStyles, ControlBarButtonStyles } from '@internal/react-components';\nimport { CustomCallControlButtonPlacement } from '../ControlBar/CustomButton';\nimport { CustomCallControlButtonCallback } from '../ControlBar/CustomButton';\n\n/**\n * Control bar display type for {@link CallComposite}.\n *\n * @public\n */\nexport type CallControlDisplayType = 'default' | 'compact';\n\n/**\n * Customization options for the control bar in calling experience.\n *\n * @public\n */\nexport type CommonCallControlOptions = {\n  /**\n   * {@link CallControlDisplayType} to change how the call controls are displayed.\n   * `'compact'` display type will decreases the size of buttons and hide the labels.\n   *\n   * @remarks\n   * If the composite `formFactor` is set to `'mobile'`, the control bar will always use compact view.\n   *\n   * @defaultValue 'default'\n   */\n  displayType?: CallControlDisplayType;\n  /**\n   * Show or Hide Camera Button during a call\n   * @defaultValue true\n   */\n  cameraButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide EndCall button during a call.\n   * @defaultValue true\n   */\n  endCallButton?: boolean;\n  /**\n   * Show or Hide Microphone button during a call.\n   * @defaultValue true\n   */\n  microphoneButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show or Hide Devices button during a call.\n   * @defaultValue true\n   */\n  devicesButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable participants button during a call.\n   * @defaultValue true\n   */\n  participantsButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  screenShareButton?: boolean | {\n    disabled: boolean;\n  };\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */ /* @conditional-compile-remove(close-captions) */\n  /**\n   * Show, Hide or disable the more button during a call.\n   * @defaultValue true\n   */\n  moreButton?: boolean;\n  /* @conditional-compile-remove(raise-hand) */\n  /**\n   * Show, Hide or Disable the screen share button during a call.\n   * @defaultValue true\n   */\n  raiseHandButton?: boolean | {\n    disabled: boolean;\n  };\n  /* @conditional-compile-remove(control-bar-button-injection) */\n  /**\n   * Inject custom buttons in the call controls.\n   *\n   * @beta\n   */\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n  /* @conditional-compile-remove(PSTN-calls) */ /* @conditional-compile-remove(one-to-n-calling) */\n  holdButton?: boolean | {\n    disabled: boolean;\n  };\n  /**\n   * Show or hide the people button in the composite control bar.\n   * @defaultValue true\n   */\n  peopleButton?: boolean | /* @conditional-compile-remove(PSTN-calls) */{\n    disabled: boolean;\n  };\n};\n\n/**\n * While the public API for the custom buttons is in beta. Use this type to access the internal\n * API.\n * @internal\n */\nexport type _CommonCallControlOptions = CommonCallControlOptions & {\n  onFetchCustomButtonProps?: CustomCallControlButtonCallback[];\n};\n\n/**\n * Arguments for {@link CustomCallControlButtonCallback}.\n *\n * @beta\n */\nexport interface CustomCallControlButtonCallbackArgs {\n  /**\n   * Buttons should reduce the size to fit a smaller viewport when `displayType` is `'compact'`.\n   *\n   * @defaultValue `'default'`\n   */\n  displayType?: CallControlDisplayType;\n}\n\n/**\n * Includes the base props necessary to render a {@link ControlBarButton} or {@link DrawerMenuItem}.\n *\n * @beta\n */\nexport interface CustomControlButtonProps {\n  /**\n   * Calback for when button is clicked\n   */\n  onItemClick?: () => void;\n  /**\n   * Whether the buttons is disabled\n   */\n  disabled?: boolean;\n  /**\n   * Whether the label is displayed or not.\n   *\n   * @defaultValue `false`\n   */\n  showLabel?: boolean;\n  /**\n   * Fluent styles, common to all {@link ControlBarButton}s or {@link DrawerMenuItem}s.\n   */\n  styles?: ControlBarButtonStyles | BaseCustomStyles;\n  /**\n   * Optional label for the button\n   */\n  text?: string;\n  /**\n   * A unique key for the button\n   */\n  key?: string | number;\n  /**\n   * The aria label of the button for the benefit of screen readers.\n   */\n  ariaLabel?: string;\n  /**\n   * Detailed description of the button for the benefit of screen readers.\n   */\n  ariaDescription?: string;\n  /**\n   * A unique id set for the standard HTML id attibute\n   */\n  id?: string;\n}\n\n/**\n * Response from {@link CustomCallControlButtonCallback}.\n *\n * Includes the placement prop necessary to indicate where to place the\n * {@link ControlBarButton} and a {@link DrawerMenuItem}\n *\n * @beta\n */\nexport interface CustomCallControlButtonProps extends CustomControlButtonProps {\n  /**\n   * Where to place the custom button relative to other buttons.\n   */\n  placement: CustomCallControlButtonPlacement;\n  /**\n   * Icon to render. Icon is a non-default icon name that needs to be registered as a\n   * custom icon using registerIcons through fluentui. Examples include icons from the fluentui library\n   */\n  iconName?: string;\n}\"../../../../../react-components/src\""]}

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

@@ -11,23 +11,18 @@ export const useMinMaxDragPosition = (modalLayerHostId, rtl) => {
     const modalHostRef = useRef(document.getElementById(modalLayerHostId));
     const modalHostWidth = _useContainerWidth(modalHostRef);
     const modalHostHeight = _useContainerHeight(modalHostRef);
-    const minDragPosition = useMemo(() => modalHostWidth === undefined
-        ? undefined
-        : {
-            x: rtl
-                ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
-                : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
-            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
-        }, [modalHostWidth, rtl]);
-    const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
-        ? undefined
-        : {
-            x: rtl
-                ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
-                : MODAL_PIP_DEFAULT_PX.rightPositionPx,
-            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
-        }, [modalHostHeight, modalHostWidth, rtl]);
-    return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
+    const minDragPosition = useMemo(() => modalHostWidth === undefined ? undefined : {
+        x: rtl ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
+        y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx
+    }, [modalHostWidth, rtl]);
+    const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined ? undefined : {
+        x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,
+        y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
+    }, [modalHostHeight, modalHostWidth, rtl]);
+    return {
+        minDragPosition: minDragPosition,
+        maxDragPosition: maxDragPosition
+    };
 };
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe;gBAC3C,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;YACxF,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,aAAa;SAC3C,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS;QAC3D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;SACxF,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/**\n * Interface for ModalLocalAndRemotePIP drag positions\n */\ninterface MinMaxDragPosition {\n  minDragPosition: _ICoordinates | undefined;\n  maxDragPosition: _ICoordinates | undefined;\n}\n\n/**\n * @private\n */\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n  const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n  const modalHostWidth = _useContainerWidth(modalHostRef);\n  const modalHostHeight = _useContainerHeight(modalHostRef);\n  const minDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n            y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx\n          },\n    [modalHostWidth, rtl]\n  );\n  const maxDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined || modalHostHeight === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n            y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx\n          },\n    [modalHostHeight, modalHostWidth, rtl]\n  );\n\n  return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';\n\"../../../../react-components/src\""]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QAC1G,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;QACzI,CAAC,EAAE,CAAC,CAAC,GAAG,oBAAoB,CAAC,aAAa;KAC3C,EAAE,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAC1B,MAAM,eAAe,GAA8B,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;QAC3I,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,eAAe;QACpI,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;KACxF,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3C,OAAO;QACL,eAAe,EAAE,eAAe;QAChC,eAAe,EAAE,eAAe;KACjC,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/**\n * Interface for ModalLocalAndRemotePIP drag positions\n */\ninterface MinMaxDragPosition {\n  minDragPosition: _ICoordinates | undefined;\n  maxDragPosition: _ICoordinates | undefined;\n}\n\n/**\n * @private\n */\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n  const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n  const modalHostWidth = _useContainerWidth(modalHostRef);\n  const modalHostHeight = _useContainerHeight(modalHostRef);\n  const minDragPosition: _ICoordinates | undefined = useMemo(() => modalHostWidth === undefined ? undefined : {\n    x: rtl ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n    y: -1 * MODAL_PIP_DEFAULT_PX.topPositionPx\n  }, [modalHostWidth, rtl]);\n  const maxDragPosition: _ICoordinates | undefined = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined ? undefined : {\n    x: rtl ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n    y: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx\n  }, [modalHostHeight, modalHostWidth, rtl]);\n  return {\n    minDragPosition: minDragPosition,\n    maxDragPosition: maxDragPosition\n  };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';\"../../../../react-components/src\""]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../react-composites/src/composites/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AAKxC,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAO/E,cAAc,wBAAwB,CAAC;AAkBvC,2DAA2D;AAC3D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,2DAA2D;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport type { Disposable, AdapterState } from './common/adapters';\n\nexport * from './ChatComposite';\nexport * from './CallComposite';\nexport * from './CallWithChatComposite';\n\nexport type { CallControlDisplayType, CommonCallControlOptions } from './common/types/CommonCallControlOptions';\n\nexport type { AvatarPersonaData, AvatarPersonaDataCallback } from './common/AvatarPersona';\nexport { COMPOSITE_ONLY_ICONS, DEFAULT_COMPOSITE_ICONS } from './common/icons';\nexport type {\n  CompositeIcons,\n  ChatCompositeIcons,\n  CallCompositeIcons,\n  CallWithChatCompositeIcons\n} from './common/icons';\nexport * from './localization/locales';\nexport type { CompositeStrings, CompositeLocale } from './localization';\nexport type { AdapterError, AdapterErrors } from './common/adapters';\nexport type { BaseCompositeProps } from './common/BaseComposite';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type {\n  CustomCallControlButtonCallbackArgs,\n  CustomControlButtonProps,\n  CustomCallControlButtonProps\n} from './common/types/CommonCallControlOptions';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type {\n  CustomCallControlButtonCallback,\n  CustomCallControlButtonPlacement\n} from './common/ControlBar/CustomButton';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependencyLazy } from './common/resolveVideoEffectDependencyLazy';\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependency } from './common/resolveVideoEffectDependency';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../preprocess-dist/react-composites/src/composites/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AAGxC,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,cAAc,wBAAwB,CAAC;AAWvC,2DAA2D;AAC3D,OAAO,EAAE,kCAAkC,EAAE,MAAM,2CAA2C,CAAC;AAC/F,2DAA2D;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport type { Disposable, AdapterState } from './common/adapters';\nexport * from './ChatComposite';\nexport * from './CallComposite';\nexport * from './CallWithChatComposite';\nexport type { CallControlDisplayType, CommonCallControlOptions } from './common/types/CommonCallControlOptions';\nexport type { AvatarPersonaData, AvatarPersonaDataCallback } from './common/AvatarPersona';\nexport { COMPOSITE_ONLY_ICONS, DEFAULT_COMPOSITE_ICONS } from './common/icons';\nexport type { CompositeIcons, ChatCompositeIcons, CallCompositeIcons, CallWithChatCompositeIcons } from './common/icons';\nexport * from './localization/locales';\nexport type { CompositeStrings, CompositeLocale } from './localization';\nexport type { AdapterError, AdapterErrors } from './common/adapters';\nexport type { BaseCompositeProps } from './common/BaseComposite';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type { CustomCallControlButtonCallbackArgs, CustomControlButtonProps, CustomCallControlButtonProps } from './common/types/CommonCallControlOptions';\n\n/* @conditional-compile-remove(control-bar-button-injection) */\nexport type { CustomCallControlButtonCallback, CustomCallControlButtonPlacement } from './common/ControlBar/CustomButton';\n\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependencyLazy } from './common/resolveVideoEffectDependencyLazy';\n/* @conditional-compile-remove(video-background-effects) */\nexport { onResolveVideoEffectDependency } from './common/resolveVideoEffectDependency';"]}

package/dist/dist-esm/react-composites/src/composites/localization/LocalizationProvider.js

@@ -16,8 +16,8 @@ export const LocaleContext = createContext(COMPOSITE_LOCALE_EN_US);
  */
 export const LocalizationProvider = (props) => {
     const { locale, children } = props;
-    return (React.createElement(LocaleContext.Provider, { value: locale },
-        React.createElement(ComponentLocalizationProvider, { locale: locale.component }, children)));
+    return React.createElement(LocaleContext.Provider, { value: locale },
+        React.createElement(ComponentLocalizationProvider, { locale: locale.component }, children));
 };
 /**
  * @private

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

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAmB,oBAAoB,IAAI,6BAA6B,EAAE,yCAAmC;AAEpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA4CnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;QACnC,oBAAC,6BAA6B,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAiC,CAC5E,CAC1B,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\n\nimport { ComponentLocale, LocalizationProvider as ComponentLocalizationProvider } from '@internal/react-components';\n\nimport { COMPOSITE_LOCALE_EN_US } from './locales';\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { ChatCompositeStrings } from '../ChatComposite';\n\n/**\n * Locale information for all composites exported from this library.\n *\n * @public\n */\nexport interface CompositeLocale {\n  /** Strings used in composites directly\n   *\n   * Contrast with {@link CompositeLocale.component}, which contains strings used via the component library.\n   */\n  strings: CompositeStrings;\n\n  /** Locale information for the pure Components used by Composites. See {@link communication-react#ComponentLocale}. */\n  component: ComponentLocale;\n}\n\n/**\n * Strings used in the composites directly.\n *\n * These strings are used by the composites directly, instead of by the contained components.\n *\n * @public\n */\nexport interface CompositeStrings {\n  /**\n   * Strings used by {@link CallComposite}.\n   */\n  call: CallCompositeStrings;\n  /**\n   * Strings used by {@link ChatComposite}.\n   */\n  chat: ChatCompositeStrings;\n\n  /**\n   * Strings used by {@link CallWithChatComposite}.\n   */\n  callWithChat: CallWithChatCompositeStrings;\n}\n\n/**\n * Context for providing localized strings to components\n *\n * @private\n */\nexport const LocaleContext = createContext<CompositeLocale>(COMPOSITE_LOCALE_EN_US);\n\n/**\n * Props to LocalizationProvider\n *\n * @private\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: CompositeLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's composites.\n *\n * @private\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const { locale, children } = props;\n  return (\n    <LocaleContext.Provider value={locale}>\n      <ComponentLocalizationProvider locale={locale.component}>{children}</ComponentLocalizationProvider>\n    </LocaleContext.Provider>\n  );\n};\n\n/**\n * @private\n */\nexport const useLocale = (): CompositeLocale => useContext(LocaleContext);\n\"../../../../react-components/src\""]}
+{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAmB,oBAAoB,IAAI,6BAA6B,EAAE,yCAAmC;AACpH,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AA4CnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EACJ,MAAM,EACN,QAAQ,EACT,GAAG,KAAK,CAAC;IACV,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM;QACxC,oBAAC,6BAA6B,IAAC,MAAM,EAAE,MAAM,CAAC,SAAS,IAAG,QAAQ,CAAiC,CAC5E,CAAC;AAC9B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAoB,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React, { createContext, useContext } from 'react';\nimport { ComponentLocale, LocalizationProvider as ComponentLocalizationProvider } from '@internal/react-components';\nimport { COMPOSITE_LOCALE_EN_US } from './locales';\nimport { CallCompositeStrings } from '../CallComposite';\nimport { CallWithChatCompositeStrings } from '../CallWithChatComposite';\nimport { ChatCompositeStrings } from '../ChatComposite';\n\n/**\n * Locale information for all composites exported from this library.\n *\n * @public\n */\nexport interface CompositeLocale {\n  /** Strings used in composites directly\n   *\n   * Contrast with {@link CompositeLocale.component}, which contains strings used via the component library.\n   */\n  strings: CompositeStrings;\n\n  /** Locale information for the pure Components used by Composites. See {@link communication-react#ComponentLocale}. */\n  component: ComponentLocale;\n}\n\n/**\n * Strings used in the composites directly.\n *\n * These strings are used by the composites directly, instead of by the contained components.\n *\n * @public\n */\nexport interface CompositeStrings {\n  /**\n   * Strings used by {@link CallComposite}.\n   */\n  call: CallCompositeStrings;\n  /**\n   * Strings used by {@link ChatComposite}.\n   */\n  chat: ChatCompositeStrings;\n\n  /**\n   * Strings used by {@link CallWithChatComposite}.\n   */\n  callWithChat: CallWithChatCompositeStrings;\n}\n\n/**\n * Context for providing localized strings to components\n *\n * @private\n */\nexport const LocaleContext = createContext<CompositeLocale>(COMPOSITE_LOCALE_EN_US);\n\n/**\n * Props to LocalizationProvider\n *\n * @private\n */\nexport type LocalizationProviderProps = {\n  /** Locale context to provide components */\n  locale: CompositeLocale;\n  /** Children to provide locale context. */\n  children: React.ReactNode;\n};\n\n/**\n * Provider to provide localized strings for this library's composites.\n *\n * @private\n */\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n  const {\n    locale,\n    children\n  } = props;\n  return <LocaleContext.Provider value={locale}>\n      <ComponentLocalizationProvider locale={locale.component}>{children}</ComponentLocalizationProvider>\n    </LocaleContext.Provider>;\n};\n\n/**\n * @private\n */\nexport const useLocale = (): CompositeLocale => useContext(LocaleContext);\"../../../../react-components/src\""]}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/localization/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './LocalizationProvider';\n\nimport { useLocale } from './LocalizationProvider';\n\n/**\n * @internal\n *\n * Used by storybook INTERNAL stories to provide strings to components from\n * \\@internal/react-components that use composite strings, e.g., _ComplianceBanner.\n */\nexport const _useCompositeLocale = useLocale;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/localization/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nexport * from './LocalizationProvider';\nimport { useLocale } from './LocalizationProvider';\n\n/**\n * @internal\n *\n * Used by storybook INTERNAL stories to provide strings to components from\n * \\@internal/react-components that use composite strings, e.g., _ComplianceBanner.\n */\nexport const _useCompositeLocale = useLocale;"]}

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

@@ -50,6 +50,7 @@
         "deniedPermissionToRoomDetails": "ليس لديك الإذن بالانضمام إلى هذه الغرفة.",
         "deniedPermissionToRoomTitle": "تم رفض الإذن بالغرفة",
         "peopleButtonLabel": "الأشخاص",
+        "selectedPeopleButtonLabel": "تم تحديد زر الأشخاص",
         "peoplePaneTitle": "الأشخاص",
         "peopleButtonTooltipOpen": "إظهار المشاركين",
         "peopleButtonTooltipClose": "إخفاء المشاركين",
@@ -99,16 +100,18 @@
         "startCaptionsButtonOffLabel": "تعطيل نص الكلام",
         "startCaptionsButtonTooltipOnContent": "تعطيل نص الكلام",
         "startCaptionsButtonTooltipOffContent": "تمكين نص الكلام",
-        "captionsSettingsModalTitle": "ما اللغة التي يتم التحدث بها؟",
-        "captionsSettingsDropdownLabel": "اللغة المنطوقة",
-        "captionsSettingsDropdownInfoText": "اللغة التي يتحدث بها كل شخص في هذه المكالمة.",
+        "captionsSettingsModalTitle": "إعدادات التسميات التوضيحية",
+        "captionsSettingsSpokenLanguageDropdownLabel": "اللغة المنطوقة",
+        "captionsSettingsCaptionLanguageDropdownLabel": "لغة التسميات التوضيحية",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "اللغة التي يتحدث بها كل شخص في هذه المكالمة.",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "ستظهر التسميات التوضيحية بهذه اللغة.",
         "captionsSettingsConfirmButtonLabel": "تأكيد",
         "captionsSettingsCancelButtonLabel": "إلغاء",
         "captionsSettingsModalAriaLabel": "مربع حوار إعدادات نص الكلام المشروط",
         "captionsSettingsCloseModalButtonAriaLabel": "إغلاق إعداد نص الكلام",
         "captionsBannerMoreButtonCallingLabel": "المزيد",
         "captionsBannerMoreButtonTooltip": "خيارات إضافية",
-        "captionsAvailableLanguageStrings": {
+        "spokenLanguageStrings": {
             "ar-ae": "العربية - الإمارات العربية المتحدة",
             "ar-sa": "العربية - السعودية",
             "da-dk": "الدانمركية",
@@ -151,6 +154,40 @@
             "sk-sk": "السلوفاكية",
             "zh-tw": "الصينية - تايوان"
         },
+        "captionLanguageStrings": {
+            "ar": "العربية",
+            "da": "الدانمركية",
+            "de": "الألمانية",
+            "en": "الإنجليزية",
+            "es": "الإسبانية",
+            "fi": "الفنلندية",
+            "fr-ca": "الفرنسية - كندا",
+            "fr": "الفرنسية - فرنسا",
+            "hi": "الهندية",
+            "it": "الإيطالية",
+            "ja": "اليابانية",
+            "ko": "الكورية",
+            "nb": "النرويجية (بوكمال)",
+            "nl": "الهولندية",
+            "pl": "البولندية",
+            "pt": "البرتغالية - البرازيل",
+            "ru": "الروسية",
+            "sv": "السويدية",
+            "zh-Hans": "الصينية (المبسطة)",
+            "zh-Hant": "الصينية (التقليدية)",
+            "cs": "التشيكية",
+            "pt-pt": "البرتغالية - البرتغال",
+            "tr": "التركية",
+            "vi": "الفيتنامية",
+            "th": "التايلاندية",
+            "he": "العبرية",
+            "cy": "الويلزية",
+            "uk": "الأوكرانية",
+            "el": "اليونانية",
+            "hu": "الهنغارية",
+            "ro": "الرومانية",
+            "sk": "السلوفاكية"
+        },
         "captionsBannerSpinnerText": "يتم الآن بدء التسميات التوضيحية...",
         "transferPageTransferorText": "يتم الآن التحويل...",
         "transferPageTransferTargetText": "جارٍ الاتصال...",
@@ -193,7 +230,9 @@
         "moreDrawerSpeakerMenuTitle": "مكبر الصوت",
         "moreDrawerCaptionsMenuTitle": "نص الكلام مباشرةً",
         "moreDrawerSpokenLanguageMenuTitle": "اللغة المنطوقة",
+        "moreDrawerCaptionLanguageMenuTitle": "لغة التسمية التوضيحية",
         "peopleButtonLabel": "الأشخاص",
+        "selectedPeopleButtonLabel": "تم تحديد زر الأشخاص",
         "peopleButtonTooltipOpen": "إظهار المشاركين",
         "peopleButtonTooltipClose": "إخفاء المشاركين",
         "peoplePaneSubTitle": "في هذه المكالمة",

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

@@ -50,6 +50,7 @@
         "deniedPermissionToRoomDetails": "Nemáte oprávnění připojit se k této místnosti.",
         "deniedPermissionToRoomTitle": "Oprávnění k místnosti bylo odepřeno",
         "peopleButtonLabel": "Lidé",
+        "selectedPeopleButtonLabel": "Vybráno tlačítko Lidé",
         "peoplePaneTitle": "Lidé",
         "peopleButtonTooltipOpen": "Zobrazit účastníky",
         "peopleButtonTooltipClose": "Skrýt účastníky",
@@ -99,16 +100,18 @@
         "startCaptionsButtonOffLabel": "Vypnout titulky",
         "startCaptionsButtonTooltipOnContent": "Vypnout titulky",
         "startCaptionsButtonTooltipOffContent": "Zapnout titulky",
-        "captionsSettingsModalTitle": "V jakém jazyce se mluví?",
-        "captionsSettingsDropdownLabel": "Mluvený jazyk",
-        "captionsSettingsDropdownInfoText": "Jazyk, kterým mluví všichni účastníci tohoto hovoru.",
+        "captionsSettingsModalTitle": "Nastavení titulků",
+        "captionsSettingsSpokenLanguageDropdownLabel": "Mluvený jazyk",
+        "captionsSettingsCaptionLanguageDropdownLabel": "Jazyk titulků",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "Jazyk, kterým mluví všichni účastníci tohoto hovoru.",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "Titulky se zobrazí v tomto jazyce. ",
         "captionsSettingsConfirmButtonLabel": "Potvrdit",
         "captionsSettingsCancelButtonLabel": "Zrušit",
         "captionsSettingsModalAriaLabel": "Modální nastavení titulků",
         "captionsSettingsCloseModalButtonAriaLabel": "Nastavení titulků",
         "captionsBannerMoreButtonCallingLabel": "Další",
         "captionsBannerMoreButtonTooltip": "Další možnosti",
-        "captionsAvailableLanguageStrings": {
+        "spokenLanguageStrings": {
             "ar-ae": "Arabština - Spojené arabské emiráty",
             "ar-sa": "Arabština - Saúdská Arábie",
             "da-dk": "Dánština",
@@ -151,6 +154,40 @@
             "sk-sk": "Slovenština",
             "zh-tw": "Čínština – Tchaj-wan"
         },
+        "captionLanguageStrings": {
+            "ar": "Arabština",
+            "da": "Dánština",
+            "de": "Němčina",
+            "en": "Angličtina",
+            "es": "Španělština",
+            "fi": "Finština",
+            "fr-ca": "Francouzština - Kanada",
+            "fr": "Francouzština - Francie",
+            "hi": "Hindština",
+            "it": "Italština",
+            "ja": "Japonština",
+            "ko": "Korejština",
+            "nb": "Norština (Bokmål)",
+            "nl": "Nizozemština",
+            "pl": "Polština",
+            "pt": "Portugalština – Brazílie",
+            "ru": "Ruština",
+            "sv": "Švédština",
+            "zh-Hans": "Čínština (zjednodušená)",
+            "zh-Hant": "Čínština (tradiční)",
+            "cs": "Čeština",
+            "pt-pt": "Portugalština – Portugalsko",
+            "tr": "Turečtina",
+            "vi": "Vietnamština",
+            "th": "Thajština",
+            "he": "Hebrejština",
+            "cy": "Velština",
+            "uk": "Ukrajinština",
+            "el": "Řečtina",
+            "hu": "Maďarština",
+            "ro": "Rumunština",
+            "sk": "Slovenština"
+        },
         "captionsBannerSpinnerText": "Spouští se titulky...",
         "transferPageTransferorText": "Probíhá přenos...",
         "transferPageTransferTargetText": "Připojování...",
@@ -193,7 +230,9 @@
         "moreDrawerSpeakerMenuTitle": "Mluvčí",
         "moreDrawerCaptionsMenuTitle": "Živé titulky",
         "moreDrawerSpokenLanguageMenuTitle": "Mluvený jazyk",
+        "moreDrawerCaptionLanguageMenuTitle": "Jazyk titulků",
         "peopleButtonLabel": "Lidé",
+        "selectedPeopleButtonLabel": "Vybráno tlačítko Lidé",
         "peopleButtonTooltipOpen": "Zobrazit účastníky",
         "peopleButtonTooltipClose": "Skrýt účastníky",
         "peoplePaneSubTitle": "V tomto hovoru",

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

@@ -50,6 +50,7 @@
         "deniedPermissionToRoomDetails": "Sie sind nicht berechtigt, diesem Raum beizutreten.",
         "deniedPermissionToRoomTitle": "Berechtigung für Raum verweigert",
         "peopleButtonLabel": "Kontakte",
+        "selectedPeopleButtonLabel": "Schaltfläche \"Personen\" ausgewählt",
         "peoplePaneTitle": "Kontakte",
         "peopleButtonTooltipOpen": "Teilnehmende anzeigen",
         "peopleButtonTooltipClose": "Teilnehmende ausblenden",
@@ -99,16 +100,18 @@
         "startCaptionsButtonOffLabel": "Untertitel deaktivieren",
         "startCaptionsButtonTooltipOnContent": "Untertitel deaktivieren",
         "startCaptionsButtonTooltipOffContent": "Beschriftungen aktivieren",
-        "captionsSettingsModalTitle": "Welche Sprache wird gesprochen?",
-        "captionsSettingsDropdownLabel": "Gesprochene Sprache",
-        "captionsSettingsDropdownInfoText": "Sprache, die jeder in diesem Anruf spricht.",
+        "captionsSettingsModalTitle": "Einstellungen für Untertitel",
+        "captionsSettingsSpokenLanguageDropdownLabel": "Gesprochene Sprache",
+        "captionsSettingsCaptionLanguageDropdownLabel": "Sprache der Untertitel",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "Sprache, die jeder in diesem Anruf spricht.",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "Untertitel werden in dieser Sprache angezeigt.",
         "captionsSettingsConfirmButtonLabel": "Bestätigen",
         "captionsSettingsCancelButtonLabel": "Abbrechen",
         "captionsSettingsModalAriaLabel": "Untertiteleinstellung modal",
         "captionsSettingsCloseModalButtonAriaLabel": "Einstellung „Untertitel“ schließen",
         "captionsBannerMoreButtonCallingLabel": "Mehr",
         "captionsBannerMoreButtonTooltip": "Weitere Optionen",
-        "captionsAvailableLanguageStrings": {
+        "spokenLanguageStrings": {
             "ar-ae": "Arabisch – Vereinigte Arabische Emirate",
             "ar-sa": "Arabisch – Saudi-Arabien",
             "da-dk": "Dänisch",
@@ -122,8 +125,8 @@
             "es-es": "Spanisch – Spanien (Moderne Sortierung)",
             "es-mx": "Spanisch – Mexiko",
             "fi-fi": "Finnisch",
-            "fr-ca": "Französisch – Kanada",
-            "fr-fr": "Französisch – Frankreich",
+            "fr-ca": "Französisch (Kanada)",
+            "fr-fr": "Französisch (Frankreich)",
             "hi-in": "Hindi",
             "it-it": "Italienisch – Italien",
             "ja-jp": "Japanisch",
@@ -132,13 +135,13 @@
             "nl-be": "Niederländisch – Belgien",
             "nl-nl": "Niederländisch – Niederlande",
             "pl-pl": "Polnisch",
-            "pt-br": "Portugiesisch – Brasilien",
+            "pt-br": "Portugiesisch (Brasilien)",
             "ru-ru": "Russisch",
             "sv-se": "Schwedisch",
             "zh-cn": "Chinesisch – Volksrepublik China",
             "zh-hk": "Chinesisch – Hongkong (SAR)",
             "cs-cz": "Tschechisch",
-            "pt-pt": "Portugiesisch – Portugal",
+            "pt-pt": "Portugiesisch (Portugal)",
             "tr-tr": "Türkisch",
             "vi-vn": "Vietnamesisch",
             "th-th": "Thailändisch",
@@ -151,6 +154,40 @@
             "sk-sk": "Slowakisch",
             "zh-tw": "Chinesisch – Taiwan"
         },
+        "captionLanguageStrings": {
+            "ar": "Arabisch",
+            "da": "Dänisch",
+            "de": "Deutsch",
+            "en": "Englisch",
+            "es": "Spanisch",
+            "fi": "Finnisch",
+            "fr-ca": "Französisch – Kanada",
+            "fr": "Französisch – Frankreich",
+            "hi": "Hindi",
+            "it": "Italienisch",
+            "ja": "Japanisch",
+            "ko": "Koreanisch",
+            "nb": "Norwegisch (Bokmål)",
+            "nl": "Niederländisch",
+            "pl": "Polnisch",
+            "pt": "Portugiesisch – Brasilien",
+            "ru": "Russisch",
+            "sv": "Schwedisch",
+            "zh-Hans": "Chinesisch (vereinfacht)",
+            "zh-Hant": "Chinesisch (traditionell)",
+            "cs": "Tschechisch",
+            "pt-pt": "Portugiesisch – Portugal",
+            "tr": "Türkisch",
+            "vi": "Vietnamesisch",
+            "th": "Thailändisch",
+            "he": "Hebräisch",
+            "cy": "Walisisch",
+            "uk": "Ukrainisch",
+            "el": "Griechisch",
+            "hu": "Ungarisch",
+            "ro": "Rumänisch",
+            "sk": "Slowakisch"
+        },
         "captionsBannerSpinnerText": "Untertitel werden gestartet...",
         "transferPageTransferorText": "Übertragung...",
         "transferPageTransferTargetText": "Verbindung wird hergestellt...",
@@ -193,7 +230,9 @@
         "moreDrawerSpeakerMenuTitle": "Lautsprecher",
         "moreDrawerCaptionsMenuTitle": "Liveuntertitel",
         "moreDrawerSpokenLanguageMenuTitle": "Gesprochene Sprache",
+        "moreDrawerCaptionLanguageMenuTitle": "Sprache für Untertitel",
         "peopleButtonLabel": "Personen",
+        "selectedPeopleButtonLabel": "Schaltfläche \"Personen\" ausgewählt",
         "peopleButtonTooltipOpen": "Teilnehmende anzeigen",
         "peopleButtonTooltipClose": "Teilnehmende ausblenden",
         "peoplePaneSubTitle": "In diesem Anruf",

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

@@ -50,6 +50,7 @@
         "deniedPermissionToRoomDetails": "You do not have permission to join this room.",
         "deniedPermissionToRoomTitle": "Permission denied to room",
         "peopleButtonLabel": "People",
+        "selectedPeopleButtonLabel": "People Button Selected",
         "peoplePaneTitle": "People",
         "peopleButtonTooltipOpen": "Show participants",
         "peopleButtonTooltipClose": "Hide participants",
@@ -99,16 +100,18 @@
         "startCaptionsButtonOffLabel": "Turn off captions",
         "startCaptionsButtonTooltipOnContent": "Turn off captions",
         "startCaptionsButtonTooltipOffContent": "Turn on captions",
-        "captionsSettingsModalTitle": "What language is being spoken?",
-        "captionsSettingsDropdownLabel": "Spoken language",
-        "captionsSettingsDropdownInfoText": "Language that everyone on this call is speaking.",
+        "captionsSettingsModalTitle": "Captions Settings",
+        "captionsSettingsSpokenLanguageDropdownLabel": "Spoken language",
+        "captionsSettingsCaptionLanguageDropdownLabel": "Captions language",
+        "captionsSettingsSpokenLanguageDropdownInfoText": "Language that everyone on this call is speaking.",
+        "captionsSettingsCaptionLanguageDropdownInfoText": "Captions will appear in this langugage.",
         "captionsSettingsConfirmButtonLabel": "Confirm",
         "captionsSettingsCancelButtonLabel": "Cancel",
         "captionsSettingsModalAriaLabel": "Captions Setting Modal",
         "captionsSettingsCloseModalButtonAriaLabel": "Close Captions Setting",
         "captionsBannerMoreButtonCallingLabel": "More",
         "captionsBannerMoreButtonTooltip": "More options",
-        "captionsAvailableLanguageStrings": {
+        "spokenLanguageStrings": {
             "ar-ae": "Arabic - U.A.E.",
             "ar-sa": "Arabic - Saudi Arabia",
             "da-dk": "Danish",
@@ -151,6 +154,40 @@
             "sk-sk": "Slovak",
             "zh-tw": "Chinese - Taiwan"
         },
+        "captionLanguageStrings": {
+            "ar": "Arabic",
+            "da": "Danish",
+            "de": "German",
+            "en": "English",
+            "es": "Spanish",
+            "fi": "Finnish",
+            "fr-ca": "French - Canada",
+            "fr": "French - France",
+            "hi": "Hindi",
+            "it": "Italian",
+            "ja": "Japanese",
+            "ko": "Korean",
+            "nb": "Norwegian (Bokmål)",
+            "nl": "Dutch",
+            "pl": "Polish",
+            "pt": "Portuguese - Brazil",
+            "ru": "Russian",
+            "sv": "Swedish",
+            "zh-Hans": "Chinese (Simplified)",
+            "zh-Hant": "Chinese (Traditional)",
+            "cs": "Czech",
+            "pt-pt": "Portuguese - Portugal",
+            "tr": "Turkish",
+            "vi": "Vietnamese",
+            "th": "Thai",
+            "he": "Hebrew",
+            "cy": "Welsh",
+            "uk": "Ukrainian",
+            "el": "Greek",
+            "hu": "Hungarian",
+            "ro": "Romanian",
+            "sk": "Slovak"
+        },
         "captionsBannerSpinnerText": "Starting captions...",
         "transferPageTransferorText": "Transferring...",
         "transferPageTransferTargetText": "Connecting...",
@@ -193,7 +230,9 @@
         "moreDrawerSpeakerMenuTitle": "Speaker",
         "moreDrawerCaptionsMenuTitle": "Live captions",
         "moreDrawerSpokenLanguageMenuTitle": "Spoken language",
+        "moreDrawerCaptionLanguageMenuTitle": "Caption language",
         "peopleButtonLabel": "People",
+        "selectedPeopleButtonLabel": "People Button Selected",
         "peopleButtonTooltipOpen": "Show participants",
         "peopleButtonTooltipClose": "Hide participants",
         "peoplePaneSubTitle": "In this call",

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

@@ -207,21 +207,7 @@
         "moreButtonGallerySpeakerLayoutLabel": "Speaker layout",
         "moreButtonGalleryFloatingLocalLayoutLabel": "Dynamic layout",
         "moreButtonGalleryDefaultLayoutLabel": "Gallery layout",
-        "moreButtonGalleryFocusedContentLayoutLabel": "Focused content",
-        "capabilityChangedNotification": {
-            "turnVideoOn": {
-                "lostDueToMeetingOption": "Your camera has been disabled. You can no longer share video.",
-                "grantedDueToMeetingOption": "Your camera has been enabled. Turn it on if you'd like to share video."
-            },
-            "unmuteMic": {
-                "lostDueToMeetingOption": "Your mic has been disabled. You can no longer unmute.",
-                "grantedDueToMeetingOption": "Your mic has been enabled. Unmute if you'd like to speak."
-            },
-            "shareScreen": {
-                "lostDueToRoleChangeToAttendee": "Your role has been changed. Some actions, like sharing content, won't be available to you.",
-                "grantedDueToRoleChangeToPresenter": "You're a presenter. You can share content and facilitate the meeting."
-            }
-        }
+        "moreButtonGalleryFocusedContentLayoutLabel": "Focused content"
     },
     "chat": {
         "chatListHeader": "In this chat",