[WEBRTC-2332] [INIT] Demo App Improvement #163

gbattistel · 2025-01-29T13:29:18Z

WEBRTC-2332 [INIT] Demo App Improvement

Migration to SwiftUI & UI Update

Changes:

Migrated the UI from UIKit to SwiftUI.
Updated the entire app's UI to align with the new design, improving the overall user experience.
Fixed a synchronization issue between the microphone and speaker states during a call, ensuring they stay in sync between the CallKit screen and the app’s UI.

Incoming call and Active call flow:

Logging in using a SIP credential and a Push Notification token. (Check from 00:15)
Closing the app to test receiving a push notification while the app is closed.
Receiving a push notification and displaying the incoming CallKit notification screen.
Answering the call, which opens the app with the Call Active screen.
From 00:45 to 01:10, I toggle the microphone and speaker buttons to show that the CallKit active call screen remains - - - synchronized with the app's UI states and vice versa.

Screen.Recording.2025-01-29.at.11.14.12.AM.mov

Add new sip credential

IMG_1622.MP4

Delete credentials

IMG_1623.MP4

- Update launch screen: * Change background color to #00E3AA * Replace logo-white with telnyx-icon * Update constraints for centered icon - Add SwiftUI splash screen: * White background with centered telnyx-logo * 2-second display duration * Smooth transition to main screen

[iOS] Splash Screen and App Icon Adjustments - WEBRTC-2425

- Created new SwiftUI views: - SipCredentialsView (main view) - SipCredentialRow (list item) - SipCredentialHeader - Updated SipCredentialsViewController to use SwiftUI - Removed legacy UIKit files - Maintained all existing functionality

…roller is loaded

- Rename header to 'Existing Profiles' - Add close button and 'Add new profile' button - Update colors and styles according to design - Add bottom Cancel/Confirm buttons - Improve selection logic - Remove divider lines between sections

…tialHeader to match Figma design.

…entialView is visible the list of available credentials will be displayed

…d Caller ID number and Caller Name inputs

…scroll on small screens

…allerName and callerNumber

[WEBRTC-2421] [feat] Migrate SipCredentialsViewController to SwiftUI

…ng the main storyboard

…ViewController and the HomeView

…entation from ViewController to HomeViewController

[WEBRTC-2423] [Feature] Home View

[WEBRTC-2421] [WEBRTC-2423] Profile Views and HomeView

…n / off

…e HomeView in sync after connecting in background when answering a call

Oliver-Zimmerman

Tested on my iPhone SE and looks and works great!

Only minor thing I noticed is that deleting a credential from the bottom sheet doesn't seem to work? Although perhaps that is just because the icon is so small on my screen?

gbattistel · 2025-01-29T18:40:54Z

Tested on my iPhone SE and looks and works great!

Only minor thing I noticed is that deleting a credential from the bottom sheet doesn't seem to work? Although perhaps that is just because the icon is so small on my screen?

Creds can be removed by doing a long press over the Trash icon. I did that to avoid deleting them by mistake

gbattistel and others added 30 commits January 17, 2025 10:06

feat: demo app icons updated

306c05c

chore: new logo asset added

ae02458

fix: build error. Added SplashScreen to the project.

363e6ae

chore: removed comment

e67427f

Merge pull request #153 from team-telnyx/feat/WEBRTC-2425-splash

4636655

[iOS] Splash Screen and App Icon Adjustments - WEBRTC-2425

fix: added new files into TelnyxRTC.xcodeproj

a86a78d

fix: assign ViewController instance to voipDelegate when the ViewCont…

3a4e8f1

…roller is loaded

[WEBRTC-2421] Update profile switcher UI

d17dcde

- Rename header to 'Existing Profiles' - Add close button and 'Add new profile' button - Update colors and styles according to design - Add bottom Cancel/Confirm buttons - Improve selection logic - Remove divider lines between sections

fix: moved color extensions to a specific file and improved SipCreden…

bd5fcfe

…tialHeader to match Figma design.

feat: updated SipCredentialRow to match figma design

47d302e

feat: Added SipInputCredentialsView and ErrorView following figma design

