npm - @azure/communication-react - Versions diffs - 1.11.1-alpha-202401140014 → 1.11.1-alpha-202401170012 - Mend

@azure/communication-react 1.11.1-alpha-202401140014 → 1.11.1-alpha-202401170012

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/dist-esm/react-components/src/components/styles/ImageGallery.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImageGallery.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ImageGallery.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;~~AAMlC~~;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE7D;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAe;IACtC,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAgB,EAAkB,EAAE;IAChE,OAAO;QACL,IAAI,EAAE;YACJ,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,~~wBAAwB~~;~~YACtD~~,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAW;IACxC,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;CAClB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,MAAM;IACjB,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,QAAQ;CACnB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAW;IACjC,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,QAAQ;IAChB,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,eAAe;IAC/B,OAAO,EAAE,iBAAiB;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAW;IAC5C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAU,EAAE;IACrD,OAAO;QACL,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~QAC/C~~,UAAU,EAAE,SAAS;QACrB,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,QAAQ;QACnB,UAAU,EAAE,KAAK;QACjB,UAAU,EAAE,SAAS;KACtB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAW;IAC9C,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,OAAO;IACvB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;CACrB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAW;IACvC,WAAW,EAAE,OAAO;IACpB,QAAQ,EAAE,UAAU,CAAC,OAAO;CAC7B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAW;IACnC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,qBAAqB;IAC9B,kDAAkD,EAAE;QAClD,OAAO,EAAE,qBAAqB;KAC/B;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAW;IACtC,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC3D,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~KAChD~~,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC5D,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~QAC/C~~,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~iCAAiC~~;~~SACrE~~;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~kCAAkC~~;~~SACtE~~;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC9D,OAAO;QACL,MAAM,EAAE,UAAU;QAClB,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,KAAK;QAClB,QAAQ,EAAE,UAAU,EAAE,OAAO;QAC7B,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,iBAAiB;QAC1B,YAAY,EAAE,KAAK;QACnB,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~mCAAmC~~;~~QACtE~~,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~QAC/C~~,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~iCAAiC~~;~~SACrE~~;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~kCAAkC~~;~~SACtE~~;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAAC,KAAgB,EAAU,EAAE;IAC5E,OAAO;QACL,WAAW,EAAE,QAAQ;QACrB,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~QAC/C~~,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE;YACR,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~iCAAiC~~;~~SACrE~~;QACD,SAAS,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,~~sBAAsB~~;~~YAC/C~~,eAAe,EAAE,KAAK,CAAC,WAAW,CAAC,~~kCAAkC~~;~~SACtE~~;QACD,2BAA2B,EAAE;YAC3B,OAAO,EAAE,MAAM;SAChB;KACF,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IIconProps, IStyle } from '@fluentui/react';\nimport { IOverlayStyles } from '@fluentui/react';\nimport { ChatTheme } from '../../theming/themes';\n\n/*\n @private\n /\nexport const cancelIcon: IIconProps = { iconName: 'Cancel' };\n\n/\n @private\n /\nexport const downloadIcon: IIconProps = {\n iconName: 'Download'\n};\n\n/\n @private\n /\nexport const overlayStyles = (theme: ChatTheme): IOverlayStyles => {\n return {\n root: {\n background: theme.chatPalette.~~imageGalleryOverlayBlack~~,\n opacity: '0.85'\n }\n };\n};\n\n/\n @private\n /\nexport const focusTrapZoneStyle: IStyle = {\n boxShadow: 'none',\n background: 'transparent',\n display: 'flex',\n width: '100%',\n height: '100%',\n maxWidth: '100%',\n maxHeight: '100%'\n};\n\n/\n @private\n /\nexport const scrollableContentStyle: IStyle = {\n overflowY: 'hidden',\n display: 'flex',\n maxWidth: '100%',\n maxHeight: '100%',\n flexDirection: 'column',\n flexWrap: 'nowrap'\n};\n\n/\n @private\n /\nexport const headerStyle: IStyle = {\n fontSize: 'inherit',\n margin: '0',\n width: '100%',\n height: '3.5rem',\n flexDirection: 'row',\n justifyContent: 'space-between',\n padding: '0.25rem 0.75rem'\n};\n\n/\n @private\n /\nexport const titleBarContainerStyle: IStyle = {\n flexDirection: 'row',\n justifyContent: 'start',\n flexWrap: 'wrap',\n alignContent: 'center',\n alignItems: 'center'\n};\n\n/\n @private\n /\nexport const titleStyle = (theme: ChatTheme): IStyle => {\n return {\n paddingLeft: '0.5rem',\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n fontFamily: 'inherit',\n fontSize: '0.875rem',\n fontStyle: 'normal',\n fontWeight: '600',\n lineHeight: '1.25rem'\n };\n};\n\n/\n @private\n /\nexport const controlBarContainerStyle: IStyle = {\n flexDirection: 'row',\n justifyContent: 'start',\n flexWrap: 'wrap',\n alignContent: 'center',\n alignItems: 'center'\n};\n\n/\n @private\n /\nexport const downloadIconStyle: IStyle = {\n marginRight: '0.5em',\n fontSize: '0.875rem' // 14px\n};\n\n/\n @private\n /\nexport const bodyContainer: IStyle = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n padding: '1rem 2rem 3rem 2rem',\n '@media (max-width: 25rem) or (max-height: 25rem)': {\n padding: '0rem 1rem 2rem 1rem'\n }\n};\n\n/\n @private\n /\nexport const normalImageStyle: IStyle = {\n objectFit: 'contain',\n maxHeight: '100%',\n maxWidth: '100%'\n};\n\n/\n @private\n /\nexport const brokenImageStyle = (theme: ChatTheme): IStyle => {\n return {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~\n };\n};\n\n/\n @private\n /\nexport const closeButtonStyles = (theme: ChatTheme): IStyle => {\n return {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n ':hover': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundHover~~\n },\n ':active': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundActive~~\n }\n };\n};\n\n/\n @private\n /\nexport const downloadButtonStyle = (theme: ChatTheme): IStyle => {\n return {\n margin: '0 0.5rem',\n height: '32px',\n borderWidth: '1px',\n fontSize: '0.875rem', // 14px\n fontWeight: 600,\n padding: '0.38rem 0.75rem',\n borderRadius: '4px',\n backgroundColor: theme.chatPalette.~~imageGalleryDefaultButtonBackground~~,\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n whiteSpace: 'nowrap',\n ':hover': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundHover~~\n },\n ':active': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundActive~~\n },\n '@media (max-width: 25rem)': {\n display: 'none'\n }\n };\n};\n\n/\n @private\n */\nexport const smallDownloadButtonContainerStyle = (theme: ChatTheme): IStyle => {\n return {\n marginRight: '0.5rem',\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n whiteSpace: 'nowrap',\n ':hover': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundHover~~\n },\n ':active': {\n color: theme.chatPalette.~~imageGalleryTitleWhite~~,\n backgroundColor: theme.chatPalette.~~imageGalleryButtonBackgroundActive~~\n },\n '@media (min-width: 25rem)': {\n display: 'none'\n }\n };\n};\n"]}
1	+ {"version":3,"file":"ImageGallery.style.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ImageGallery.style.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IIconProps, IStyle } from '@fluentui/react';\n/* @conditional-compile-remove(image-gallery) /\nimport { IOverlayStyles } from '@fluentui/react';\n/ @conditional-compile-remove(image-gallery) /\nimport { ChatTheme } from '../../theming/themes';\n\n/\n @private\n /\nexport const cancelIcon: IIconProps = { iconName: 'Cancel' };\n\n/\n @private\n /\nexport const downloadIcon: IIconProps = {\n iconName: 'Download'\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n /\nexport const overlayStyles = (theme: ChatTheme): IOverlayStyles => {\n return {\n root: {\n background: theme.chatPalette.modalOverlayBlack,\n opacity: '0.85'\n }\n };\n};\n\n/\n @private\n /\nexport const focusTrapZoneStyle: IStyle = {\n boxShadow: 'none',\n background: 'transparent',\n display: 'flex',\n width: '100%',\n height: '100%',\n maxWidth: '100%',\n maxHeight: '100%'\n};\n\n/\n @private\n /\nexport const scrollableContentStyle: IStyle = {\n overflowY: 'hidden',\n display: 'flex',\n maxWidth: '100%',\n maxHeight: '100%',\n flexDirection: 'column',\n flexWrap: 'nowrap'\n};\n\n/\n @private\n /\nexport const headerStyle: IStyle = {\n fontSize: 'inherit',\n margin: '0',\n width: '100%',\n height: '3.5rem',\n flexDirection: 'row',\n justifyContent: 'space-between',\n padding: '0.25rem 0.75rem'\n};\n\n/\n @private\n /\nexport const titleBarContainerStyle: IStyle = {\n flexDirection: 'row',\n justifyContent: 'start',\n flexWrap: 'wrap',\n alignContent: 'center',\n alignItems: 'center'\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n /\nexport const titleStyle = (theme: ChatTheme): IStyle => {\n return {\n paddingLeft: '0.5rem',\n color: theme.chatPalette.modalTitleWhite,\n fontFamily: 'inherit',\n fontSize: '0.875rem',\n fontStyle: 'normal',\n fontWeight: '600',\n lineHeight: '1.25rem'\n };\n};\n\n/\n @private\n /\nexport const controlBarContainerStyle: IStyle = {\n flexDirection: 'row',\n justifyContent: 'start',\n flexWrap: 'wrap',\n alignContent: 'center',\n alignItems: 'center'\n};\n\n/\n @private\n /\nexport const downloadIconStyle: IStyle = {\n marginRight: '0.5em',\n fontSize: '0.875rem' // 14px\n};\n\n/\n @private\n /\nexport const bodyContainer: IStyle = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n overflow: 'hidden',\n padding: '1rem 2rem 3rem 2rem',\n '@media (max-width: 25rem) or (max-height: 25rem)': {\n padding: '0rem 1rem 2rem 1rem'\n }\n};\n\n/\n @private\n /\nexport const normalImageStyle: IStyle = {\n objectFit: 'contain',\n maxHeight: '100%',\n maxWidth: '100%'\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n /\nexport const brokenImageStyle = (theme: ChatTheme): IStyle => {\n return {\n color: theme.chatPalette.modalTitleWhite\n };\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n /\nexport const closeButtonStyles = (theme: ChatTheme): IStyle => {\n return {\n color: theme.chatPalette.modalTitleWhite,\n ':hover': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n },\n ':active': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n }\n };\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n /\nexport const downloadButtonStyle = (theme: ChatTheme): IStyle => {\n return {\n margin: '0 0.5rem',\n height: '32px',\n borderWidth: '1px',\n fontSize: '0.875rem', // 14px\n fontWeight: 600,\n padding: '0.38rem 0.75rem',\n borderRadius: '4px',\n backgroundColor: theme.chatPalette.modalButtonBackground,\n color: theme.chatPalette.modalTitleWhite,\n whiteSpace: 'nowrap',\n ':hover': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n },\n ':active': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n },\n '@media (max-width: 25rem)': {\n display: 'none'\n }\n };\n};\n\n/ @conditional-compile-remove(image-gallery) /\n/\n @private\n */\nexport const smallDownloadButtonContainerStyle = (theme: ChatTheme): IStyle => {\n return {\n marginRight: '0.5rem',\n color: theme.chatPalette.modalTitleWhite,\n whiteSpace: 'nowrap',\n ':hover': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundHover\n },\n ':active': {\n color: theme.chatPalette.modalTitleWhite,\n backgroundColor: theme.chatPalette.modalButtonBackgroundActive\n },\n '@media (min-width: 25rem)': {\n display: 'none'\n }\n };\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/ReactionButton.styles.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 import React from 'react';
+/**
+ * @private
+ */
+export declare const playFrames: () => string;
 /**
  * @param backgroundImage - the uri for the reaction emoji resource
- * @param animationPLayState - the value is either 'running' or 'paused' based on the mouse hover event
+ * @param animationPlayState - the value is either 'running' or 'paused' based on the mouse hover event
  *
  * @private
  */
-export declare const emojiStyles: (backgroundImage?: string, animationPLayState?: string) => React.CSSProperties;
+export declare const emojiStyles: (backgroundImage?: string, animationPlayState?: string) => React.CSSProperties;
 /**
  *
  * @private

package/dist/dist-esm/react-components/src/components/styles/ReactionButton.styles.js CHANGED Viewed

@@ -1,21 +1,37 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 /* @conditional-compile-remove(reaction) */
+import { keyframes, memoizeFunction } from '@fluentui/react';
+/* @conditional-compile-remove(reaction) */
+/**
+ * @private
+ */
+export const playFrames = memoizeFunction(() => keyframes({
+    from: {
+        backgroundPosition: '0px 8568px'
+    },
+    to: {
+        backgroundPosition: '0px 0px'
+    }
+}));
+/* @conditional-compile-remove(reaction) */
 /**
  * @param backgroundImage - the uri for the reaction emoji resource
- * @param animationPLayState - the value is either 'running' or 'paused' based on the mouse hover event
+ * @param animationPlayState - the value is either 'running' or 'paused' based on the mouse hover event
  *
  * @private
  */
-export const emojiStyles = (backgroundImage, animationPLayState) => {
+export const emojiStyles = (backgroundImage, animationPlayState) => {
     return {
         display: 'flex',
         flexDirection: 'column',
         height: '100%',
         width: '100%',
         backgroundImage: backgroundImage,
-        animation: 'play 8.12s steps(102)',
-        animationPlayState: animationPLayState,
+        animationName: playFrames(),
+        animationDuration: '8.12s',
+        animationTimingFunction: `steps(102)`,
+        animationPlayState: animationPlayState,
         animationIterationCount: 'infinite',
         justifyContent: 'center',
         alignItems: 'center',

package/dist/dist-esm/react-components/src/components/styles/ReactionButton.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReactionButton.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ReactionButton.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;~~AAKlC~~,2CAA2C;AAC3C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,eAAwB,EAAE,kBAA2B,EAAuB,EAAE;IACxG,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,eAAe;QAChC,~~SAAS~~,EAAE,uBAAuB;~~QAClC~~,kBAAkB,EAAE,kBAAkB;QACtC,uBAAuB,EAAE,UAAU;QACnC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,kBAAkB,EAAE,QAAQ;QAC5B,cAAc,EAAE,aAAa;QAC7B,UAAU,EAAE,YAAY;QACxB,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;AACJ,CAAC,CAAC;AAEF,2CAA2C;AAC3C;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAwB,EAAE;IAC/D,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;KACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) /\nimport React from 'react';\n\n/ @conditional-compile-remove(reaction) /\n/\n @param backgroundImage - the uri for the reaction emoji resource\n * @param ~~animationPLayState~~ - the value is either 'running' or 'paused' based on the mouse hover event\n \n @private\n /\nexport const emojiStyles = (backgroundImage?: string, ~~animationPLayState~~?: string): React.CSSProperties => {\n return {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n width: '100%',\n backgroundImage: backgroundImage,\n ~~animation~~: '~~play~~ 8.12s steps(102)~~',\~~n animationPlayState: ~~animationPLayState~~,\n animationIterationCount: 'infinite',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundPosition: 'center',\n backgroundSize: `44px 2142px`,\n transition: 'opacity 2s',\n backgroundColor: 'transparent',\n transform: `scale(0.6)`\n };\n};\n\n/ @conditional-compile-remove(reaction) /\n/\n \n * @private\n */\nexport const reactionEmojiMenuStyles = (): React.CSSProperties => {\n return {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'row',\n width: '220px',\n height: '42px'\n };\n};\n"]}
1	+ {"version":3,"file":"ReactionButton.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ReactionButton.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,2CAA2C;AAC3C,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAI7D,2CAA2C;AAC3C;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,GAAG,EAAE,CAC7C,SAAS,CAAC;IACR,IAAI,EAAE;QACJ,kBAAkB,EAAE,YAAY;KACjC;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,SAAS;KAC9B;CACF,CAAC,CACH,CAAC;AAEF,2CAA2C;AAC3C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,eAAwB,EAAE,kBAA2B,EAAuB,EAAE;IACxG,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,eAAe;QAChC,aAAa,EAAE,UAAU,EAAE;QAC3B,iBAAiB,EAAE,OAAO;QAC1B,uBAAuB,EAAE,YAAY;QACrC,kBAAkB,EAAE,kBAAkB;QACtC,uBAAuB,EAAE,UAAU;QACnC,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,kBAAkB,EAAE,QAAQ;QAC5B,cAAc,EAAE,aAAa;QAC7B,UAAU,EAAE,YAAY;QACxB,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;AACJ,CAAC,CAAC;AAEF,2CAA2C;AAC3C;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAwB,EAAE;IAC/D,OAAO;QACL,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;KACf,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(reaction) /\nimport { keyframes, memoizeFunction } from '@fluentui/react';\n/ @conditional-compile-remove(reaction) /\nimport React from 'react';\n\n/ @conditional-compile-remove(reaction) /\n/\n @private\n /\nexport const playFrames = memoizeFunction(() =>\n keyframes({\n from: {\n backgroundPosition: '0px 8568px'\n },\n to: {\n backgroundPosition: '0px 0px'\n }\n })\n);\n\n/ @conditional-compile-remove(reaction) /\n/\n @param backgroundImage - the uri for the reaction emoji resource\n * @param animationPlayState - the value is either 'running' or 'paused' based on the mouse hover event\n \n @private\n /\nexport const emojiStyles = (backgroundImage?: string, animationPlayState?: string): React.CSSProperties => {\n return {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n width: '100%',\n backgroundImage: backgroundImage,\n animationName: playFrames(),\n animationDuration: '8.12s',\n animationTimingFunction: `steps(102)`,\n animationPlayState: animationPlayState,\n animationIterationCount: 'infinite',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundPosition: 'center',\n backgroundSize: `44px 2142px`,\n transition: 'opacity 2s',\n backgroundColor: 'transparent',\n transform: `scale(0.6)`\n };\n};\n\n/ @conditional-compile-remove(reaction) /\n/\n \n * @private\n */\nexport const reactionEmojiMenuStyles = (): React.CSSProperties => {\n return {\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexDirection: 'row',\n width: '220px',\n height: '42px'\n };\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js CHANGED Viewed

@@ -1,6 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-import { keyframes, memoizeFunction, mergeStyles } from '@fluentui/react';
+import { mergeStyles } from '@fluentui/react';
+/* @conditional-compile-remove(reaction) */
+import { keyframes, memoizeFunction } from '@fluentui/react';
 /**
  * @private
  */
@@ -155,6 +157,7 @@ export const raiseHandLimitedSpaceStyles = {
     // position at the bottom
     bottom: 0
 };
+/* @conditional-compile-remove(reaction) */
 /**
  * @private
  */

package/dist/dist-esm/react-components/src/components/styles/VideoTile.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAyB,SAAS,EAAE,eAAe,EAAE,~~WAAW,EAAiB,~~MAAM,iBAAiB,CAAC;~~AAEhH~~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~~AACF~~,2CAA2C;AAC3C;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAA0D,EAAU,EAAE,CAC3G,WAAW,CAAC;IACV,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,UAAU,EAAE;IAC3B,eAAe,EAAE,IAAI,CAAC,kBAAkB;IACxC,iBAAiB,EAAE,OAAO;IAC1B,uBAAuB,EAAE,YAAY;IACrC,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,SAAS;IAC7B,uBAAuB,EAAE,UAAU;IACnC,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,kBAAkB,EAAE,QAAQ;IAC5B,SAAS,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,EAAE,GAAG;CAC7F,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStyle, ~~keyframes, memoizeFunction,~~ mergeStyles, Theme, ITheme } from '@fluentui/react';\n\n/*\n @private\n /\nexport const rootStyles: IStyle = {\n position: 'relative',\n height: '100%',\n width: '100%'\n};\n\n/\n @private\n /\nexport const videoContainerStyles: IStyle = {\n position: 'absolute',\n top: '0',\n left: '0',\n width: '100%',\n height: '100%',\n minWidth: '100%',\n minHeight: '100%',\n objectPosition: 'center',\n objectFit: 'cover',\n zIndex: 0\n};\n\n/\n @private\n /\nexport const overlayContainerStyles: IStyle = {\n width: '100%',\n height: '100%',\n zIndex: 5\n};\n\n/\n @private\n /\nexport const tileInfoContainerStyle = mergeStyles({\n position: 'absolute',\n bottom: '0',\n left: '0',\n padding: '0.5rem',\n width: '100%'\n});\n\n/\n @private\n /\nexport const disabledVideoHint = mergeStyles({\n backgroundColor: 'inherit',\n boxShadow: 'none',\n textAlign: 'left',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n padding: '0.15rem',\n maxWidth: '100%'\n});\n\n/\n @private\n /\nexport const videoHint = mergeStyles(disabledVideoHint, {\n // This will appear on top of the video stream, so no dependency on theme and explicitly use a translucent white\n backgroundColor: 'rgba(255,255,255,0.8)'\n});\n\n/\n @private\n /\nexport const displayNameStyle: IStyle = {\n padding: '0.1rem',\n fontSize: '0.75rem',\n fontWeight: 600,\n // Text component will take body color by default (white in Dark Mode), so forcing it to be parent container color\n color: 'inherit',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%'\n};\n\n/\n @private\n /\nexport const pinIconStyle: IStyle = {\n padding: '0.125rem'\n};\n\n/\n @private\n /\nexport const iconContainerStyle: IStyle = {\n margin: 'auto',\n alignItems: 'center',\n '& svg': {\n display: 'block',\n // Similar to text color, icon color will be inherited from parent container\n color: 'inherit'\n }\n};\n\n/\n @private\n /\nexport const participantStateStringStyles = (theme: Theme): IStyle => {\n return {\n minWidth: 'max-content',\n color: theme.palette.black,\n fontSize: '0.75rem',\n lineHeight: 'normal',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n padding: '0.1rem'\n };\n};\n\n/\n @private\n /\nexport const moreButtonStyles: IButtonStyles = {\n root: {\n // To ensure that the button is clickable when there is a floating video tile\n zIndex: 1,\n color: 'inherit',\n top: '-0.125rem',\n height: '100%',\n padding: '0rem'\n },\n rootHovered: {\n background: 'none'\n },\n rootPressed: {\n background: 'none'\n },\n rootExpanded: {\n background: 'none'\n }\n};\n\n/\n @private\n /\nexport const raiseHandContainerStyles = (theme: ITheme, limitedSpace: boolean): string =>\n mergeStyles(\n {\n alignItems: 'center',\n padding: '0.2rem 0.3rem',\n backgroundColor: theme.palette.white,\n opacity: 0.9,\n borderRadius: '1rem',\n margin: '0.5rem',\n width: 'fit-content',\n position: 'absolute'\n },\n limitedSpace && raiseHandLimitedSpaceStyles\n );\n\n/\n @private\n /\nexport const raiseHandLimitedSpaceStyles: IStyle = {\n // position centrally\n marginLeft: 'auto',\n marginRight: 'auto',\n left: 0,\n right: 0,\n // position at the bottom\n bottom: 0\n};\n\n/\n @private\n /\nexport const playFrames = memoizeFunction(() =>\n keyframes({\n from: {\n backgroundPosition: '0px 8568px'\n },\n to: {\n backgroundPosition: '0px 0px'\n }\n })\n);\n/ @conditional-compile-remove(reaction) /\n/\n @private\n */\nexport const reactionRenderingStyle = (args: { backgroundImageUrl?: string; personaSize: number }): string =>\n mergeStyles({\n height: '100%',\n width: '100%',\n overflow: 'hidden',\n animationName: playFrames(),\n backgroundImage: args.backgroundImageUrl,\n animationDuration: '5.12s',\n animationTimingFunction: `steps(102)`,\n backgroundSize: `cover`,\n animationPlayState: 'running',\n animationIterationCount: 'infinite',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundPosition: `center`,\n transform: `scale(${84 < args.personaSize ? 84 / args.personaSize : args.personaSize / 84})`\n });\n"]}
1	+ {"version":3,"file":"VideoTile.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/VideoTile.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IButtonStyles, IStyle, mergeStyles, Theme, ITheme } from '@fluentui/react';\n/* @conditional-compile-remove(reaction) /\nimport { keyframes, memoizeFunction } from '@fluentui/react';\n/\n @private\n /\nexport const rootStyles: IStyle = {\n position: 'relative',\n height: '100%',\n width: '100%'\n};\n\n/\n @private\n /\nexport const videoContainerStyles: IStyle = {\n position: 'absolute',\n top: '0',\n left: '0',\n width: '100%',\n height: '100%',\n minWidth: '100%',\n minHeight: '100%',\n objectPosition: 'center',\n objectFit: 'cover',\n zIndex: 0\n};\n\n/\n @private\n /\nexport const overlayContainerStyles: IStyle = {\n width: '100%',\n height: '100%',\n zIndex: 5\n};\n\n/\n @private\n /\nexport const tileInfoContainerStyle = mergeStyles({\n position: 'absolute',\n bottom: '0',\n left: '0',\n padding: '0.5rem',\n width: '100%'\n});\n\n/\n @private\n /\nexport const disabledVideoHint = mergeStyles({\n backgroundColor: 'inherit',\n boxShadow: 'none',\n textAlign: 'left',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n alignItems: 'center',\n padding: '0.15rem',\n maxWidth: '100%'\n});\n\n/\n @private\n /\nexport const videoHint = mergeStyles(disabledVideoHint, {\n // This will appear on top of the video stream, so no dependency on theme and explicitly use a translucent white\n backgroundColor: 'rgba(255,255,255,0.8)'\n});\n\n/\n @private\n /\nexport const displayNameStyle: IStyle = {\n padding: '0.1rem',\n fontSize: '0.75rem',\n fontWeight: 600,\n // Text component will take body color by default (white in Dark Mode), so forcing it to be parent container color\n color: 'inherit',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n maxWidth: '100%'\n};\n\n/\n @private\n /\nexport const pinIconStyle: IStyle = {\n padding: '0.125rem'\n};\n\n/\n @private\n /\nexport const iconContainerStyle: IStyle = {\n margin: 'auto',\n alignItems: 'center',\n '& svg': {\n display: 'block',\n // Similar to text color, icon color will be inherited from parent container\n color: 'inherit'\n }\n};\n\n/\n @private\n /\nexport const participantStateStringStyles = (theme: Theme): IStyle => {\n return {\n minWidth: 'max-content',\n color: theme.palette.black,\n fontSize: '0.75rem',\n lineHeight: 'normal',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n padding: '0.1rem'\n };\n};\n\n/\n @private\n /\nexport const moreButtonStyles: IButtonStyles = {\n root: {\n // To ensure that the button is clickable when there is a floating video tile\n zIndex: 1,\n color: 'inherit',\n top: '-0.125rem',\n height: '100%',\n padding: '0rem'\n },\n rootHovered: {\n background: 'none'\n },\n rootPressed: {\n background: 'none'\n },\n rootExpanded: {\n background: 'none'\n }\n};\n\n/\n @private\n /\nexport const raiseHandContainerStyles = (theme: ITheme, limitedSpace: boolean): string =>\n mergeStyles(\n {\n alignItems: 'center',\n padding: '0.2rem 0.3rem',\n backgroundColor: theme.palette.white,\n opacity: 0.9,\n borderRadius: '1rem',\n margin: '0.5rem',\n width: 'fit-content',\n position: 'absolute'\n },\n limitedSpace && raiseHandLimitedSpaceStyles\n );\n\n/\n @private\n /\nexport const raiseHandLimitedSpaceStyles: IStyle = {\n // position centrally\n marginLeft: 'auto',\n marginRight: 'auto',\n left: 0,\n right: 0,\n // position at the bottom\n bottom: 0\n};\n\n/ @conditional-compile-remove(reaction) /\n/\n @private\n /\nexport const playFrames = memoizeFunction(() =>\n keyframes({\n from: {\n backgroundPosition: '0px 8568px'\n },\n to: {\n backgroundPosition: '0px 0px'\n }\n })\n);\n\n/ @conditional-compile-remove(reaction) /\n/\n @private\n */\nexport const reactionRenderingStyle = (args: { backgroundImageUrl?: string; personaSize: number }): string =>\n mergeStyles({\n height: '100%',\n width: '100%',\n overflow: 'hidden',\n animationName: playFrames(),\n backgroundImage: args.backgroundImageUrl,\n animationDuration: '5.12s',\n animationTimingFunction: `steps(102)`,\n backgroundSize: `cover`,\n animationPlayState: 'running',\n animationIterationCount: 'infinite',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundPosition: `center`,\n transform: `scale(${84 < args.personaSize ? 84 / args.personaSize : args.personaSize / 84})`\n });\n"]}

package/dist/dist-esm/react-components/src/localization/LocalizationProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAiCzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAqJnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AAEF,kCAAkC;AAClC,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 {\n CameraButtonStrings,\n EndCallButtonStrings,\n ErrorBarStrings,\n MessageStatusIndicatorStrings,\n MessageThreadStrings,\n MicrophoneButtonStrings,\n DevicesButtonStrings,\n ParticipantsButtonStrings,\n ParticipantItemStrings,\n ScreenShareButtonStrings,\n SendBoxStrings,\n TypingIndicatorStrings,\n VideoGalleryStrings\n} from '../components';\n/* @conditional-compile-remove(raise-hand) /\nimport { RaiseHandButtonStrings } from '../components';\n/ @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) /\nimport { HoldButtonStrings } from '../components';\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { DialpadStrings } from '../components';\n/ @conditional-compile-remove(call-readiness) /\nimport { SitePermissionsStrings } from '../components/DevicePermissions/SitePermissionsScaffolding';\n/ @conditional-compile-remove(call-readiness) /\nimport { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';\n/ @conditional-compile-remove(call-readiness) /\nimport { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';\n/ @conditional-compile-remove(call-readiness) / / @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';\n/ @conditional-compile-remove(one-to-n-calling) /\n// @conditional-compile-remove(PSTN-calls)\nimport { VideoTileStrings } from '../components/VideoTile';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n/ @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedBrowserVersionStrings } from '../components/UnsupportedBrowserVersion';\n/ @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedOperatingSystemStrings } from '../components/UnsupportedOperatingSystem';\n/ @conditional-compile-remove(vertical-gallery) /\nimport { VerticalGalleryStrings } from '../components/VerticalGallery';\n/ @conditional-compile-remove(total-participant-count) /\nimport { ParticipantListStrings } from '../components/ParticipantList';\n/ @conditional-compile-remove(mention) /\nimport { MentionPopoverStrings } from '../components/MentionPopover';\nimport { ImageGalleryStrings } from '../components/ImageGallery';\n/ @conditional-compile-remove(reaction) /\nimport { ReactionButtonStrings } from '../components';\n\n/\n Locale information for all components exported from this library.\n \n @public\n /\nexport interface ComponentLocale {\n /* Strings for components /\n strings: ComponentStrings;\n / @conditional-compile-remove(date-time-customization) /\n /\n Optional function to provide customized date format.\n * @beta\n /\n onDisplayDateTimeString?: (messageDate: Date) => string;\n}\n\n/\n Strings used by all components exported from this library.\n \n @public\n /\nexport interface ComponentStrings {\n /* Strings for MessageThread /\n messageThread: MessageThreadStrings;\n /* Strings for ParticipantItem /\n participantItem: ParticipantItemStrings;\n /* Strings for CameraButton /\n cameraButton: CameraButtonStrings;\n /* Strings for MicrophoneButton /\n microphoneButton: MicrophoneButtonStrings;\n /* Strings for EndCallButton /\n endCallButton: EndCallButtonStrings;\n /* Strings for DevicesButton /\n devicesButton: DevicesButtonStrings;\n /* Strings for ParticipantsButton /\n participantsButton: ParticipantsButtonStrings;\n /* Strings for ScreenShareButton /\n screenShareButton: ScreenShareButtonStrings;\n / @conditional-compile-remove(raise-hand) /\n /* Strings for RaiseHandButton /\n raiseHandButton: RaiseHandButtonStrings;\n / @conditional-compile-remove(reaction) /\n /* Strings for ReactionButton /\n reactionButton: ReactionButtonStrings;\n /* Strings for TypingIndicator /\n typingIndicator: TypingIndicatorStrings;\n /* Strings for SendBox /\n sendBox: SendBoxStrings;\n / @conditional-compile-remove(mention) /\n /* Strings for MentionPopover /\n mentionPopover: MentionPopoverStrings;\n\n /* Strings for ImageGallery /\n imageGallery: ImageGalleryStrings;\n /* Strings for MessageStatusIndicator /\n messageStatusIndicator: MessageStatusIndicatorStrings;\n /* Strings for ErroBar /\n errorBar: ErrorBarStrings;\n /* Strings for VideoGallery /\n videoGallery: VideoGalleryStrings;\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n /* Strings for Dialpad /\n dialpad: DialpadStrings;\n / @conditional-compile-remove(one-to-n-calling) /\n // @conditional-compile-remove(PSTN-calls)\n /* Strings for VideoTile /\n videoTile: VideoTileStrings;\n / @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) /\n /* Strings for HoldButton /\n holdButton: HoldButtonStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n CameraAndMicrophoneSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n CameraSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n MicrophoneSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n CameraAndMicrophoneSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n CameraSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n MicrophoneSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n CameraAndMicrophoneSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n CameraAndMicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n CameraSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n MicrophoneSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n CameraSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n MicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser UI /\n UnsupportedBrowser: UnsupportedBrowserStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser version UI /\n UnsupportedBrowserVersion: UnsupportedBrowserVersionStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser version UI /\n UnsupportedOperatingSystem: UnsupportedOperatingSystemStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for BrowserPemissionDenied /\n BrowserPermissionDenied: BrowserPermissionDeniedStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for BrowserPemissionDeniedIOS /\n BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;\n / @conditional-compile-remove(vertical-gallery) /\n /\n Strings for the VerticalGallery.\n /\n verticalGallery: VerticalGalleryStrings;\n / @conditional-compile-remove(total-participant-count) /\n /* Strings for the participant list component /\n ParticipantList: ParticipantListStrings;\n / @conditional-compile-remove(hide-attendee-name) /\n /* Strings for the attendee role /\n AttendeeRole: string;\n}\n\n/\n Context for providing localized strings to components exported from this library.\n \n @public\n /\nexport const LocaleContext = createContext<ComponentLocale>(COMPONENT_LOCALE_EN_US);\n\n/\n Props for {@link LocalizationProvider}.\n \n @public\n /\nexport type LocalizationProviderProps = {\n /* Locale context to provide components /\n locale: ComponentLocale;\n /* Children to provide locale context. /\n children: React.ReactNode;\n};\n\n/\n Provider to provide localized strings for this library's react components.\n \n @remarks Components will be provided localized strings in English (US) by default if this\n * provider is not used.\n \n @public\n /\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n const { locale, children } = props;\n return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;\n};\n\n/* React hook to access locale */\nexport const useLocale = (): ComponentLocale => useContext(LocaleContext);\n"]}
1	+ {"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../../../../react-components/src/localization/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAiCzD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAsJnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAkB,sBAAsB,CAAC,CAAC;AAcpF;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAe,EAAE;IACpF,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACnC,OAAO,oBAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAA0B,CAAC;AACpF,CAAC,CAAC;AAEF,kCAAkC;AAClC,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 {\n CameraButtonStrings,\n EndCallButtonStrings,\n ErrorBarStrings,\n MessageStatusIndicatorStrings,\n MessageThreadStrings,\n MicrophoneButtonStrings,\n DevicesButtonStrings,\n ParticipantsButtonStrings,\n ParticipantItemStrings,\n ScreenShareButtonStrings,\n SendBoxStrings,\n TypingIndicatorStrings,\n VideoGalleryStrings\n} from '../components';\n/* @conditional-compile-remove(raise-hand) /\nimport { RaiseHandButtonStrings } from '../components';\n/ @conditional-compile-remove(PSTN-calls) / / @conditional-compile-remove(one-to-n-calling) /\nimport { HoldButtonStrings } from '../components';\n/ @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\nimport { DialpadStrings } from '../components';\n/ @conditional-compile-remove(call-readiness) /\nimport { SitePermissionsStrings } from '../components/DevicePermissions/SitePermissionsScaffolding';\n/ @conditional-compile-remove(call-readiness) /\nimport { BrowserPermissionDeniedStrings } from '../components/DevicePermissions/BrowserPermissionDenied';\n/ @conditional-compile-remove(call-readiness) /\nimport { BrowserPermissionDeniedIOSStrings } from '../components/DevicePermissions/BrowserPermissionDeniedIOS';\n/ @conditional-compile-remove(call-readiness) / / @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedBrowserStrings } from '../components/UnsupportedBrowser';\n/ @conditional-compile-remove(one-to-n-calling) /\n// @conditional-compile-remove(PSTN-calls)\nimport { VideoTileStrings } from '../components/VideoTile';\nimport { COMPONENT_LOCALE_EN_US } from './locales';\n/ @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedBrowserVersionStrings } from '../components/UnsupportedBrowserVersion';\n/ @conditional-compile-remove(unsupported-browser) /\nimport { UnsupportedOperatingSystemStrings } from '../components/UnsupportedOperatingSystem';\n/ @conditional-compile-remove(vertical-gallery) /\nimport { VerticalGalleryStrings } from '../components/VerticalGallery';\n/ @conditional-compile-remove(total-participant-count) /\nimport { ParticipantListStrings } from '../components/ParticipantList';\n/ @conditional-compile-remove(mention) /\nimport { MentionPopoverStrings } from '../components/MentionPopover';\n/ @conditional-compile-remove(image-gallery) /\nimport { ImageGalleryStrings } from '../components/ImageGallery';\n/ @conditional-compile-remove(reaction) /\nimport { ReactionButtonStrings } from '../components';\n\n/\n Locale information for all components exported from this library.\n \n @public\n /\nexport interface ComponentLocale {\n /* Strings for components /\n strings: ComponentStrings;\n / @conditional-compile-remove(date-time-customization) /\n /\n Optional function to provide customized date format.\n * @beta\n /\n onDisplayDateTimeString?: (messageDate: Date) => string;\n}\n\n/\n Strings used by all components exported from this library.\n \n @public\n /\nexport interface ComponentStrings {\n /* Strings for MessageThread /\n messageThread: MessageThreadStrings;\n /* Strings for ParticipantItem /\n participantItem: ParticipantItemStrings;\n /* Strings for CameraButton /\n cameraButton: CameraButtonStrings;\n /* Strings for MicrophoneButton /\n microphoneButton: MicrophoneButtonStrings;\n /* Strings for EndCallButton /\n endCallButton: EndCallButtonStrings;\n /* Strings for DevicesButton /\n devicesButton: DevicesButtonStrings;\n /* Strings for ParticipantsButton /\n participantsButton: ParticipantsButtonStrings;\n /* Strings for ScreenShareButton /\n screenShareButton: ScreenShareButtonStrings;\n / @conditional-compile-remove(raise-hand) /\n /* Strings for RaiseHandButton /\n raiseHandButton: RaiseHandButtonStrings;\n / @conditional-compile-remove(reaction) /\n /* Strings for ReactionButton /\n reactionButton: ReactionButtonStrings;\n /* Strings for TypingIndicator /\n typingIndicator: TypingIndicatorStrings;\n /* Strings for SendBox /\n sendBox: SendBoxStrings;\n / @conditional-compile-remove(mention) /\n /* Strings for MentionPopover /\n mentionPopover: MentionPopoverStrings;\n / @conditional-compile-remove(image-gallery) /\n /* Strings for ImageGallery /\n imageGallery: ImageGalleryStrings;\n /* Strings for MessageStatusIndicator /\n messageStatusIndicator: MessageStatusIndicatorStrings;\n /* Strings for ErroBar /\n errorBar: ErrorBarStrings;\n /* Strings for VideoGallery /\n videoGallery: VideoGalleryStrings;\n / @conditional-compile-remove(dialpad) / / @conditional-compile-remove(PSTN-calls) /\n /* Strings for Dialpad /\n dialpad: DialpadStrings;\n / @conditional-compile-remove(one-to-n-calling) /\n // @conditional-compile-remove(PSTN-calls)\n /* Strings for VideoTile /\n videoTile: VideoTileStrings;\n / @conditional-compile-remove(one-to-n-calling) @conditional-compile-remove(PSTN-calls) /\n /* Strings for HoldButton /\n holdButton: HoldButtonStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n CameraAndMicrophoneSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n CameraSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission request prompt /\n MicrophoneSitePermissionsRequest: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n CameraAndMicrophoneSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n CameraSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission generic checking prompt /\n MicrophoneSitePermissionsCheck: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n CameraAndMicrophoneSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n CameraAndMicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n CameraSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt /\n MicrophoneSitePermissionsDenied: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n CameraSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for a site's permission denied prompt for safari browsers/\n MicrophoneSitePermissionsDeniedSafari: SitePermissionsStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser UI /\n UnsupportedBrowser: UnsupportedBrowserStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser version UI /\n UnsupportedBrowserVersion: UnsupportedBrowserVersionStrings;\n / @conditional-compile-remove(unsupported-browser) /\n /* Strings for unsupported browser version UI /\n UnsupportedOperatingSystem: UnsupportedOperatingSystemStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for BrowserPemissionDenied /\n BrowserPermissionDenied: BrowserPermissionDeniedStrings;\n / @conditional-compile-remove(call-readiness) /\n /* Strings for BrowserPemissionDeniedIOS /\n BrowserPermissionDeniedIOS: BrowserPermissionDeniedIOSStrings;\n / @conditional-compile-remove(vertical-gallery) /\n /\n Strings for the VerticalGallery.\n /\n verticalGallery: VerticalGalleryStrings;\n / @conditional-compile-remove(total-participant-count) /\n /* Strings for the participant list component /\n ParticipantList: ParticipantListStrings;\n / @conditional-compile-remove(hide-attendee-name) /\n /* Strings for the attendee role /\n AttendeeRole: string;\n}\n\n/\n Context for providing localized strings to components exported from this library.\n \n @public\n /\nexport const LocaleContext = createContext<ComponentLocale>(COMPONENT_LOCALE_EN_US);\n\n/\n Props for {@link LocalizationProvider}.\n \n @public\n /\nexport type LocalizationProviderProps = {\n /* Locale context to provide components /\n locale: ComponentLocale;\n /* Children to provide locale context. /\n children: React.ReactNode;\n};\n\n/\n Provider to provide localized strings for this library's react components.\n \n @remarks Components will be provided localized strings in English (US) by default if this\n * provider is not used.\n \n @public\n /\nexport const LocalizationProvider = (props: LocalizationProviderProps): JSX.Element => {\n const { locale, children } = props;\n return <LocaleContext.Provider value={locale}>{children}</LocaleContext.Provider>;\n};\n\n/* React hook to access locale */\nexport const useLocale = (): ComponentLocale => useContext(LocaleContext);\n"]}

package/dist/dist-esm/react-components/src/localization/locales/ar-SA/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "خفض يد",
         "tooltipOffContent": "رفع يد"
     },
