.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

.eslintrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native',
+};

.gitignore

@@ -20,6 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
+ios/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -29,6 +30,9 @@ build/
 local.properties
 *.iml
 *.hprof
+.cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
@@ -36,12 +40,6 @@ node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -49,9 +47,10 @@ buck-out/
 # For more information about the recommended setup visit:
 # https://docs.fastlane.tools/best-practices/source-control/
 
-*/fastlane/report.xml
-*/fastlane/Preview.html
-*/fastlane/screenshots
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
 # Bundle artifact
 *.jsbundle
@@ -59,3 +58,9 @@ buck-out/
 # Ruby / CocoaPods
 /ios/Pods/
 /vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
+
+# testing
+/coverage

.watchmanconfig

@@ -0,0 +1 @@
+{}

App.js

@@ -0,0 +1,76 @@
+import ConfigScreen from './asset/screens/ConfigScreen/ConfigScreen';
+import JoinScreen from './asset/screens/JoinScreen/JoinScreen';
+import IncomingCallScreen from './asset/screens/IncomingScreen/IncomingScreen';
+import OutgoingCallScreen from './asset/screens/OutgoingScreen/OutgoingScreen';
+import ConferenceScreen from './asset/screens/ConferenceScreen/ConferenceScreen';
+import {NavigationContainer} from '@react-navigation/native';
+import {
+  createStackNavigator,
+  CardStyleInterpolators,
+} from '@react-navigation/stack';
+import * as TextEncodingPolyfill from 'text-encoding';
+import BigInt from 'big-integer';
+import CombinedProvider from './asset/context/CombinedProvider';
+import React from 'react';
+
+Object.assign(global, {
+  TextEncoder: TextEncodingPolyfill.TextEncoder,
+  TextDecoder: TextEncodingPolyfill.TextDecoder,
+  BigInt: BigInt,
+});
+
+export default function App() {
+  const Stack = createStackNavigator();
+
+  return (
+    <NavigationContainer>
+      <CombinedProvider>
+        <Stack.Navigator initialRouteName="home">
+          <Stack.Screen
+            name="home"
+            options={{
+              headerShown: false,
+              cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
+            }}
+            component={JoinScreen}
+          />
+          <Stack.Screen
+            name="configuracoes"
+            options={{
+              headerShown: false,
+              cardStyleInterpolator: CardStyleInterpolators.forHorizontalIOS,
+            }}
+            component={ConfigScreen}
+          />
+          <Stack.Screen
+            name="incomingCall"
+            options={{
+              headerShown: false,
+              cardStyleInterpolator:
+                CardStyleInterpolators.forModalPresentationIOS,
+            }}
+            component={IncomingCallScreen}
+          />
+          <Stack.Screen
+            name="outgoingCall"
+            options={{
+              headerShown: false,
+              cardStyleInterpolator:
+                CardStyleInterpolators.forModalPresentationIOS,
+            }}
+            component={OutgoingCallScreen}
+          />
+          <Stack.Screen
+            name="roomConference"
+            options={{
+              headerShown: false,
+              cardStyleInterpolator:
+                CardStyleInterpolators.forModalPresentationIOS,
+            }}
+            component={ConferenceScreen}
+          />
+        </Stack.Navigator>
+      </CombinedProvider>
+    </NavigationContainer>
+  );
+}

Gemfile

@@ -1,6 +1,7 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.4'
+ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'

README.md

