@whereby.com/browser-sdk 3.3.4 → 3.4.0

package/dist/embed/index.d.ts

@@ -17,6 +17,7 @@ interface WherebyEmbedElementAttributes extends ReactHTMLElement<HTMLElement> {
     chat: string;
     displayName: string;
     emptyRoomInvitation: string;
+    emojiSkinTone: string;
     externalId: string;
     floatSelf: string;
     groups: string;
@@ -37,6 +38,7 @@ interface WherebyEmbedElementAttributes extends ReactHTMLElement<HTMLElement> {
     precallReview: string;
     precallPermissionsHelpLink: string;
     precallCeremonyCanSkip: string;
+    reactions: string;
     recording: string;
     room: string;
     roomIntegrations: string;
@@ -95,6 +97,9 @@ interface WherebyEmbedElementEventMap {
     pip_toggle: CustomEvent<{
         open: boolean;
     }>;
+    grant_device_permission: CustomEvent<{
+        granted: boolean;
+    }>;
     deny_device_permission: CustomEvent<{
         denied: boolean;
     }>;

package/dist/embed/index.esm.js

@@ -32,6 +32,7 @@ const boolAttrs = [
     "precallPermissionsHelpLink",
     "precallReview",
     "people",
+    "reactions",
     "recording",
     "roomIntegrations",
     "screenshare",
@@ -66,6 +67,7 @@ define("WherebyEmbed", {
         "externalId",
         "title",
         "cameraEffect",
+        "emojiSkinTone",
         ...boolAttrs,
     ].map((a) => a.toLowerCase()),
     onattributechanged({ attributeName, oldValue }) {
@@ -133,7 +135,7 @@ define("WherebyEmbed", {
         this.dispatchEvent(new CustomEvent(type, { detail }));
     },
     render() {
-        const { avatarurl: avatarUrl, displayname: displayName, cameraeffect: cameraEffect, lang, metadata, externalid: externalId, minimal, room, groups, virtualbackgroundurl: virtualBackgroundUrl, title, } = this;
+        const { avatarurl: avatarUrl, displayname: displayName, cameraeffect: cameraEffect, emojiskintone: emojiSkinTone, lang, metadata, externalid: externalId, minimal, room, groups, virtualbackgroundurl: virtualBackgroundUrl, title, } = this;
         let roomUrl, subdomain;
         try {
             ({ roomUrl, subdomain } = parseRoomUrlAndSubdomain(room, this.subdomain));
@@ -142,7 +144,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(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]) => {
+        Object.entries(Object.assign(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 })), (emojiSkinTone && { emojiSkinTone })), (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

@@ -146,7 +146,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "3.3.4";
+const browserSdkVersion = "3.4.0";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.3.4",
+  "version": "3.4.0",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -78,7 +78,7 @@
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.19.5",
+    "@whereby.com/core": "0.20.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "react-redux": "^9.1.1",