+    "reactionButton": {
+        "label": "تفاعل",
+        "tooltipDisabledContent": "تم تعطيل إجراء التفاعل",
+        "tooltipContent": "إرسال تفاعل"
+    },
     "messageThread": {
         "yesterday": "أمس",
         "sunday": "الأحد",

package/dist/dist-esm/react-components/src/localization/locales/cs-CZ/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Dát ruku dolů",
         "tooltipOffContent": "Zvednout ruku"
     },
+    "reactionButton": {
+        "label": "Reagovat",
+        "tooltipDisabledContent": "Akce reakce je zakázaná",
+        "tooltipContent": "Odeslání reakce"
+    },
     "messageThread": {
         "yesterday": "Včera",
         "sunday": "Neděle",

package/dist/dist-esm/react-components/src/localization/locales/de-DE/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Hand senken",
         "tooltipOffContent": "Hand heben"
     },
+    "reactionButton": {
+        "label": "Reagieren",
+        "tooltipDisabledContent": "Reaktionsaktion ist deaktiviert",
+        "tooltipContent": "Reaktion senden"
+    },
     "messageThread": {
         "yesterday": "Gestern",
         "sunday": "Sonntag",

package/dist/dist-esm/react-components/src/localization/locales/en-GB/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Lower Hand",
         "tooltipOffContent": "Raise Hand"
     },