@@ -1,11 +1,79 @@
-#Aplicativo em react native usando a api WebRTC para poder realizar a conexão p2p entre dois dispositivos e assim simular uma chamada que transmite áudio e vídeo.
+This is a new [**React Native**](https://reactnative.dev) project, bootstrapped using [`@react-native-community/cli`](https://github.com/react-native-community/cli).
 
+# Getting Started
 
-Aqui está sendo implementado o WebRTC em uma aplicação mobile. Dentro do projeto estão as pastas client, public e server.
-Na pasta do client, está presente o layout em React Native, está presente as configurações de socket para se comunicar com o servidor WebSocket e outras configurações para estabelecer uma conexão peer-to-peer com o outro usuário.
+>**Note**: Make sure you have completed the [React Native - Environment Setup](https://reactnative.dev/docs/environment-setup) instructions till "Creating a new application" step, before proceeding.
 
-Já na parte 'server', está presente o servidor em NodeJS. O servidor irá utilizar a tecnologia do WebSocket para realizar a comunicação com o client.
+## Step 1: Start the Metro Server
 
-O servidor utiliza a porta por padrão 3500;
-O servidor possui listeners e emite listeners fundamentes para receber, fazer, aceitar e recusar chamadas;
-O servidor possui listeners também para procurar ICE Candidates que serão responsáveis por furar as barreiras de NAT e Firewall e assim estabelecer a conexão p2p com o outro usuário da ponta.
+First, you will need to start **Metro**, the JavaScript _bundler_ that ships _with_ React Native.
+
+To start Metro, run the following command from the _root_ of your React Native project:
+
+```bash
+# using npm
+npm start
+
+# OR using Yarn
+yarn start
+```
+
+## Step 2: Start your Application
+
+Let Metro Bundler run in its _own_ terminal. Open a _new_ terminal from the _root_ of your React Native project. Run the following command to start your _Android_ or _iOS_ app:
+
+### For Android
+
+```bash
+# using npm
+npm run android
+
+# OR using Yarn
+yarn android
+```
+
+### For iOS
+
+```bash
+# using npm
+npm run ios
+
+# OR using Yarn
+yarn ios
+```
+
+If everything is set up _correctly_, you should see your new app running in your _Android Emulator_ or _iOS Simulator_ shortly provided you have set up your emulator/simulator correctly.
+
+This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
+
+## Step 3: Modifying your App
+
+Now that you have successfully run the app, let's modify it.
+
+1. Open `App.tsx` in your text editor of choice and edit some lines.
+2. For **Android**: Press the <kbd>R</kbd> key twice or select **"Reload"** from the **Developer Menu** (<kbd>Ctrl</kbd> + <kbd>M</kbd> (on Window and Linux) or <kbd>Cmd ⌘</kbd> + <kbd>M</kbd> (on macOS)) to see your changes!
+
+   For **iOS**: Hit <kbd>Cmd ⌘</kbd> + <kbd>R</kbd> in your iOS Simulator to reload the app and see your changes!
+
+## Congratulations! :tada:
+
+You've successfully run and modified your React Native App. :partying_face:
+
+### Now what?
+
+- If you want to add this new React Native code to an existing application, check out the [Integration guide](https://reactnative.dev/docs/integration-with-existing-apps).
+- If you're curious to learn more about React Native, check out the [Introduction to React Native](https://reactnative.dev/docs/getting-started).
+
+# Troubleshooting
+
+If you can't get this to work, see the [Troubleshooting](https://reactnative.dev/docs/troubleshooting) page.
+
+# Learn More
+
+To learn more about React Native, take a look at the following resources:
+
+- [React Native Website](https://reactnative.dev) - learn more about React Native.
+- [Getting Started](https://reactnative.dev/docs/environment-setup) - an **overview** of React Native and how setup your environment.
+- [Learn the Basics](https://reactnative.dev/docs/getting-started) - a **guided tour** of the React Native **basics**.
+- [Blog](https://reactnative.dev/blog) - read the latest official React Native **Blog** posts.
+- [`@facebook/react-native`](https://github.com/facebook/react-native) - the Open Source; GitHub **repository** for React Native.

__tests__/App.test.tsx

@@ -6,6 +6,9 @@ import 'react-native';
 import React from 'react';
 import App from '../App';
 
+// Note: import explicitly to use the types shipped with jest.
+import {it} from '@jest/globals';
+
 // Note: test renderer must be required after react-native.
 import renderer from 'react-test-renderer';
 

android/app/build.gradle

@@ -0,0 +1,129 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '..'
+    // root = file("../")
+    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+    // reactNativeDir = file("../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
+    // codegenDir = file("../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
+    // cliFile = file("../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.sip"
+    defaultConfig {
+        applicationId "com.sip"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        release {
+            if (project.hasProperty('MYAPP_UPLOAD_STORE_FILE')) {
+                storeFile file(MYAPP_UPLOAD_STORE_FILE)
+                storePassword MYAPP_UPLOAD_STORE_PASSWORD
+                keyAlias MYAPP_UPLOAD_KEY_ALIAS
+                keyPassword MYAPP_UPLOAD_KEY_PASSWORD
+            }
+        }
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.release
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+    implementation("com.facebook.react:flipper-integration")
+    implementation project(':react-native-fs')
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}
+
+apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)
+apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")

android/app/src/debug/AndroidManifest.xml

@@ -2,12 +2,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
-
     <application
         android:usesCleartextTraffic="true"
         tools:targetApi="28"
-        tools:ignore="GoogleAppIndexingWarning">
-        <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" android:exported="false" />
-    </application>
+        tools:ignore="GoogleAppIndexingWarning"/>
 </manifest>

android/app/src/main/AndroidManifest.xml

@@ -1,12 +1,9 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-  package="com.webrtcexample">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
-    <uses-permission android:name="android.permission.INTERNET" />
     <uses-feature android:name="android.hardware.camera" />
     <uses-feature android:name="android.hardware.camera.autofocus" />
     <uses-feature android:name="android.hardware.audio.output" />
     <uses-feature android:name="android.hardware.microphone" />
-    
     <uses-permission android:name="android.permission.CAMERA" />
     <uses-permission android:name="android.permission.RECORD_AUDIO" />
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
@@ -16,15 +13,17 @@
     <uses-permission android:name="android.permission.WAKE_LOCK" />
     <uses-permission android:name="android.permission.BLUETOOTH" />
     <uses-permission android:name="android.permission.VIBRATE" />
-
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
 
     <application
       android:name=".MainApplication"
       android:label="@string/app_name"
-      android:icon="@mipmap/ic_launcher"
-      android:roundIcon="@mipmap/ic_launcher_round"
+      android:icon="@mipmap/logo_simples"
+      android:roundIcon="@mipmap/logo_simples_round"
       android:allowBackup="false"
-      android:theme="@style/AppTheme">
+      android:theme="@style/AppTheme"
+      android:usesCleartextTraffic="true">
       <activity
         android:name=".MainActivity"
         android:label="@string/app_name"

android/app/src/main/java/com/sip/MainActivity.kt

@@ -0,0 +1,29 @@
+package com.sip
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+import android.os.Bundle;
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "sip"
+
+
+  //react-native-screens override
+    override fun onCreate(savedInstanceState: Bundle?) {
+      super.onCreate(null);
+    }
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}

android/app/src/main/java/com/sip/MainApplication.kt

@@ -0,0 +1,45 @@
+package com.sip
+
+import android.app.Application
+import com.facebook.react.PackageList
+import com.facebook.react.ReactApplication
+import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
+import com.facebook.react.ReactPackage
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
+import com.facebook.react.defaults.DefaultReactNativeHost
+import com.facebook.react.flipper.ReactNativeFlipper
+import com.facebook.soloader.SoLoader
+
+class MainApplication : Application(), ReactApplication {
+
+  override val reactNativeHost: ReactNativeHost =
+      object : DefaultReactNativeHost(this) {
+        override fun getPackages(): List<ReactPackage> {
+          // Packages that cannot be autolinked yet can be added manually here, for example:
+          // packages.add(new MyReactNativePackage());
+          return PackageList(this).packages
+        }
+
+        override fun getJSMainModuleName(): String = "index"
+
+        override fun getUseDeveloperSupport(): Boolean = BuildConfig.DEBUG
+
+        override val isNewArchEnabled: Boolean = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED
+        override val isHermesEnabled: Boolean = BuildConfig.IS_HERMES_ENABLED
+      }
+
+  override val reactHost: ReactHost
+    get() = getDefaultReactHost(this.applicationContext, reactNativeHost)
+
+  override fun onCreate() {
+    super.onCreate()
+    SoLoader.init(this, false)
+    if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
+      // If you opted-in for the New Architecture, we load the native entry point for this app.
+      load()
+    }
+    ReactNativeFlipper.initializeFlipper(this, reactNativeHost.reactInstanceManager)
+  }
+}

android/app/src/main/res/drawable/rn_edit_text_material.xml

@@ -20,7 +20,7 @@
        android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
 
     <selector>
-        <!-- 
+        <!--
           This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
           The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
           NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'

android/app/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">SSimples</string>
+</resources>

android/build.gradle

@@ -0,0 +1,21 @@
+buildscript {
+    ext {
+        buildToolsVersion = "34.0.0"
+        minSdkVersion = 21
+        compileSdkVersion = 34
+        targetSdkVersion = 34
+        ndkVersion = "25.1.8937393"
+        kotlinVersion = "1.8.0"
+    }
+    repositories {
+        google()
+        mavenCentral()
+    }
+    dependencies {
+        classpath("com.android.tools.build:gradle")
+        classpath("com.facebook.react:react-native-gradle-plugin")
+        classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
+    }
+}
+
+apply plugin: "com.facebook.react.rootproject"

android/gradle.properties

@@ -24,9 +24,6 @@ android.useAndroidX=true
 # Automatically convert third-party libraries to use AndroidX
 android.enableJetifier=true
 
-# Version of flipper SDK to use with React Native
-FLIPPER_VERSION=0.125.0
-
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64
@@ -39,7 +36,11 @@ reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
 # are providing them.
 newArchEnabled=false
 
-# This one fixes a weird WebRTC runtime problem on some devices.
-# https://github.com/jitsi/jitsi-meet/issues/7911#issuecomment-714323255
+# Use this property to enable or disable the Hermes JS engine.
+# If set to false, you will be using JSC instead.
+hermesEnabled=true
 
-android.enableDexingArtifactTransform.desugaring=false
+MYAPP_UPLOAD_STORE_FILE=my-upload-key.keystore
+MYAPP_UPLOAD_KEY_ALIAS=my-key-alias
+MYAPP_UPLOAD_STORE_PASSWORD=simplesip
+MYAPP_UPLOAD_KEY_PASSWORD=simplesip

android/gradle/wrapper/gradle-wrapper.properties

@@ -1,5 +1,7 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.3-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-7.5-all.zip

android/gradlew

@@ -55,7 +55,7 @@
 #       Darwin, MinGW, and NonStop.
 #
 #   (3) This script is generated from the Groovy template
-#       https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
+#       https://github.com/gradle/gradle/blob/HEAD/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
 #       within the Gradle project.
 #
 #       You can find Gradle at https://github.com/gradle/gradle/.
@@ -80,13 +80,11 @@ do
     esac
 done
 
-APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit
-
-APP_NAME="Gradle"
+# This is normally unused
+# shellcheck disable=SC2034
 APP_BASE_NAME=${0##*/}
-
-# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
-DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
+APP_HOME=$( cd "${APP_HOME:-./}" > /dev/null && pwd -P ) || exit
 
 # Use the maximum available, or set MAX_FD != -1 to use that value.
 MAX_FD=maximum
@@ -133,22 +131,29 @@ location of your Java installation."
     fi
 else
     JAVACMD=java
-    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+    if ! command -v java >/dev/null 2>&1
+    then
+        die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
 
 Please set the JAVA_HOME variable in your environment to match the
 location of your Java installation."
+    fi
 fi
 
 # Increase the maximum file descriptors if we can.
 if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
     case $MAX_FD in #(
       max*)
+        # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         MAX_FD=$( ulimit -H -n ) ||
             warn "Could not query maximum file descriptor limit"
     esac
     case $MAX_FD in  #(
       '' | soft) :;; #(
       *)
+        # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
+        # shellcheck disable=SC3045
         ulimit -n "$MAX_FD" ||
             warn "Could not set maximum file descriptor limit to $MAX_FD"
     esac
@@ -193,6 +198,10 @@ if "$cygwin" || "$msys" ; then
     done
 fi
 
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
 # Collect all arguments for the java command;
 #   * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of
 #     shell script including quotes and variable substitutions, so put them in
@@ -205,6 +214,12 @@ set -- \
         org.gradle.wrapper.GradleWrapperMain \
         "$@"
 
+# Stop when "xargs" is not available.
+if ! command -v xargs >/dev/null 2>&1
+then
+    die "xargs is not available"
+fi
+
 # Use "xargs" to parse quoted args.
 #
 # With -n1 it outputs one arg per line, with the quotes and backslashes removed.

android/gradlew.bat

@@ -14,7 +14,7 @@
 @rem limitations under the License.
 @rem
 
-@if "%DEBUG%" == "" @echo off
+@if "%DEBUG%"=="" @echo off
 @rem ##########################################################################
 @rem
 @rem  Gradle startup script for Windows
@@ -25,7 +25,8 @@
 if "%OS%"=="Windows_NT" setlocal
 
 set DIRNAME=%~dp0
-if "%DIRNAME%" == "" set DIRNAME=.
+if "%DIRNAME%"=="" set DIRNAME=.
+@rem This is normally unused
 set APP_BASE_NAME=%~n0
 set APP_HOME=%DIRNAME%
 
@@ -40,7 +41,7 @@ if defined JAVA_HOME goto findJavaFromJavaHome
 
 set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
-if "%ERRORLEVEL%" == "0" goto execute
+if %ERRORLEVEL% equ 0 goto execute
 
 echo.
 echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
@@ -75,13 +76,15 @@ set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
 
 :end
 @rem End local scope for the variables with windows NT shell
-if "%ERRORLEVEL%"=="0" goto mainEnd
+if %ERRORLEVEL% equ 0 goto mainEnd
 
 :fail
 rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
 rem the _cmd.exe /c_ return code!
-if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
-exit /b 1
+set EXIT_CODE=%ERRORLEVEL%
+if %EXIT_CODE% equ 0 set EXIT_CODE=1
+if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
+exit /b %EXIT_CODE%
 
 :mainEnd
 if "%OS%"=="Windows_NT" endlocal

android/settings.gradle

@@ -0,0 +1,7 @@
+rootProject.name = 'sip'
+apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
+include ':app'
+includeBuild('../node_modules/@react-native/gradle-plugin')
+
+include ':react-native-fs'
+project(':react-native-fs').projectDir = new File(settingsDir, '../node_modules/react-native-fs/android')

app.json

@@ -0,0 +1,4 @@
+{
+  "name": "sip",
+  "displayName": "sip"
+}

asset/context/AuthContext.js

@@ -0,0 +1,70 @@
+import React, {createContext, useState, useEffect, useMemo} from 'react';
+import EncryptedStorage from 'react-native-encrypted-storage';
+
+export const AuthContext = createContext();
+
+export const AuthProvider = ({children}) => {
+  const [sendAuth, setSendAuth] = useState(false);
+  const [authData, setAuthData] = useState({
+    protocolo: '',
+    servidor: '',
+    porta: '',
+    ramal: '',
+    username: '',
+    senha: '',
+  });
+
+  const save = async (key, value) => {
+    try {
+      await EncryptedStorage.setItem(key, JSON.stringify(value));
+      console.log(`Dados salvos com sucesso para a chave ${key}`);
+    } catch (error) {
+      console.error('Erro ao salvar os dados:', error);
+    }
+  };
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        const savedAuthData = await EncryptedStorage.getItem('authData');
+        if (savedAuthData) {
+          setAuthData(JSON.parse(savedAuthData));
+          // Caso tenha dados salvos ele já tenta logar
+          setSendAuth(prevState => !prevState);
+        }
+      } catch (error) {
+        console.error('Erro ao recuperar os dados salvos:', error);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const handleInputChange = (field, value) => {
+    setAuthData(prevAuthData => ({
+      ...prevAuthData,
+      [field]: value,
+    }));
+  };
+
+  const handleSubmit = () => {
+    save('authData', authData);
+    setSendAuth(prevState => !prevState);
+  };
+
+  const contextValues = useMemo(
+    () => ({
+      authData,
+      handleInputChange,
+      handleSubmit,
+      sendAuth,
+    }),
+    [authData, sendAuth],
+  );
+
+  return (
+    <AuthContext.Provider value={contextValues}>
+      {children}
+    </AuthContext.Provider>
+  );
+};

asset/context/CallContext.js

@@ -0,0 +1,495 @@
+import React, {
+  createContext,
+  useState,
+  useEffect,
+  useRef,
+  useMemo,
+  useContext,
+} from 'react';
+import {StackActions, useNavigation} from '@react-navigation/native';
+import InCallManager from 'react-native-incall-manager';
+import JsSIP from 'react-native-jssip';
+import {Alert, Platform} from 'react-native';
+import {AuthContext} from './AuthContext';
+
+export const CallContext = createContext();
+
+export const CallProvider = ({children}) => {
+  const {authData, sendAuth} = useContext(AuthContext);
+  const navigation = useNavigation();
+  const [session, setSession] = useState(null);
+  const [ua, setUa] = useState(null);
+  const [incommingCaller, setIncommingCaller] = useState(null);
+  const [calle, setCalle] = useState(null);
+  const [localMicOn, setLocalMicOn] = useState(true);
+  const [localWebcamOn, setLocalWebcamOn] = useState(true);
+  const [localStream, setLocalStream] = useState(null);
+  const [remoteStream, setRemoteStream] = useState(null);
+  const peerConnectionRef = useRef(null);
+  const [status, setStatus] = useState('disconectado');
+  const [statusColor, setStatusColor] = useState('black');
+  const [currentAlert, setCurrentAlert] = useState(null);
+
+  JsSIP.debug.enable('JsSIP:*');
+
+  const controlStatus = status => {
+    switch (status) {
+      case 'registrado':
+        return 'green';
+      case 'naoRegistrado':
+        return 'gray';
+      case 'falhaRegistro':
+        return 'red';
+      default:
+        return 'gray';
+    }
+  };
+
+  useEffect(() => {
+    console.log(status);
+    setStatusColor(controlStatus(status));
+  }, [status]);
+
+  useEffect(() => {
+    console.log('Verificando authData:', authData);
+    if (
+      authData.servidor &&
+      authData.porta &&
+      authData.ramal &&
+      authData.senha &&
+      authData.username
+    ) {
+      console.log('SetupPhone iniciado');
+      setupPhone(authData);
+    }
+    return () => {
+      console.log('Cleanup iniciado');
+      cleanup();
+    };
+  }, [sendAuth]);
+
+  const setupPhone = authData => {
+    const {protocolo, servidor, porta, ramal, senha, username} = authData;
+
+    const socket = new JsSIP.WebSocketInterface(
+      `${protocolo}://${servidor}:${porta}/ws`,
+    );
+
+    const configuration = {
+      uri: `sip:${ramal}@${servidor}`,
+      password: senha,
+      sockets: [socket],
+      session_timers: false,
+      no_answer_timeout: 180,
+      hack_via_tcp: false,
+      hack_via_ws: true,
+      display_name: username !== null ? username : ramal,
+      user_agent: 'Softphone React Native',
+      contact_uri: `sip:${ramal}@${servidor};transport=${protocolo}`,
+      pcConfig: {
+        iceServers: [
+          {urls: 'stun:stun.l.google.com:19302'},
+          {urls: 'stun:stun1.l.google.com:19302'},
+          {urls: 'stun:stun2.l.google.com:19302'},
+          {
+            urls: 'turn:relay1.expressturn.com:3478',
+            username: 'efBWA92I6LHKOAISP4',
+            credential: 'WrVpk6pHeaKzMkAa',
+          },
+        ],
+      },
+    };
+
+    const phone = new JsSIP.UA(configuration);
+
+    phone.on('connecting', () => {
+      console.log('JsSIP: Conectando ao servidor...');
+    });
+
+    phone.on('connected', () => {
+      console.log('JsSIP: Conexão estabelecida com sucesso.');
+    });
+
+    phone.on('disconnected', data => {
+      console.warn('JsSIP: Desconectado do servidor.', data);
+    });
+
+    phone.on('newMessage', data => {
+      console.log('JsSIP: Nova mensagem recebida.', data);
+    });
+
+    phone.on('newRTCSession', data => {
+      console.log('JsSIP: Nova sessão RTC estabelecida.', data);
+    });
+
+    phone.on('registrationFailed', data => {
+      console.error('JsSIP: Falha no registro.', data);
+    });
+
+    phone.on('error', data => {
+      console.error('JsSIP: Erro ocorrido.', data);
+    });
+
+    phone.on('registrationFailed', function (ev) {
+      console.log('Registering on SIP server failed with error: ' + ev.cause);
+      configuration.uri = null;
+      configuration.password = null;
+    });
+
+    phone.on('newRTCSession', ev => {
+      const newSession = ev.session;
+      //Para quando estou criando uma conexao, ou seja, estou realizando uma ligacao
+      if (newSession.connection) {
+        peerConnectionRef.current = newSession.connection;
+        console.log('criou peerConnection', peerConnectionRef.current);
+      }
+      //Para quando estou recebendo uma conexao
+      newSession.on('peerconnection', event => {
+        peerConnectionRef.current = event.peerconnection;
+        console.log('recebeu o peerConnection', peerConnectionRef.current);
+      });
+      // RECEBENDO UMA CHAMADA
+      if (newSession.direction === 'incoming') {
+        navigation.dispatch(StackActions.replace('incomingCall'));
+        setIncommingCaller(newSession.remote_identity.uri.user);
+        InCallManager.startRingtone('_BUNDLE_', [0, 1000, 500, 1000]);
+        // Quando finalizar a chamada
+        newSession.on('ended', () => {
+          navigation.dispatch(StackActions.replace('home'));
+          setSession(null);
+          setRemoteStream(null);
+          setIncommingCaller(null);
+          if (peerConnectionRef.current) {
+            peerConnectionRef.current.close();
+            peerConnectionRef.current = null;
+          }
+          // Parar o InCallManager e o ringtone quando a chamada termina
+          InCallManager.stop();
+          InCallManager.stopRingtone();
+        });
+        // QUANDO UMA CHAMADA APRESENTAR PROBLEMAS
+        newSession.on('failed', () => {
+          setRemoteStream(null);
+          setSession(null);
+          setIncommingCaller(null);
+          navigation.dispatch(StackActions.replace('home'));
+          if (peerConnectionRef.current) {
+            peerConnectionRef.current.close();
+            peerConnectionRef.current = null;
+          }
+          // Parar o InCallManager e o ringtone quando a chamada falha
+          InCallManager.stop();
+          InCallManager.stopRingtone();
+        });
+      } else {
+        // Quando finalizar a chamada
+        newSession.on('ended', () => {
+          navigation.dispatch(StackActions.popToTop());
+          setRemoteStream(null);
+          setSession(null);
+          // Parar o InCallManager quando a chamada termina
+          InCallManager.stop();
+        });
+        // QUANDO UMA CHAMADA APRESENTAR PROBLEMAS
+        newSession.on('failed', () => {
+          navigation.dispatch(StackActions.popToTop());
+          setRemoteStream(null);
+          setSession(null);
+          // Parar o InCallManager quando a chamada falha
+          InCallManager.stop();
+        });
+      }
+      newSession.on('confirmed', async () => {
+        if (peerConnectionRef.current) {
+          captureMidias();
+        }
+      });
+      newSession.on('newDTMF', function (event) {
+        console.log('DTMF recebido:', event.dtmf.tone);
+      });
+      newSession.on('icecandidate', function (event) {
+        if (
+          event.candidate.type === 'srflx' &&
+          event.candidate.relatedAddress !== null &&
+          event.candidate.relatedPort !== null
+        ) {
+          event.ready();
+        }
+      });
+      // Atribuir uma nova sessao assim que estabelcer uma
+      setSession(newSession);
+    });
+    phone.on('registered', function (e) {
+      setStatus('registrado');
+      if (currentAlert === null || currentAlert !== 'registrado') {
+        setCurrentAlert('registrado');
+        Alert.alert(
+          'Ramal registrado!',
+          'Seu ramal foi registrado no servidor e está pronto para uso.',
+          [
+            {
+              text: 'Ok',
+              onPress: () => setCurrentAlert(null),
+            },
+          ],
+        );
+      }
+    });
+
+    phone.on('unregistered', function (e) {
+      setStatus('naoRegistrado');
+      if (currentAlert === null || currentAlert !== 'naoRegistrado') {
+        setCurrentAlert('naoRegistrado');
+        Alert.alert('Não foi possível conectar-se ao servidor!', '', [
+          {
+            text: 'Ok',
+            onPress: () => setCurrentAlert(null),
+          },
+        ]);
+      }
+    });
+
+    phone.on('registrationFailed', function (e) {
+      setStatus('falhaRegistro');
+      if (currentAlert === null || currentAlert !== 'falhaRegistro') {
+        setCurrentAlert('falhaRegistro');
+        Alert.alert(
+          'Erro ao registrar ramal!',
+          'Confira suas credenciais de registro e tente novamente.',
+          [
+            {
+              text: 'Ok',
+              onPress: () => setCurrentAlert(null),
+            },
+          ],
+        );
+      }
+    });
+    phone.start();
+    // Suprimir logs no APK release fora do modo de desenvolvimento
+    if (Platform.OS === 'android' && !__DEV__) {
+      console.log = () => {};
+    }
+    setUa(phone);
+  };
+  const cleanup = () => {
+    if (peerConnectionRef.current) {
+      peerConnectionRef.current.close();
+      peerConnectionRef.current = null;
+    }
+    if (localStream) {
+      localStream.getTracks().forEach(track => track.stop());
+    }
+    if (remoteStream) {
+      remoteStream.getTracks().forEach(track => track.stop());
+    }
+    if (ua) {
+      ua.stop();
+    }
+  };
+  const handleAceitarChamada = async () => {
+    try {
+      if (session) {
+        session.answer({
+          //Defino ao JsSIP se quero que ele capture as midias de audio e video
+          mediaConstraints: {
+            audio: true,
+            video: true,
+          },
+        });
+        // Parar o ringtone quando a chamada é aceita
+        InCallManager.stopRingtone();
+        // Iniciar o InCallManager quando uma chamada é aceita
+        InCallManager.start({media: 'audio'});
+        navigation.dispatch(StackActions.replace('roomConference'));
+      }
+    } catch (error) {
+      console.error('Failed to accept call:', error);
+    }
+  };
+
+  const handleEndCall = async () => {
+    if (session) {
+      session.terminate();
+      setSession(null);
+      setIncommingCaller(null);
+      InCallManager.stopRingback();
+      InCallManager.stopRingtone();
+      InCallManager.stop();
+      navigation.dispatch(StackActions.replace('home'));
+    } else {
+      navigation.dispatch(StackActions.replace('home'));
+    }
+  };
+  const handleIniciarChamada = async () => {
+    try {
+      if (ua && calle) {
+        const eventHandlers = {
+          progress: () => {
+            console.log('Call is in progress');
+            // Iniciar o ringback quando a chamada está em progresso
+            InCallManager.start({media: 'audio', ringback: '_DTMF_'});
+            console.log('CHAMOU INCALL START 3');
+          },
+          failed: e => {
+            console.log('Call failed with cause: ' + e.cause);
+            if (peerConnectionRef.current) {
+              peerConnectionRef.current.close();
+              peerConnectionRef.current = null;
+            }
+            // Parar o InCallManager e o ringback quando a chamada falha
+            InCallManager.stop();
+            InCallManager.stopRingback();
+          },
+          ended: () => {
+            console.log('Call ended');
+            if (peerConnectionRef.current) {
+              peerConnectionRef.current.close();
+              peerConnectionRef.current = null;
+            }
+            // Parar o InCallManager e o ringback quando a chamada termina
+            InCallManager.stop();
+            InCallManager.stopRingback();
+          },
+          confirmed: () => {
+            console.log('Call confirmed');
+            // Parar o ringback quando a chamada é confirmada
+            InCallManager.stopRingback();
+          },
+        };
+        const options = {
+          eventHandlers: eventHandlers,
+          //Defino ao JsSIP se quero que ele capture as midias de audio e video
+          mediaConstraints: {
+            audio: true,
+            video: true,
+          },
+          rtcOfferContraints: {
+            offerToReceiveAudio: 1,
+            offerToReceiveVideo: 1,
+          },
+        };
+        console.log(calle);
+        const newSession = await ua.call(
+          `sip:${calle}@${authData.servidor}`,
+          options,
+        );
+        setSession(newSession);
+      }
+    } catch (error) {
+      console.error('Erro ao iniciar uma chamada: ', error);
+    }
+  };
+  let isMuted = false;
+  const toggleMic = async () => {
+    try {
+      console.log('Toggling microphone...');
+      if (localStream) {
+        const audioTrack = await localStream.getAudioTracks()[0];
+        audioTrack.enabled = !audioTrack.enabled;
+        localMicOn ? setLocalMicOn(false) : setLocalMicOn(true);
+        isMuted = !isMuted;
+      }
+    } catch (err) {
+      console.error('Erro ao alterar microfone: ', err);
+    }
+  };
+
+  let isCamOn = true;
+  const toggleCamera = async () => {
+    try {
+      if (localStream) {
+        const videoTrack = await localStream.getVideoTracks()[0];
+        videoTrack.enabled = !videoTrack.enabled;
+        localWebcamOn ? setLocalWebcamOn(false) : setLocalWebcamOn(true);
+        isCamOn = !isCamOn;
+      }
+    } catch (err) {
+      console.error('Erro inesperado ao desativar camera! ', err);
+    }
+  };
+
+  const toggleSpeaker = async () => {
+    console.log('Toggling speaker sound');
+  };
+  let isFrontCam = true;
+  const switchCamera = async () => {
+    try {
+      if (localStream) {
+        const videoTrack = await localStream.getVideoTracks()[0];
+        videoTrack._switchCamera();
+        isFrontCam = !isFrontCam;
+      }
+    } catch (err) {
+      console.error('Erro ao inverter camera: ', err);
+    }
+  };
+
+  const captureMidias = async () => {
+    // Obter a local track
+    const senders = await peerConnectionRef.current.getSenders();
+    const localStream = new MediaStream();
+    senders.forEach(sender => {
+      if (sender.track) {
+        localStream.addTrack(sender.track);
+      }
+    });
+    setLocalStream(localStream);
+    // Obter a remote track
+    const receivers = await peerConnectionRef.current.getReceivers();
+    const remoteStream = new MediaStream();
+    receivers.forEach(receiver => {
+      if (receiver.track) {
+        remoteStream.addTrack(receiver.track);
+      }
+    });
+    setRemoteStream(remoteStream);
+    navigation.dispatch(StackActions.replace('roomConference'));
+    InCallManager.setKeepScreenOn(true);
+    InCallManager.setSpeakerphoneOn(true);
+  };
+
+  const contextValues = useMemo(
+    () => ({
+      session,
+      incommingCaller,
+      setCalle,
+      localMicOn,
+      setLocalMicOn,
+      localWebcamOn,
+      setLocalWebcamOn,
+      localStream,
+      remoteStream,
+      handleAceitarChamada,
+      handleEndCall,
+      handleIniciarChamada,
+      statusColor,
+      toggleCamera,
+      toggleMic,
+      toggleSpeaker,
+      switchCamera,
+      calle,
+    }),
+    [
+      session,
+      incommingCaller,
+      setCalle,
+      localMicOn,
+      setLocalMicOn,
+      localWebcamOn,
+      setLocalWebcamOn,
+      localStream,
+      remoteStream,
+      handleAceitarChamada,
+      handleEndCall,
+      handleIniciarChamada,
+      statusColor,
+      calle,
+    ],
+  );
+  return (
+    <CallContext.Provider value={contextValues}>
+      {children}
+    </CallContext.Provider>
+  );
+};

asset/context/CombinedProvider.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import {AuthProvider} from './AuthContext';
+import {CallProvider} from './CallContext';
+
+const CombinedProvider = ({children}) => (
+  <AuthProvider>
+    <CallProvider>{children}</CallProvider>
+  </AuthProvider>
+);
+
+export default CombinedProvider;

asset/screens/ConferenceScreen/ConferenceScreen.js

@@ -0,0 +1,145 @@
+import {View, Text} from 'react-native';
+import {RTCView} from 'react-native-webrtc';
+import styles from './styles';
+import React, {useContext, useState} from 'react';
+import {CallContext} from '../../context/CallContext';
+import IconContainer from '../../../components/IconContainer';
+import MicOn from '../../../components/MicOn';
+import MicOff from '../../../components/MicOff';
+import CallEnd from '../../../components/CallEnd';
+import VideoOn from '../../../components/VideoOn';
+import VideoOff from '../../../components/VideoOff';
+// import VivaVozIcon from '../../../components/VivaVoz';
+import CameraSwitch from '../../../components/CameraSwitch';
+import DialpadModal from '../ModalKeyPad/ModalKeyPad';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
+
+const ConferenceScreen = () => {
+  const {
+    remoteStream,
+    localStream,
+    handleEndCall,
+    toggleMic,
+    toggleCamera,
+    // toggleSpeaker,
+    switchCamera,
+    localWebcamOn,
+    localMicOn,
+  } = useContext(CallContext);
+
+  const [isDialpadVisible, setDialpadVisible] = useState(false);
+  return (
+    <View
+      style={{
+        flex: 1,
+        backgroundColor: '#050A0E',
+        paddingHorizontal: 12,
+        paddingVertical: 12,
+      }}>
+      {remoteStream ? (
+        <RTCView
+          mirror={true}
+          objectFit={'cover'}
+          style={{
+            flex: 1,
+            backgroundColor: '#050A0E',
+            marginTop: 8,
+          }}
+          streamURL={remoteStream.toURL()}
+        />
+      ) : null}
+      {localStream ? (
+        <RTCView
+          mirror={true}
+          objectFit={'cover'}
+          style={{flex: 1, backgroundColor: '#050A0E'}}
+          streamURL={localStream.toURL()}
+        />
+      ) : null}
+      <View
+        style={{
+          marginVertical: 12,
+          flexDirection: 'row',
+          justifyContent: 'space-evenly',
+        }}>
+        <IconContainer
+          backgroundColor={'red'}
+          onPress={handleEndCall}
+          Icon={() => {
+            return <CallEnd height={26} width={26} fill="#FFF" />;
+          }}
+        />
+        <IconContainer
+          style={{
+            borderWidth: 1.5,
+            borderColor: '#2B3034',
+          }}
+          backgroundColor={!localMicOn ? '#fff' : 'transparent'}
+          onPress={toggleMic}
+          Icon={() => {
+            return localMicOn ? (
+              <MicOn height={24} width={24} fill="#FFF" />
+            ) : (
+              <MicOff height={28} width={28} fill="#1D2939" />
+            );
+          }}
+        />
+        <IconContainer
+          style={{
+            borderWidth: 1.5,
+            borderColor: '#2B3034',
+          }}
+          backgroundColor={!localWebcamOn ? '#fff' : 'transparent'}
+          onPress={toggleCamera}
+          Icon={() => {
+            return localWebcamOn ? (
+              <VideoOn height={24} width={24} fill="#FFF" />
+            ) : (
+              <VideoOff height={36} width={36} fill="#1D2939" />
+            );
+          }}
+        />
+
+        {/* <IconContainer
+          style={{
+            borderWidth: 1.5,
+            borderColor: '#2B3034',
+          }}
+          onPress={toggleSpeaker}
+          Icon={() => {
+            return <VivaVozIcon width={24} height={24} fill="#FFF" />;
+          }}
+        /> */}
+
+        <IconContainer
+          style={{
+            borderWidth: 1.5,
+            borderColor: '#2B3034',
+          }}
+          backgroundColor={'transparent'}
+          onPress={switchCamera}
+          Icon={() => {
+            return <CameraSwitch height={24} width={24} fill="#FFF" />;
+          }}
+        />
+        <IconContainer
+          style={{
+            borderWidth: 1.5,
+            borderColor: '#2B3034',
+          }}
+          backgroundColor={'transparent'}
+          onPress={() => setDialpadVisible(true)}
+          Icon={() => {
+            return <Icon name={'dialpad'} size={30} color={'white'} />;
+          }}
+        />
+      </View>
+      <DialpadModal
+        visible={isDialpadVisible}
+        onClose={() => setDialpadVisible(false)}
+      />
+    </View>
+  );
+};
+
+export default ConferenceScreen;

asset/screens/ConfigScreen/ConfigScreen.js

@@ -0,0 +1,96 @@
+import {useNavigation} from '@react-navigation/native';
+import React, {memo, useContext} from 'react';
+import {View, Text, TouchableOpacity} from 'react-native';
+import {Appbar, IconButton, RadioButton} from 'react-native-paper';
+import {SafeAreaProvider, SafeAreaView} from 'react-native-safe-area-context';
+import styles from './styles';
+import LabeledInput from '../../../components/LabeledInput/function';
+import {AuthContext} from '../../context/AuthContext';
+
+const ConfigScreen = () => {
+  const navigation = useNavigation();
+  const {authData, handleInputChange, handleSubmit} = useContext(AuthContext);
+
+  function handleNavigate(destiny) {
+    navigation.replace(destiny);
+  }
+
+  return (
+    <SafeAreaProvider>
+      <SafeAreaView style={styles.container}>
+        <Appbar.Header style={styles.header}>
+          <IconButton
+            icon={'arrow-left-bold-circle'}
+            size={30}
+            onPress={() => handleNavigate('home')}
+          />
+        </Appbar.Header>
+        <Text style={styles.title}>Configurações</Text>
+        <View style={styles.configInputs}>
+          <View style={styles.radioButtonGroup}>
+            <RadioButton.Item
+              label="ws"
+              value="ws"
+              status={authData.protocolo === 'ws' ? 'checked' : 'unchecked'}
+              onPress={() => handleInputChange('protocolo', 'ws')}
+              labelStyle={{fontSize: 12}}
+            />
+            <RadioButton.Item
+              label="wss"
+              value="wss"
+              status={authData.protocolo === 'wss' ? 'checked' : 'unchecked'}
+              onPress={() => handleInputChange('protocolo', 'wss')}
+              labelStyle={{fontSize: 12}}
+            />
+          </View>
+          <LabeledInput
+            label="Servidor"
+            value={authData.servidor || ''}
+            onChangeText={value => handleInputChange('servidor', value)}
+            placeholder="Servidor"
+            keyboardType="default"
+          />
+          <LabeledInput
+            label="Porta"
+            value={authData.porta || ''}
+            onChangeText={value => handleInputChange('porta', value)}
+            placeholder="Porta"
+            keyboardType="number-pad"
+          />
+          <LabeledInput
+            label="Ramal"
+            value={authData.ramal || ''}
+            onChangeText={value => handleInputChange('ramal', value)}
+            placeholder="Ramal"
+            keyboardType="number-pad"
+          />
+          <LabeledInput
+            label="Username"
+            value={authData.username || ''}
+            onChangeText={value => handleInputChange('username', value)}
+            placeholder="Username"
+          />
+          <LabeledInput
+            label="Senha"
+            value={authData.senha || ''}
+            secureTextEntry={true}
+            onChangeText={value => handleInputChange('senha', value)}
+            placeholder="Senha"
+          />
+        </View>
+        <TouchableOpacity onPress={handleSubmit}>
+          <View style={styles.viewBn}>
+            <Text style={styles.buttonSend}>Conectar</Text>
+            <IconButton
+              icon={'account-arrow-right-outline'}
+              iconColor="rgba(255,255,255,1)"
+              size={28}
+            />
+          </View>
+        </TouchableOpacity>
+      </SafeAreaView>
+    </SafeAreaProvider>
+  );
+};
+
+export default memo(ConfigScreen);

asset/screens/ConfigScreen/styles.js

@@ -0,0 +1,74 @@
+import {StyleSheet} from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'flex-start',
+    backgroundColor: 'rgba(9, 10, 32, 1)',
+  },
+  header: {
+    width: '100%',
+    height: 60,
+    backgroundColor: 'rgba(17, 14, 38, 1)',
+    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 8,
+  },
+  configInputs: {
+    marginTop: 20,
+    alignContent: 'center',
+    alignItems: 'stretch',
+  },
+  label: {
+    fontSize: 12,
+    marginLeft: 4,
+    marginBottom: 1,
+    fontWeight: 'bold',
+    letterSpacing: 1,
+  },
+  input: {
+    backgroundColor: 'rgba(8,20,55,0.6)',
+    borderRadius: 4,
+    paddingHorizontal: 10,
+  },
+  buttonSend: {
+    color: 'rgba(255,255,255,1)',
+    fontSize: 16,
+    letterSpacing: 1,
+    fontWeight: 'bold',
+    alignSelf: 'center',
+    justifyContent: 'space-evenly',
+  },
+  viewBn: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginTop: 10,
+    backgroundColor: 'rgba(8,20,55,0.6)',
+    borderColor: '#5A54CE',
+    borderWidth: 1,
+    width: '46%',
+    alignSelf: 'center',
+    borderRadius: 4,
+    height: 40,
+  },
+  containerLabel: {
+    marginHorizontal: 16,
+    marginVertical: 4,
+  },
+  title: {
+    color: 'rgba(255,255,255,1)',
+    fontSize: 18,
+    alignSelf: 'center',
+    fontWeight: 'bold',
+    letterSpacing: 1,
+    marginTop: 10,
+  },
+  radioButtonGroup: {
+    flexDirection: 'row',
+    alignSelf: 'center',
+    marginTop: 5,
+  },
+});
+
+export default styles;

