@capgo/capacitor-stream-call 0.0.2

package/dist/plugin.js

@@ -0,0 +1,339 @@
+var capacitorStreamCall = (function (exports, core, videoClient) {
+    'use strict';
+
+    const StreamCall = core.registerPlugin('StreamCall', {
+        web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.StreamCallWeb()),
+    });
+
+    class StreamCallWeb extends core.WebPlugin {
+        constructor() {
+            super(...arguments);
+            this.videoBindings = new Map();
+            this.audioBindings = new Map();
+            this.ringCallback = (event) => {
+                var _a, _b;
+                console.log('Call ringing', event, this.currentCall);
+                this.incomingCall = event.call;
+                if (!this.currentCall) {
+                    console.log('Creating new call', event.call.id);
+                    this.currentCall = (_a = this.client) === null || _a === void 0 ? void 0 : _a.call(event.call.type, event.call.id);
+                    this.notifyListeners('callEvent', { callId: event.call.id, state: videoClient.CallingState.RINGING });
+                }
+                if (this.currentCall) {
+                    console.log('Call found', this.currentCall.id);
+                    this.callStateSubscription = (_b = this.currentCall) === null || _b === void 0 ? void 0 : _b.state.callingState$.subscribe((s) => {
+                        var _a;
+                        console.log('Call state', s);
+                        if (s === videoClient.CallingState.JOINED) {
+                            this.setupParticipantListener();
+                        }
+                        else if (s === videoClient.CallingState.LEFT || s === videoClient.CallingState.RECONNECTING_FAILED) {
+                            this.cleanupCall();
+                        }
+                        if (this.outgoingCall && s === videoClient.CallingState.RINGING) {
+                            this.outgoingCall = undefined;
+                        }
+                        else {
+                            this.notifyListeners('callEvent', { callId: (_a = this.currentCall) === null || _a === void 0 ? void 0 : _a.id, state: s });
+                        }
+                    });
+                }
+            };
+        }
+        setupCallRingListener() {
+            var _a, _b;
+            (_a = this.client) === null || _a === void 0 ? void 0 : _a.off('call.ring', this.ringCallback);
+            (_b = this.client) === null || _b === void 0 ? void 0 : _b.on('call.ring', this.ringCallback);
+        }
+        setupParticipantListener() {
+            // Subscribe to participant changes
+            this.incomingCall = undefined;
+            if (!this.currentCall)
+                return;
+            this.participantJoinedListener = (event) => {
+                if (this.magicDivId && event.participant) {
+                    const magicDiv = document.getElementById(this.magicDivId);
+                    if (magicDiv && this.currentCall) {
+                        this.setupParticipantVideo(this.currentCall, event.participant, magicDiv);
+                        this.setupParticipantAudio(this.currentCall, event.participant, magicDiv);
+                    }
+                }
+            };
+            this.participantLeftListener = (event) => {
+                if (this.magicDivId && event.participant) {
+                    const videoId = `video-${event.participant.sessionId}`;
+                    const audioId = `audio-${event.participant.sessionId}`;
+                    // Remove video element
+                    const videoEl = document.getElementById(videoId);
+                    if (videoEl) {
+                        const unbindVideo = this.videoBindings.get(videoId);
+                        if (unbindVideo) {
+                            unbindVideo();
+                            this.videoBindings.delete(videoId);
+                        }
+                        const tracks = videoEl.srcObject;
+                        if (tracks) {
+                            tracks.getTracks().forEach((track) => {
+                                track.stop();
+                                track.enabled = false;
+                            });
+                            videoEl.srcObject = null;
+                        }
+                        videoEl.remove();
+                    }
+                    // Remove audio element
+                    const audioEl = document.getElementById(audioId);
+                    if (audioEl) {
+                        const unbindAudio = this.audioBindings.get(audioId);
+                        if (unbindAudio) {
+                            unbindAudio();
+                            this.audioBindings.delete(audioId);
+                        }
+                        const tracks = audioEl.srcObject;
+                        if (tracks) {
+                            tracks.getTracks().forEach((track) => {
+                                track.stop();
+                                track.enabled = false;
+                            });
+                            audioEl.srcObject = null;
+                        }
+                        audioEl.remove();
+                    }
+                }
+            };
+            this.currentCall.on('participantJoined', this.participantJoinedListener);
+            this.currentCall.on('participantLeft', this.participantLeftListener);
+            // Setup initial participants
+            const participants = this.currentCall.state.participants;
+            if (this.magicDivId) {
+                const magicDiv = document.getElementById(this.magicDivId);
+                if (magicDiv) {
+                    participants.forEach((participant) => {
+                        if (this.currentCall) {
+                            this.setupParticipantVideo(this.currentCall, participant, magicDiv);
+                            this.setupParticipantAudio(this.currentCall, participant, magicDiv);
+                        }
+                    });
+                }
+            }
+        }
+        setupParticipantVideo(call, participant, container) {
+            const id = `video-${participant.sessionId}`;
+            if (!document.getElementById(id)) {
+                const videoEl = document.createElement('video');
+                videoEl.id = id;
+                videoEl.style.width = '100%';
+                videoEl.style.maxWidth = '300px';
+                videoEl.style.aspectRatio = '16/9';
+                container.appendChild(videoEl);
+                const unbind = call.bindVideoElement(videoEl, participant.sessionId, 'videoTrack');
+                if (unbind)
+                    this.videoBindings.set(id, unbind);
+            }
+        }
+        setupParticipantAudio(call, participant, container) {
+            if (participant.isLocalParticipant)
+                return;
+            const id = `audio-${participant.sessionId}`;
+            if (!document.getElementById(id)) {
+                const audioEl = document.createElement('audio');
+                audioEl.id = id;
+                container.appendChild(audioEl);
+                const unbind = call.bindAudioElement(audioEl, participant.sessionId);
+                if (unbind)
+                    this.audioBindings.set(id, unbind);
+            }
+        }
+        cleanupCall() {
+            var _a;
+            // First cleanup the call listeners
+            if (this.currentCall) {
+                if (this.participantJoinedListener) {
+                    this.currentCall.off('participantJoined', this.participantJoinedListener);
+                    this.participantJoinedListener = undefined;
+                }
+                if (this.participantLeftListener) {
+                    this.currentCall.off('participantLeft', this.participantLeftListener);
+                    this.participantLeftListener = undefined;
+                }
+                (_a = this.callStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            }
+            if (this.magicDivId) {
+                const magicDiv = document.getElementById(this.magicDivId);
+                if (magicDiv) {
+                    // Remove all video elements
+                    const videoElements = magicDiv.querySelectorAll('video');
+                    videoElements.forEach((video) => {
+                        const id = video.id;
+                        const unbind = this.videoBindings.get(id);
+                        if (unbind) {
+                            unbind();
+                            this.videoBindings.delete(id);
+                        }
+                        // Stop all tracks
+                        const tracks = video.srcObject;
+                        if (tracks) {
+                            tracks.getTracks().forEach((track) => {
+                                track.stop();
+                                track.enabled = false;
+                            });
+                            video.srcObject = null;
+                        }
+                        video.remove();
+                    });
+                    // Remove all audio elements
+                    const audioElements = magicDiv.querySelectorAll('audio');
+                    audioElements.forEach((audio) => {
+                        const id = audio.id;
+                        const unbind = this.audioBindings.get(id);
+                        if (unbind) {
+                            unbind();
+                            this.audioBindings.delete(id);
+                        }
+                        // Stop all tracks
+                        const tracks = audio.srcObject;
+                        if (tracks) {
+                            tracks.getTracks().forEach((track) => {
+                                track.stop();
+                                track.enabled = false;
+                            });
+                            audio.srcObject = null;
+                        }
+                        audio.remove();
+                    });
+                    // Clear the container
+                    while (magicDiv.firstChild) {
+                        magicDiv.removeChild(magicDiv.firstChild);
+                    }
+                }
+            }
+            // Clear all bindings
+            this.videoBindings.clear();
+            this.audioBindings.clear();
+            // Clear call references
+            this.currentCall = undefined;
+            this.incomingCall = undefined;
+        }
+        async login(options) {
+            this.client = videoClient.StreamVideoClient.getOrCreateInstance({
+                apiKey: options.apiKey,
+                user: { id: options.userId, name: options.name, image: options.imageURL },
+                token: options.token,
+            });
+            this.magicDivId = options.magicDivId;
+            this.setupCallRingListener();
+            return { success: true };
+        }
+        async logout() {
+            var _a;
+            if (!this.client) {
+                console.log('No client', this.client);
+                throw new Error('Client not initialized');
+            }
+            // Cleanup subscription
+            (_a = this.callStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+            this.callStateSubscription = undefined;
+            await this.client.disconnectUser();
+            this.client = undefined;
+            this.currentCall = undefined;
+            return { success: true };
+        }
+        async call(options) {
+            if (!this.client) {
+                console.log('No client', this.client);
+                throw new Error('Client not initialized - Please login first');
+            }
+            const call = this.client.call(options.type || 'default', crypto.randomUUID());
+            const members = [{ user_id: options.userId }];
+            if (this.client.streamClient.userID && options.userId !== this.client.streamClient.userID) {
+                members.push({ user_id: this.client.streamClient.userID });
+            }
+            await call.getOrCreate({ data: { members } });
+            this.currentCall = call;
+            if (options.ring) {
+                this.outgoingCall = call.cid;
+                await call.ring();
+            }
+            await call.join();
+            return { success: true };
+        }
+        async endCall() {
+            if (!this.currentCall) {
+                console.log('No active call', this.currentCall);
+                throw new Error('No active call');
+            }
+            await this.currentCall.leave();
+            this.currentCall = undefined;
+            this.cleanupCall();
+            return { success: true };
+        }
+        async setMicrophoneEnabled(options) {
+            if (!this.currentCall) {
+                console.log('No active call', this.currentCall);
+                throw new Error('No active call');
+            }
+            if (options.enabled) {
+                await this.currentCall.microphone.enable();
+            }
+            else {
+                await this.currentCall.microphone.disable();
+            }
+            return { success: true };
+        }
+        async setCameraEnabled(options) {
+            if (!this.currentCall) {
+                console.log('No active call', this.currentCall);
+                throw new Error('No active call');
+            }
+            if (options.enabled) {
+                await this.currentCall.camera.enable();
+            }
+            else {
+                await this.currentCall.camera.disable();
+            }
+            return { success: true };
+        }
+        async acceptCall() {
+            if (!this.incomingCall || !this.client) {
+                console.log('No incoming call to accept', this.incomingCall, this.client);
+                throw new Error('No incoming call to accept');
+            }
+            console.log('Accepting call', this.incomingCall);
+            const call = this.client.call(this.incomingCall.type, this.incomingCall.id);
+            this.currentCall = call;
+            console.log('Joining call', call);
+            await call.accept();
+            await call.join();
+            console.log('Joined call', call);
+            this.notifyListeners('callEvent', { callId: call.id, state: videoClient.CallingState.JOINED });
+            this.setupParticipantListener();
+            return { success: true };
+        }
+        async rejectCall() {
+            if (!this.incomingCall || !this.client) {
+                console.log('No incoming call to reject', this.incomingCall, this.client);
+                throw new Error('No incoming call to reject');
+            }
+            console.log('Rejecting call', this.incomingCall);
+            const call = this.client.call(this.incomingCall.type, this.incomingCall.id);
+            console.log('Leaving call', call);
+            await call.leave();
+            this.incomingCall = undefined;
+            console.log('Rejected call', call);
+            this.notifyListeners('callEvent', { callId: call.id, state: videoClient.CallingState.LEFT });
+            this.cleanupCall();
+            return { success: true };
+        }
+    }
+
+    var web = /*#__PURE__*/Object.freeze({
+        __proto__: null,
+        StreamCallWeb: StreamCallWeb
+    });
+
+    exports.StreamCall = StreamCall;
+
+    return exports;
+
+})({}, capacitorExports, videoClient);
+//# sourceMappingURL=plugin.js.map

package/dist/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst StreamCall = registerPlugin('StreamCall', {\n    web: () => import('./web').then((m) => new m.StreamCallWeb()),\n});\nexport * from './definitions';\nexport { StreamCall };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nimport { CallingState, StreamVideoClient } from '@stream-io/video-client';\nexport class StreamCallWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.videoBindings = new Map();\n        this.audioBindings = new Map();\n        this.ringCallback = (event) => {\n            var _a, _b;\n            console.log('Call ringing', event, this.currentCall);\n            this.incomingCall = event.call;\n            if (!this.currentCall) {\n                console.log('Creating new call', event.call.id);\n                this.currentCall = (_a = this.client) === null || _a === void 0 ? void 0 : _a.call(event.call.type, event.call.id);\n                this.notifyListeners('callEvent', { callId: event.call.id, state: CallingState.RINGING });\n            }\n            if (this.currentCall) {\n                console.log('Call found', this.currentCall.id);\n                this.callStateSubscription = (_b = this.currentCall) === null || _b === void 0 ? void 0 : _b.state.callingState$.subscribe((s) => {\n                    var _a;\n                    console.log('Call state', s);\n                    if (s === CallingState.JOINED) {\n                        this.setupParticipantListener();\n                    }\n                    else if (s === CallingState.LEFT || s === CallingState.RECONNECTING_FAILED) {\n                        this.cleanupCall();\n                    }\n                    if (this.outgoingCall && s === CallingState.RINGING) {\n                        this.outgoingCall = undefined;\n                    }\n                    else {\n                        this.notifyListeners('callEvent', { callId: (_a = this.currentCall) === null || _a === void 0 ? void 0 : _a.id, state: s });\n                    }\n                });\n            }\n        };\n    }\n    setupCallRingListener() {\n        var _a, _b;\n        (_a = this.client) === null || _a === void 0 ? void 0 : _a.off('call.ring', this.ringCallback);\n        (_b = this.client) === null || _b === void 0 ? void 0 : _b.on('call.ring', this.ringCallback);\n    }\n    setupParticipantListener() {\n        // Subscribe to participant changes\n        this.incomingCall = undefined;\n        if (!this.currentCall)\n            return;\n        this.participantJoinedListener = (event) => {\n            if (this.magicDivId && event.participant) {\n                const magicDiv = document.getElementById(this.magicDivId);\n                if (magicDiv && this.currentCall) {\n                    this.setupParticipantVideo(this.currentCall, event.participant, magicDiv);\n                    this.setupParticipantAudio(this.currentCall, event.participant, magicDiv);\n                }\n            }\n        };\n        this.participantLeftListener = (event) => {\n            if (this.magicDivId && event.participant) {\n                const videoId = `video-${event.participant.sessionId}`;\n                const audioId = `audio-${event.participant.sessionId}`;\n                // Remove video element\n                const videoEl = document.getElementById(videoId);\n                if (videoEl) {\n                    const unbindVideo = this.videoBindings.get(videoId);\n                    if (unbindVideo) {\n                        unbindVideo();\n                        this.videoBindings.delete(videoId);\n                    }\n                    const tracks = videoEl.srcObject;\n                    if (tracks) {\n                        tracks.getTracks().forEach((track) => {\n                            track.stop();\n                            track.enabled = false;\n                        });\n                        videoEl.srcObject = null;\n                    }\n                    videoEl.remove();\n                }\n                // Remove audio element\n                const audioEl = document.getElementById(audioId);\n                if (audioEl) {\n                    const unbindAudio = this.audioBindings.get(audioId);\n                    if (unbindAudio) {\n                        unbindAudio();\n                        this.audioBindings.delete(audioId);\n                    }\n                    const tracks = audioEl.srcObject;\n                    if (tracks) {\n                        tracks.getTracks().forEach((track) => {\n                            track.stop();\n                            track.enabled = false;\n                        });\n                        audioEl.srcObject = null;\n                    }\n                    audioEl.remove();\n                }\n            }\n        };\n        this.currentCall.on('participantJoined', this.participantJoinedListener);\n        this.currentCall.on('participantLeft', this.participantLeftListener);\n        // Setup initial participants\n        const participants = this.currentCall.state.participants;\n        if (this.magicDivId) {\n            const magicDiv = document.getElementById(this.magicDivId);\n            if (magicDiv) {\n                participants.forEach((participant) => {\n                    if (this.currentCall) {\n                        this.setupParticipantVideo(this.currentCall, participant, magicDiv);\n                        this.setupParticipantAudio(this.currentCall, participant, magicDiv);\n                    }\n                });\n            }\n        }\n    }\n    setupParticipantVideo(call, participant, container) {\n        const id = `video-${participant.sessionId}`;\n        if (!document.getElementById(id)) {\n            const videoEl = document.createElement('video');\n            videoEl.id = id;\n            videoEl.style.width = '100%';\n            videoEl.style.maxWidth = '300px';\n            videoEl.style.aspectRatio = '16/9';\n            container.appendChild(videoEl);\n            const unbind = call.bindVideoElement(videoEl, participant.sessionId, 'videoTrack');\n            if (unbind)\n                this.videoBindings.set(id, unbind);\n        }\n    }\n    setupParticipantAudio(call, participant, container) {\n        if (participant.isLocalParticipant)\n            return;\n        const id = `audio-${participant.sessionId}`;\n        if (!document.getElementById(id)) {\n            const audioEl = document.createElement('audio');\n            audioEl.id = id;\n            container.appendChild(audioEl);\n            const unbind = call.bindAudioElement(audioEl, participant.sessionId);\n            if (unbind)\n                this.audioBindings.set(id, unbind);\n        }\n    }\n    cleanupCall() {\n        var _a;\n        // First cleanup the call listeners\n        if (this.currentCall) {\n            if (this.participantJoinedListener) {\n                this.currentCall.off('participantJoined', this.participantJoinedListener);\n                this.participantJoinedListener = undefined;\n            }\n            if (this.participantLeftListener) {\n                this.currentCall.off('participantLeft', this.participantLeftListener);\n                this.participantLeftListener = undefined;\n            }\n            (_a = this.callStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();\n        }\n        if (this.magicDivId) {\n            const magicDiv = document.getElementById(this.magicDivId);\n            if (magicDiv) {\n                // Remove all video elements\n                const videoElements = magicDiv.querySelectorAll('video');\n                videoElements.forEach((video) => {\n                    const id = video.id;\n                    const unbind = this.videoBindings.get(id);\n                    if (unbind) {\n                        unbind();\n                        this.videoBindings.delete(id);\n                    }\n                    // Stop all tracks\n                    const tracks = video.srcObject;\n                    if (tracks) {\n                        tracks.getTracks().forEach((track) => {\n                            track.stop();\n                            track.enabled = false;\n                        });\n                        video.srcObject = null;\n                    }\n                    video.remove();\n                });\n                // Remove all audio elements\n                const audioElements = magicDiv.querySelectorAll('audio');\n                audioElements.forEach((audio) => {\n                    const id = audio.id;\n                    const unbind = this.audioBindings.get(id);\n                    if (unbind) {\n                        unbind();\n                        this.audioBindings.delete(id);\n                    }\n                    // Stop all tracks\n                    const tracks = audio.srcObject;\n                    if (tracks) {\n                        tracks.getTracks().forEach((track) => {\n                            track.stop();\n                            track.enabled = false;\n                        });\n                        audio.srcObject = null;\n                    }\n                    audio.remove();\n                });\n                // Clear the container\n                while (magicDiv.firstChild) {\n                    magicDiv.removeChild(magicDiv.firstChild);\n                }\n            }\n        }\n        // Clear all bindings\n        this.videoBindings.clear();\n        this.audioBindings.clear();\n        // Clear call references\n        this.currentCall = undefined;\n        this.incomingCall = undefined;\n    }\n    async login(options) {\n        this.client = StreamVideoClient.getOrCreateInstance({\n            apiKey: options.apiKey,\n            user: { id: options.userId, name: options.name, image: options.imageURL },\n            token: options.token,\n        });\n        this.magicDivId = options.magicDivId;\n        this.setupCallRingListener();\n        return { success: true };\n    }\n    async logout() {\n        var _a;\n        if (!this.client) {\n            console.log('No client', this.client);\n            throw new Error('Client not initialized');\n        }\n        // Cleanup subscription\n        (_a = this.callStateSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();\n        this.callStateSubscription = undefined;\n        await this.client.disconnectUser();\n        this.client = undefined;\n        this.currentCall = undefined;\n        return { success: true };\n    }\n    async call(options) {\n        if (!this.client) {\n            console.log('No client', this.client);\n            throw new Error('Client not initialized - Please login first');\n        }\n        const call = this.client.call(options.type || 'default', crypto.randomUUID());\n        const members = [{ user_id: options.userId }];\n        if (this.client.streamClient.userID && options.userId !== this.client.streamClient.userID) {\n            members.push({ user_id: this.client.streamClient.userID });\n        }\n        await call.getOrCreate({ data: { members } });\n        this.currentCall = call;\n        if (options.ring) {\n            this.outgoingCall = call.cid;\n            await call.ring();\n        }\n        await call.join();\n        return { success: true };\n    }\n    async endCall() {\n        if (!this.currentCall) {\n            console.log('No active call', this.currentCall);\n            throw new Error('No active call');\n        }\n        await this.currentCall.leave();\n        this.currentCall = undefined;\n        this.cleanupCall();\n        return { success: true };\n    }\n    async setMicrophoneEnabled(options) {\n        if (!this.currentCall) {\n            console.log('No active call', this.currentCall);\n            throw new Error('No active call');\n        }\n        if (options.enabled) {\n            await this.currentCall.microphone.enable();\n        }\n        else {\n            await this.currentCall.microphone.disable();\n        }\n        return { success: true };\n    }\n    async setCameraEnabled(options) {\n        if (!this.currentCall) {\n            console.log('No active call', this.currentCall);\n            throw new Error('No active call');\n        }\n        if (options.enabled) {\n            await this.currentCall.camera.enable();\n        }\n        else {\n            await this.currentCall.camera.disable();\n        }\n        return { success: true };\n    }\n    async acceptCall() {\n        if (!this.incomingCall || !this.client) {\n            console.log('No incoming call to accept', this.incomingCall, this.client);\n            throw new Error('No incoming call to accept');\n        }\n        console.log('Accepting call', this.incomingCall);\n        const call = this.client.call(this.incomingCall.type, this.incomingCall.id);\n        this.currentCall = call;\n        console.log('Joining call', call);\n        await call.accept();\n        await call.join();\n        console.log('Joined call', call);\n        this.notifyListeners('callEvent', { callId: call.id, state: CallingState.JOINED });\n        this.setupParticipantListener();\n        return { success: true };\n    }\n    async rejectCall() {\n        if (!this.incomingCall || !this.client) {\n            console.log('No incoming call to reject', this.incomingCall, this.client);\n            throw new Error('No incoming call to reject');\n        }\n        console.log('Rejecting call', this.incomingCall);\n        const call = this.client.call(this.incomingCall.type, this.incomingCall.id);\n        console.log('Leaving call', call);\n        await call.leave();\n        this.incomingCall = undefined;\n        console.log('Rejected call', call);\n        this.notifyListeners('callEvent', { callId: call.id, state: CallingState.LEFT });\n        this.cleanupCall();\n        return { success: true };\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin","CallingState","StreamVideoClient"],"mappings":"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"}

package/ios/Sources/StreamCallPlugin/CallOverlayView.swift

@@ -0,0 +1,147 @@
+import SwiftUI
+import StreamVideo
+import StreamVideoSwiftUI
+import Combine
+
+class CallOverlayViewModel: ObservableObject {
+    @Published var streamVideo: StreamVideo?
+    @Published var call: Call?
+    @Published var callState: CallState?
+    @Published var viewModel: CallViewModel?
+    @Published var participants: [CallParticipant] = []
+
+    private var participantsSubscription: AnyCancellable?
+
+    init(streamVideo: StreamVideo?) {
+        self.streamVideo = streamVideo
+    }
+
+    @MainActor
+    func updateCall(_ call: Call?) {
+        self.call = call
+        // Clean up previous subscription if any
+        participantsSubscription?.cancel()
+
+        if let call = call {
+            participantsSubscription = call.state.$participants.sink { [weak self] participants in
+                print("Participants update \(participants.map { $0.name })")
+                self?.participants = participants
+            }
+            self.callState = call.state
+            participantsSubscription = call.state.$callSettings.sink { [weak self] callSettings in
+                print("Call settings update")
+                self?.viewModel = CallViewModel(callSettings: callSettings)
+                self?.viewModel?.setActiveCall(call)
+            }
+        } else {
+            // Clear participants when call ends
+            self.participants = []
+            self.callState = nil
+        }
+    }
+
+    @MainActor
+    func updateStreamVideo(_ streamVideo: StreamVideo?) {
+        self.streamVideo = streamVideo
+        if streamVideo == nil {
+            self.call = nil
+            self.callState = nil
+        }
+    }
+}
+
+class CallOverlayViewFactory: ViewFactory {
+    // ... existing ViewFactory methods ...
+    func makeVideoParticipantView(
+        participant: CallParticipant,
+        id: String,
+        availableFrame: CGRect,
+        contentMode: UIView.ContentMode,
+        customData: [String: RawJSON],
+        call: Call?
+    ) -> some View {
+        VideoCallParticipantView(
+            viewFactory: self,
+            participant: participant,
+            id: id,
+            availableFrame: availableFrame,
+            contentMode: .scaleAspectFit,
+            customData: customData,
+            call: call
+        )
+    }
+}
+
+struct CallOverlayView: View {
+    @ObservedObject var viewModel: CallOverlayViewModel
+    @State private var safeAreaInsets: EdgeInsets = .init()
+    private let viewFactory: CallOverlayViewFactory
+
+    init(viewModel: CallOverlayViewModel) {
+        self.viewModel = viewModel
+        self.viewFactory = CallOverlayViewFactory()
+    }
+
+    var body: some View {
+        VStack(spacing: 0) {
+            if let viewModelStandard = viewModel.viewModel {
+                ZStack {
+                    CustomCallView(viewFactory: viewFactory, viewModel: viewModelStandard)
+                }
+                .padding(.top, safeAreaInsets.top)
+                .padding(.bottom, safeAreaInsets.bottom)
+            } else {
+                Color.white
+            }
+        }
+        .edgesIgnoringSafeArea(.all)
+        .overlay(
+            GeometryReader { geometry in
+                Color.clear
+                    .preference(key: SafeAreaInsetsKey.self, value: geometry.safeAreaInsets)
+            }
+        )
+        .onPreferenceChange(SafeAreaInsetsKey.self) { value in
+            safeAreaInsets = value
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+    }
+
+    private func changeTrackVisibility(_ participant: CallParticipant?, isVisible: Bool) {
+        print("changeTrackVisibility for \(participant?.userId), visible: \(isVisible)")
+        guard let participant = participant,
+              let call = viewModel.call else { return }
+        Task {
+            await call.changeTrackVisibility(for: participant, isVisible: isVisible)
+        }
+    }
+}
+
+extension CallOverlayView {
+    static func create(streamVideo: StreamVideo?) -> (UIHostingController<CallOverlayView>, CallOverlayViewModel) {
+        let viewModel = CallOverlayViewModel(streamVideo: streamVideo)
+        let view = CallOverlayView(viewModel: viewModel)
+        let hostingController = UIHostingController(rootView: view)
+        hostingController.view.backgroundColor = .clear
+
+        // Make sure we respect safe areas
+        hostingController.view.insetsLayoutMarginsFromSafeArea = true
+
+        return (hostingController, viewModel)
+    }
+}
+
+#if DEBUG
+struct CallOverlayView_Previews: PreviewProvider {
+    static var previews: some View {
+        CallOverlayView(viewModel: CallOverlayViewModel(streamVideo: nil))
+    }
+}
+#endif
+
+struct SafeAreaInsetsKey: PreferenceKey {
+    static var defaultValue: EdgeInsets = .init()
+    static func reduce(value: inout EdgeInsets, nextValue: () -> EdgeInsets) {
+        value = nextValue()
+    }
+}

package/ios/Sources/StreamCallPlugin/CustomCallParticipantImageView.swift

@@ -0,0 +1,60 @@
+import SwiftUI
+import StreamVideo
+import StreamVideoSwiftUI
+
+struct CircledTitleView: View {
+
+    @Injected(\.colors) var colors
+    @Injected(\.fonts) var fonts
+
+    var title: String
+    var size: CGFloat = 172 // .expandedAvatarSize
+
+    var body: some View {
+        ZStack {
+            Circle()
+                .foregroundColor(colors.tintColor)
+            Text(title)
+                .foregroundColor(.white)
+                .font(fonts.title)
+                .minimumScaleFactor(0.4)
+                .padding()
+        }
+        .frame(maxWidth: size, maxHeight: size)
+        // .modifier(ShadowModifier())
+    }
+}
+
+struct CustomCallParticipantImageView<Factory: ViewFactory>: View {
+    var viewFactory: Factory
+    var id: String
+    var name: String
+    var imageURL: URL?
+    var size: CGFloat = 90
+    // var frame: CGSize?
+
+    @Injected(\.colors) var colors
+
+    var body: some View {
+        StreamLazyImage(imageURL: imageURL) {
+            Color(colors.participantBackground)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .blur(radius: 8)
+        .clipped()
+        .overlay(
+            viewFactory.makeUserAvatar(
+                .init(id: id, name: name, imageURL: imageURL),
+                with: .init(size: size) {
+                    AnyView(
+                        CircledTitleView(
+                            title: name.isEmpty ? id : String(name.uppercased().first!),
+                            size: size
+                        )
+                    )
+                }
+            )
+        )
+        .clipShape(Rectangle())
+    }
+}