+    "reactionButton": {
+        "label": "React",
+        "tooltipDisabledContent": "Reaction action is disabled",
+        "tooltipContent": "Send a reaction"
+    },
     "messageThread": {
         "yesterday": "Yesterday",
         "sunday": "Sunday",

package/dist/dist-esm/react-components/src/localization/locales/es-ES/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Bajar la mano",
         "tooltipOffContent": "Levantar la mano"
     },
+    "reactionButton": {
+        "label": "Reaccionar",
+        "tooltipDisabledContent": "La acción de reacción está deshabilitada",
+        "tooltipContent": "Enviar una reacción"
+    },
     "messageThread": {
         "yesterday": "Ayer",
         "sunday": "Domingo",

package/dist/dist-esm/react-components/src/localization/locales/fi-FI/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Laske käsi",
         "tooltipOffContent": "Nosta käsi"
     },
+    "reactionButton": {
+        "label": "Reagoi",
+        "tooltipDisabledContent": "Reaktiotoiminto on poistettu käytöstä",
+        "tooltipContent": "Lähetä reaktio"
+    },
     "messageThread": {
         "yesterday": "eilen",
         "sunday": "sunnuntaina",

package/dist/dist-esm/react-components/src/localization/locales/fr-FR/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Baisser la main",
         "tooltipOffContent": "Lever les mains"
     },