asset/screens/IncomingScreen/IncomingScreen.js

@@ -0,0 +1,53 @@
+import React, {useContext} from 'react';
+import {View, Text, TouchableOpacity} from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import styles from './styles';
+import {CallContext} from '../../context/CallContext';
+import CallAnswer from '../../../components/CallAnswer';
+import CallEnd from '../../../components/CallEnd';
+
+const IncomingCallScreen = () => {
+  const {handleAceitarChamada, handleEndCall, incommingCaller} =
+    useContext(CallContext);
+
+  const onPressAceitarChamada = () => {
+    handleAceitarChamada();
+  };
+
+  const onPressEndCall = () => {
+    handleEndCall();
+  };
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.centerContainer}>
+        <Text style={styles.callerText}>
+          Recebendo ligação de {incommingCaller}
+        </Text>
+      </View>
+      <View style={styles.buttonContainer}>
+        <TouchableOpacity onPress={onPressAceitarChamada}>
+          <Animatable.View
+            animation="pulse"
+            easing="ease-out"
+            iterationCount="infinite"
+            style={styles.callButton}>
+            <CallAnswer height={28} fill={'#fff'} style={styles.buttonIcon} />
+          </Animatable.View>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={onPressEndCall}>
+          <Animatable.View
+            animation="pulse"
+            easing="ease-out"
+            iterationCount="infinite"
+            style={styles.callEndButton}>
+            <CallEnd width={50} height={12} style={styles.endButtonIcon} />
+          </Animatable.View>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+
+export default IncomingCallScreen;

