@whereby.com/browser-sdk 2.11.0 → 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.esm.js

@@ -99,7 +99,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "2.11.0";
+const browserSdkVersion = "2.12.0";
 
 const initialState$1 = {
     chatMessages: [],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "2.11.0",
+  "version": "2.12.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",