+    "reactionButton": {
+        "label": "Réagir",
+        "tooltipDisabledContent": "L’action de réaction est désactivée",
+        "tooltipContent": "Envoyer une réaction"
+    },
     "messageThread": {
         "yesterday": "Hier",
         "sunday": "Dimanche",

package/dist/dist-esm/react-components/src/localization/locales/he-IL/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "הורד יד",
         "tooltipOffContent": "הרם יד"
     },
+    "reactionButton": {
+        "label": "תגובה",
+        "tooltipDisabledContent": "פעולת התגובה אינה זמינה",
+        "tooltipContent": "שלח תגובה"
+    },
     "messageThread": {
         "yesterday": "אתמול",
         "sunday": "יום ראשון",

package/dist/dist-esm/react-components/src/localization/locales/it-IT/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Abbassa la mano",
         "tooltipOffContent": "Alza la mano"
     },
+    "reactionButton": {
+        "label": "Reagisci",
+        "tooltipDisabledContent": "L'azione di reazione è disabilitata",
+        "tooltipContent": "Invia una reazione"
+    },
     "messageThread": {
         "yesterday": "Ieri",
         "sunday": "Domenica",

package/dist/dist-esm/react-components/src/localization/locales/ja-JP/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "手を下げる",
         "tooltipOffContent": "手を挙げる"
     },