asset/screens/IncomingScreen/styles.js

@@ -0,0 +1,55 @@
+import {StyleSheet} from 'react-native';
+
+export default StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'space-around',
+    backgroundColor: 'rgba(9, 10, 32, 1)',
+  },
+  centerContainer: {
+    padding: 35,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 14,
+  },
+  callerText: {
+    fontSize: 26,
+    marginTop: 15,
+    color: '#ffff',
+  },
+  buttonContainer: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    alignItems: 'center',
+  },
+  callButton: {
+    backgroundColor: 'green',
+    borderRadius: 30,
+    height: 60,
+    aspectRatio: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+  },
+  callEndButton: {
+    backgroundColor: '#FF5D5D',
+    borderRadius: 30,
+    height: 60,
+    aspectRatio: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+  },
+  buttonIcon: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{translateX: -33}, {translateY: -15}],
+  },
+  endButtonIcon: {
+    position: 'absolute',
+    top: '50%',
+    left: '50%',
+    transform: [{translateX: -25}, {translateY: -6}],
+  },
+});

asset/screens/JoinScreen/JoinScreen.js

@@ -0,0 +1,127 @@
+import {
+  Keyboard,
+  KeyboardAvoidingView,
+  View,
+  Text,
+  TouchableWithoutFeedback,
+  TouchableOpacity,
+  Alert,
+} from 'react-native';
+import React, {memo, useContext, useState, useEffect} from 'react';
+import Logo from '../../../components/Logo';
+import TextInputContainer from '../../../components/TextInputContainer';
+import {SafeAreaProvider, SafeAreaView} from 'react-native-safe-area-context';
+import {IconButton, MD2Colors} from 'react-native-paper';
+import Icon from 'react-native-vector-icons/FontAwesome';
+import styles from './styles';
+import Clipboard from '@react-native-clipboard/clipboard';
+import {CallContext} from '../../context/CallContext';
+import {useNavigation} from '@react-navigation/native';
+import {AuthContext} from '../../context/AuthContext';
+
+const handleCopyToClipboard = text => {
+  Clipboard.setString(text);
+  Alert.alert('Ramal copiado para área de transferência!');
+};
+
+const JoinScreen = () => {
+  const {setCalle, handleIniciarChamada, statusColor} = useContext(CallContext);
+  const {authData} = useContext(AuthContext);
+  const navigation = useNavigation();
+  const [number, setNumber] = useState('');
+  const [callInitiated, setCallInitiated] = useState(false);
+
+  const handleCall = async () => {
+    if (!number) {
+      Alert.alert('Por favor, insira o ramal para realizar a ligação.');
+      return;
+    }
+
+    setCalle(number);
+    setCallInitiated(true);
+  };
+
+  function handleNavigate(destiny) {
+    navigation.replace(destiny);
+  }
+
+  // Efeito para monitorar quando a chamada deve ser iniciada
+  useEffect(() => {
+    if (callInitiated) {
+      handleIniciarChamada();
+      navigation.navigate('outgoingCall');
+      setCallInitiated(false);
+    }
+  }, [callInitiated]);
+
+  return (
+    <SafeAreaProvider>
+      <KeyboardAvoidingView
+        behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+        style={styles.container}>
+        <SafeAreaView style={styles.header}>
+          <View style={styles.viewBnConfig}>
+            <IconButton
+              style={styles.settingsButton}
+              icon={'account-cog'}
+              iconColor={MD2Colors.grey300}
+              size={30}
+              onPress={() => handleNavigate('configuracoes')}
+            />
+          </View>
+          <View style={styles.logoContainer}>
+            <Text style={styles.subtitle}>Softphone</Text>
+            <Logo />
+          </View>
+        </SafeAreaView>
+        <View style={styles.inner}>
+          <View
+            style={{
+              display: 'flex',
+              flexDirection: 'row',
+              justifyContent: 'center',
+              width: '100%',
+            }}>
+            <Icon
+              name={'circle'}
+              color={statusColor}
+              size={20}
+              style={{marginHorizontal: 4}}
+            />
+            <Text style={styles.titles}>{authData.username}</Text>
+          </View>
+          <TouchableOpacity
+            onPress={() => handleCopyToClipboard(authData.ramal)}>
+            <View style={styles.box}>
+              <Text style={styles.idCall}>{authData.ramal || '0000'}</Text>
+            </View>
+          </TouchableOpacity>
+        </View>
+        <TouchableWithoutFeedback onPress={Keyboard.dismiss}>
+          <View style={styles.inner}>
+            <Text style={{fontSize: 14, color: 'rgba(255,255,255,1)'}}>
+              Insira o ramal para ligação
+            </Text>
+            <TextInputContainer
+              style={styles.textInput}
+              value={number}
+              setValue={setNumber}
+              keyboardType={'number-pad'}
+            />
+            <View>
+              <IconButton
+                icon={'phone'}
+                size={45}
+                onPress={handleCall}
+                iconColor={MD2Colors.lightGreen300}
+                backgroundColor={MD2Colors.green900}
+              />
+            </View>
+          </View>
+        </TouchableWithoutFeedback>
+      </KeyboardAvoidingView>
+    </SafeAreaProvider>
+  );
+};
+
+export default memo(JoinScreen);

asset/screens/JoinScreen/styles.js

@@ -0,0 +1,87 @@
+import {StyleSheet} from 'react-native';
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    padding: 12,
+    backgroundColor: 'rgba(9, 10, 32, 1)',
+  },
+  viewBnConfig: {
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    position: 'relative',
+    top: 0,
+  },
+  settingsButton: {
+    justifyContent: 'center',
+    alignSelf: 'center',
+  },
+  logoContainer: {
+    alignItems: 'center',
+    marginBottom: 18,
+  },
+  subtitle: {
+    fontSize: 16,
+    textAlign: 'center',
+    alignSelf: 'flex-start',
+    marginLeft: 34,
+    fontWeight: 'bold',
+    color: 'rgba(255,255,255,1)',
+  },
+  inner: {
+    marginVertical: 10,
+    padding: 12,
+    backgroundColor: 'rgba(18, 20, 55, 0.3)',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 10,
+  },
+  titles: {
+    fontSize: 16,
+    fontWeight: 'bold',
+    marginBottom: 4,
+    letterSpacing: 1,
+    color: 'rgba(255,255,255,1)',
+  },
+  box: {
+    padding: 16,
+    alignItems: 'center',
+    marginBottom: 16,
+  },
+  idCall: {
+    fontSize: 34,
+    fontWeight: 'bold',
+    color: 'rgba(255,255,255,1)',
+    letterSpacing: 6,
+  },
+  buttonCall: {
+    backgroundColor: 'green',
+    borderRadius: 100,
+    paddingVertical: 12,
+    alignItems: 'center',
+    width: '60%',
+    marginTop: 16,
+  },
+  textInput: {
+    borderRadius: 10,
+    margin: 10,
+    fontSize: 30,
+    justifyContent: 'center',
+    alignSelf: 'center',
+    fontWeight: 'bold',
+    height: 60,
+    width: '60%',
+    backgroundColor: 'rgba(255,255,255,0.1)',
+    color: 'rgba(255,255,255,1)',
+  },
+  header: {
+    position: 'relative',
+    alignSelf: 'center',
+    top: -50,
+    height: 140,
+  },
+});
+
+export default styles;

asset/screens/ModalKeyPad/ModalKeyPad.js

