@whereby.com/browser-sdk 3.12.17 → 3.12.19

package/dist/embed/index.d.ts

@@ -158,4 +158,5 @@ declare const _default: {
     sdkVersion: string;
 };
 
-export { type WherebyEmbedElement, _default as default };
+export { _default as default };
+export type { WherebyEmbedElement };

package/dist/react/index.cjs

@@ -51,7 +51,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __rest(s, e) {
@@ -183,7 +183,7 @@ const selectRoomConnectionState = toolkit.createSelector(core.selectChatMessages
     return state;
 });
 
-const browserSdkVersion = "3.12.17";
+const browserSdkVersion = "3.12.19";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -322,32 +322,10 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
 
 const VIDEO_CONTROLS_MIN_WIDTH$1 = 7 * 60;
 var layoutConstants = {
-    MIN_WINDOW_HEIGHT: 320,
-    MIN_WINDOW_WIDTH: 320,
-    DESKTOP_BREAKPOINT: 1025,
     TABLET_BREAKPOINT: 750,
-    PHONE_BREAKPOINT: 500,
-    TOP_TOOLBAR_HEIGHT: 40 + 8 * 2,
     BOTTOM_TOOLBAR_HEIGHT: 70 + 4 * 3,
-    SIDEBAR_WIDTH: 375,
     VIDEO_CONTROLS_MIN_WIDTH: VIDEO_CONTROLS_MIN_WIDTH$1,
-    ROOM_FOOTER_MIN_WIDTH: 60 * 3 + VIDEO_CONTROLS_MIN_WIDTH$1,
-    FLOATING_VIDEO_CONTROLS_BOTTOM_MARGIN: 20,
-    WATERMARK_BAR_HEIGHT: 32,
-    BREAKOUT_STAGE_BACKDROP_HEADER_HEIGHT: 20 + 8,
-    BREAKOUT_STAGE_BACKDROP_FOOTER_HEIGHT: 8 + 40 + 8,
-    SUBGRID_EMPTY_STAGE_MAX_WIDTH: 800,
-    GROUPS_CELL_MARGIN: 8,
-    GROUPS_CELL_PADDING: 12,
-    GROUPS_CELL_NAV_HEIGHT: 48 + 8,
-    GROUPS_CELL_AVATAR_WRAPPER_BOTTOM_MARGIN: 8,
-    GROUPS_CELL_AVATAR_GRID_GAP: 8,
-    GROUPS_CELL_MIN_WIDTH: 360,
-    GROUPS_CELL_MAX_WIDTH: 600,
-    GROUPS_ROW_HEIGHT: 72,
-    GROUPS_ROW_GAP: 1,
-    FOLDABLE_SCREEN_STAGE_PADDING: 8,
-};
+    SUBGRID_EMPTY_STAGE_MAX_WIDTH: 800};
 
 function makeOrigin({ top = 0, left = 0 } = {}) {
     return {
@@ -1032,7 +1010,7 @@ function fitSupersizedContent({ bounds, aspectRatio, minGridContainerBounds, has
     let isPortrait = maxHorizontalSupersizedContentWidth <= maxVerticalSupersizedContentHeight;
     let horizontalCorrection = 0;
     let verticalCorrection = 0;
-    if (aspectRatio) {
+    {
         const horizontalContentBounds = fitToBounds(aspectRatio, {
             width: maxHorizontalSupersizedContentWidth,
             height,
@@ -1056,9 +1034,6 @@ function fitSupersizedContent({ bounds, aspectRatio, minGridContainerBounds, has
             horizontalCorrection = Math.max(wastedSpace, 0);
         }
     }
-    else if (hasPresentationGrid) {
-        isPortrait = maxHorizontalSupersizedContentWidth / maxVerticalSupersizedContentHeight >= 5;
-    }
     const supersizedContentBounds = {
         width: isPortrait ? width : maxHorizontalSupersizedContentWidth - horizontalCorrection,
         height: isPortrait ? maxVerticalSupersizedContentHeight - verticalCorrection : height,
@@ -1269,7 +1244,7 @@ function calculateVideosContainerLayout({ containerBounds, containerOrigin, grid
         });
         const supersizedContentLayout = fitSupersizedContent({
             bounds: containerBounds,
-            aspectRatio: supersizedContentAspectRatio || 1,
+            aspectRatio: supersizedContentAspectRatio,
             minGridContainerBounds,
             hasPresentationGrid,
         });

package/dist/react/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LocalMediaOptions, RemoteParticipant, LocalParticipant, Screenshare, ClientView, ConnectionStatus, NotificationsEventEmitter, ChatMessage as ChatMessage$1 } from '@whereby.com/core';
+import { LocalMediaOptions, ConnectionStatus, ChatMessage as ChatMessage$1, ClientView, NotificationsEventEmitter, LocalParticipant, RemoteParticipant, Screenshare } from '@whereby.com/core';
 import { RoleName } from '@whereby.com/media';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopoverProps } from '@radix-ui/react-popover';
@@ -170,7 +170,7 @@ type GridCellSelfProps = {
 type GridCellProps = GridCellSelfProps & React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
 declare const GridCell: React.ForwardRefExoticComponent<Omit<GridCellProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const GridVideoView: React.ForwardRefExoticComponent<Omit<VideoViewProps, "ref" | "stream"> & {
-    stream?: MediaStream | undefined;
+    stream?: MediaStream;
 } & React.RefAttributes<WherebyVideoElement>>;
 interface GridProps {
     renderParticipant?: ({ participant }: {
@@ -192,7 +192,8 @@ declare const ParticipantMenu: (props: PopoverProps) => React.JSX.Element;
 declare const ParticipantMenuContent: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_popover.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ParticipantMenuTrigger: React.ForwardRefExoticComponent<Omit<_radix_ui_react_popover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ParticipantMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    participantAction?: "maximize" | "spotlight" | "float" | undefined;
+    participantAction?: "maximize" | "spotlight" | "float";
 } & React.RefAttributes<HTMLButtonElement>>;
 
-export { type BreakoutState as Breakout, type ChatMessageState as ChatMessage, type CloudRecordingState as CloudRecording, GridCell, GridVideoView, type LiveStreamState as LiveStreaming, type LocalParticipantState as LocalParticipant, ParticipantMenu, ParticipantMenuContent, ParticipantMenuItem, ParticipantMenuTrigger, type RemoteParticipantState as RemoteParticipant, type RoomConnectionState as RoomConnection, type RoomConnectionActions, type RoomConnectionOptions, type ScreenshareState as Screenshare, type UseLocalMediaResult, Grid as VideoGrid, VideoView, type WaitingParticipantState as WaitingParticipant, Provider as WherebyProvider, useLocalMedia, useRoomConnection };
+export { GridCell, GridVideoView, ParticipantMenu, ParticipantMenuContent, ParticipantMenuItem, ParticipantMenuTrigger, Grid as VideoGrid, VideoView, Provider as WherebyProvider, useLocalMedia, useRoomConnection };
+export type { BreakoutState as Breakout, ChatMessageState as ChatMessage, CloudRecordingState as CloudRecording, LiveStreamState as LiveStreaming, LocalParticipantState as LocalParticipant, RemoteParticipantState as RemoteParticipant, RoomConnectionState as RoomConnection, RoomConnectionActions, RoomConnectionOptions, ScreenshareState as Screenshare, UseLocalMediaResult, WaitingParticipantState as WaitingParticipant };

package/dist/react/index.esm.js

@@ -30,7 +30,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 function __rest(s, e) {
@@ -162,7 +162,7 @@ const selectRoomConnectionState = createSelector(selectChatMessages, selectCloud
     return state;
 });
 
-const browserSdkVersion = "3.12.17";
+const browserSdkVersion = "3.12.19";
 
 const defaultRoomConnectionOptions = {
     localMediaOptions: {
@@ -301,32 +301,10 @@ function useLocalMedia(optionsOrStream = { audio: true, video: true }) {
 
 const VIDEO_CONTROLS_MIN_WIDTH$1 = 7 * 60;
 var layoutConstants = {
-    MIN_WINDOW_HEIGHT: 320,
-    MIN_WINDOW_WIDTH: 320,
-    DESKTOP_BREAKPOINT: 1025,
     TABLET_BREAKPOINT: 750,
-    PHONE_BREAKPOINT: 500,
-    TOP_TOOLBAR_HEIGHT: 40 + 8 * 2,
     BOTTOM_TOOLBAR_HEIGHT: 70 + 4 * 3,
-    SIDEBAR_WIDTH: 375,
     VIDEO_CONTROLS_MIN_WIDTH: VIDEO_CONTROLS_MIN_WIDTH$1,
-    ROOM_FOOTER_MIN_WIDTH: 60 * 3 + VIDEO_CONTROLS_MIN_WIDTH$1,
-    FLOATING_VIDEO_CONTROLS_BOTTOM_MARGIN: 20,
-    WATERMARK_BAR_HEIGHT: 32,
-    BREAKOUT_STAGE_BACKDROP_HEADER_HEIGHT: 20 + 8,
-    BREAKOUT_STAGE_BACKDROP_FOOTER_HEIGHT: 8 + 40 + 8,
-    SUBGRID_EMPTY_STAGE_MAX_WIDTH: 800,
-    GROUPS_CELL_MARGIN: 8,
-    GROUPS_CELL_PADDING: 12,
-    GROUPS_CELL_NAV_HEIGHT: 48 + 8,
-    GROUPS_CELL_AVATAR_WRAPPER_BOTTOM_MARGIN: 8,
-    GROUPS_CELL_AVATAR_GRID_GAP: 8,
-    GROUPS_CELL_MIN_WIDTH: 360,
-    GROUPS_CELL_MAX_WIDTH: 600,
-    GROUPS_ROW_HEIGHT: 72,
-    GROUPS_ROW_GAP: 1,
-    FOLDABLE_SCREEN_STAGE_PADDING: 8,
-};
+    SUBGRID_EMPTY_STAGE_MAX_WIDTH: 800};
 
 function makeOrigin({ top = 0, left = 0 } = {}) {
     return {
@@ -1011,7 +989,7 @@ function fitSupersizedContent({ bounds, aspectRatio, minGridContainerBounds, has
     let isPortrait = maxHorizontalSupersizedContentWidth <= maxVerticalSupersizedContentHeight;
     let horizontalCorrection = 0;
     let verticalCorrection = 0;
-    if (aspectRatio) {
+    {
         const horizontalContentBounds = fitToBounds(aspectRatio, {
             width: maxHorizontalSupersizedContentWidth,
             height,
@@ -1035,9 +1013,6 @@ function fitSupersizedContent({ bounds, aspectRatio, minGridContainerBounds, has
             horizontalCorrection = Math.max(wastedSpace, 0);
         }
     }
-    else if (hasPresentationGrid) {
-        isPortrait = maxHorizontalSupersizedContentWidth / maxVerticalSupersizedContentHeight >= 5;
-    }
     const supersizedContentBounds = {
         width: isPortrait ? width : maxHorizontalSupersizedContentWidth - horizontalCorrection,
         height: isPortrait ? maxVerticalSupersizedContentHeight - verticalCorrection : height,
@@ -1248,7 +1223,7 @@ function calculateVideosContainerLayout({ containerBounds, containerOrigin, grid
         });
         const supersizedContentLayout = fitSupersizedContent({
             bounds: containerBounds,
-            aspectRatio: supersizedContentAspectRatio || 1,
+            aspectRatio: supersizedContentAspectRatio,
             minGridContainerBounds,
             hasPresentationGrid,
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whereby.com/browser-sdk",
-  "version": "3.12.17",
+  "version": "3.12.19",
   "description": "Modules for integration Whereby video in web apps",
   "author": "Whereby AS",
   "license": "MIT",
@@ -40,20 +40,6 @@
     "dist/**/*.d.ts",
     "dist/**/*.cjs"
   ],
-  "scripts": {
-    "clean": "rimraf dist node_modules .turbo",
-    "prebuild": "rimraf dist",
-    "build": "rollup -c rollup.config.js",
-    "build:storybook": "storybook build",
-    "dev": "storybook dev -p 6006",
-    "test": "yarn test:lint && yarn test:unit",
-    "test:lint": "eslint src/",
-    "test:unit": "node --experimental-vm-modules ../../node_modules/jest/bin/jest.js",
-    "test:unit:watch": "node --experimental-vm-modules ../../node_modules/jest/bin/jest.js --watch",
-    "test:attw": "attw --pack . -f table --ignore-rules fallback-condition unexpected-module-syntax",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
-  },
   "devDependencies": {
     "@storybook/addon-actions": "^8.0.10",
     "@storybook/addon-essentials": "^8.0.10",
@@ -75,12 +61,21 @@
     "tslib": "^2.4.1",
     "uuid": "^9.0.1",
     "vite": "^5.0.13",
-    "yalc": "^1.0.0-pre.53"
+    "yalc": "^1.0.0-pre.53",
+    "eslint": "^9.29.0",
+    "prettier": "^3.5.3",
+    "typescript": "^5.8.3",
+    "@whereby.com/eslint-config": "0.1.0",
+    "@whereby.com/jest-config": "0.1.0",
+    "@whereby.com/prettier-config": "0.1.0",
+    "@whereby.com/rollup-config": "0.1.0",
+    "@whereby.com/tsconfig": "0.1.0"
   },
   "dependencies": {
     "@radix-ui/react-popover": "^1.0.7",
     "@reduxjs/toolkit": "^2.2.3",
-    "@whereby.com/core": "0.33.9",
+    "@whereby.com/media": "1.30.0",
+    "@whereby.com/core": "0.34.0",
     "clsx": "^2.1.1",
     "heresy": "^1.0.4",
     "react-redux": "^9.1.1",
@@ -97,5 +92,20 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "prettier": "@whereby.com/prettier-config",
+  "scripts": {
+    "clean": "rimraf dist node_modules .turbo",
+    "prebuild": "rimraf dist",
+    "build": "rollup -c rollup.config.js",
+    "build:storybook": "storybook build",
+    "dev": "storybook dev -p 6006",
+    "test": "pnpm test:lint && pnpm test:unit",
+    "test:lint": "eslint src/",
+    "test:unit": "node --experimental-vm-modules ../../node_modules/jest/bin/jest.js",
+    "test:unit:watch": "node --experimental-vm-modules ../../node_modules/jest/bin/jest.js --watch",
+    "test:attw": "attw --pack . -f table --ignore-rules fallback-condition unexpected-module-syntax",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   }
-}
+}