+    "reactionButton": {
+        "label": "リアクションする",
+        "tooltipDisabledContent": "リアクション操作が無効になっています",
+        "tooltipContent": "リアクションを送信します"
+    },
     "messageThread": {
         "yesterday": "昨日",
         "sunday": "日曜日",

package/dist/dist-esm/react-components/src/localization/locales/ko-KR/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "손 내리기",
         "tooltipOffContent": "손 들기"
     },
+    "reactionButton": {
+        "label": "반응",
+        "tooltipDisabledContent": "반응 동작을 사용할 수 없습니다.",
+        "tooltipContent": "반응 보내기"
+    },
     "messageThread": {
         "yesterday": "어제",
         "sunday": "일요일",

package/dist/dist-esm/react-components/src/localization/locales/nb-NO/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Ta ned hånden",
         "tooltipOffContent": "Rekke opp hånden"
     },
+    "reactionButton": {
+        "label": "Reager",
+        "tooltipDisabledContent": "Reaksjonshandling er deaktivert",
+        "tooltipContent": "Send en reaksjon"
+    },
     "messageThread": {
         "yesterday": "I går",
         "sunday": "Søndag",

package/dist/dist-esm/react-components/src/localization/locales/nl-NL/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Hand laten zakken",
         "tooltipOffContent": "Hand opsteken"
     },
