Merge pull request #335 from ConnectyCube/feature/audio_attachments

Implement Voice messages feature

.github/ISSUE_TEMPLATE/bug_report.md

@@ -9,15 +9,16 @@ assignees: ''
 
 **Specify the sample to which the issue belongs (use [x]):**
 [] Chat sample
-[] P2P Call sample
-[] Conference Call sample
+[] P2P Calls sample
+[] Conference Calls sample
 
 **Platform (use [x])**
 [] Android
 [] iOS
 [] macOS
 [] Windows
 [] Web
+[] Linux
 
 **Device info**
 Manufacture: 

README.md

@@ -7,6 +7,7 @@ This project contains chat and video chat code samples for Flutter platform base
 The following code samples are available:
 
 - [Chat code sample](https://github.com/ConnectyCube/connectycube-flutter-samples/tree/master/chat_sample)
+- [Chat Sample Web App](https://connectycube.github.io/connectycube-flutter-samples/chat_sample/build/web)
 
 <kbd><img alt="Flutter Chat sample, select dialogs" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/dialogs_screen.png" height="440" /></kbd>
 <kbd><img alt="Flutter Chat code sample, chat" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/chat_screen.png" height="440" /></kbd>
@@ -16,14 +17,15 @@ The following code samples are available:
 
 <kbd><img alt="Flutter P2P Calls code sample, login" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/login_screen.png" height="440" /></kbd>
 <kbd><img alt="Flutter P2P Calls code sample, select users" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/select_opponents_screen.png" height="440" /></kbd>
-<kbd><img alt="Flutter P2P Calls code sample, video chat" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen.png" height="440" /></kbd>
+<kbd><img alt="Flutter P2P Calls code sample, video chat" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen_private.png" height="440" /></kbd>
 </kbd> <kbd><img alt="Flutter P2P Calls code sample, video chat (macOS)" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen_macos.png" height="440" /></kbd>
 
 - [Conference Calls code sample](https://github.com/ConnectyCube/connectycube-flutter-samples/tree/master/conf_call_sample)
+- [Conference Calls Sample Web App](https://connectycube.github.io/connectycube-flutter-samples/conf_call_sample/build/web)
 
-<kbd><img alt="Flutter Conference Calls code sample, select users" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/select_opponents_screen.png" height="440" /></kbd>
-<kbd><img alt="Flutter Conference Calls code sample, video chat" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen.png" height="440" /></kbd>
-</kbd> <kbd><img alt="Flutter Conference Calls code sample, video chat (macOS)" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen_macos.png" height="440" /></kbd>
+<kbd><img alt="Flutter Conference Calls code sample, select users" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/select_opponents_screen_conf.png" height="440" /></kbd>
+<kbd><img alt="Flutter Conference Calls code sample, video chat" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen_group_conf.png" height="440" /></kbd>
+</kbd> <kbd><img alt="Flutter Conference Calls code sample, video chat (macOS)" src="https://developers.connectycube.com/docs/_images/code_samples/flutter/call_screen_macos_conf.png" height="440" /></kbd>
 ## Documentation
 
 All the samples use ConnectyCube SDK. The following tech integration documentation is available:
@@ -36,7 +38,10 @@ All the samples use ConnectyCube SDK. The following tech integration documentati
 
 ## Have an issue?
 
-Got troubles with integration? Just create an issue at [Issues page](https://github.com/ConnectyCube/connectycube-flutter-samples/issues) - we will create the sample for you. For FREE!
+Got troubles with integration? Сreate an issue at [Issues page](https://github.com/ConnectyCube/connectycube-flutter-samples/issues)
+
+**Want to support our team**:<br>
+<a href="https://www.buymeacoffee.com/connectycube" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-blue.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
 
 ## License
 

chat_sample/.gitignore

@@ -28,10 +28,11 @@
 .packages
 .pub-cache/
 .pub/
-/build/
+!build/
+build/*
+!build/web/
 
 # Web related
-lib/generated_plugin_registrant.dart
 
 # FCM-related
 lib/firebase_options.dart

chat_sample/README.md

@@ -4,16 +4,24 @@ This README introduces [ConnectyCube](https://connectycube.com) Chat code sample
 
 The project contains the following features implemented:
 
-- User authorization
+- User authorization:
+  - By login;
+  - By e-mail;
+  - By Phone number (on supported platforms - Android, iOS, Web);
 - Users search
 - Chat dialogs creation
 - 1-1 messaging
 - Group messaging
+- Media attachments:
+  - Images;
+  - Voice;
 - ‘Is typing’ statuses
 - Group chat: edit a name, photo; list of participants, add/remove participants; leave a group
 - Push notification: subscribe/unsubscribe, show local notification, navigate to the app click on a local notification
 - Messages' reactions
 
+[**Chat Sample Web App**](https://connectycube.github.io/connectycube-flutter-samples/chat_sample/build/web)
+
 ## Documentation
 
 ConnectyCube Flutter getting started - [https://developers.connectycube.com/flutter](https://developers.connectycube.com/flutter)
@@ -54,6 +62,8 @@ The app will automatically run on a selected iOS device or simulator.
 - Run command from the Terminal `flutter run -d windows`;
 ### Run on Web
 - Run command from the Terminal `flutter run -d chrome`;
+
+or follow the [link](https://connectycube.github.io/connectycube-flutter-samples/chat_sample/build/web) to take a look at the deployed version
 ### Run on Linux
 - Run command from the Terminal `flutter run -d linux`;
 

chat_sample/android/app/src/main/AndroidManifest.xml

@@ -8,22 +8,23 @@
 
     <uses-permission android:name="android.permission.INTERNET" />
     <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
 
     <application
         android:name="${applicationName}"
-        android:label="Chat Sample"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:label="Chat Sample">
         <activity
             android:name=".MainActivity"
-            android:launchMode="singleTop"
-            android:theme="@style/LaunchTheme"
             android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
+            android:exported="true"
             android:hardwareAccelerated="true"
-            android:windowSoftInputMode="adjustResize"
-            android:exported="true">
+            android:launchMode="singleTop"
+            android:theme="@style/LaunchTheme"
+            android:windowSoftInputMode="adjustResize">
             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
         <!-- Don't delete the meta-data below.

chat_sample/build/last_build_run.json

@@ -0,0 +1 @@
+["--track-widget-creation"]

chat_sample/build/web/.last_build_id

@@ -0,0 +1 @@
+5e4caf0ba038efb614f005b3cbffbf63

chat_sample/build/web/assets/AssetManifest.bin

@@ -0,0 +1 @@
+'assets/fonts/NotoColorEmoji-Regular.ttf

asset'assets/fonts/NotoColorEmoji-Regular.ttfassets/images/splash.png

assetassets/images/splash.png)packages/fluttertoast/assets/toastify.css

asset)packages/fluttertoast/assets/toastify.css(packages/fluttertoast/assets/toastify.js

asset(packages/fluttertoast/assets/toastify.js/packages/record_web/assets/js/record.worklet.js

asset/packages/record_web/assets/js/record.worklet.js

chat_sample/build/web/assets/AssetManifest.json

@@ -0,0 +1 @@
+{"assets/fonts/NotoColorEmoji-Regular.ttf":["assets/fonts/NotoColorEmoji-Regular.ttf"],"assets/images/splash.png":["assets/images/splash.png"],"packages/fluttertoast/assets/toastify.css":["packages/fluttertoast/assets/toastify.css"],"packages/fluttertoast/assets/toastify.js":["packages/fluttertoast/assets/toastify.js"],"packages/record_web/assets/js/record.worklet.js":["packages/record_web/assets/js/record.worklet.js"]}

chat_sample/build/web/assets/FontManifest.json

@@ -0,0 +1 @@
+[{"family":"MaterialIcons","fonts":[{"asset":"fonts/MaterialIcons-Regular.otf"}]},{"family":"NotoColorEmoji","fonts":[{"asset":"assets/fonts/NotoColorEmoji-Regular.ttf"}]}]