@@ -0,0 +1,47 @@
+import React, {useContext} from 'react';
+import {Modal, View, Text, TouchableOpacity, Alert} from 'react-native';
+import {CallContext} from '../../context/CallContext';
+import styles from './styles';
+
+const DialpadModal = ({visible, onClose}) => {
+  const {session} = useContext(CallContext);
+
+  const sendDTMF = tone => {
+    if (session) {
+      session.sendDTMF(tone);
+      console.log(`DTMF tone ${tone} sent`);
+    } else {
+      Alert.alert('Erro', 'Nenhuma sessão ativa para enviar DTMF');
+    }
+  };
+
+  const renderButton = number => (
+    <TouchableOpacity
+      key={number}
+      style={styles.button}
+      onPress={() => sendDTMF(number)}>
+      <Text style={styles.buttonText}>{number}</Text>
+    </TouchableOpacity>
+  );
+
+  return (
+    <Modal
+      animationType="slide"
+      transparent={true}
+      visible={visible}
+      onRequestClose={onClose}>
+      <View style={styles.modalContainer}>
+        <View style={styles.dialpad}>
+          {['1', '2', '3', '4', '5', '6', '7', '8', '9', '*', '0', '#'].map(
+            renderButton,
+          )}
+        </View>
+        <TouchableOpacity style={styles.closeButton} onPress={onClose}>
+          <Text style={styles.closeButtonText}>Fechar</Text>
+        </TouchableOpacity>
+      </View>
+    </Modal>
+  );
+};
+
+export default DialpadModal;

asset/screens/ModalKeyPad/styles.js

@@ -0,0 +1,47 @@
+import {StyleSheet} from 'react-native';
+
+const styles = StyleSheet.create({
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'flex-end',
+    backgroundColor: 'rgba(0, 0, 0, 0.2)',
+  },
+  dialpad: {
+    backgroundColor: 'rgba(0,0,0,0.9)',
+    padding: 25,
+    borderTopLeftRadius: 10,
+    borderTopRightRadius: 10,
+    alignItems: 'center',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    justifyContent: 'center',
+  },
+  button: {
+    width: 65,
+    height: 65,
+    justifyContent: 'center',
+    alignItems: 'center',
+    margin: 5,
+    borderRadius: 35,
+    backgroundColor: 'rgba(128, 128, 128, 0.5)',
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 26,
+    fontWeight: 'bold',
+  },
+  closeButton: {
+    backgroundColor: 'rgba(255,0,0,0.9)',
+    padding: 14,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  closeButtonText: {
+    color: 'white',
+    fontSize: 18,
+    fontWeight: 'bold',
+    letterSpacing: 1,
+  },
+});
+
+export default styles;

asset/screens/OutgoingScreen/OutgoingScreen.js

