@snapcall/stream-ui 1.24.1 → 1.25.1

package/dist/types.d.ts

@@ -35,6 +35,10 @@ interface FlowV0 {
     title?: string;
     text?: string;
 }
+interface InitResult {
+    flow?: Flow;
+    flowV0?: FlowV0;
+}
 interface JoinOptions {
     languageCode?: string;
     flowToken?: string;
@@ -56,6 +60,25 @@ interface CompanyInfo {
     avatar_url?: string;
     terminate_enabled?: boolean;
 }
+type WaitingRequests = Array<{
+    id: string;
+    profile?: Profile;
+}>;
+interface GetRoomPeersResult {
+    peers: Array<{
+        id: string;
+        displayName?: string;
+        profile: Profile;
+        muted: boolean;
+        producersIds: string[];
+        producersData: ProducerData[];
+    }>;
+    videoRecordStarted: boolean;
+    videoRecording: {
+        requested: boolean;
+        started: boolean;
+    };
+}
 interface StreamerState extends PeerState {
     roomId: string;
     plan?: string;
@@ -63,7 +86,6 @@ interface StreamerState extends PeerState {
     company?: CompanyInfo;
     companyId: number;
     waitingRoomAccess: boolean;
-    callId: number | undefined;
     peers: Array<PeerState>;
     joinOptions: JoinOptions;
 }
@@ -77,6 +99,7 @@ interface PeerInfo {
     peerId: PeerId;
     muted: boolean;
     profile: Profile;
+    displayName?: string;
     producersData: Array<ProducerData>;
 }
 type ConsumerId = string;
@@ -89,9 +112,11 @@ interface DevicesState {
     microphone: {
         enabled: boolean;
         muted: boolean;
+        device?: MediaDeviceInfo | null;
     };
     camera: {
         enabled: boolean;
+        device?: MediaDeviceInfo | null;
     };
     screenshare: {
         enabled: boolean;
@@ -114,7 +139,7 @@ declare global {
         displaySurface?: ConstrainDOMString;
         logicalSurface?: ConstrainBoolean;
         zoom?: number;
-        focusMode?: FocusMode[number];
+        focusMode?: 'none' | 'manual' | 'single-shot' | 'continuous';
     }
     interface MediaTrackCapabilities {
         zoom: {
@@ -122,7 +147,7 @@ declare global {
             max: number;
             step: number;
         };
-        focusMode?: FocusMode;
+        focusMode?: Array<'none' | 'manual' | 'single-shot' | 'continuous'>;
     }
 }
 interface MenuItem {
@@ -214,14 +239,10 @@ declare global {
             peerId: string;
             plan?: string;
             permissions: Permissions;
-            waitingRequests: Array<{
-                id: string;
-                profile?: Profile;
-            }>;
             peers: {
                 peerId: string;
                 muted: boolean;
-                displayName: string;
+                displayName?: string;
                 profile: Profile;
             }[];
         }>;
@@ -234,10 +255,7 @@ declare global {
             success: string;
             message?: string;
         }>;
-        export type RequestAccessRequestEvent = SnapcallEvent<{
-            id: string;
-            profile?: Profile;
-        }>;
+        export type RequestAccessRequestEvent = SnapcallEvent<WaitingRequests[number]>;
         export type RequestAccessCancelEvent = SnapcallEvent<{
             id: string;
         }>;
@@ -300,6 +318,7 @@ declare global {
         export type AudioLevelEvent = SnapcallEvent<{
             audioLevel: number;
         }>;
+        export type InitializedEvent = SnapcallEvent<InitResult>;
     }
     export interface PublicPage {
         token: string;
@@ -361,6 +380,7 @@ interface StreamerEventMap {
     videoRecordingStarted: SnapCall.BaseEvent['detail'];
     videoRecordingStopped: SnapCall.BaseEvent['detail'];
     videoRecordingRequested: SnapCall.BaseEvent['detail'];
+    initialized: SnapCall.InitializedEvent['detail'];
 }
 declare class SnapcallEvent<T extends keyof StreamerEventMap> extends CustomEvent<StreamerEventMap[T]> {
     constructor(name: T, data: CustomEventInit & {
@@ -388,6 +408,10 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         resolution: VideoResolution;
         framerate?: number;
     };
+    microphone: {
+        device: MediaDeviceInfo | null;
+        muted: boolean;
+    };
     webcamTrack: MediaStreamTrack | null;
     webcamZoom: {
         available: boolean;
@@ -395,7 +419,6 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         max: number;
     };
     audioLevel: AudioLevel | undefined;
-    muted: boolean;
     roomId: string;
     companyId: number;
     defaultPublicPage?: {
@@ -422,25 +445,17 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     onStartSpeak(): void;
     onStopSpeak(): void;
     generateToken(bid: string): Promise<string>;
-    init(room?: string, options?: JoinOptions): Promise<{
-        flow?: Flow;
-        flowV0?: FlowV0;
-    }>;
+    init(room?: string, options?: JoinOptions): Promise<InitResult>;
     setAgentIdentity({ apiKey, email }: {
         apiKey: string;
         email?: string;
     }): Promise<void>;
-    acceptAccessRequest(id: string): Promise<void>;
+    acceptAccessRequest(id: string): Promise<any>;
     setStep(stepToken: string): Promise<void>;
-    denyAccessRequest(id: string): Promise<void>;
+    denyAccessRequest(id: string): Promise<any>;
     requestRoomAccess(): Promise<void>;
     joinRoom(): Promise<void>;
-    getRoomPeers(): Promise<{
-        waitingRequests: Array<{
-            profile: Profile;
-            id: string;
-        }>;
-    }>;
+    getRoomPeers(): Promise<GetRoomPeersResult>;
     onEnterRoom(): Promise<void>;
     joinRecorder(): Promise<void>;
     switchMicrophone(deviceId?: string): Promise<void>;
@@ -517,7 +532,6 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     setProfile(profile: Profile): Promise<void>;
     requestPeerDevice(remotePeerId: string, deviceType: DeviceType): Promise<void>;
     denyDeviceRequest(deviceType: DeviceType): void;
-    getCallId(): Promise<number>;
     getConsumers(): Map<string, ConsumerData>;
     getDevicesState(): DevicesState;
     sendCustomMessageToAll(event: any): Promise<void>;
@@ -542,6 +556,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     startRecord(): Promise<void>;
     stopRecord(): Promise<void>;
     getPublicPage(token: string): Promise<PublicPage>;
+    getWaitingRequests(): Promise<WaitingRequests>;
 }
 declare const streamerClient: StreamerClient;
 interface NotificationOptions {
@@ -639,12 +654,6 @@ interface StreamUIBaseOptions {
     apiUrl?: string;
     tracking?: boolean;
     language?: string;
-    showLogin?: {
-        enabled: boolean;
-        email?: string;
-        name?: string;
-    };
-    hideSwitchToMobilePopup?: boolean;
 }
 interface StreamUIInitOptions extends StreamUIBaseOptions {
     element: HTMLElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.24.1",
+  "version": "1.25.1",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -24,6 +24,9 @@
       "isLibrary": false,
       "optimize": true,
       "sourceMap": false
+    },
+    "html": {
+      "source": "html/index.html"
     }
   },
   "publishConfig": {
@@ -33,12 +36,12 @@
     "dist"
   ],
   "scripts": {
-    "watch": "parcel watch",
-    "serve": "parcel serve --https example/index.html --host 0.0.0.0",
+    "dev": "npm run serve",
+    "serve": "APP_ENV=local parcel serve --https --host 0.0.0.0 --target html",
     "build": "parcel build",
-    "build:npm": "parcel build --no-source-maps",
-    "build:s3": "parcel build --no-source-maps --target umd",
-    "build:streamerClient": "parcel build --target streamerClient",
+    "build:npm": "parcel build --no-source-maps --target main --target module --target types",
+    "build:s3": "parcel build --no-source-maps --target umd --target html",
+    "build:streamerClient": "parcel build --target streamerClient --target types",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src streamerClient --ext .ts,.tsx",
     "prettier": "prettier --check .",
@@ -81,17 +84,19 @@
     "eslint-config-react-app": "^7.0.1",
     "parcel": "^2.12.0",
     "postcss": "^8.4.38",
+    "posthtml": "^0.16.6",
+    "posthtml-expressions": "^1.11.3",
+    "posthtml-include": "^2.0.1",
     "prettier": "2.7.1",
     "process": "^0.11.10",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@hotjar/browser": "^1.0.6",
     "@lottiefiles/react-lottie-player": "^3.5.3",
     "@mediapipe/selfie_segmentation": "^0.1.1632777926",
     "@sentry/browser": "^7.0.0",
-    "@snapcall/design-system": "^1.18.3",
+    "@snapcall/design-system": "^1.19.1",
     "@types/youtube": "^0.0.50",
     "bowser": "^2.11.0",
     "classnames": "^2.3.2",