@stream-io/video-react-sdk 1.34.0 → 1.34.1

package/dist/embedded.es.js

@@ -684,7 +684,7 @@ const AvatarFallback = ({ className, names, style, }) => {
     return (jsx("div", { className: clsx('str-video__avatar--initials-fallback', className), style: style, children: jsxs("div", { children: [names[0][0], names[1]?.[0]] }) }));
 };
 
-const BackgroundFiltersProviderImpl = lazy(() => import('./embedded-BackgroundFilters-RdXfNf6_.es.js').then((m) => ({
+const BackgroundFiltersProviderImpl = lazy(() => import('./embedded-BackgroundFilters-g6ozIvlN.es.js').then((m) => ({
     default: m.BackgroundFiltersProvider,
 })));
 /**
@@ -862,23 +862,53 @@ const WithTooltip = ({ title, tooltipClassName, tooltipPlacement, tooltipDisable
     return (jsxs(Fragment, { children: [jsx(Tooltip, { referenceElement: tooltipAnchor, visible: tooltipActuallyVisible, tooltipClassName: tooltipClassName, tooltipPlacement: tooltipPlacement, children: title || '' }), jsx("div", { ref: setTooltipAnchor, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props })] }));
 };
 
-const RecordEndConfirmation = () => {
+/**
+ * Wraps an event handler, silencing and logging exceptions (excluding the NotAllowedError
+ * DOMException, which is a normal situation handled by the SDK)
+ *
+ * @param props component props, including the onError callback
+ * @param handler event handler to wrap
+ */
+const createCallControlHandler = (props, handler) => {
+    return async () => {
+        try {
+            await handler();
+        }
+        catch (error) {
+            if (props.onError) {
+                props.onError(error);
+                return;
+            }
+            if (!isNotAllowedError(error)) {
+                console.error('Call control handler failed', error);
+            }
+        }
+    };
+};
+function isNotAllowedError(error) {
+    return error instanceof DOMException && error.name === 'NotAllowedError';
+}
+
+const RecordEndConfirmation = (props) => {
     const { t } = useI18n();
     const { toggleCallRecording, isAwaitingResponse } = useToggleCallRecording();
     const { close } = useMenuContext();
-    return (jsxs("div", { className: "str-video__end-recording__confirmation", children: [jsxs("div", { className: "str-video__end-recording__header", children: [jsx(Icon, { icon: "recording-on" }), jsx("h2", { className: "str-video__end-recording__heading", children: t('End recording') })] }), jsx("p", { className: "str-video__end-recording__description", children: t('Are you sure you want end the recording?') }), jsxs("div", { className: "str-video__end-recording__actions", children: [jsx(CompositeButton, { variant: "secondary", onClick: close, children: t('Cancel') }), jsx(CompositeButton, { variant: "primary", onClick: toggleCallRecording, children: isAwaitingResponse ? jsx(LoadingIndicator, {}) : t('End recording') })] })] }));
+    const handleClick = createCallControlHandler(props, toggleCallRecording);
+    return (jsxs("div", { className: "str-video__end-recording__confirmation", children: [jsxs("div", { className: "str-video__end-recording__header", children: [jsx(Icon, { icon: "recording-on" }), jsx("h2", { className: "str-video__end-recording__heading", children: t('End recording') })] }), jsx("p", { className: "str-video__end-recording__description", children: t('Are you sure you want end the recording?') }), jsxs("div", { className: "str-video__end-recording__actions", children: [jsx(CompositeButton, { variant: "secondary", onClick: close, children: t('Cancel') }), jsx(CompositeButton, { variant: "primary", onClick: isAwaitingResponse ? undefined : handleClick, children: isAwaitingResponse ? jsx(LoadingIndicator, {}) : t('End recording') })] })] }));
 };
 const ToggleEndRecordingMenuButton = forwardRef(function ToggleEndRecordingMenuButton(props, ref) {
     return (jsx(CompositeButton, { ref: ref, active: true, variant: "secondary", "data-testid": "recording-stop-button", children: jsx(Icon, { icon: "recording-off" }) }));
 });
-const RecordCallConfirmationButton = ({ caption, }) => {
+const RecordCallConfirmationButton = (props) => {
+    const { caption } = props;
     const { t } = useI18n();
     const { toggleCallRecording, isAwaitingResponse, isCallRecordingInProgress } = useToggleCallRecording();
+    const handleClick = createCallControlHandler(props, toggleCallRecording);
     if (isCallRecordingInProgress) {
         return (jsx(Restricted, { requiredGrants: [
                 OwnCapability.START_RECORD_CALL,
                 OwnCapability.STOP_RECORD_CALL,
-            ], children: jsx(MenuToggle, { ToggleButton: ToggleEndRecordingMenuButton, visualType: MenuVisualType.PORTAL, children: jsx(RecordEndConfirmation, {}) }) }));
+            ], children: jsx(MenuToggle, { ToggleButton: ToggleEndRecordingMenuButton, visualType: MenuVisualType.PORTAL, children: jsx(RecordEndConfirmation, { onError: props.onError }) }) }));
     }
     const title = isAwaitingResponse
         ? t('Waiting for recording to start...')
@@ -886,7 +916,7 @@ const RecordCallConfirmationButton = ({ caption, }) => {
     return (jsx(Restricted, { requiredGrants: [
             OwnCapability.START_RECORD_CALL,
             OwnCapability.STOP_RECORD_CALL,
-        ], children: jsx(WithTooltip, { title: title, children: jsx(CompositeButton, { active: isCallRecordingInProgress, caption: caption, variant: "secondary", "data-testid": "recording-start-button", onClick: isAwaitingResponse ? undefined : toggleCallRecording, children: isAwaitingResponse ? (jsx(LoadingIndicator, {})) : (jsx(Icon, { icon: "recording-off" })) }) }) }));
+        ], children: jsx(WithTooltip, { title: title, children: jsx(CompositeButton, { active: isCallRecordingInProgress, caption: caption, variant: "secondary", "data-testid": "recording-start-button", onClick: isAwaitingResponse ? undefined : handleClick, children: isAwaitingResponse ? (jsx(LoadingIndicator, {})) : (jsx(Icon, { icon: "recording-off" })) }) }) }));
 };
 
 const defaultEmojiReactionMap = {
@@ -961,33 +991,6 @@ const DefaultReactionsMenu = ({ reactions, layout = 'horizontal', }) => {
             }, children: reaction.emoji_code && defaultEmojiReactionMap[reaction.emoji_code] }, reaction.emoji_code))) }));
 };
 
-/**
- * Wraps an event handler, silencing and logging exceptions (excluding the NotAllowedError
- * DOMException, which is a normal situation handled by the SDK)
- *
- * @param props component props, including the onError callback
- * @param handler event handler to wrap
- */
-const createCallControlHandler = (props, handler) => {
-    return async () => {
-        try {
-            await handler();
-        }
-        catch (error) {
-            if (props.onError) {
-                props.onError(error);
-                return;
-            }
-            if (!isNotAllowedError(error)) {
-                console.error('Call control handler failed', error);
-            }
-        }
-    };
-};
-function isNotAllowedError(error) {
-    return error instanceof DOMException && error.name === 'NotAllowedError';
-}
-
 const ScreenShareButton = (props) => {
     const { t } = useI18n();
     const { caption, optimisticUpdates } = props;
@@ -1151,7 +1154,7 @@ const SpeakerTest = (props) => {
     const audioElementRef = useRef(null);
     const [isPlaying, setIsPlaying] = useState(false);
     const { t } = useI18n();
-    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.34.0"}/assets/piano.mp3`, } = props;
+    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.34.1"}/assets/piano.mp3`, } = props;
     // Update audio output device when selection changes
     useEffect(() => {
         const audio = audioElementRef.current;