2197399

feat: updated styles related to Sip Credentials Views to match Figma.

5ad2752

feat: updated styles following figma

463ae44

fix: Switch between credentials

e4522e2

feat: manage connection from SipCredentialsView

6aac8e6

feat: Toggle SipInputCredentialsView with animation. If the InputCred…

5f71286

…entialView is visible the list of available credentials will be displayed

chore: added preview of the SipCredentialsView

ae23e19

feat: added Switch to change between Token or Credentials login. Adde…

2a10516

…d Caller ID number and Caller Name inputs

feat: added ScrollView wrapping the SipInputCredentialsView to allow …

aae4f4b

…scroll on small screens

feat: updated SipUserCredentials structure to allow storing token / c…

991958e

…allerName and callerNumber

chore: removed comments

ae901ce

feat: improve texts on SipInputCredentialsView

68d2790

Merge pull request #154 from team-telnyx/feat/WEBRTC-2421-profiles

2c62caa

[WEBRTC-2421] [feat] Migrate SipCredentialsViewController to SwiftUI

feat: (WIP) Adding new HomeScreen using SwiftUI

c69f6e1

feat: (WIP) changed HomeView properties to Bindings

0fdc595

feat: (WIP) Open HomeViewController from SplashScreen. We are replaci…

ea28a25

…ng the main storyboard

feat: (WIP) Adding a HomeViewModel to handle updates between the Home…

917edf2

…ViewController and the HomeView

chore: updated log

a8214ba

gbattistel added 21 commits January 28, 2025 01:28

feat: Added connect / disconnect logic by porting VoIPDelegate implem…

8575492

…entation from ViewController to HomeViewController

feat: Updated UI styles on HomeView

7dd20c0

feat: change text when connection is ready

806a343

feat: handle profile connection logic

5eee84f

fix: set initial call state to NEW

94e5069

fis: selected sip credential alignment set to "leading"

e1f99aa

feat: handle client-ready state

b8b9d78

feat:select next credential when removing the current selected cred

336d6f0

feat: manage outbound call

2c91776

fix: Handle incoming calls

e4f0fa5

Merge pull request #161 from team-telnyx/feat/WEBRTC-2423-home

273a080

[WEBRTC-2423] [Feature] Home View

Merge pull request #162 from team-telnyx/feat/WEBRTC-2421-profiles

5fc2390

[WEBRTC-2421] [WEBRTC-2423] Profile Views and HomeView

Merge branch 'main' into init/WEBRTC-2332-app

3a17971

feat: manage mute / unmute actions

48edb5e

feat: Init HomeViewController view and allow switching the speakers o…

61970d1

…n / off

feat: keep speaker / mute icons in sync with CallKit and also keep th…

8d6dd29

…e HomeView in sync after connecting in background when answering a call

chore: moved mute / speaker implementations to function

6b81a01

chore: Removed UIKit implementation

0279ed3

feat: moved answer call button to the right of the screen.

5b2ac30

feat: update profileview when the HomeViewController moves to foreground

5317054

feat: update callview UI based on call states

de22b14

gbattistel requested review from isaacakakpo1, Oliver-Zimmerman and wojciechowskiradek January 29, 2025 13:29

Oliver-Zimmerman requested changes Jan 29, 2025

View reviewed changes

gbattistel requested a review from Oliver-Zimmerman January 29, 2025 18:39

Oliver-Zimmerman approved these changes Jan 29, 2025

View reviewed changes

gbattistel merged commit 6019e86 into main Jan 30, 2025
1 check passed

gbattistel deleted the init/WEBRTC-2332-app branch January 30, 2025 12:30

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[WEBRTC-2332] [INIT] Demo App Improvement #163

[WEBRTC-2332] [INIT] Demo App Improvement #163

gbattistel commented Jan 29, 2025 •

edited

Loading

Oliver-Zimmerman left a comment

gbattistel commented Jan 29, 2025

[WEBRTC-2332] [INIT] Demo App Improvement #163

[WEBRTC-2332] [INIT] Demo App Improvement #163

Conversation

gbattistel commented Jan 29, 2025 • edited Loading