From 0c89ef67771810257f03291e9c83816736c01e72 Mon Sep 17 00:00:00 2001 From: Ravindra Singh Rathor Date: Fri, 13 Sep 2024 11:04:30 +0530 Subject: [PATCH] fix(v2-support): updated samples to use v2 --- package-lock.json | 848 ++++++++++++------ samples/active-speaker-ui/package.json | 4 +- samples/async-video-survey/package.json | 4 +- samples/audio-room/package.json | 4 +- samples/chat-widget/package.json | 6 +- samples/chat/package.json | 4 +- samples/clubhouse/package.json | 4 +- samples/create-your-own-ui/package.json | 4 +- .../src/components/meeting-control-bar.tsx | 3 +- samples/default-meeting-ui/package.json | 4 +- samples/facetime/package.json | 4 +- samples/live-auction/package.json | 4 +- .../package.json | 6 +- .../src/components/EffectsManager.tsx | 7 + samples/simple-group-call/package.json | 4 +- samples/simple-ui/package.json | 4 +- .../with-background-transformer/package.json | 6 +- .../with-background-transformer/src/App.tsx | 11 +- 18 files changed, 638 insertions(+), 293 deletions(-) diff --git a/package-lock.json b/package-lock.json index aec242b..207baac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -453,6 +453,7 @@ }, "node_modules/@dyteinternals/awaitqueue": { "version": "3.0.1", + "dev": true, "license": "ISC", "dependencies": { "debug": "^4.3.4" @@ -461,78 +462,10 @@ "node": ">=14" } }, - "node_modules/@dyteinternals/mediasoup-client": { - "version": "3.6.86", - "license": "ISC", - "dependencies": { - "@dyteinternals/awaitqueue": "^3.0.1", - "@types/debug": "^4.1.7", - "bowser": "^2.11.0", - "debug": "^4.3.4", - "events": "^3.3.0", - "h264-profile-level-id": "^1.0.1", - "queue-microtask": "^1.2.3", - "sdp-transform": "^2.14.1" - }, - "engines": { - "node": ">=14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/mediasoup" - } - }, - "node_modules/@dyteinternals/utils": { - "version": "1.12.0", - "license": "UNLICENSED", - "dependencies": { - "axios": "^0.25.0", - "lodash-es": "^4.17.21" - } - }, - "node_modules/@dytesdk/react-ui-kit": { - "version": "1.59.0", - "dependencies": { - "@dytesdk/ui-kit": "1.59.0" - }, - "peerDependencies": { - "react": ">=16.8.6", - "react-dom": ">=16.8.6" - } - }, - "node_modules/@dytesdk/react-web-core": { - "version": "1.35.5", - "dependencies": { - "@dytesdk/web-core": "^1.20.0" - }, - "peerDependencies": { - "react": ">=16.8.6" - } - }, - "node_modules/@dytesdk/ui-kit": { - "version": "1.59.0", - "dependencies": { - "@floating-ui/dom": "^1.1.0", - "@stencil/core": "^2.20.0", - "hark": "^1.2.3", - "lodash-es": "^4.17.21", - "resize-observer-polyfill": "^1.5.1" - } - }, - "node_modules/@dytesdk/web-core": { - "version": "1.20.0", - "dependencies": { - "@dyteinternals/mediasoup-client": "3.6.86", - "@dyteinternals/utils": "^1.10.0", - "@protobuf-ts/runtime": "^2.7.0", - "awaitqueue": "^3.0.1", - "axios": "^0.25.0", - "bowser": "^2.11.0", - "sdp-transform": "^2.14.1", - "socket.io-client": "4.6.2", - "uuid": "^8.3.2", - "worker-timers": "7.0.60" - } + "node_modules/@dytesdk/video-background-transformer": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/video-background-transformer/-/video-background-transformer-2.0.3.tgz", + "integrity": "sha512-pFtGUDmrZw1UD3lwJxbEfFJ4IrhGbMyA8uA8kr5eJuB3V3lAWyXVvyIKqzuVDVkw5xslAj3YNZtwJSHFV+tRTQ==" }, "node_modules/@esbuild/android-arm": { "version": "0.18.20", @@ -952,25 +885,6 @@ "node": "^12.22.0 || ^14.17.0 || >=16.0.0" } }, - "node_modules/@floating-ui/core": { - "version": "1.5.3", - "license": "MIT", - "dependencies": { - "@floating-ui/utils": "^0.2.0" - } - }, - "node_modules/@floating-ui/dom": { - "version": "1.5.4", - "license": "MIT", - "dependencies": { - "@floating-ui/core": "^1.5.3", - "@floating-ui/utils": "^0.2.0" - } - }, - "node_modules/@floating-ui/utils": { - "version": "0.2.1", - "license": "MIT" - }, "node_modules/@humanwhocodes/config-array": { "version": "0.11.13", "dev": true, @@ -1093,19 +1007,9 @@ }, "node_modules/@socket.io/component-emitter": { "version": "3.1.0", + "dev": true, "license": "MIT" }, - "node_modules/@stencil/core": { - "version": "2.22.3", - "license": "MIT", - "bin": { - "stencil": "bin/stencil" - }, - "engines": { - "node": ">=12.10.0", - "npm": ">=6.0.0" - } - }, "node_modules/@swc/core": { "version": "1.4.13", "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.4.13.tgz", @@ -1400,6 +1304,7 @@ }, "node_modules/@types/debug": { "version": "4.1.12", + "dev": true, "license": "MIT", "dependencies": { "@types/ms": "*" @@ -1412,6 +1317,7 @@ }, "node_modules/@types/ms": { "version": "0.7.34", + "dev": true, "license": "MIT" }, "node_modules/@types/node": { @@ -2021,23 +1927,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/awaitqueue": { - "version": "3.0.2", - "license": "ISC", - "dependencies": { - "debug": "^4.3.4" - }, - "engines": { - "node": ">=16" - } - }, - "node_modules/axios": { - "version": "0.25.0", - "license": "MIT", - "dependencies": { - "follow-redirects": "^1.14.7" - } - }, "node_modules/balanced-match": { "version": "1.0.2", "license": "MIT" @@ -2306,6 +2195,7 @@ }, "node_modules/debug": { "version": "4.3.4", + "dev": true, "license": "MIT", "dependencies": { "ms": "2.1.2" @@ -2440,6 +2330,7 @@ }, "node_modules/engine.io-client": { "version": "6.4.0", + "dev": true, "license": "MIT", "dependencies": { "@socket.io/component-emitter": "~3.1.0", @@ -2451,6 +2342,7 @@ }, "node_modules/engine.io-parser": { "version": "5.0.7", + "dev": true, "license": "MIT", "engines": { "node": ">=10.0.0" @@ -3294,6 +3186,7 @@ }, "node_modules/events": { "version": "3.3.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.8.x" @@ -3441,24 +3334,6 @@ "dev": true, "license": "ISC" }, - "node_modules/follow-redirects": { - "version": "1.15.4", - "funding": [ - { - "type": "individual", - "url": "https://github.com/sponsors/RubenVerborgh" - } - ], - "license": "MIT", - "engines": { - "node": ">=4.0" - }, - "peerDependenciesMeta": { - "debug": { - "optional": true - } - } - }, "node_modules/for-each": { "version": "0.3.3", "dev": true, @@ -3665,6 +3540,7 @@ }, "node_modules/h264-profile-level-id": { "version": "1.1.1", + "dev": true, "license": "ISC", "dependencies": { "debug": "^4.3.4" @@ -3673,13 +3549,6 @@ "node": ">=10.0.0" } }, - "node_modules/hark": { - "version": "1.2.3", - "license": "MIT", - "dependencies": { - "wildemitter": "^1.2.0" - } - }, "node_modules/has": { "version": "1.0.3", "license": "MIT", @@ -4344,10 +4213,6 @@ "dev": true, "license": "MIT" }, - "node_modules/lodash-es": { - "version": "4.17.21", - "license": "MIT" - }, "node_modules/lodash.merge": { "version": "4.6.2", "dev": true, @@ -4428,12 +4293,9 @@ }, "node_modules/ms": { "version": "2.1.2", + "dev": true, "license": "MIT" }, - "node_modules/multiple-stage-ui": { - "resolved": "samples/multiple-stage", - "link": true - }, "node_modules/mz": { "version": "2.7.0", "license": "MIT", @@ -5070,10 +4932,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/resize-observer-polyfill": { - "version": "1.5.1", - "license": "MIT" - }, "node_modules/resolve": { "version": "1.22.6", "license": "MIT", @@ -5287,6 +5145,10 @@ "loose-envify": "^1.1.0" } }, + "node_modules/screenshare-focused-ui-with-custom-addons": { + "resolved": "samples/screenshare-focused-ui-with-custom-addons", + "link": true + }, "node_modules/sdp-transform": { "version": "2.14.1", "license": "MIT", @@ -5384,6 +5246,7 @@ }, "node_modules/socket.io-client": { "version": "4.6.2", + "dev": true, "license": "MIT", "dependencies": { "@socket.io/component-emitter": "~3.1.0", @@ -5397,6 +5260,7 @@ }, "node_modules/socket.io-parser": { "version": "4.2.4", + "dev": true, "license": "MIT", "dependencies": { "@socket.io/component-emitter": "~3.1.0", @@ -6028,9 +5892,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/wildemitter": { - "version": "1.2.1" - }, "node_modules/with-background-transformer": { "resolved": "samples/with-background-transformer", "link": true @@ -6069,6 +5930,7 @@ }, "node_modules/ws": { "version": "8.11.0", + "dev": true, "license": "MIT", "engines": { "node": ">=10.0.0" @@ -6088,6 +5950,7 @@ }, "node_modules/xmlhttprequest-ssl": { "version": "2.0.0", + "dev": true, "engines": { "node": ">=0.4.0" } @@ -6144,8 +6007,8 @@ "samples/active-speaker-ui": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.66.1", - "@dytesdk/react-web-core": "^1.36.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^2.1.0", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -6162,39 +6025,12 @@ "vite": "^3.2.3" } }, - "samples/active-speaker-ui/node_modules/@dyteinternals/mediasoup-client": { - "version": "3.6.89", - "license": "ISC", - "dependencies": { - "@dyteinternals/awaitqueue": "^3.0.1", - "@types/debug": "^4.1.7", - "bowser": "^2.11.0", - "debug": "^4.3.4", - "events": "^3.3.0", - "h264-profile-level-id": "^1.0.1", - "queue-microtask": "^1.2.3", - "sdp-transform": "^2.14.1" - }, - "engines": { - "node": ">=14" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/mediasoup" - } - }, - "samples/active-speaker-ui/node_modules/@dyteinternals/utils": { - "version": "2.1.0", - "license": "UNLICENSED", - "dependencies": { - "axios": "^0.25.0", - "lodash-es": "^4.17.21" - } - }, "samples/active-speaker-ui/node_modules/@dytesdk/react-ui-kit": { - "version": "1.66.1", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", "dependencies": { - "@dytesdk/ui-kit": "1.66.1" + "@dytesdk/ui-kit": "2.0.3" }, "peerDependencies": { "react": ">=16.8.6", @@ -6202,26 +6038,29 @@ } }, "samples/active-speaker-ui/node_modules/@dytesdk/react-web-core": { - "version": "1.36.4", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", "dependencies": { - "@dytesdk/web-core": "^1.31.0" + "@dytesdk/web-core": "2.0.7" }, "peerDependencies": { "react": ">=16.8.6" } }, "samples/active-speaker-ui/node_modules/@dytesdk/ui-kit": { - "version": "1.66.1" + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" }, "samples/active-speaker-ui/node_modules/@dytesdk/web-core": { - "version": "1.31.0", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", "dependencies": { - "@dyteinternals/mediasoup-client": "3.6.89", - "@dyteinternals/utils": "^2.1.0", "@protobuf-ts/runtime": "^2.7.0", "bowser": "^2.11.0", "sdp-transform": "^2.14.1", - "socket.io-client": "4.6.2", "uuid": "^8.3.2", "worker-timers": "7.0.60" } @@ -6241,8 +6080,8 @@ "samples/async-video-survey": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "autoprefixer": "^10.4.15", "postcss": "^8.4.29", "react": "^18.2.0", @@ -6258,6 +6097,46 @@ "vite": "^3.2.3" } }, + "samples/async-video-survey/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/async-video-survey/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/async-video-survey/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/async-video-survey/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/async-video-survey/node_modules/prettier": { "version": "3.2.5", "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz", @@ -6276,8 +6155,8 @@ "samples/audio-room": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "good-grid": "^0.3.0", "react": "^18.2.0", @@ -6294,6 +6173,46 @@ "vite": "^3.2.3" } }, + "samples/audio-room/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/audio-room/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/audio-room/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/audio-room/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/audio-room/node_modules/clsx": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", @@ -6312,8 +6231,8 @@ "samples/chat": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0", "react-feather": "^2.0.10" @@ -6334,9 +6253,9 @@ "name": "dyte-chat-widget-demo", "version": "0.1.0", "dependencies": { - "@dytesdk/react-ui-kit": "1.59.0", - "@dytesdk/react-web-core": "1.35.5", - "@dytesdk/web-core": "1.20.0", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", + "@dytesdk/web-core": "2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -6363,6 +6282,46 @@ "vite-tsconfig-paths": "^4.2.1" } }, + "samples/chat-widget/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/chat-widget/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/chat-widget/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/chat-widget/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/chat-widget/node_modules/@vitejs/plugin-react-swc": { "version": "3.6.0", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react-swc/-/plugin-react-swc-3.6.0.tgz", @@ -6541,6 +6500,46 @@ } } }, + "samples/chat/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/chat/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/chat/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/chat/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/chat/node_modules/clsx": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", @@ -6553,8 +6552,8 @@ "samples/clubhouse": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0", "react-feather": "^2.0.10" @@ -6571,6 +6570,46 @@ "vite": "^3.2.3" } }, + "samples/clubhouse/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/clubhouse/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/clubhouse/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/clubhouse/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/clubhouse/node_modules/clsx": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", @@ -6583,8 +6622,8 @@ "samples/create-your-own-ui": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.66.3", - "@dytesdk/react-web-core": "^1.36.5", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -6606,6 +6645,7 @@ "version": "3.6.89", "resolved": "https://registry.npmjs.org/@dyteinternals/mediasoup-client/-/mediasoup-client-3.6.89.tgz", "integrity": "sha512-T9tKCr3u9W2k7zqUTR9TeJalHm9SAzTRoDXGku/oj1apHUcjdALRKd8VhY03DrtoLQKjT8/L8cwV4Q0J3ViJUw==", + "dev": true, "dependencies": { "@dyteinternals/awaitqueue": "^3.0.1", "@types/debug": "^4.1.7", @@ -6625,38 +6665,41 @@ } }, "samples/create-your-own-ui/node_modules/@dytesdk/react-ui-kit": { - "version": "1.70.2", - "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-1.70.2.tgz", - "integrity": "sha512-+d4KPX5FkZg3UmxG1pDz/5sL7GigNpDA93QTniMeA2l1kq7tt84VXv6aIncXXzffvbfJhgjoLz0eawS2+6ERhg==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", "dependencies": { - "@dytesdk/ui-kit": "1.70.2" + "@dytesdk/ui-kit": "2.0.3" }, "peerDependencies": { "react": ">=16.8.6", "react-dom": ">=16.8.6" } }, + "samples/create-your-own-ui/node_modules/@dytesdk/react-ui-kit/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, "samples/create-your-own-ui/node_modules/@dytesdk/react-web-core": { - "version": "1.36.14", - "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-1.36.14.tgz", - "integrity": "sha512-gojpefq2HwMwHkbi+8wIBD7z7EPNKLJBfCJLB37xfJv/GH7cK4CUhrI7XkDXYvmouG9SIBqsUznc1nLV0eVwKQ==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", "dependencies": { - "@dytesdk/web-core": "1.34.7" + "@dytesdk/web-core": "2.0.7" }, "peerDependencies": { "react": ">=16.8.6" } }, "samples/create-your-own-ui/node_modules/@dytesdk/react-web-core/node_modules/@dytesdk/web-core": { - "version": "1.34.7", - "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-1.34.7.tgz", - "integrity": "sha512-loPTuUzldTi4A7OIcUNVoBRXJzTLSw5tB/1xAp3RDJHleriZXM+o8RI2TIdbOb0KiIoyIy0A/ShOdADqmWhG8Q==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", "dependencies": { - "@dyteinternals/mediasoup-client": "3.6.89", "@protobuf-ts/runtime": "^2.7.0", "bowser": "^2.11.0", "sdp-transform": "^2.14.1", - "socket.io-client": "4.6.2", "uuid": "^8.3.2", "worker-timers": "7.0.60" } @@ -6664,7 +6707,8 @@ "samples/create-your-own-ui/node_modules/@dytesdk/ui-kit": { "version": "1.70.2", "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-1.70.2.tgz", - "integrity": "sha512-xli4AEgL++3Ar6usrslBIYc2+W+fX+DKOOKTqArynHoO1BPGTjYZBhZvrl2jZYs0xGhCOEGTAsW0x27WiStarQ==" + "integrity": "sha512-xli4AEgL++3Ar6usrslBIYc2+W+fX+DKOOKTqArynHoO1BPGTjYZBhZvrl2jZYs0xGhCOEGTAsW0x27WiStarQ==", + "dev": true }, "samples/create-your-own-ui/node_modules/@dytesdk/web-core": { "version": "1.34.8", @@ -6699,8 +6743,8 @@ "samples/default-meeting-ui": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^2.0.0", - "@dytesdk/react-web-core": "^2.0.3", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -6713,11 +6757,11 @@ } }, "samples/default-meeting-ui/node_modules/@dytesdk/react-ui-kit": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.0.tgz", - "integrity": "sha512-AISbmVotVSvtFs2w10PlInhPObLKoJsPCGGlmJuxtuRoZyoCTVUkCirohwCTzNwRIAE++PO4O3g0RfmD+pdPEg==", + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", "dependencies": { - "@dytesdk/ui-kit": "2.0.0" + "@dytesdk/ui-kit": "2.0.3" }, "peerDependencies": { "react": ">=16.8.6", @@ -6725,25 +6769,25 @@ } }, "samples/default-meeting-ui/node_modules/@dytesdk/react-web-core": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.3.tgz", - "integrity": "sha512-8gYglD1/iB9EnwDqjZYgwBt5/X5uFS4nqGd8O1Crwp7DKRrmtulZ8KZ5g2de74TYit+iLYlWs0b1HeEj2ZzsKg==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", "dependencies": { - "@dytesdk/web-core": "2.0.3" + "@dytesdk/web-core": "2.0.7" }, "peerDependencies": { "react": ">=16.8.6" } }, "samples/default-meeting-ui/node_modules/@dytesdk/ui-kit": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.0.tgz", - "integrity": "sha512-qOFu09m1wrj6RsWwRjPktDqnuk12Re/dFj4E5HSy9sOvkTYHcv8oVoggvwj35RLoNzgkpHhZN7IBW4zC7T0RSg==" + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" }, "samples/default-meeting-ui/node_modules/@dytesdk/web-core": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.3.tgz", - "integrity": "sha512-w2/HTw45tJkHXDqF1Qhw8yI5B5pjzz7DgQqDUqMBOQ6zvZgXJeJUMqe9pc+o+A/DkBoI3/aABtG2HTSY0BRnDQ==", + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", "dependencies": { "@protobuf-ts/runtime": "^2.7.0", "bowser": "^2.11.0", @@ -6755,8 +6799,8 @@ "samples/facetime": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -6774,6 +6818,46 @@ "vite": "^3.2.3" } }, + "samples/facetime/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/facetime/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/facetime/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/facetime/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/facetime/node_modules/clsx": { "version": "1.2.1", "license": "MIT", @@ -6784,8 +6868,8 @@ "samples/live-auction": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.55.0", - "@dytesdk/react-web-core": "^1.34.1", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -6802,6 +6886,46 @@ "vite": "^4.4.5" } }, + "samples/live-auction/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/live-auction/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/live-auction/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/live-auction/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/live-auction/node_modules/@vitejs/plugin-react": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.2.1.tgz", @@ -6945,6 +7069,7 @@ "samples/multiple-stage": { "name": "multiple-stage-ui", "version": "0.0.0", + "extraneous": true, "dependencies": { "@dytesdk/react-ui-kit": "^1.54.0", "@dytesdk/react-web-core": "^1.33.4", @@ -6959,11 +7084,106 @@ "vite": "^3.2.3" } }, + "samples/screenshare-focused-ui-with-custom-addons": { + "version": "0.0.0", + "dependencies": { + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", + "@dytesdk/video-background-transformer": "^2.0.3", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "zustand": "^3.5.6" + }, + "devDependencies": { + "@dytesdk/ui-kit": "^2.0.0", + "@dytesdk/web-core": "^2.0.0", + "@types/react": "^18.0.24", + "@types/react-dom": "^18.0.8", + "@vitejs/plugin-react": "^2.2.0", + "autoprefixer": "^10.4.16", + "postcss": "^8.4.30", + "prettier": "^3.0.3", + "tailwindcss": "^3.3.3", + "typescript": "^4.6.4", + "vite": "^3.2.3" + } + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/prettier": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz", + "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==", + "dev": true, + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "samples/screenshare-focused-ui-with-custom-addons/node_modules/zustand": { + "version": "3.7.2", + "resolved": "https://registry.npmjs.org/zustand/-/zustand-3.7.2.tgz", + "integrity": "sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA==", + "engines": { + "node": ">=12.7.0" + }, + "peerDependencies": { + "react": ">=16.8" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + } + } + }, "samples/simple-group-call": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "good-grid": "^0.3.0", "react": "^18.2.0", @@ -6980,6 +7200,46 @@ "vite": "^3.2.3" } }, + "samples/simple-group-call/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/simple-group-call/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/simple-group-call/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/simple-group-call/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/simple-group-call/node_modules/clsx": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.2.1.tgz", @@ -6998,8 +7258,8 @@ "samples/simple-ui": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.56.0", - "@dytesdk/react-web-core": "^1.35.0", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -7015,6 +7275,46 @@ "vite": "^3.2.3" } }, + "samples/simple-ui/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", + "dependencies": { + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" + } + }, + "samples/simple-ui/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/simple-ui/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/simple-ui/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } + }, "samples/simple-ui/node_modules/prettier": { "version": "3.2.5", "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.2.5.tgz", @@ -7033,9 +7333,9 @@ "samples/with-background-transformer": { "version": "0.0.0", "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", - "@dytesdk/video-background-transformer": "^1.1.0", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", + "@dytesdk/video-background-transformer": "^2.0.3", "react": "^18.2.0", "react-dom": "^18.2.0" }, @@ -7047,15 +7347,45 @@ "vite": "^3.2.3" } }, - "samples/with-background-transformer/node_modules/@dytesdk/video-background-transformer": { - "version": "1.1.3", + "samples/with-background-transformer/node_modules/@dytesdk/react-ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/react-ui-kit/-/react-ui-kit-2.0.3.tgz", + "integrity": "sha512-qFzeOdpfLsekETCA9DL9EapO/1kgL3D7qUob7BKBbVpeTmaBzgJS739KTtplzhYyM2SBlGmAfPKzkJl6QzOkbQ==", "dependencies": { - "@mediapipe/selfie_segmentation": "^0.1.1671057942" + "@dytesdk/ui-kit": "2.0.3" + }, + "peerDependencies": { + "react": ">=16.8.6", + "react-dom": ">=16.8.6" } }, - "samples/with-background-transformer/node_modules/@mediapipe/selfie_segmentation": { - "version": "0.1.1675465747", - "license": "Apache-2.0" + "samples/with-background-transformer/node_modules/@dytesdk/react-web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/react-web-core/-/react-web-core-2.0.7.tgz", + "integrity": "sha512-Bm/PLGY/XbrD+DzkwMx3nNQxoGHqcEiDi11+MmHDidccHFPqjUX22hzdsxI1Dqfa4TcLETZ8Rtotf0+atPZjfg==", + "dependencies": { + "@dytesdk/web-core": "2.0.7" + }, + "peerDependencies": { + "react": ">=16.8.6" + } + }, + "samples/with-background-transformer/node_modules/@dytesdk/ui-kit": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/@dytesdk/ui-kit/-/ui-kit-2.0.3.tgz", + "integrity": "sha512-KGqqqXplccFMBm4OuGLG03XN/6vnGFsIYOL7UHYla+G7P2vH/GcRDq/Tv5rNVAs9T/mRCSlLHvKVPbaseZD4xw==" + }, + "samples/with-background-transformer/node_modules/@dytesdk/web-core": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/@dytesdk/web-core/-/web-core-2.0.7.tgz", + "integrity": "sha512-rbk+dRbGhHAVhBfUGlgaaa082xqHaWN26ATLTbUt7H1Eqe+24/T15CvN0oJxskjDeWI7BqSh9v0zF6clnY2ylw==", + "dependencies": { + "@protobuf-ts/runtime": "^2.7.0", + "bowser": "^2.11.0", + "sdp-transform": "^2.14.1", + "uuid": "^8.3.2", + "worker-timers": "7.0.60" + } } } } diff --git a/samples/active-speaker-ui/package.json b/samples/active-speaker-ui/package.json index bb04f7c..e4736b3 100644 --- a/samples/active-speaker-ui/package.json +++ b/samples/active-speaker-ui/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.66.1", - "@dytesdk/react-web-core": "^1.36.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^2.1.0", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/samples/async-video-survey/package.json b/samples/async-video-survey/package.json index c5dbcb6..4b37d7a 100644 --- a/samples/async-video-survey/package.json +++ b/samples/async-video-survey/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "autoprefixer": "^10.4.15", "postcss": "^8.4.29", "react": "^18.2.0", diff --git a/samples/audio-room/package.json b/samples/audio-room/package.json index a228651..671d917 100644 --- a/samples/audio-room/package.json +++ b/samples/audio-room/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "good-grid": "^0.3.0", "react": "^18.2.0", diff --git a/samples/chat-widget/package.json b/samples/chat-widget/package.json index 3a7de59..149d6c8 100644 --- a/samples/chat-widget/package.json +++ b/samples/chat-widget/package.json @@ -13,9 +13,9 @@ "typecheck": "tsc --project tsconfig.json --noEmit" }, "dependencies": { - "@dytesdk/web-core": "1.20.0", - "@dytesdk/react-web-core": "1.35.5", - "@dytesdk/react-ui-kit": "1.59.0", + "@dytesdk/web-core": "2.0.7", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/chat/package.json b/samples/chat/package.json index 7fe68db..3adf531 100644 --- a/samples/chat/package.json +++ b/samples/chat/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0", "react-feather": "^2.0.10" diff --git a/samples/clubhouse/package.json b/samples/clubhouse/package.json index 609ae40..b8040ba 100644 --- a/samples/clubhouse/package.json +++ b/samples/clubhouse/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0", "react-feather": "^2.0.10" diff --git a/samples/create-your-own-ui/package.json b/samples/create-your-own-ui/package.json index 73f0682..b3b7f89 100644 --- a/samples/create-your-own-ui/package.json +++ b/samples/create-your-own-ui/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.66.3", - "@dytesdk/react-web-core": "^1.36.5", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/create-your-own-ui/src/components/meeting-control-bar.tsx b/samples/create-your-own-ui/src/components/meeting-control-bar.tsx index 45ec09a..4eddfa3 100644 --- a/samples/create-your-own-ui/src/components/meeting-control-bar.tsx +++ b/samples/create-your-own-ui/src/components/meeting-control-bar.tsx @@ -1,4 +1,4 @@ -import { DyteBreakoutRoomsToggle, DyteCameraToggle, DyteChatToggle, DyteControlbar, DyteControlbarButton, DyteDebuggerToggle, DyteFullscreenToggle, DyteLeaveButton, DyteMicToggle, DyteMoreToggle, DyteMuteAllButton, DyteParticipantsToggle, DytePipToggle, DytePluginsToggle, DytePoll, DytePollsToggle, DyteRecordingToggle, DyteScreenShareToggle, DyteSettingsToggle, DyteStageToggle } from "@dytesdk/react-ui-kit"; +import { DyteBreakoutRoomsToggle, DyteCameraToggle, DyteChatToggle, DyteControlbar, DyteControlbarButton, DyteFullscreenToggle, DyteLeaveButton, DyteMicToggle, DyteMoreToggle, DyteMuteAllButton, DyteParticipantsToggle, DytePipToggle, DytePluginsToggle, DytePoll, DytePollsToggle, DyteRecordingToggle, DyteScreenShareToggle, DyteSettingsToggle, DyteStageToggle } from "@dytesdk/react-ui-kit"; import { UIConfig, defaultIconPack } from "@dytesdk/ui-kit"; import DyteClient from "@dytesdk/web-core"; import { CustomStates, SetStates } from "../types"; @@ -34,7 +34,6 @@ function ControlBarWithCustomUI({ - diff --git a/samples/default-meeting-ui/package.json b/samples/default-meeting-ui/package.json index 6934c7d..1f056b4 100644 --- a/samples/default-meeting-ui/package.json +++ b/samples/default-meeting-ui/package.json @@ -9,8 +9,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/facetime/package.json b/samples/facetime/package.json index 1baee8f..64b5fe6 100644 --- a/samples/facetime/package.json +++ b/samples/facetime/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/samples/live-auction/package.json b/samples/live-auction/package.json index c809413..52f3a49 100644 --- a/samples/live-auction/package.json +++ b/samples/live-auction/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.55.0", - "@dytesdk/react-web-core": "^1.34.1", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/screenshare-focused-ui-with-custom-addons/package.json b/samples/screenshare-focused-ui-with-custom-addons/package.json index d90905e..dd0aa77 100644 --- a/samples/screenshare-focused-ui-with-custom-addons/package.json +++ b/samples/screenshare-focused-ui-with-custom-addons/package.json @@ -8,9 +8,9 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^2.0.0", - "@dytesdk/react-web-core": "^2.0.0", - "@dytesdk/video-background-transformer": "2.0.1", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", + "@dytesdk/video-background-transformer": "^2.0.3", "zustand": "^3.5.6", "react": "^18.2.0", "react-dom": "^18.2.0" diff --git a/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx b/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx index 91f3407..bbd5677 100644 --- a/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx +++ b/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx @@ -55,8 +55,15 @@ const EffectsManager = ({ backgroundTransformerInit.current !== true ) { backgroundTransformerInit.current = true; + /** + * To customise DyteVideoBackgroundTransformer configs, please refer to https://www.npmjs.com/package/@dytesdk/video-background-transformer?activeTab=readme. + * + */ const transformer = await DyteVideoBackgroundTransformer.init({ meeting, + segmentationConfig: { + pipeline: 'canvas2dCpu', // 'webgl2' | 'canvas2dCpu' + }, }); MiddlewareHolder.transformer = transformer; } else return; diff --git a/samples/simple-group-call/package.json b/samples/simple-group-call/package.json index 0c69cc6..5f86af6 100644 --- a/samples/simple-group-call/package.json +++ b/samples/simple-group-call/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "clsx": "^1.2.1", "good-grid": "^0.3.0", "react": "^18.2.0", diff --git a/samples/simple-ui/package.json b/samples/simple-ui/package.json index 7c1a43d..ae1ef43 100644 --- a/samples/simple-ui/package.json +++ b/samples/simple-ui/package.json @@ -8,8 +8,8 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.56.0", - "@dytesdk/react-web-core": "^1.35.0", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/with-background-transformer/package.json b/samples/with-background-transformer/package.json index 868bc2e..98e6289 100644 --- a/samples/with-background-transformer/package.json +++ b/samples/with-background-transformer/package.json @@ -9,9 +9,9 @@ "preview": "vite preview" }, "dependencies": { - "@dytesdk/react-ui-kit": "^1.54.0", - "@dytesdk/react-web-core": "^1.33.4", - "@dytesdk/video-background-transformer": "^1.1.0", + "@dytesdk/react-ui-kit": "^2.0.3", + "@dytesdk/react-web-core": "^2.0.7", + "@dytesdk/video-background-transformer": "^2.0.3", "react": "^18.2.0", "react-dom": "^18.2.0" }, diff --git a/samples/with-background-transformer/src/App.tsx b/samples/with-background-transformer/src/App.tsx index 9393aff..98f4583 100644 --- a/samples/with-background-transformer/src/App.tsx +++ b/samples/with-background-transformer/src/App.tsx @@ -31,8 +31,17 @@ function App() { ).then(async (meeting: any) => { window.meeting = meeting; + /** + * To customise DyteVideoBackgroundTransformer configs, please refer to https://www.npmjs.com/package/@dytesdk/video-background-transformer?activeTab=readme. + * + */ const videoBackgroundTransformer = - await DyteVideoBackgroundTransformer.init(); + await DyteVideoBackgroundTransformer.init({ + meeting, + segmentationConfig: { + pipeline: 'canvas2dCpu', // 'webgl2' | 'canvas2dCpu' + }, + }); // The video-background-transformer provides two functionalities // 1. Add background blur