+    "reactionButton": {
+        "label": "Reageren",
+        "tooltipDisabledContent": "Reactieactie is uitgeschakeld",
+        "tooltipContent": "Verzend een reactie"
+    },
     "messageThread": {
         "yesterday": "Gisteren",
         "sunday": "Zondag",

package/dist/dist-esm/react-components/src/localization/locales/pl-PL/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Opuść rękę",
         "tooltipOffContent": "Podnieś rękę"
     },
+    "reactionButton": {
+        "label": "Zareaguj",
+        "tooltipDisabledContent": "Akcja reakcji jest wyłączona",
+        "tooltipContent": "Wyślij reakcję"
+    },
     "messageThread": {
         "yesterday": "Wczoraj",
         "sunday": "Niedziela",

package/dist/dist-esm/react-components/src/localization/locales/pt-BR/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Baixar a Mão",
         "tooltipOffContent": "Levantar a Mão"
     },
+    "reactionButton": {
+        "label": "Reagir",
+        "tooltipDisabledContent": "A ação de reação está desabilitada",
+        "tooltipContent": "Enviar uma reação"
+    },
     "messageThread": {
         "yesterday": "Ontem",
         "sunday": "Domingo",

package/dist/dist-esm/react-components/src/localization/locales/ru-RU/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Опустить руку",
         "tooltipOffContent": "Поднять руку"
     },
