@whereby.com/browser-sdk 2.10.1 → 2.12.0

package/dist/embed/index.d.ts

@@ -12,6 +12,7 @@ interface WherebyEmbedElementAttributes extends ReactHTMLElement<HTMLElement> {
     bottomToolbar: string;
     breakout: string;
     cameraAccess: string;
+    cameraEffect: string;
     chat: string;
     displayName: string;
     emptyRoomInvitation: string;
@@ -22,6 +23,7 @@ interface WherebyEmbedElementAttributes extends ReactHTMLElement<HTMLElement> {
     lang: string;
     leaveButton: string;
     locking: string;
+    localization: string;
     logo: string;
     lowData: string;
     metadata: string;
@@ -46,6 +48,8 @@ interface WherebyEmbedElementAttributes extends ReactHTMLElement<HTMLElement> {
     subgridLabels: string;
     timer: string;
     title: string;
+    toolbarDarkText: string;
+    topToolbar: string;
     video: string;
     virtualBackgroundUrl: string;
 }
@@ -112,6 +116,7 @@ interface WherebyEmbedElementEventMap {
     }>;
 }
 interface WherebyEmbedElementCommands {
+    endMeeting: () => void;
     startRecording: () => void;
     stopRecording: () => void;
     startStreaming: () => void;

package/dist/embed/index.esm.js

@@ -10,34 +10,37 @@ const boolAttrs = [
     "autoSpotlight",
     "background",
     "bottomToolbar",
+    "breakout",
     "cameraAccess",
     "chat",
-    "people",
     "embed",
     "emptyRoomInvitation",
+    "floatSelf",
     "help",
     "leaveButton",
-    "precallCeremony",
-    "precallReview",
-    "screenshare",
-    "video",
-    "floatSelf",
-    "recording",
-    "logo",
     "locking",
-    "precallCeremonyCanSkip",
+    "localization",
+    "logo",
+    "lowData",
+    "moreButton",
     "participantCount",
+    "personality",
+    "pipButton",
+    "precallCeremony",
+    "precallCeremonyCanSkip",
     "precallPermissionsHelpLink",
+    "precallReview",
+    "people",
+    "recording",
+    "roomIntegrations",
+    "screenshare",
     "settingsButton",
-    "pipButton",
-    "moreButton",
-    "personality",
     "skipMediaPermissionPrompt",
     "subgridLabels",
-    "lowData",
-    "breakout",
-    "roomIntegrations",
     "timer",
+    "toolbarDarkText",
+    "topToolbar",
+    "video"
 ];
 define("WherebyEmbed", {
     oninit() {
@@ -61,6 +64,7 @@ define("WherebyEmbed", {
         "avatarUrl",
         "externalId",
         "title",
+        "cameraEffect",
         ...boolAttrs,
     ].map((a) => a.toLowerCase()),
     onattributechanged({ attributeName, oldValue }) {
@@ -85,6 +89,9 @@ define("WherebyEmbed", {
             this.iframe.current.contentWindow.postMessage({ command, args }, this.roomUrl.origin);
         }
     },
+    endMeeting() {
+        this._postCommand("end_meeting");
+    },
     startRecording() {
         this._postCommand("start_recording");
     },
@@ -116,7 +123,7 @@ define("WherebyEmbed", {
         this.dispatchEvent(new CustomEvent(type, { detail }));
     },
     render() {
-        const { avatarurl: avatarUrl, displayname: displayName, lang, metadata, externalid: externalId, minimal, room, groups, virtualbackgroundurl: virtualBackgroundUrl, title, } = this;
+        const { avatarurl: avatarUrl, displayname: displayName, cameraeffect: cameraEffect, lang, metadata, externalid: externalId, minimal, room, groups, virtualbackgroundurl: virtualBackgroundUrl, title, } = this;
         let roomUrl, subdomain;
         try {
             ({ roomUrl, subdomain } = parseRoomUrlAndSubdomain(room, this.subdomain));
@@ -125,7 +132,7 @@ define("WherebyEmbed", {
             return this.html `Whereby: ${error instanceof Error ? error.message : "unknown error"}`;
         }
         this.roomUrl = roomUrl;
-        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "1", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang: lang })), (metadata && { metadata: metadata })), (externalId && { externalId })), (groups && { groups: groups })), (virtualBackgroundUrl && { virtualBackgroundUrl: virtualBackgroundUrl })), (avatarUrl && { avatarUrl: avatarUrl })), (minimal != null && { embed: minimal })), boolAttrs.reduce((o, v) => (this[v.toLowerCase()] != null ? Object.assign(Object.assign({}, o), { [v]: this[v.toLowerCase()] }) : o), {}))).forEach(([k, v]) => {
+        Object.entries(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ jsApi: true, we: "1", iframeSource: subdomain }, (displayName && { displayName })), (lang && { lang: lang })), (metadata && { metadata: metadata })), (externalId && { externalId })), (groups && { groups: groups })), (virtualBackgroundUrl && { virtualBackgroundUrl: virtualBackgroundUrl })), (avatarUrl && { avatarUrl: avatarUrl })), (cameraEffect && { cameraEffect: cameraEffect })), (minimal != null && { embed: minimal })), boolAttrs.reduce((o, v) => (this[v.toLowerCase()] != null ? Object.assign(Object.assign({}, o), { [v]: this[v.toLowerCase()] }) : o), {}))).forEach(([k, v]) => {
             if (!this.roomUrl.searchParams.has(k)) {
                 this.roomUrl.searchParams.set(k, v);
             }

package/dist/react/index.d.ts

@@ -99,10 +99,12 @@ interface RoomConnectionActions {
     toggleLowDataMode(enabled?: boolean): void;
     acceptWaitingParticipant(participantId: string): void;
     knock(): void;
+    joinRoom(): void;
+    leaveRoom(): void;
     lockRoom(locked: boolean): void;
     muteParticipants(clientIds: string[]): void;
     kickParticipant(clientId: string): void;
-    endMeeting(): void;
+    endMeeting(stayBehind?: boolean): void;
     rejectWaitingParticipant(participantId: string): void;
     sendChatMessage(text: string): void;
     setDisplayName(displayName: string): void;

package/dist/react/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useState, useEffect, useCallback } from 'react';
-import { debounce, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, createServices, createStore, observeStore, doAppJoin, appLeft, doRtcReportStreamResolution, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doLockRoom, doRequestAudioEnable, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId } from '@whereby.com/core';
+import { debounce, selectChatMessages, selectCloudRecordingRaw, selectLocalParticipantRaw, selectLocalMediaStream, selectRemoteParticipants, selectScreenshares, selectRoomConnectionStatus, selectStreamingRaw, selectWaitingParticipants, createServices, createStore, observeStore, doAppConfigure, doAppStart, doAppStop, doRtcReportStreamResolution, doSendChatMessage, doKnockRoom, doSetDisplayName, toggleCameraEnabled, toggleMicrophoneEnabled, toggleLowDataModeEnabled, doAcceptWaitingParticipant, doRejectWaitingParticipant, doStartCloudRecording, doStartScreenshare, doStopCloudRecording, doStopScreenshare, doLockRoom, doRequestAudioEnable, doKickParticipant, doEndMeeting, selectCameraDeviceError, selectCameraDevices, selectCurrentCameraDeviceId, selectCurrentMicrophoneDeviceId, selectIsSettingCameraDevice, selectIsSettingMicrophoneDevice, selectIsLocalMediaStarting, selectMicrophoneDeviceError, selectMicrophoneDevices, selectSpeakerDevices, selectLocalMediaStartError, doStartLocalMedia, doStopLocalMedia, setCurrentCameraDeviceId, setCurrentMicrophoneDeviceId } from '@whereby.com/core';
 import { createSelector } from '@reduxjs/toolkit';
 
 /******************************************************************************
@@ -99,12 +99,12 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "2.10.1";
+const browserSdkVersion = "2.12.0";
 
 const initialState$1 = {
     chatMessages: [],
     remoteParticipants: [],
-    connectionStatus: "initializing",
+    connectionStatus: "ready",
     screenshares: [],
     waitingParticipants: [],
 };
@@ -129,7 +129,7 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
         const url = new URL(roomUrl);
         const searchParams = new URLSearchParams(url.search);
         const roomKey = roomConnectionOptions.roomKey || searchParams.get("roomKey");
-        store.dispatch(doAppJoin({
+        store.dispatch(doAppConfigure({
             displayName: roomConnectionOptions.displayName || "Guest",
             localMediaOptions: roomConnectionOptions.localMedia
                 ? undefined
@@ -139,9 +139,10 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
             userAgent: `browser-sdk:${browserSdkVersion}`,
             externalId: roomConnectionOptions.externalId || null,
         }));
+        store.dispatch(doAppStart());
         return () => {
+            store.dispatch(doAppStop());
             unsubscribe();
-            store.dispatch(appLeft());
         };
     }, []);
     React.useEffect(() => {
@@ -171,18 +172,22 @@ function useRoomConnection(roomUrl, roomConnectionOptions = defaultRoomConnectio
     const startScreenshare = React.useCallback(() => store.dispatch(doStartScreenshare()), [store]);
     const stopCloudRecording = React.useCallback(() => store.dispatch(doStopCloudRecording()), [store]);
     const stopScreenshare = React.useCallback(() => store.dispatch(doStopScreenshare()), [store]);
+    const joinRoom = React.useCallback(() => store.dispatch(doAppStart()), [store]);
+    const leaveRoom = React.useCallback(() => store.dispatch(doAppStop()), [store]);
     const lockRoom = React.useCallback((locked) => store.dispatch(doLockRoom({ locked })), [store]);
     const muteParticipants = React.useCallback((clientIds) => {
         store.dispatch(doRequestAudioEnable({ clientIds, enable: false }));
     }, [store]);
     const kickParticipant = React.useCallback((clientId) => store.dispatch(doKickParticipant({ clientId })), [store]);
-    const endMeeting = React.useCallback(() => store.dispatch(doEndMeeting()), [store]);
+    const endMeeting = React.useCallback((stayBehind) => store.dispatch(doEndMeeting({ stayBehind })), [store]);
     return {
         state: roomConnectionState,
         actions: {
             toggleLowDataMode,
             acceptWaitingParticipant,
             knock,
+            joinRoom,
+            leaveRoom,
             lockRoom,
             muteParticipants,
             kickParticipant,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "2.10.1",
+  "version": "2.12.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -75,7 +75,7 @@
   },
   "dependencies": {
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.13.1",
+    "@whereby.com/core": "0.14.0",
     "heresy": "^1.0.4"
   },
   "peerDependencies": {