@snapcall/stream-ui 1.26.1 → 1.28.0

package/dist/{timer.2e23031c.js → timer.43cfcbcc.js}

@@ -6,10 +6,10 @@
 let $7df5a1066adc9830$var$interval;
 self.onmessage = (event)=>{
     const { action: action, params: params } = event.data;
-    if (action === "start") {
+    if (action === 'start') {
         if ($7df5a1066adc9830$var$interval) clearInterval($7df5a1066adc9830$var$interval);
         $7df5a1066adc9830$var$interval = self.setInterval(()=>{
-            self.postMessage("time");
+            self.postMessage('time');
         }, 1000 / params);
     }
 };

package/dist/{timer.13350a18.js → timer.fd5ed46d.js}

@@ -5,10 +5,10 @@
 let $febe13af234b7734$var$interval;
 self.onmessage = (event)=>{
     const { action: action, params: params } = event.data;
-    if (action === "start") {
+    if (action === 'start') {
         if ($febe13af234b7734$var$interval) clearInterval($febe13af234b7734$var$interval);
         $febe13af234b7734$var$interval = self.setInterval(()=>{
-            self.postMessage("time");
+            self.postMessage('time');
         }, 1000 / params);
     }
 };

package/dist/types.d.ts

@@ -15,8 +15,10 @@ interface Step {
     default_type: 'video' | 'audio' | 'screen' | 'image';
     token: string;
     title: string;
-    description: string;
-    image_url: string;
+    config?: {
+        description: string;
+        image_url: string;
+    };
     translation: {
         title?: string;
         description?: string;
@@ -213,12 +215,30 @@ declare class AudioRenderer {
     getSink(): string;
     play(): Promise<void>;
 }
+interface Media {
+    stream: MediaStream | undefined;
+    track: MediaStreamTrack | undefined;
+}
+declare class MediaTracksHandler {
+    audio: Media;
+    video: Media;
+    constructor();
+    getAudioTrack(): MediaStreamTrack | undefined;
+    getVideoTrack(): MediaStreamTrack | undefined;
+    requestMediaPermissions(constraints?: MediaStreamConstraints): Promise<void | never>;
+    cleanAllStreams(options?: {
+        audio: boolean;
+        video: boolean;
+    }): void;
+    printState(): void;
+}
 interface MediapipeOptions {
     type: 'blur' | 'background';
     fillColor?: string;
     background?: CanvasImageSource;
     blurLevel?: number;
 }
+type MediaType = 'image' | 'video' | 'audio' | 'screenshare';
 interface DeviceRequest {
     requestId: string;
     deviceType: DeviceType;
@@ -232,7 +252,7 @@ interface CustomMessage {
 }
 declare global {
     export namespace SnapCall {
-        export { Permissions, Permission };
+        export { Permissions, Permission, MediaType };
         export type SnapcallEvent<T> = CustomEvent<T>;
         export type PeersInfoEvent = SnapcallEvent<{
             videoRecordStarted: boolean;
@@ -316,8 +336,10 @@ declare global {
             avatarUrl?: string;
         }>;
         export type RecordStoppedEvent = SnapcallEvent<{
-            url: string;
-            assetId: number;
+            filename: string;
+            durationMs?: number;
+            sizeInBytes?: number;
+            success: boolean;
         }>;
         export type AudioLevelEvent = SnapcallEvent<{
             audioLevel: number;
@@ -342,8 +364,8 @@ declare global {
 }
 interface StreamerEventMap {
     audioLevel: SnapCall.AudioLevelEvent['detail'];
-    localStartSpeak?: SnapCall.BaseEvent['detail'];
-    localStopSpeak?: SnapCall.BaseEvent['detail'];
+    localStartSpeak: SnapCall.BaseEvent['detail'];
+    localStopSpeak: SnapCall.BaseEvent['detail'];
     leaveRoom: SnapCall.BaseEvent['detail'];
     terminateRoom: SnapCall.BaseEvent['detail'];
     invalidRoom: SnapCall.BaseEvent['detail'];
@@ -403,6 +425,7 @@ declare const StreamerEventTargetType: {
     prototype: StreamerEventTarget;
 };
 declare class StreamerClient extends StreamerEventTargetType implements AudioLevelListener {
+    tracksHandler: MediaTracksHandler;
     peers: Map<PeerId, PeerInfo>;
     consumers: Map<ConsumerId, ConsumerData>;
     webcams: Map<string, MediaDeviceInfo>;
@@ -478,6 +501,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     terminateRoom(): void;
     updateWebcams(): Promise<void>;
     isVideoZoomAvailable(): boolean;
+    processMediaPermissionsAndResolveRequests(constraints: MediaStreamConstraints): Promise<void>;
     handleGetUserMediaError(deviceType: DeviceType, getUserMediaPromise: Promise<MediaStream>): Promise<MediaStream>;
     restartIce(transport: Transport): Promise<void>;
     setVideoBackground(options: MediapipeOptions): void;
@@ -514,14 +538,20 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     }): void;
     saveCapture(base64Image: string): Promise<{
         url: string;
-        assetId: number;
+        filename: string;
     }>;
-    uploadEvent(file: any): Promise<{
+    uploadAsset(file: any): Promise<{
         url?: string;
-        id?: number;
-        success: boolean;
+        filename: string;
     }>;
-    deleteCapture(assetId: number): Promise<number>;
+    createEvents(assets: Array<{
+        filename: string;
+        type: MediaType;
+    }>): Promise<{
+        success: boolean;
+        filename: string;
+        id: number;
+    }[]>;
     captureVideo(videoElement?: HTMLVideoElement): Promise<string>;
     requestLocalVideo(element: HTMLVideoElement): {
         facingMode: string;
@@ -552,7 +582,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         device: MediaDeviceInfo | null;
         resolution: VideoResolution;
     };
-    getCurrentMicrophoneId(): string | MediaTrackSettings | undefined;
+    getCurrentMicrophoneId(): string | undefined;
     getCurrentSpeakerId(): string;
     setWebcamResolution(resolution: VideoResolution): Promise<void>;
     createAudioRenderer(consumerId: string): AudioRenderer;
@@ -566,6 +596,13 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     stopRecord(): Promise<void>;
     getPublicPage(token: string): Promise<PublicPage>;
     getWaitingRequests(): Promise<WaitingRequests>;
+    readAsset(file: string): Promise<{
+        url: string;
+        thumbnailUrl?: string;
+    }>;
+    deleteAsset(file: string): Promise<{
+        status: boolean;
+    }>;
 }
 declare const streamerClient: StreamerClient;
 interface NotificationOptions {
@@ -663,6 +700,7 @@ interface StreamUIBaseOptions {
     apiUrl?: string;
     tracking?: boolean;
     language?: string;
+    disableSessionFetching?: boolean;
 }
 interface StreamUIInitOptions extends StreamUIBaseOptions {
     element: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.26.1",
+  "version": "1.28.0",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -29,6 +29,9 @@
       "source": "html/index.html"
     }
   },
+  "@parcel/resolver-default": {
+    "packageExports": true
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -38,6 +41,7 @@
   "scripts": {
     "dev": "npm run serve",
     "serve": "APP_ENV=local parcel serve --https --host 0.0.0.0 --target html",
+    "servewin": "parcel serve --https --host 0.0.0.0 --target html",
     "build": "parcel build",
     "build:npm": "parcel build --no-source-maps --target main --target module --target types",
     "build:s3": "parcel build --no-source-maps --target umd --target html",
@@ -67,9 +71,9 @@
   },
   "devDependencies": {
     "@localazy/cli": "^1.7.10",
-    "@parcel/packager-ts": "^2.12.0",
-    "@parcel/transformer-inline-string": "^2.12.0",
-    "@parcel/transformer-typescript-types": "^2.12.0",
+    "@parcel/packager-ts": "^2.13.0",
+    "@parcel/transformer-inline-string": "^2.13.0",
+    "@parcel/transformer-typescript-types": "^2.13.0",
     "@types/protoo-client": "^4.0.1",
     "@types/qrcode": "^1.4.2",
     "@types/react": "^18.3.2",
@@ -82,7 +86,7 @@
     "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
-    "parcel": "^2.12.0",
+    "parcel": "^2.13.0",
     "postcss": "^8.4.38",
     "posthtml": "^0.16.6",
     "posthtml-expressions": "^1.11.3",
@@ -96,7 +100,8 @@
     "@lottiefiles/react-lottie-player": "^3.5.3",
     "@mediapipe/selfie_segmentation": "^0.1.1632777926",
     "@sentry/browser": "^7.0.0",
-    "@snapcall/design-system": "^1.19.1",
+    "@snapcall/design-system": "^1.20.0",
+    "@tanstack/react-query": "^5.59.0",
     "@types/youtube": "^0.0.50",
     "bowser": "^2.11.0",
     "classnames": "^2.3.2",
@@ -105,7 +110,6 @@
     "qrcode": "^1.5.0",
     "react-hook-form": "^7.51.5",
     "react-hot-toast": "^2.2.0",
-    "react-query": "^3.39.3",
     "react-stately": "^3.31.1",
     "styled-components": "^5.3.3",
     "uuid": "^9.0.0"