@snapcall/stream-ui 1.18.0 → 1.19.0

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

@@ -4,7 +4,7 @@
  */ // @ts-ignore
 let $febe13af234b7734$var$interval;
 self.onmessage = (event)=>{
-    const { action: action , params: params  } = event.data;
+    const { action: action, params: params } = event.data;
     if (action === "start") {
         if ($febe13af234b7734$var$interval) clearInterval($febe13af234b7734$var$interval);
         $febe13af234b7734$var$interval = self.setInterval(()=>{

package/dist/{timer.7144fe82.js → timer.2e23031c.js}

@@ -5,7 +5,7 @@
  */ // @ts-ignore
 let $7df5a1066adc9830$var$interval;
 self.onmessage = (event)=>{
-    const { action: action , params: params  } = event.data;
+    const { action: action, params: params } = event.data;
     if (action === "start") {
         if ($7df5a1066adc9830$var$interval) clearInterval($7df5a1066adc9830$var$interval);
         $7df5a1066adc9830$var$interval = self.setInterval(()=>{

package/dist/timer.ed477f04.js

@@ -0,0 +1 @@
+let e;self.onmessage=a=>{let{action:s,params:t}=a.data;"start"===s&&(e&&clearInterval(e),e=self.setInterval(()=>{self.postMessage("time")},1e3/t))};

package/dist/types.d.ts

@@ -49,9 +49,19 @@ interface PeerState {
     profile: Profile;
     deviceState: DevicesState;
 }
+interface CompanyInfo {
+    name?: string;
+    company_name?: string;
+    avatar_url?: string;
+    terminate_enabled?: boolean;
+}
 interface StreamerState extends PeerState {
     roomId: string;
+    plan?: string;
+    permissions: Permissions;
+    company?: CompanyInfo;
     companyId: number;
+    waitingRoomAccess: boolean;
     callId: number | undefined;
     peers: Array<PeerState>;
     joinOptions: JoinOptions;
@@ -177,6 +187,10 @@ declare global {
             peerId: string;
             plan?: string;
             permissions: Permissions;
+            waitingRequests: Array<{
+                id: string;
+                profile?: Profile;
+            }>;
             peers: {
                 peerId: string;
                 muted: boolean;
@@ -189,6 +203,17 @@ declare global {
             displayName?: string;
             profile: Profile;
         }>;
+        export type RequestAccessEvent = SnapcallEvent<{
+            success: string;
+            message?: string;
+        }>;
+        export type RequestAccessRequestEvent = SnapcallEvent<{
+            id: string;
+            profile?: Profile;
+        }>;
+        export type RequestAccessCancelEvent = SnapcallEvent<{
+            id: string;
+        }>;
         export type ProfileUpdateEvent = SnapcallEvent<{
             peerId: string;
             profile: Profile;
@@ -249,6 +274,21 @@ declare global {
             audioLevel: number;
         }>;
     }
+    export interface PublicPage {
+        token: string;
+        logo_url: string;
+        title: string;
+        description: string;
+        data: {
+            links: {
+                id: 'recordVideo' | 'takePicture' | 'scheduleCall' | 'recordScreen';
+                active: boolean;
+                user_ids?: number[];
+                team_ids?: number[];
+                schedule_ids?: string[];
+            }[];
+        };
+    }
 }
 interface StreamerEventMap {
     audioLevel: SnapCall.AudioLevelEvent['detail'];
@@ -257,6 +297,9 @@ interface StreamerEventMap {
     leaveRoom: SnapCall.BaseEvent['detail'];
     terminateRoom: SnapCall.BaseEvent['detail'];
     invalidRoom: SnapCall.BaseEvent['detail'];
+    accessRequest: SnapCall.RequestAccessRequestEvent['detail'];
+    cancelAccessRequest: SnapCall.RequestAccessCancelEvent['detail'];
+    requestAccessResult: SnapCall.RequestAccessEvent['detail'];
     localVideoUnavailable: SnapCall.BaseEvent['detail'];
     localVideoAvailable: SnapCall.BaseEvent['detail'];
     microphoneEnabled: SnapCall.BaseEvent['detail'];
@@ -328,10 +371,13 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     muted: boolean;
     roomId: string;
     companyId: number;
+    defaultPublicPage?: {
+        token: string;
+    };
     peerId: PeerId;
     profile: Profile;
-    protooTransport: protooClient.WebSocketTransport;
-    protoo: protooClient.Peer;
+    protooTransport?: protooClient.WebSocketTransport;
+    protoo?: protooClient.Peer;
     micProducer?: mediasoupClient.types.Producer;
     webcamProducer: mediasoupClient.types.Producer | null;
     screenshareVideoProducer?: mediasoupClient.types.Producer;
@@ -349,12 +395,28 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     onStopSpeak(): void;
     generateToken(bid: string): Promise<string>;
     init(room?: string, options?: JoinOptions): Promise<void>;
+    setAgentIdentity({ apiKey, email }: {
+        apiKey: string;
+        email?: string;
+    }): Promise<void>;
+    acceptAccessRequest(id: string): Promise<void>;
+    denyAccessRequest(id: string): Promise<void>;
+    requestRoomAccess(): Promise<void>;
     joinRoom(): Promise<void>;
+    getRoomPeers(): Promise<{
+        waitingRequests: Array<{
+            profile: Profile;
+            id: string;
+        }>;
+    }>;
+    onEnterRoom(): Promise<void>;
     joinRecorder(): Promise<void>;
     switchMicrophone(deviceId?: string): Promise<void>;
     closeMicrophoneProducer(): Promise<void>;
     onDeviceChange(): Promise<void>;
-    enableMicrophone(): Promise<void>;
+    enableMicrophone({ deviceId }?: {
+        deviceId?: string;
+    }): Promise<void>;
     muteMicrophone(): void;
     unMuteMicrophone(): void;
     toggleMute(): Promise<{
@@ -402,10 +464,6 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         url: string;
         assetId: number;
     }>;
-    saveThumbnail(base64Image: string): Promise<{
-        url: string;
-        assetId: number;
-    }>;
     deleteCapture(assetId: number): Promise<number>;
     captureVideo(videoElement?: HTMLVideoElement): Promise<string>;
     requestLocalVideo(element: HTMLVideoElement): {
@@ -450,6 +508,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
     getPermissions(): Permissions;
     startRecord(): Promise<void>;
     stopRecord(): Promise<void>;
+    getPublicPage(token: string): Promise<PublicPage>;
 }
 declare const streamerClient: StreamerClient;
 interface NotificationOptions {
@@ -482,19 +541,15 @@ interface SendNotificationOptions extends Omit<NotificationOptions, 'button'> {
     duration?: number;
 }
 declare const sendNotification: (message: string, options?: SendNotificationOptions) => void;
-type OnGreetingDoneSignature = ({ cameraEnabled, micEnabled, displayName, }: {
-    cameraEnabled?: boolean;
-    micEnabled?: boolean;
-    displayName?: string;
-}) => void;
 interface StreamUIMethods {
+    initV2: (options: StreamUIInitOptions) => Promise<void>;
     init: (options: StreamUIInitOptions) => void;
-    initGreeting: (e: HTMLElement, onGreetingDone: OnGreetingDoneSignature) => void;
+    joinRoom: (token: string, options: StreamUIInitOptions) => Promise<void>;
+    setAgentIdentity: typeof streamerClient.setAgentIdentity;
     setExtraSettingsOptions: (extraOptions: SettingsCategory[]) => void;
     sendNotification: typeof sendNotification;
     startRecord: typeof streamerClient.startRecord;
     stopRecord: typeof streamerClient.stopRecord;
-    joinRoom: typeof streamerClient.init;
     leaveRoom: typeof streamerClient.endCall;
     terminateRoom: typeof streamerClient.terminateRoom;
     generateToken: typeof streamerClient.generateToken;
@@ -513,7 +568,13 @@ interface ControlSettings {
     enabled?: boolean;
 }
 interface StreamUIBaseOptions {
+    token?: string;
+    authKey?: string;
+    profile?: Profile;
+    apiKey?: string;
+    email?: string;
     headless?: boolean;
+    greeting?: boolean;
     recorder?: {
         enabled: boolean;
         defaultMode?: 'photo' | 'video';
@@ -536,7 +597,7 @@ interface StreamUIBaseOptions {
     showMenuButton?: boolean;
     GDPRDisclaimer?: boolean;
     streamApiURL?: string;
-    apiUrl: string;
+    apiUrl?: string;
     tracking?: boolean;
     language?: string;
     showLogin?: {
@@ -552,7 +613,6 @@ declare global {
     interface Window {
         streamUI: StreamUIMethods;
         snapcallAPI: {
-            join: typeof streamerClient.init;
             endCall: typeof streamerClient.endCall;
             terminateRoom: typeof streamerClient.terminateRoom;
             generateToken: typeof streamerClient.generateToken;
@@ -562,6 +622,7 @@ declare global {
     interface MediaSession {
         setMicrophoneActive?: (active: boolean) => void;
         setCameraActive?: (active: boolean) => void;
+        setActionHandler(action: MediaSessionAction | 'togglemicrophone' | 'togglecamera' | 'hangup', handler: MediaSessionActionHandler | null): void;
     }
     interface HTMLAudioElement {
         setSinkId?: (sinkId: string) => Promise<undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",
@@ -38,6 +38,7 @@
   "license": "ISC",
   "peerDependencies": {
     "@sentry/browser": "^7.0.0",
+    "@snapcall/design-system": "^1.15.1",
     "bowser": "^2.11.0",
     "i18next": "^21.9.1",
     "inobounce": "^0.2.1",
@@ -51,9 +52,9 @@
     "styled-components": "^5.3.3"
   },
   "devDependencies": {
-    "@parcel/packager-ts": "^2.8.3",
-    "@parcel/transformer-inline-string": "^2.8.3",
-    "@parcel/transformer-typescript-types": "^2.8.3",
+    "@parcel/packager-ts": "^2.11.0",
+    "@parcel/transformer-inline-string": "^2.11.0",
+    "@parcel/transformer-typescript-types": "^2.11.0",
     "@types/protoo-client": "^4.0.1",
     "@types/qrcode": "^1.4.2",
     "@types/react": "^18.2.0",
@@ -66,12 +67,12 @@
     "eslint": "^8.16.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-config-react-app": "^7.0.1",
-    "parcel": "^2.8.3",
+    "parcel": "^2.11.0",
     "postcss": "^8.4.21",
     "prettier": "2.7.1",
     "process": "^0.11.10",
     "tailwindcss": "^3.2.4",
-    "typescript": "^4.7.2"
+    "typescript": "^5.3.3"
   },
   "dependencies": {
     "@hotjar/browser": "^1.0.6",
@@ -81,7 +82,7 @@
     "@react-aria/overlays": "^3.12.1",
     "@react-aria/utils": "^3.14.2",
     "@sentry/browser": "^7.0.0",
-    "@snapcall/design-system": "^1.14.4",
+    "@snapcall/design-system": "^1.15.1",
     "@types/youtube": "^0.0.47",
     "bowser": "^2.11.0",
     "classnames": "^2.3.2",

package/dist/timer.2f4f9ac0.js

@@ -1 +0,0 @@
-(()=>{let e;self.onmessage=s=>{const{action:a,params:t}=s.data;"start"===a&&(e&&clearInterval(e),e=self.setInterval((()=>{self.postMessage("time")}),1e3/t))}})();