@@ -0,0 +1,65 @@
+import {View, Text, TouchableOpacity} from 'react-native';
+import * as Animatable from 'react-native-animatable';
+import styles from './styles';
+import React, {memo, useContext} from 'react';
+import {CallContext} from '../../context/CallContext';
+import CallEnd from '../../../components/CallEnd';
+
+const OutgoingCallScreen = () => {
+  const {handleEndCall, calle} = useContext(CallContext);
+
+  return (
+    <View
+      style={{
+        flex: 1,
+        justifyContent: 'space-around',
+        backgroundColor: 'rgba(9, 10, 32, 1)',
+      }}>
+      <View
+        style={{
+          padding: 35,
+          justifyContent: 'center',
+          alignItems: 'center',
+          borderRadius: 14,
+        }}>
+        <Text
+          style={{
+            fontSize: 16,
+            color: '#D0D4DD',
+          }}>
+          Ligando para ...
+        </Text>
+
+        <Text
+          style={{
+            fontSize: 36,
+            marginTop: 12,
+            color: '#ffff',
+            letterSpacing: 6,
+          }}>
+          {calle}
+        </Text>
+      </View>
+      <View
+        style={{
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <TouchableOpacity
+          onPress={handleEndCall}
+          style={{
+            backgroundColor: '#FF5D5D',
+            borderRadius: 30,
+            height: 60,
+            aspectRatio: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}>
+          <CallEnd width={50} height={12} />
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+
+export default memo(OutgoingCallScreen);

asset/src/logo_simples_ip.svg

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Camada_1" data-name="Camada 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="200 300 600 480">
+  <defs>
+    <style>
+      .cls-1 {
+        letter-spacing: .15em;
+      }
+
+      .cls-2 {
+        letter-spacing: .14em;
+      }
+
+      .cls-3 {
+        letter-spacing: .12em;
+      }
+
+      .cls-4 {
+        fill: url(#Gradiente_sem_nome_11);
+      }
+
+      .cls-4, .cls-5 {
+        stroke-width: 0px;
+      }
+
+      .cls-6 {
+        letter-spacing: .14em;
+      }
+
+      .cls-7 {
+        font-family: Interstate-Light, Interstate;
+        font-size: 59.32px;
+        font-weight: 300;
+      }
+
+      .cls-7, .cls-5 {
+        fill: #fff;
+      }
+    </style>
+    <linearGradient id="Gradiente_sem_nome_11" data-name="Gradiente sem nome 11" x1="210.92" y1="576.93" x2="392.97" y2="394.88" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#6916c8"/>
+      <stop offset="1" stop-color="#ed19ca"/>
+    </linearGradient>
+  </defs>
+  <g>
+    <path class="cls-5" d="M459.96,411.24c-3.63-7.24-12.2-12.19-20.77-12.19-6.25,0-12.33,2.44-16.66,6.4,3.79,5.4,6.01,12.04,6.11,19.38.11,8.79-3.45,17.58-9.77,24.13-1.27,1.31-2.63,2.52-4.08,3.6v22.15c8.99,11.98,13.85,26.47,13.85,41.73,0,14.17-4.19,27.68-12.02,39.15.4.96.88,1.94,1.46,3.04,3.63,7.25,12.2,12.2,21.11,12.2s17.14-4.95,20.77-12.2c2.96-5.6,3.3-8.56,3.3-20.11v-107.16c0-11.86-.34-14.51-3.3-20.11Z"/>
+    <path class="cls-4" d="M394.53,405.23c-11.5.06-19.95,8.63-19.84,20.08.11,10.96,9.52,20.45,20.15,20.32,10.76-.14,20.08-9.79,19.94-20.62-.15-11.41-8.78-19.84-20.25-19.77ZM208.64,526.55c-11.51.06-19.96,8.61-19.85,20.06.11,10.97,9.52,20.47,20.15,20.33,10.76-.14,20.09-9.79,19.94-20.62-.14-11.41-8.77-19.84-20.24-19.77ZM398.43,476.94c-10.55-10.54-24.59-16.36-39.5-16.36h-114.26c-2.71,0-4.9-2.19-4.9-4.89s2.19-4.9,4.9-4.9h90.99c14.06,0,25.49-11.44,25.49-25.48s-11.44-25.49-25.49-25.49h-90.99c-14.93,0-28.96,5.82-39.51,16.36-10.54,10.55-16.36,24.59-16.36,39.51s5.82,28.94,16.36,39.5c10.55,10.55,24.59,16.36,39.51,16.36h114.26c2.7,0,4.89,2.19,4.89,4.9s-2.19,4.89-4.89,4.89h-89.4c-14.06,0-25.49,11.44-25.49,25.49s11.44,25.48,25.49,25.48h89.4c14.91,0,28.94-5.81,39.5-16.36,10.55-10.55,16.36-24.57,16.36-39.5s-5.81-28.96-16.36-39.51ZM384,541.52c-6.7,6.7-15.61,10.39-25.08,10.39h-89.4c-2.81,0-5.09-2.29-5.09-5.09s2.28-5.09,5.09-5.09h89.4c13.94,0,25.29-11.35,25.29-25.29s-11.35-25.3-25.29-25.3h-114.26c-9.47,0-18.38-3.69-25.08-10.38-6.7-6.7-10.39-15.61-10.39-25.08s3.69-18.38,10.39-25.08c6.7-6.7,15.61-10.39,25.08-10.39h90.99c2.81,0,5.09,2.28,5.09,5.09s-2.28,5.08-5.09,5.08h-90.99c-13.96,0-25.3,11.35-25.3,25.3s11.35,25.29,25.3,25.29h114.26c9.47,0,18.38,3.69,25.08,10.39,6.69,6.7,10.38,15.61,10.38,25.08s-3.69,18.38-10.38,25.08Z"/>
+    <path class="cls-5" d="M495.9,427.07c0-16.82,9.56-28.03,24.07-28.03,9.56,0,14.84,3.3,23.41,15.83,13.52-12.2,25.39-16.82,42.53-16.82,11.87,0,24.07,2.97,32.97,8.24,4.95,2.64,7.91,5.61,13.52,12.86,19.45-15.83,32.31-21.1,50.78-21.1,33.63,0,58.36,23.74,58.36,56.05v84.41c0,11.54-.33,14.51-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.61-3.3-8.24-3.3-20.11v-73.53c0-14.84-9.89-25.06-24.73-25.06s-25.39,10.22-25.39,25.06v73.53c0,11.54-.33,14.51-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.61-3.3-8.24-3.3-20.11v-68.91c0-18.79-9.23-29.67-25.06-29.67-14.51,0-25.06,10.55-25.06,25.06v73.53c0,11.54-.33,14.51-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.47-4.95-21.1-12.2c-2.97-5.61-3.3-8.24-3.3-20.11v-111.45Z"/>
+    <path class="cls-5" d="M770.55,427.73c0-17.81,8.9-28.69,23.41-28.69,11.21,0,17.15,4.62,23.41,18.46,12.86-14.18,24.73-19.45,43.19-19.45,40.23,0,71.55,37.26,71.55,85.4s-31.98,88.37-74.52,88.37c-15.17,0-24.4-3.3-38.58-14.18v46.82c0,11.87-.33,14.84-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.6-3.3-8.24-3.3-20.11v-176.73ZM817.7,484.44c0,25.06,13.19,42.2,32.64,42.2s33.3-18.13,33.3-41.87-14.51-41.55-33.3-41.55-32.64,17.15-32.64,41.22Z"/>
+    <path class="cls-5" d="M1000.36,538.52c0,11.54-.33,14.51-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.61-3.3-8.24-3.3-20.11v-179.7c0-11.54.33-14.51,3.3-19.78,3.63-7.25,12.2-12.2,21.1-12.2s17.15,4.95,20.77,11.87c2.97,5.61,3.3,8.24,3.3,20.11v179.7Z"/>
+    <path class="cls-5" d="M1072.23,500.93c7.25,19.45,19.45,28.69,38.58,28.69,11.54,0,14.51-.99,39.9-13.52,2.97-1.32,6.92-2.31,10.55-2.31,9.89,0,19.45,9.56,19.45,19.78,0,19.78-35.28,38.25-72.54,38.25-51.77,0-88.04-34.95-88.04-84.41s35.28-89.35,83.09-89.35c45.17,0,80.45,36.6,80.45,83.75,0,13.52-6.26,19.12-21.1,19.12h-90.34ZM1135.87,467.96c-2.31-9.23-3.96-13.19-6.92-17.81-5.61-7.91-14.84-12.53-24.73-12.53-16.16,0-26.71,9.23-33.63,30.33h65.29Z"/>
+    <path class="cls-5" d="M1318.2,431.36c0,10.88-8.9,21.1-18.79,21.1-5.28,0-5.61,0-20.44-6.59-7.25-3.3-13.52-4.95-18.46-4.95-7.91,0-12.86,3.3-12.86,8.57,0,6.26,2.64,7.91,25.39,16.82,21.43,8.57,28.36,12.53,36.93,21.1,7.58,8.24,11.87,18.46,11.87,30.33,0,31.98-26.05,54.07-63.97,54.07-32.97,0-61.99-16.49-61.99-34.95,0-11.21,9.89-21.76,20.11-21.76q5.61,0,25.06,8.57c7.91,3.63,14.18,5.28,19.45,5.28,7.91,0,14.18-4.95,14.18-11.21,0-5.61-3.63-8.57-18.46-14.18-24.07-8.9-30.66-12.2-38.91-18.13-11.54-8.24-16.49-19.12-16.49-34.95,0-30,26.71-52.43,62.32-52.43,29.35,0,55.06,15.5,55.06,33.3Z"/>
+    <path class="cls-5" d="M1399.65,547.09c0,14.84-12.2,27.04-26.71,27.04s-27.04-12.2-27.04-27.04,12.2-26.71,27.37-26.71,26.38,12.2,26.38,26.71Z"/>
+    <path class="cls-5" d="M1434.6,431.36c0-11.54.33-14.51,3.3-20.11,3.63-7.25,12.2-12.2,21.1-12.2s17.15,4.95,20.77,12.2c2.97,5.61,3.3,8.24,3.3,20.11v107.16c0,11.54-.33,14.51-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.61-3.3-8.24-3.3-20.11v-107.16Z"/>
+    <path class="cls-5" d="M1515.7,427.73c0-17.81,8.9-28.69,23.41-28.69,11.21,0,17.15,4.62,23.41,18.46,12.86-14.18,24.73-19.45,43.19-19.45,40.23,0,71.55,37.26,71.55,85.4s-31.98,88.37-74.52,88.37c-15.17,0-24.4-3.3-38.58-14.18v46.82c0,11.87-.33,14.84-3.3,20.11-3.63,7.25-12.2,12.2-20.77,12.2s-17.48-4.95-21.1-12.2c-2.97-5.6-3.3-8.24-3.3-20.11v-176.73ZM1562.85,484.44c0,25.06,13.19,42.2,32.64,42.2s33.3-18.13,33.3-41.87-14.51-41.55-33.3-41.55-32.64,17.15-32.64,41.22Z"/>
+  </g>
+  <text class="cls-7" transform="translate(440.2 741.72)"><tspan class="cls-1" x="0" y="0">A TELE</tspan><tspan class="cls-3" x="247.65" y="0">F</tspan><tspan class="cls-1" x="287.39" y="0">ONIA SEM AMAR</tspan><tspan class="cls-2" x="855.28" y="0">R</tspan><tspan class="cls-6" x="902.02" y="0">A</tspan><tspan class="cls-1" x="950.54" y="0">S</tspan></text>
+</svg>

babel.config.js

@@ -0,0 +1,8 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+  env: {
+    production: {
+      plugins: ['react-native-paper/babel'],
+    },
+  },
+};

components/AnimatedButton.js

@@ -1,51 +1,51 @@
-import React from 'react';
-import {Animated, TouchableOpacity, View, StyleSheet} from 'react-native';
-
-const AnimatedButton = ({onPress, children}) => {
-  const animatedValue = useRef(new Animated.Value(1)).current;
-
-  const onPressIn = () => {
-    Animated.timing(animatedValue, {
-      toValue: 0.7,
-      duration: 100,
-      useNativeDriver: true,
-    }).start();
-  };
-
-  const onPressOut = () => {
-    Animated.timing(animatedValue, {
-      toValue: 1,
-      duration: 100,
-      useNativeDriver: true,
-    }).start();
-  };
-
-  const animatedStyle = {
-    backgroundColor: '#FF5D5D',
-    borderRadius: 30,
-    opacity: animatedValue,
-  };
-
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      onPressIn={onPressIn}
-      onPressOut={onPressOut}
-      style={styles.button}>
-      <Animated.View style={animatedStyle} />
-      {children}
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    height: 60,
-    aspectRatio: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    position: 'relative',
-  },
-});
-
-export default AnimatedButton;
+import React from 'react';
+import {Animated, TouchableOpacity, View, StyleSheet} from 'react-native';
+
+const AnimatedButton = ({onPress, children}) => {
+  const animatedValue = useRef(new Animated.Value(1)).current;
+
+  const onPressIn = () => {
+    Animated.timing(animatedValue, {
+      toValue: 0.7,
+      duration: 100,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  const onPressOut = () => {
+    Animated.timing(animatedValue, {
+      toValue: 1,
+      duration: 100,
+      useNativeDriver: true,
+    }).start();
+  };
+
+  const animatedStyle = {
+    backgroundColor: '#FF5D5D',
+    borderRadius: 30,
+    opacity: animatedValue,
+  };
+
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      onPressIn={onPressIn}
+      onPressOut={onPressOut}
+      style={styles.button}>
+      <Animated.View style={animatedStyle} />
+      {children}
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    height: 60,
+    aspectRatio: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+  },
+});
+
+export default AnimatedButton;

components/CallAnswer.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import Svg, {Path} from 'react-native-svg';
-
-const SvgComponent = props => (
-  <Svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={66.667}
-    height={66.667}
-    viewBox="0 0 50 50"
-    {...props}>
-    <Path d="M6.4 6.4C4.5 8.3 3 10.6 3 11.6 3.1 21.9 28.1 46.9 38.3 47c2.3 0 8.7-6.2 8.7-8.4 0-.9-2.5-3.2-5.5-5.3-5.5-3.6-5.6-3.6-8.9-2l-3.3 1.5-6.1-6.1-6-6.2 1.6-3.2c1.5-3.2 1.5-3.3-2.1-8.8-2.1-3-4.4-5.5-5.3-5.5-.9 0-3.1 1.5-5 3.4zM25 5.7c0 .5 2.1 1.4 4.6 2.1 6.1 1.6 11 6.5 12.6 12.6 1.5 5.5 3.3 6.2 2.3.8-.9-5.1-4.1-9.9-8.4-12.7C32.3 6 25 4.2 25 5.7z" />
-    <Path d="M25 12c0 .5 1.2 1 2.6 1 1.6 0 3.9 1.3 6 3.4 2.1 2.1 3.4 4.4 3.4 6 0 1.4.5 2.6 1 2.6 1.7 0 1.1-4.3-1-7.7-2-3.4-6.6-6.3-10-6.3-1.1 0-2 .4-2 1zM25 17c0 .5.6 1 1.3 1 1.6 0 5.7 4.2 5.7 5.8 0 .7.5 1.2 1 1.2 2 0 1-3.2-1.9-6.1C28.2 16 25 15 25 17z" />
-  </Svg>
-);
-
-export default SvgComponent;
+import * as React from 'react';
+import Svg, {Path} from 'react-native-svg';
+
+const SvgComponent = props => (
+  <Svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={66.667}
+    height={66.667}
+    viewBox="0 0 50 50"
+    {...props}>
+    <Path d="M6.4 6.4C4.5 8.3 3 10.6 3 11.6 3.1 21.9 28.1 46.9 38.3 47c2.3 0 8.7-6.2 8.7-8.4 0-.9-2.5-3.2-5.5-5.3-5.5-3.6-5.6-3.6-8.9-2l-3.3 1.5-6.1-6.1-6-6.2 1.6-3.2c1.5-3.2 1.5-3.3-2.1-8.8-2.1-3-4.4-5.5-5.3-5.5-.9 0-3.1 1.5-5 3.4zM25 5.7c0 .5 2.1 1.4 4.6 2.1 6.1 1.6 11 6.5 12.6 12.6 1.5 5.5 3.3 6.2 2.3.8-.9-5.1-4.1-9.9-8.4-12.7C32.3 6 25 4.2 25 5.7z" />
+    <Path d="M25 12c0 .5 1.2 1 2.6 1 1.6 0 3.9 1.3 6 3.4 2.1 2.1 3.4 4.4 3.4 6 0 1.4.5 2.6 1 2.6 1.7 0 1.1-4.3-1-7.7-2-3.4-6.6-6.3-10-6.3-1.1 0-2 .4-2 1zM25 17c0 .5.6 1 1.3 1 1.6 0 5.7 4.2 5.7 5.8 0 .7.5 1.2 1 1.2 2 0 1-3.2-1.9-6.1C28.2 16 25 15 25 17z" />
+  </Svg>
+);
+
+export default SvgComponent;

components/CallEnd.js

@@ -1,15 +1,15 @@
-import * as React from "react"
-import Svg, { Path } from "react-native-svg"
-
-function SvgComponent(props) {
-  return (
-    <Svg width={22.882} height={7.844} viewBox="0 0 22.882 7.844" {...props}>
-      <Path
-        d="M11.441 1.771a15.2 15.2 0 00-4.386.637v2.749a.889.889 0 01-.534.8A11.116 11.116 0 003.98 7.595a.991.991 0 01-.667.252.969.969 0 01-.672-.261L.281 5.392a.843.843 0 010-1.257A16.829 16.829 0 0111.441 0 16.829 16.829 0 0122.6 4.134a.846.846 0 01.281.629.836.836 0 01-.281.624l-2.36 2.191a.989.989 0 01-.672.261 1 1 0 01-.667-.252 11.117 11.117 0 00-2.541-1.638.889.889 0 01-.534-.8V2.4a15.349 15.349 0 00-4.385-.629z"
-        fill="#fff"
-      />
-    </Svg>
-  )
-}
-
-export default SvgComponent
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+function SvgComponent(props) {
+  return (
+    <Svg width={22.882} height={7.844} viewBox="0 0 22.882 7.844" {...props}>
+      <Path
+        d="M11.441 1.771a15.2 15.2 0 00-4.386.637v2.749a.889.889 0 01-.534.8A11.116 11.116 0 003.98 7.595a.991.991 0 01-.667.252.969.969 0 01-.672-.261L.281 5.392a.843.843 0 010-1.257A16.829 16.829 0 0111.441 0 16.829 16.829 0 0122.6 4.134a.846.846 0 01.281.629.836.836 0 01-.281.624l-2.36 2.191a.989.989 0 01-.672.261 1 1 0 01-.667-.252 11.117 11.117 0 00-2.541-1.638.889.889 0 01-.534-.8V2.4a15.349 15.349 0 00-4.385-.629z"
+        fill="#fff"
+      />
+    </Svg>
+  )
+}
+
+export default SvgComponent

components/CameraSwitch.js

@@ -1,22 +1,22 @@
-import * as React from "react";
-import Svg, { Defs, Path } from "react-native-svg";
-
-function CameraSwitch(props) {
-  return (
-    <Svg viewBox="0 0 19.046 16.357" {...props}>
-      <Defs></Defs>
-      <Path
-        className="a"
-        d="M21.045 11.238a.682.682 0 00-.627-.423h-.8a7.708 7.708 0 00-.443-1.608 8.178 8.178 0 00-15.239 0 .682.682 0 101.27.493 6.815 6.815 0 0112.7 0 6.134 6.134 0 01.314 1.118h-.532a.686.686 0 00-.484 1.165l1.363 1.363.109.068h.034a.634.634 0 00.341.129.682.682 0 00.484-.2l1.365-1.362a.682.682 0 00.145-.743zm-2.256 3.033a.682.682 0 00-.879.388 6.815 6.815 0 01-12.7 0 6.134 6.134 0 01-.314-1.118h.532a.686.686 0 00.484-1.165l-1.367-1.363-.109-.068a.682.682 0 00-.825.089L2.248 12.4a.669.669 0 00.45 1.145h.8a7.708 7.708 0 00.443 1.608 8.178 8.178 0 0015.239 0 .682.682 0 00-.391-.882z"
-        transform="translate(-2.052 -4)"
-      />
-      <Path
-        className="a"
-        d="M13.602 12.179a2.045 2.045 0 10-2.045 2.045 2.045 2.045 0 002.045-2.045zm-2.726 0a.682.682 0 11.682.682.682.682 0 01-.682-.682z"
-        transform="translate(-2.052 -4)"
-      />
-    </Svg>
-  );
-}
-
-export default CameraSwitch;
+import * as React from "react";
+import Svg, { Defs, Path } from "react-native-svg";
+
+function CameraSwitch(props) {
+  return (
+    <Svg viewBox="0 0 19.046 16.357" {...props}>
+      <Defs></Defs>
+      <Path
+        className="a"
+        d="M21.045 11.238a.682.682 0 00-.627-.423h-.8a7.708 7.708 0 00-.443-1.608 8.178 8.178 0 00-15.239 0 .682.682 0 101.27.493 6.815 6.815 0 0112.7 0 6.134 6.134 0 01.314 1.118h-.532a.686.686 0 00-.484 1.165l1.363 1.363.109.068h.034a.634.634 0 00.341.129.682.682 0 00.484-.2l1.365-1.362a.682.682 0 00.145-.743zm-2.256 3.033a.682.682 0 00-.879.388 6.815 6.815 0 01-12.7 0 6.134 6.134 0 01-.314-1.118h.532a.686.686 0 00.484-1.165l-1.367-1.363-.109-.068a.682.682 0 00-.825.089L2.248 12.4a.669.669 0 00.45 1.145h.8a7.708 7.708 0 00.443 1.608 8.178 8.178 0 0015.239 0 .682.682 0 00-.391-.882z"
+        transform="translate(-2.052 -4)"
+      />
+      <Path
+        className="a"
+        d="M13.602 12.179a2.045 2.045 0 10-2.045 2.045 2.045 2.045 0 002.045-2.045zm-2.726 0a.682.682 0 11.682.682.682.682 0 01-.682-.682z"
+        transform="translate(-2.052 -4)"
+      />
+    </Svg>
+  );
+}
+
+export default CameraSwitch;

components/IconContainer/index.js

@@ -1,27 +1,21 @@
-import React from 'react';
-import {TouchableOpacity} from 'react-native';
-
-const buttonStyle = {
-  height: 50,
-  aspectRatio: 1,
-  justifyContent: 'center',
-  alignItems: 'center',
-};
-const IconContainer = ({backgroundColor, onPress, Icon, style}) => {
-  return (
-    <TouchableOpacity
-      onPress={onPress}
-      style={{
-        ...style,
-        backgroundColor: backgroundColor ? backgroundColor : 'transparent',
-        borderRadius: 30,
-        height: 60,
-        aspectRatio: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}>
-      <Icon />
-    </TouchableOpacity>
-  );
-};
-export default IconContainer;
+import React from 'react';
+import {TouchableOpacity} from 'react-native';
+
+const IconContainer = ({backgroundColor, onPress, Icon, style}) => {
+  return (
+    <TouchableOpacity
+      onPress={onPress}
+      style={{
+        ...style,
+        backgroundColor: backgroundColor ? backgroundColor : 'transparent',
+        borderRadius: 30,
+        height: 60,
+        aspectRatio: 1,
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}>
+      <Icon />
+    </TouchableOpacity>
+  );
+};
+export default IconContainer;

components/LabeledInput/function.js

@@ -0,0 +1,44 @@
+import React, {useState} from 'react';
+import {View, Text, TextInput} from 'react-native';
+import styles from './styles';
+
+const LabeledInput = ({
+  label,
+  value,
+  onChangeText,
+  placeholder,
+  secureTextEntry,
+  keyboardType,
+}) => {
+  const [isFocused, setIsFocused] = useState(false);
+
+  const handleFocus = () => {
+    setIsFocused(true);
+  };
+
+  const handleBlur = () => {
+    setIsFocused(false);
+  };
+
+  return (
+    <View style={styles.containerLabel}>
+      <Text style={styles.label}>{label}</Text>
+      <TextInput
+        style={[
+          styles.input,
+          {borderBottomWidth: isFocused ? 3 : 0},
+          {borderColor: isFocused ? '#5A54CE' : 'transparent'},
+        ]}
+        value={value}
+        onChangeText={onChangeText}
+        placeholder={placeholder}
+        secureTextEntry={secureTextEntry}
+        keyboardType={keyboardType}
+        onFocus={handleFocus}
+        onBlur={handleBlur}
+      />
+    </View>
+  );
+};
+
+export default LabeledInput;

components/LabeledInput/styles.js

@@ -0,0 +1,23 @@
+import {StyleSheet} from 'react-native';
+const styles = StyleSheet.create({
+  label: {
+    fontSize: 13,
+    marginLeft: 4,
+    marginBottom: 1,
+    fontWeight: 'bold',
+    letterSpacing: 1,
+    color: 'rgba(255,255,255,1)',
+  },
+  input: {
+    backgroundColor: 'rgba(8,20,55,0.6)',
+    borderRadius: 4,
+    paddingHorizontal: 10,
+    color: 'rgba(255,255,255,0.8)',
+  },
+  containerLabel: {
+    marginHorizontal: 16,
+    marginVertical: 4,
+  },
+});
+
+export default styles;

components/Leave.js

@@ -1,27 +1,27 @@
-import * as React from "react";
-import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
-
-function Leave(props) {
-  return (
-    <Svg
-      width={24}
-      height={24}
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      {...props}
-    >
-      <G clipPath="url(#clip0_226_104)" fill="#fff">
-        <Path d="M3 0h11c1.7 0 3 1.3 3 3v6H8c-1.7 0-3 1.3-3 3s1.3 3 3 3h9v6c0 1.7-1.3 3-3 3H3c-1.7 0-3-1.3-3-3V3c0-1.7 1.4-3 3-3z" />
-        <Path d="M20.6 13H8c-.6 0-1-.4-1-1s.4-1 1-1h12.6l-1.3-1.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3 3c.4.4.4 1 0 1.4l-3 3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l1.3-1.3z" />
-      </G>
-      <Defs>
-        <ClipPath id="clip0_226_104">
-          <Path fill="#fff" d="M0 0H24V24H0z" />
-        </ClipPath>
-      </Defs>
-    </Svg>
-  );
-}
-
-export default Leave;
+import * as React from "react";
+import Svg, { G, Path, Defs, ClipPath } from "react-native-svg";
+
+function Leave(props) {
+  return (
+    <Svg
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <G clipPath="url(#clip0_226_104)" fill="#fff">
+        <Path d="M3 0h11c1.7 0 3 1.3 3 3v6H8c-1.7 0-3 1.3-3 3s1.3 3 3 3h9v6c0 1.7-1.3 3-3 3H3c-1.7 0-3-1.3-3-3V3c0-1.7 1.4-3 3-3z" />
+        <Path d="M20.6 13H8c-.6 0-1-.4-1-1s.4-1 1-1h12.6l-1.3-1.3c-.4-.4-.4-1 0-1.4.4-.4 1-.4 1.4 0l3 3c.4.4.4 1 0 1.4l-3 3c-.4.4-1 .4-1.4 0-.4-.4-.4-1 0-1.4l1.3-1.3z" />
+      </G>
+      <Defs>
+        <ClipPath id="clip0_226_104">
+          <Path fill="#fff" d="M0 0H24V24H0z" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+}
+
+export default Leave;

components/Logo.js

@@ -0,0 +1,18 @@
+import {View, Image} from 'react-native';
+import LogoSvg from '../asset/src/logo_simples_ip.svg';
+import React from 'react';
+
+const Logo = () => {
+  return (
+    <View
+      style={{
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '100%',
+      }}>
+      <LogoSvg width={'100%'} height={85} />
+    </View>
+  );
+};
+
+export default Logo;

components/MicOff.js

@@ -1,16 +1,16 @@
-import * as React from 'react';
-import Svg, {Path} from 'react-native-svg';
-
-function MicOff(props) {
-  return (
-    <Svg viewBox="0 0 12.691 12.691" {...props}>
-      <Path d="M0 0h12.691v12.691H0zm0 0h12.691v12.691H0z" fill="none" />
-      <Path
-        d="M10.062 5.819h-.9a2.607 2.607 0 01-.231 1.087l.654.652a3.431 3.431 0 00.477-1.739zm-2.131.087c0-.029.008-.058.008-.087V2.637a1.593 1.593 0 00-3.185 0v.1zm-5.686-4.33l-.677.673 3.19 3.191v.382a1.589 1.589 0 001.587 1.591 1.638 1.638 0 00.345-.04l.881.88a2.928 2.928 0 01-1.226.273 2.753 2.753 0 01-2.813-2.704h-.9a3.7 3.7 0 003.185 3.564v1.737h1.062V9.384a3.765 3.765 0 001.348-.48l2.222 2.22.677-.674z"
-        fill={props.fill}
-      />
-    </Svg>
-  );
-}
-
-export default MicOff;
+import * as React from 'react';
+import Svg, {Path} from 'react-native-svg';
+
+function MicOff(props) {
+  return (
+    <Svg viewBox="0 0 12.691 12.691" {...props}>
+      <Path d="M0 0h12.691v12.691H0zm0 0h12.691v12.691H0z" fill="none" />
+      <Path
+        d="M10.062 5.819h-.9a2.607 2.607 0 01-.231 1.087l.654.652a3.431 3.431 0 00.477-1.739zm-2.131.087c0-.029.008-.058.008-.087V2.637a1.593 1.593 0 00-3.185 0v.1zm-5.686-4.33l-.677.673 3.19 3.191v.382a1.589 1.589 0 001.587 1.591 1.638 1.638 0 00.345-.04l.881.88a2.928 2.928 0 01-1.226.273 2.753 2.753 0 01-2.813-2.704h-.9a3.7 3.7 0 003.185 3.564v1.737h1.062V9.384a3.765 3.765 0 001.348-.48l2.222 2.22.677-.674z"
+        fill={props.fill}
+      />
+    </Svg>
+  );
+}
+
+export default MicOff;

components/MicOn.js

@@ -1,32 +1,32 @@
-import * as React from 'react';
-import Svg, {Defs, ClipPath, Path, G} from 'react-native-svg';
-
-function MicOn(props) {
-  return (
-    <Svg fill="#FFF" viewBox="0 0 15.238 16" {...props}>
-      <Defs>
-        <ClipPath id="a">
-          <Path
-            className="a"
-            transform="translate(.235 .255)"
-            d="M0 0H15.238V16H0z"
-          />
-        </ClipPath>
-      </Defs>
-      <G clipPath="url(#a)">
-        <Path
-          className="a"
-          d="M6.765 8.909a2.225 2.225 0 002.229-2.224l.007-4.45a2.236 2.236 0 00-4.472 0v4.448a2.232 2.232 0 002.236 2.226zm3.95-2.224a3.856 3.856 0 01-3.95 3.781 3.856 3.856 0 01-3.95-3.781H1.548a5.182 5.182 0 004.472 4.982v2.431h1.491v-2.431a5.182 5.182 0 004.472-4.982z"
-          transform="translate(-.235 -.255) translate(1.174 .899)"
-        />
-        <Path
-          d="M0 .567h13.531v13.531H0z"
-          transform="translate(-.235 -.255) translate(1.174 .899)"
-          fill="none"
-        />
-      </G>
-    </Svg>
-  );
-}
-
-export default MicOn;
+import * as React from 'react';
+import Svg, {Defs, ClipPath, Path, G} from 'react-native-svg';
+
+function MicOn(props) {
+  return (
+    <Svg fill="#FFF" viewBox="0 0 15.238 16" {...props}>
+      <Defs>
+        <ClipPath id="a">
+          <Path
+            className="a"
+            transform="translate(.235 .255)"
+            d="M0 0H15.238V16H0z"
+          />
+        </ClipPath>
+      </Defs>
+      <G clipPath="url(#a)">
+        <Path
+          className="a"
+          d="M6.765 8.909a2.225 2.225 0 002.229-2.224l.007-4.45a2.236 2.236 0 00-4.472 0v4.448a2.232 2.232 0 002.236 2.226zm3.95-2.224a3.856 3.856 0 01-3.95 3.781 3.856 3.856 0 01-3.95-3.781H1.548a5.182 5.182 0 004.472 4.982v2.431h1.491v-2.431a5.182 5.182 0 004.472-4.982z"
+          transform="translate(-.235 -.255) translate(1.174 .899)"
+        />
+        <Path
+          d="M0 .567h13.531v13.531H0z"
+          transform="translate(-.235 -.255) translate(1.174 .899)"
+          fill="none"
+        />
+      </G>
+    </Svg>
+  );
+}
+
+export default MicOn;

components/TextInputContainer/index.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import {View, TextInput} from 'react-native';
+const TextInputContainer = ({value, setValue, keyboardType, style}) => {
+  return (
+    <View style={{width: '100%'}}>
+      <TextInput
+        style={style}
+        multiline={true}
+        numberOfLines={1}
+        cursorColor={'#EAEAEA'}
+        onChangeText={setValue}
+        value={value}
+        keyboardType={keyboardType}
+        textAlign="center"
+      />
+    </View>
+  );
+};
+
+export default TextInputContainer;

components/VideoOff.js

@@ -1,24 +1,24 @@
-import * as React from "react";
-import Svg, { Defs, ClipPath, Path, G } from "react-native-svg";
-
-function VideoOff(props) {
-  return (
-    <Svg viewBox="0 0 31 30" {...props}>
-      <Defs>
-        <ClipPath id="a">
-          <Path d="M0 0H31V30H0z" />
-        </ClipPath>
-      </Defs>
-      <G clipPath="url(#a)">
-        <Path
-          d="M21.5 16.9a1.05 1.05 0 00.5-.9V8a1.193 1.193 0 00-.5-.9.908.908 0 00-1 0L17 8.9A3.058 3.058 0 0014 6h-3.7l11 11c0-.1.1-.1.2-.1zm.2 3.4l-4.8-4.8L7.4 6 3.7 2.3a.967.967 0 00-1.4 0 .967.967 0 000 1.4L4.6 6A3.019 3.019 0 002 9v6a2.946 2.946 0 003 3h9a2.64 2.64 0 001.9-.7l4.4 4.4a.99.99 0 101.4-1.4z"
-          transform="translate(-47 -52) translate(50 55)"
-          fill={props.fill}
-          data-name="Group 2115"
-        />
-      </G>
-    </Svg>
-  );
-}
-
-export default VideoOff;
+import * as React from "react";
+import Svg, { Defs, ClipPath, Path, G } from "react-native-svg";
+
+function VideoOff(props) {
+  return (
+    <Svg viewBox="0 0 31 30" {...props}>
+      <Defs>
+        <ClipPath id="a">
+          <Path d="M0 0H31V30H0z" />
+        </ClipPath>
+      </Defs>
+      <G clipPath="url(#a)">
+        <Path
+          d="M21.5 16.9a1.05 1.05 0 00.5-.9V8a1.193 1.193 0 00-.5-.9.908.908 0 00-1 0L17 8.9A3.058 3.058 0 0014 6h-3.7l11 11c0-.1.1-.1.2-.1zm.2 3.4l-4.8-4.8L7.4 6 3.7 2.3a.967.967 0 00-1.4 0 .967.967 0 000 1.4L4.6 6A3.019 3.019 0 002 9v6a2.946 2.946 0 003 3h9a2.64 2.64 0 001.9-.7l4.4 4.4a.99.99 0 101.4-1.4z"
+          transform="translate(-47 -52) translate(50 55)"
+          fill={props.fill}
+          data-name="Group 2115"
+        />
+      </G>
+    </Svg>
+  );
+}
+
+export default VideoOff;

components/VideoOn.js

@@ -1,15 +1,15 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-function VideoOn(props) {
-  return (
-    <Svg viewBox="0 0 16 9.6" {...props}>
-      <Path
-        d="M15.6.88a.727.727 0 00-.8 0L12 2.32A2.446 2.446 0 009.6 0H2.4A2.357 2.357 0 000 2.4v4.8a2.357 2.357 0 002.4 2.4h7.2A2.446 2.446 0 0012 7.28l2.88 1.44a.843.843 0 001.04-.32A.721.721 0 0016 8V1.6a.955.955 0 00-.4-.72z"
-        fill={props.fill}
-      />
-    </Svg>
-  );
-}
-
-export default VideoOn;
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+function VideoOn(props) {
+  return (
+    <Svg viewBox="0 0 16 9.6" {...props}>
+      <Path
+        d="M15.6.88a.727.727 0 00-.8 0L12 2.32A2.446 2.446 0 009.6 0H2.4A2.357 2.357 0 000 2.4v4.8a2.357 2.357 0 002.4 2.4h7.2A2.446 2.446 0 0012 7.28l2.88 1.44a.843.843 0 001.04-.32A.721.721 0 0016 8V1.6a.955.955 0 00-.4-.72z"
+        fill={props.fill}
+      />
+    </Svg>
+  );
+}
+
+export default VideoOn;

components/VivaVoz.js

@@ -1,18 +1,18 @@
-import * as React from "react";
-import Svg, { Path } from "react-native-svg";
-
-function VivaVozIcon(props) {
-  return (
-    <Svg width={24} height={24} viewBox="0 0 640 512" fill="none" {...props}>
-      <Path
-        d="M12 0c-1.654 0-3 1.346-3 3v3.76c-.727.476-1.214 1.283-1.306 2.202l-.008.171v1.117c0 2.12-1.71 3.84-3.83 3.84A3.83 3.83 0 012 13.999v-3.767a5.94 5.94 0 01-.007-.255c0-3.285 2.677-5.962 5.962-5.993a6.062 6.062 0 013.992 1.531l1.454-1.455c-.801-.79-1.889-1.279-3.091-1.279zM5 13.986v-3.987A1 1 0 016 8.998h2v7.98h-.007c-.556 0-.993-.447-.993-.993a.992.992 0 01.992-.999h.015v-1zm10 1v1h.008c.55 0 .992.448.992.998s-.442.992-.992.992H12v-7.987h2a1 1 0 011 1.007v3.987z"
-        fill={props.fill || "#000"}
-      />
-      <Path
-        d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"        fill={props.fill || "#000"}
-      />
-    </Svg>
-  );
-}
-
-export default VivaVozIcon;
+import * as React from "react";
+import Svg, { Path } from "react-native-svg";
+
+function VivaVozIcon(props) {
+  return (
+    <Svg width={24} height={24} viewBox="0 0 640 512" fill="none" {...props}>
+      <Path
+        d="M12 0c-1.654 0-3 1.346-3 3v3.76c-.727.476-1.214 1.283-1.306 2.202l-.008.171v1.117c0 2.12-1.71 3.84-3.83 3.84A3.83 3.83 0 012 13.999v-3.767a5.94 5.94 0 01-.007-.255c0-3.285 2.677-5.962 5.962-5.993a6.062 6.062 0 013.992 1.531l1.454-1.455c-.801-.79-1.889-1.279-3.091-1.279zM5 13.986v-3.987A1 1 0 016 8.998h2v7.98h-.007c-.556 0-.993-.447-.993-.993a.992.992 0 01.992-.999h.015v-1zm10 1v1h.008c.55 0 .992.448.992.998s-.442.992-.992.992H12v-7.987h2a1 1 0 011 1.007v3.987z"
+        fill={props.fill || "#000"}
+      />
+      <Path
+        d="M533.6 32.5C598.5 85.2 640 165.8 640 256s-41.5 170.7-106.4 223.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C557.5 398.2 592 331.2 592 256s-34.5-142.2-88.7-186.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM473.1 107c43.2 35.2 70.9 88.9 70.9 149s-27.7 113.8-70.9 149c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C475.3 341.3 496 301.1 496 256s-20.7-85.3-53.2-111.8c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zm-60.5 74.5C434.1 199.1 448 225.9 448 256s-13.9 56.9-35.4 74.5c-10.3 8.4-25.4 6.8-33.8-3.5s-6.8-25.4 3.5-33.8C393.1 284.4 400 271 400 256s-6.9-28.4-17.7-37.3c-10.3-8.4-11.8-23.5-3.5-33.8s23.5-11.8 33.8-3.5zM301.1 34.8C312.6 40 320 51.4 320 64V448c0 12.6-7.4 24-18.9 29.2s-25 3.1-34.4-5.3L131.8 352H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h67.8L266.7 40.1c9.4-8.4 22.9-10.4 34.4-5.3z"        fill={props.fill || "#000"}
+      />
+    </Svg>
+  );
+}
+
+export default VivaVozIcon;

flutter-webrtc-app/.gitignore

@@ -1,44 +0,0 @@
-# Miscellaneous
-*.class
-*.log
-*.pyc
-*.swp
-.DS_Store
-.atom/
-.buildlog/
-.history
-.svn/
-migrate_working_dir/
-
-# IntelliJ related
-*.iml
-*.ipr
-*.iws
-.idea/
-
-# The .vscode folder contains launch configuration and tasks you configure in
-# VS Code which you may wish to be included in version control, so this line
-# is commented out by default.
-#.vscode/
-
-# Flutter/Dart/Pub related
-**/doc/api/
-**/ios/Flutter/.last_build_id
-.dart_tool/
-.flutter-plugins
-.flutter-plugins-dependencies
-.packages
-.pub-cache/
-.pub/
-/build/
-
-# Symbolication related
-app.*.symbols
-
-# Obfuscation related
-app.*.map.json
-
-# Android Studio will place build artifacts here
-/android/app/debug
-/android/app/profile
-/android/app/release

flutter-webrtc-app/.metadata

@@ -1,45 +0,0 @@
-# This file tracks properties of this Flutter project.
-# Used by Flutter tool to assess capabilities and perform upgrades etc.
-#
-# This file should be version controlled.
-
-version:
-  revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-  channel: stable
-
-project_type: app
-
-# Tracks metadata for the flutter migrate command
-migration:
-  platforms:
-    - platform: root
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: android
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: ios
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: linux
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: macos
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: web
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-    - platform: windows
-      create_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-      base_revision: 9944297138845a94256f1cf37beb88ff9a8e811a
-
-  # User provided section
-
-  # List of Local paths (relative to this file) that should be
-  # ignored by the migrate tool.
-  #
-  # Files that are not part of the templates will be ignored by default.
-  unmanaged_files:
-    - 'lib/main.dart'
-    - 'ios/Runner.xcodeproj/project.pbxproj'

flutter-webrtc-app/README.md

@@ -1,67 +0,0 @@
-# WebRTC Flutter App
-
-## Clone Repository
-
-Clone the repository to your local environment.
-
-```sh
-git clone https://github.com/videosdk-live/webrtc.git
-```
-
-### Server Setup
-
-#### Step 1: Go to  webrtc-signalling-server folder
-
-```js
-
-cd webrtc-signalling-server
-
-```
-
-#### Step 2: Install Dependency
-
-```js
-
-npm install
-```
-
-#### Step 3: Run the project
-
-```js
-
-npm run start
-```
-
----
-
-### Client Setup
-
-#### Step 1: Go to flutter_webrtc_app folder
-
-```dart
-
-cd flutter_webrtc_app
-```
-
-### Step 2: Get dependencies
-
-```dart
-flutter pub get
-```
-
-### Step 3: Update Signalling Server URL
-
-in main.dart file, update the websocket url.
-
-```dart
-// signalling server url
-final String websocketUrl = "SIGNALLING_SERVER_URL";
-```
-
-### Step 4: Run the sample app
-
-Bingo, it's time to push the launch button.
-
-```dart
-flutter run
-```

flutter-webrtc-app/analysis_options.yaml

@@ -1,29 +0,0 @@
-# This file configures the analyzer, which statically analyzes Dart code to
-# check for errors, warnings, and lints.
-#
-# The issues identified by the analyzer are surfaced in the UI of Dart-enabled
-# IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be
-# invoked from the command line by running `flutter analyze`.
-
-# The following line activates a set of recommended lints for Flutter apps,
-# packages, and plugins designed to encourage good coding practices.
-include: package:flutter_lints/flutter.yaml
-
-linter:
-  # The lint rules applied to this project can be customized in the
-  # section below to disable rules from the `package:flutter_lints/flutter.yaml`
-  # included above or to enable additional rules. A list of all available lints
-  # and their documentation is published at
-  # https://dart-lang.github.io/linter/lints/index.html.
-  #
-  # Instead of disabling a lint rule for the entire project in the
-  # section below, it can also be suppressed for a single line of code
-  # or a specific dart file by using the `// ignore: name_of_lint` and
-  # `// ignore_for_file: name_of_lint` syntax on the line or in the file
-  # producing the lint.
-  rules:
-    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
-    # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
-
-# Additional information about this file can be found at
-# https://dart.dev/guides/language/analysis-options

flutter-webrtc-app/android/.gitignore

@@ -1,13 +0,0 @@
-gradle-wrapper.jar
-/.gradle
-/captures/
-/gradlew
-/gradlew.bat
-/local.properties
-GeneratedPluginRegistrant.java
-
-# Remember to never publicly share your keystore.
-# See https://flutter.dev/docs/deployment/android#reference-the-keystore-from-the-app
-key.properties
-**/*.keystore
-**/*.jks

flutter-webrtc-app/android/app/build.gradle

@@ -1,71 +0,0 @@
-def localProperties = new Properties()
-def localPropertiesFile = rootProject.file('local.properties')
-if (localPropertiesFile.exists()) {
-    localPropertiesFile.withReader('UTF-8') { reader ->
-        localProperties.load(reader)
-    }
-}
-
-def flutterRoot = localProperties.getProperty('flutter.sdk')
-if (flutterRoot == null) {
-    throw new GradleException("Flutter SDK not found. Define location with flutter.sdk in the local.properties file.")
-}
-
-def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
-if (flutterVersionCode == null) {
-    flutterVersionCode = '1'
-}
-
-def flutterVersionName = localProperties.getProperty('flutter.versionName')
-if (flutterVersionName == null) {
-    flutterVersionName = '1.0'
-}
-
-apply plugin: 'com.android.application'
-apply plugin: 'kotlin-android'
-apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
-
-android {
-    compileSdkVersion flutter.compileSdkVersion
-    ndkVersion flutter.ndkVersion
-
-    compileOptions {
-        sourceCompatibility JavaVersion.VERSION_1_8
-        targetCompatibility JavaVersion.VERSION_1_8
-    }
-
-    kotlinOptions {
-        jvmTarget = '1.8'
-    }
-
-    sourceSets {
-        main.java.srcDirs += 'src/main/kotlin'
-    }
-
-    defaultConfig {
-        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.example.flutter_webrtc_app"
-        // You can update the following values to match your application needs.
-        // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
-        minSdkVersion 23
-        targetSdkVersion flutter.targetSdkVersion
-        versionCode flutterVersionCode.toInteger()
-        versionName flutterVersionName
-    }
-
-    buildTypes {
-        release {
-            // TODO: Add your own signing config for the release build.
-            // Signing with the debug keys for now, so `flutter run --release` works.
-            signingConfig signingConfigs.debug
-        }
-    }
-}
-
-flutter {
-    source '../..'
-}
-
-dependencies {
-    implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
-}

flutter-webrtc-app/android/app/src/debug/AndroidManifest.xml

@@ -1,8 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.flutter_webrtc_app">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
-         to allow setting breakpoints, to provide hot reload, etc.
-    -->
-    <uses-permission android:name="android.permission.INTERNET"/>
-</manifest>

flutter-webrtc-app/android/app/src/main/AndroidManifest.xml

@@ -1,45 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.flutter_webrtc_app">
-
-    <uses-feature android:name="android.hardware.camera" />
-    <uses-feature android:name="android.hardware.camera.autofocus" />
-    <uses-permission android:name="android.permission.CAMERA" />
-    <uses-permission android:name="android.permission.RECORD_AUDIO" />
-    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
-    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
-    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
-    <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />
-    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30" />
-
-   <application
-        android:label="flutter_webrtc_app"
-        android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
-        <activity
-            android:name=".MainActivity"
-            android:exported="true"
-            android:launchMode="singleTop"
-            android:theme="@style/LaunchTheme"
-            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
-            android:hardwareAccelerated="true"
-            android:windowSoftInputMode="adjustResize">
-            <!-- Specifies an Android theme to apply to this Activity as soon as
-                 the Android process has started. This theme is visible to the user
-                 while the Flutter UI initializes. After that, this theme continues
-                 to determine the Window background behind the Flutter UI. -->
-            <meta-data
-              android:name="io.flutter.embedding.android.NormalTheme"
-              android:resource="@style/NormalTheme"
-              />
-            <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
-            </intent-filter>
-        </activity>
-        <!-- Don't delete the meta-data below.
-             This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
-        <meta-data
-            android:name="flutterEmbedding"
-            android:value="2" />
-    </application>
-</manifest>

flutter-webrtc-app/android/app/src/main/kotlin/com/example/flutter_webrtc_app/MainActivity.kt

@@ -1,6 +0,0 @@
-package com.example.flutter_webrtc_app
-
-import io.flutter.embedding.android.FlutterActivity
-
-class MainActivity: FlutterActivity() {
-}

flutter-webrtc-app/android/app/src/main/res/drawable-v21/launch_background.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="?android:colorBackground" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
-</layer-list>

flutter-webrtc-app/android/app/src/main/res/drawable/launch_background.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-    <item android:drawable="@android:color/white" />
-
-    <!-- You can insert your own image assets here -->
-    <!-- <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@mipmap/launch_image" />
-    </item> -->
-</layer-list>

flutter-webrtc-app/android/app/src/main/res/values-night/styles.xml

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is on -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
-        <item name="android:windowBackground">@drawable/launch_background</item>
-    </style>
-    <!-- Theme applied to the Android Window as soon as the process has started.
-         This theme determines the color of the Android Window while your
-         Flutter UI initializes, as well as behind your Flutter UI while its
-         running.
-
-         This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Black.NoTitleBar">
-        <item name="android:windowBackground">?android:colorBackground</item>
-    </style>
-</resources>

flutter-webrtc-app/android/app/src/main/res/values/styles.xml

@@ -1,18 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <!-- Theme applied to the Android Window while the process is starting when the OS's Dark Mode setting is off -->
-    <style name="LaunchTheme" parent="@android:style/Theme.Light.NoTitleBar">
-        <!-- Show a splash screen on the activity. Automatically removed when
-             the Flutter engine draws its first frame -->
-        <item name="android:windowBackground">@drawable/launch_background</item>
-    </style>
-    <!-- Theme applied to the Android Window as soon as the process has started.
-         This theme determines the color of the Android Window while your
-         Flutter UI initializes, as well as behind your Flutter UI while its
-         running.
-
-         This Theme is only used starting with V2 of Flutter's Android embedding. -->
-    <style name="NormalTheme" parent="@android:style/Theme.Light.NoTitleBar">
-        <item name="android:windowBackground">?android:colorBackground</item>
-    </style>
-</resources>

flutter-webrtc-app/android/app/src/profile/AndroidManifest.xml

@@ -1,8 +0,0 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    package="com.example.flutter_webrtc_app">
-    <!-- The INTERNET permission is required for development. Specifically,
-         the Flutter tool needs it to communicate with the running application
-         to allow setting breakpoints, to provide hot reload, etc.
-    -->
-    <uses-permission android:name="android.permission.INTERNET"/>
-</manifest>

flutter-webrtc-app/android/build.gradle

@@ -1,31 +0,0 @@
-buildscript {
-    ext.kotlin_version = '1.7.10'
-    repositories {
-        google()
-        mavenCentral()
-    }
-
-    dependencies {
-        classpath 'com.android.tools.build:gradle:7.2.0'
-        classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
-    }
-}
-
-allprojects {
-    repositories {
-        google()
-        mavenCentral()
-    }
-}
-
-rootProject.buildDir = '../build'
-subprojects {
-    project.buildDir = "${rootProject.buildDir}/${project.name}"
-}
-subprojects {
-    project.evaluationDependsOn(':app')
-}
-
-task clean(type: Delete) {
-    delete rootProject.buildDir
-}

flutter-webrtc-app/android/gradle.properties

@@ -1,3 +0,0 @@
-org.gradle.jvmargs=-Xmx1536M
-android.useAndroidX=true
-android.enableJetifier=true