+    "reactionButton": {
+        "label": "Отреагировать",
+        "tooltipDisabledContent": "Действие реакции отключено",
+        "tooltipContent": "Отправка реакции"
+    },
     "messageThread": {
         "yesterday": "Вчера",
         "sunday": "Воскресенье",

package/dist/dist-esm/react-components/src/localization/locales/sv-SE/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Ta ned handen",
         "tooltipOffContent": "Räck upp handen"
     },
+    "reactionButton": {
+        "label": "Reagera",
+        "tooltipDisabledContent": "Reaktionsåtgärden är inaktiverad",
+        "tooltipContent": "Skicka en reaktion"
+    },
     "messageThread": {
         "yesterday": "I går",
         "sunday": "Söndag",

package/dist/dist-esm/react-components/src/localization/locales/tr-TR/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "Eli İndirme",
         "tooltipOffContent": "El Kaldırma"
     },
+    "reactionButton": {
+        "label": "Tepki ver",
+        "tooltipDisabledContent": "Tepki eylemi devre dışı bırakıldı",
+        "tooltipContent": "Tepki gönder"
+    },
     "messageThread": {
         "yesterday": "Dün",
         "sunday": "Pazar",

package/dist/dist-esm/react-components/src/localization/locales/zh-CN/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "手放下",
         "tooltipOffContent": "举手"
     },
