@stream-io/video-react-sdk 0.3.44 → 0.3.45

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.3.45](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.3.44...@stream-io/video-react-sdk-0.3.45) (2023-10-24)
+
+
+### Bug Fixes
+
+* add missing translations ([#1158](https://github.com/GetStream/stream-video-js/issues/1158)) ([6eb0c7a](https://github.com/GetStream/stream-video-js/commit/6eb0c7abf1b6a403438e4d80f275265e07e4f82f))
+
 ### [0.3.44](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-0.3.43...@stream-io/video-react-sdk-0.3.44) (2023-10-19)
 
 

package/dist/index.cjs.js

@@ -876,7 +876,10 @@ const CompositeButton = react.forwardRef(({ caption, children, active, Menu, men
                     'str-video__composite-button__button-group--active': active,
                 }), children: [children, Menu && (jsxRuntime.jsx(MenuToggle, { placement: menuPlacement, ToggleButton: ToggleMenuButton$2, children: isComponentType(Menu) ? jsxRuntime.jsx(Menu, {}) : Menu }))] }), caption && (jsxRuntime.jsx("div", { className: "str-video__composite-button__caption", children: caption }))] }));
 });
-const ToggleMenuButton$2 = react.forwardRef(({ menuShown }, ref) => (jsxRuntime.jsx(IconButton, { className: 'str-video__menu-toggle-button', icon: menuShown ? 'caret-down' : 'caret-up', title: "Toggle device menu", ref: ref })));
+const ToggleMenuButton$2 = react.forwardRef(({ menuShown }, ref) => {
+    const { t } = videoReactBindings.useI18n();
+    return (jsxRuntime.jsx(IconButton, { className: 'str-video__menu-toggle-button', icon: menuShown ? 'caret-down' : 'caret-up', title: t('Toggle device menu'), ref: ref }));
+});
 
 const Tooltip = ({ children, referenceElement, tooltipClassName, tooltipPlacement = 'top', visible = false, }) => {
     const { refs, x, y, strategy } = useFloatingUIPreset({
@@ -1325,9 +1328,12 @@ const DeviceSettings = () => {
     return (jsxRuntime.jsx(MenuToggle, { placement: "bottom-end", ToggleButton: ToggleMenuButton, children: jsxRuntime.jsx(Menu, {}) }));
 };
 const Menu = () => (jsxRuntime.jsxs("div", { className: "str-video__device-settings", children: [jsxRuntime.jsx(DeviceSelectorVideo, {}), jsxRuntime.jsx(DeviceSelectorAudioInput, {}), jsxRuntime.jsx(DeviceSelectorAudioOutput, {})] }));
-const ToggleMenuButton = react.forwardRef(({ menuShown }, ref) => (jsxRuntime.jsx(IconButton, { className: clsx('str-video__device-settings__button', {
-        'str-video__device-settings__button--active': menuShown,
-    }), title: "Toggle device menu", icon: "device-settings", ref: ref })));
+const ToggleMenuButton = react.forwardRef(({ menuShown }, ref) => {
+    const { t } = videoReactBindings.useI18n();
+    return (jsxRuntime.jsx(IconButton, { className: clsx('str-video__device-settings__button', {
+            'str-video__device-settings__button--active': menuShown,
+        }), title: t('Toggle device menu'), icon: "device-settings", ref: ref }));
+});
 
 const ToggleAudioPreviewButton = (props) => {
     const { initialAudioEnabled, toggleInitialAudioMuteState } = useMediaDevices();
@@ -2311,6 +2317,7 @@ var en = {
 	You: You,
 	Me: Me,
 	Unknown: Unknown,
+	"Toggle device menu": "Toggle device menu",
 	Allow: Allow,
 	Revoke: Revoke,
 	Dismiss: Dismiss,
@@ -2627,7 +2634,7 @@ const VerticalScrollButtons = ({ scrollWrapper, }) => {
 };
 const hasScreenShare = (p) => !!p?.publishedTracks.includes(videoClient.SfuModels.TrackType.SCREEN_SHARE);
 
-const [major, minor, patch] = ("0.3.44" ).split('.');
+const [major, minor, patch] = ("0.3.45" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,