+    "reactionButton": {
+        "label": "回应",
+        "tooltipDisabledContent": "已禁用表情符号操作",
+        "tooltipContent": "发送表情符号"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",

package/dist/dist-esm/react-components/src/localization/locales/zh-TW/strings.json CHANGED Viewed

@@ -123,6 +123,11 @@
         "tooltipOnContent": "把手放下",
         "tooltipOffContent": "舉手"
     },
+    "reactionButton": {
+        "label": "傳送表情符號",
+        "tooltipDisabledContent": "已停用表情符號動作",
+        "tooltipContent": "傳送表情符號"
+    },
     "messageThread": {
         "yesterday": "昨天",
         "sunday": "星期日",

package/dist/dist-esm/react-components/src/theming/icons.js CHANGED Viewed

@@ -110,6 +110,16 @@ const GalleryRightButton = () => {
     const rtl = useTheme().rtl;
     return rtl ? React.createElement(ChevronLeft20Regular, null) : React.createElement(ChevronRight20Regular, null);
 };
+const ControlButtonRaiseHandIcon = () => {
+    /* @conditional-compile-remove(reaction) */
+    return React.createElement(HandRight20Regular, null);
+    return React.createElement(HandRight20Filled, null);
+};
+const ControlButtonLowerHandIcon = () => {
+    /* @conditional-compile-remove(reaction) */
+    return React.createElement(HandRightOff20Regular, null);
+    return React.createElement(HandRightOff20Filled, null);
+};
 /**
  * The default set of icons that are available to use in the UI components.
  *
@@ -131,9 +141,9 @@ export const DEFAULT_COMPONENT_ICONS = {
     ControlButtonScreenShareStart: React.createElement(ShareScreenStart20Filled, null),
     ControlButtonScreenShareStop: React.createElement(ShareScreenStop20Filled, null),
     /* @conditional-compile-remove(raise-hand) */
-    ControlButtonRaiseHand: React.createElement(HandRight20Filled, null),
+    ControlButtonRaiseHand: React.createElement(ControlButtonRaiseHandIcon, null),
     /* @conditional-compile-remove(raise-hand) */
-    ControlButtonLowerHand: React.createElement(HandRightOff20Filled, null),
+    ControlButtonLowerHand: React.createElement(ControlButtonLowerHandIcon, null),
     /* @conditional-compile-remove(raise-hand) */
     RaiseHandContextualMenuItem: React.createElement(HandRight20Regular, null),
     /* @conditional-compile-remove(raise-hand) */