Image answer implementations (#117)

* insert of new implementations on image_answer_view and image_answer_format

* Ajustments in the view and json reading

* ajust on the deprecated function window

* remove of unused import

* ajustments in deprecated widget

* Insert of image question result test

---------

Co-authored-by: Gabriel Soares <[email protected]>

Author: Gabriel Soares

example/assets/example_json.json

@@ -1,7 +1,8 @@
 {
     "id": "123",
     "type": "navigable",
-    "rules": [{
+    "rules": [
+        {
             "type": "conditional",
             "triggerStepIdentifier": {
                 "id": "7"
@@ -52,7 +53,8 @@
             }
         }
     ],
-    "steps": [{
+    "steps": [
+        {
             "stepIdentifier": {
                 "id": "1"
             },
@@ -124,7 +126,8 @@
             "title": "Known allergies",
             "answerFormat": {
                 "type": "multiple",
-                "textChoices": [{
+                "textChoices": [
+                    {
                         "text": "Penicillin",
                         "value": "Penicillin"
                     },
@@ -152,7 +155,8 @@
             "text": "We are done, do you mind to tell us more about yourself?",
             "answerFormat": {
                 "type": "single",
-                "textChoices": [{
+                "textChoices": [
+                    {
                         "text": "Yes",
                         "value": "Yes"
                     },
@@ -199,7 +203,8 @@
             "answerFormat": {
                 "type": "multiple",
                 "otherField": true,
-                "textChoices": [{
+                "textChoices": [
+                    {
                         "text": "Penicillin",
                         "value": "Penicillin"
                     },
@@ -227,17 +232,18 @@
             "answerFormat": {
                 "type": "multiple_auto_complete",
                 "otherField": true,
-                "textChoices": [{
+                "textChoices": [
+                    {
                         "text": "Penicillin",
                         "value": "Penicillin"
                     },
                     {
                         "text": "Latex",
                         "value": "Latex"
                     }
-
                 ],
-                "suggestions": [{
+                "suggestions": [
+                    {
                         "text": "Pet",
                         "value": "Pet"
                     },
@@ -266,7 +272,8 @@
             "text": "What type of pet(s) do you have?",
             "answerFormat": {
                 "type": "multiple",
-                "textChoices": [{
+                "textChoices": [
+                    {
                         "text": "Dog",
                         "value": "Dog"
                     },
@@ -284,6 +291,21 @@
                     }
                 ]
             }
+        },
+        {
+            "stepIdentifier": {
+                "id": "12"
+            },
+            "type": "question",
+            "title": "Upload a selfie",
+            "answerFormat": {
+                "type": "file",
+                "defaultValue": "https://www.maxicolor.com.br/wp-content/uploads/2019/11/placeholder-3x4-450x600.jpg",
+                "buttonText": "Selfie",
+                "useGallery": true,
+                "hintImage": "https://www.maxicolor.com.br/wp-content/uploads/2019/11/placeholder-3x4-450x600.jpg",
+                "hintTitle": "How the image should look"
+            }
         }
     ]
-}
+}

example/ios/Runner.xcodeproj/project.pbxproj

@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 50;
+	objectVersion = 54;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -217,6 +217,7 @@
 		};
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
@@ -231,6 +232,7 @@
 		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);

example/ios/Runner/Info.plist

@@ -48,5 +48,7 @@
 </dict>
 	<key>CADisableMinimumFrameDurationOnPhone</key>
 	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 </dict>
 </plist>

example/lib/main.dart

@@ -250,6 +250,13 @@ class _MyAppState extends State<MyApp> {
             maxDate: DateTime.now(),
           ),
         ),
+        QuestionStep(
+          title: 'Upload a image of you',
+          answerFormat: ImageAnswerFormat(
+            buttonText: 'Upload your photo',
+            useGallery: true,
+          ),
+        ),
         CompletionStep(
           stepIdentifier: StepIdentifier(id: '321'),
           text: 'Thanks for taking the survey, we will contact you soon!',

example/pubspec.lock

@@ -70,7 +70,7 @@ packages:
       name: characters
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.2.1"
+    version: "1.3.0"
   clock:
     dependency: transitive
     description:
@@ -198,6 +198,11 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  fuchsia_remote_debug_protocol:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
   go_router:
     dependency: transitive
     description:
@@ -358,7 +363,15 @@ packages:
       name: path
       url: "https://pub.dartlang.org"
     source: hosted
-    version: "1.8.2"
+    version: "1.8.3"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "4a451831508d7d6ca779f7ac6e212b4023dd5a7d08a27a63da33756410e32b76"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.0"
   plugin_platform_interface:
     dependency: transitive
     description:
@@ -434,6 +447,14 @@ packages:
       relative: true
     source: path
     version: "0.1.2"
+  sync_http:
+    dependency: transitive
+    description:
+      name: sync_http
+      sha256: "7f0cd72eca000d2e026bcd6f990b81d0ca06022ef4e32fb257b30d3d1014a961"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.3.1"
   term_glyph:
     dependency: transitive
     description:

example/pubspec.yaml

@@ -3,10 +3,10 @@ description: Demonstrates how to use the surveykit plugin.
 
 # The following line prevents the package from being accidentally published to
 # pub.dev using `pub publish`. This is preferred for private packages.
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: "none" # Remove this line if you wish to publish to pub.dev
 
 environment:
-  sdk: '>=2.12.0-0 <3.0.0'
+  sdk: ">=2.12.0-0 <3.0.0"
 
 dependencies:
   flutter:
@@ -20,25 +20,25 @@ dependencies:
     # the parent directory to use the current plugin's version.
     path: ../
 
-
 dev_dependencies:
   flutter_test:
     sdk: flutter
+  integration_test:
+    sdk: flutter
 
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
 # The following section is specific to Flutter.
 flutter:
-
   # The following line ensures that the Material Icons font is
   # included with your application, so that you can use the icons in
   # the material Icons class.
   uses-material-design: true
 
   # To add assets to your application, add an assets section, like this:
   assets:
-  - assets/example_json.json
+    - assets/example_json.json
   #   - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see

lib/src/answer_format/image_answer_format.dart

@@ -7,10 +7,17 @@ part 'image_answer_format.g.dart';
 class ImageAnswerFormat implements AnswerFormat {
   final String? defaultValue;
   final String buttonText;
+  final bool useGallery;
+  final String? hintImage;
+  final String? hintTitle;
 
   const ImageAnswerFormat({
     this.defaultValue,
     this.buttonText = 'Image: ',
+    this.useGallery = true,
+    this.hintImage,
+    this.hintTitle,
+
   }) : super();
 
   factory ImageAnswerFormat.fromJson(Map<String, dynamic> json) =>

lib/src/answer_format/image_answer_format.g.dart

@@ -69,7 +69,7 @@ class _ImageAnswerViewState extends State<ImageAnswerView> {
                   vertical: 8.0,
                 ),
                 child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+                  mainAxisAlignment: MainAxisAlignment.center,
                   crossAxisAlignment: CrossAxisAlignment.center,
                   children: [
                     ElevatedButton(
@@ -113,16 +113,39 @@ class _ImageAnswerViewState extends State<ImageAnswerView> {
                 GestureDetector(
                   child: Text('Take a picture'),
                   onTap: () {
-                    _openCamera();
+                    if (_imageAnswerFormat.hintImage != null &&
+                        _imageAnswerFormat.hintTitle != null) {
+                      showDialog(
+                        context: context,
+                        builder: (context) => AlertDialog(
+                          title: Text(
+                            _imageAnswerFormat.hintTitle.toString(),
+                            style: TextStyle(color: Colors.black),
+                          ),
+                          content: Image.network(
+                            _imageAnswerFormat.hintImage.toString(),
+                          ),
+                          actions: [
+                            TextButton(
+                                onPressed: () => _openCamera(),
+                                child: Text('Open Camera')),
+                          ],
+                        ),
+                      );
+                    } else {
+                      _openCamera();
+                    }
                   },
                 ),
                 Padding(padding: EdgeInsets.all(8.0)),
-                GestureDetector(
-                  child: Text('Select from Gallery'),
-                  onTap: () {
-                    _openGallery();
-                  },
-                ),
+                _imageAnswerFormat.useGallery
+                    ? GestureDetector(
+                        child: Text('Select from Gallery'),
+                        onTap: () {
+                          _openGallery();
+                        },
+                      )
+                    : SizedBox(),
               ],
             ),
           ),
@@ -132,6 +155,8 @@ class _ImageAnswerViewState extends State<ImageAnswerView> {
   }
 
   Future<void> _openCamera() async {
+    Container();
+
     var picture = await ImagePicker().pickImage(
       source: ImageSource.camera,
     );

lib/src/views/image_answer_view.dart

@@ -9,7 +9,6 @@
 
 import 'dart:async';
 import 'dart:math' as math;
-import 'dart:ui' as ui;
 
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
@@ -1764,7 +1763,7 @@ class _HourMinuteTextFieldState extends State<_HourMinuteTextField> {
     //
     // resolved, remove the window check for semantics being enabled on web.
     final String? hintText = MediaQuery.of(context).accessibleNavigation ||
-            ui.window.semanticsEnabled
+            WidgetsBinding.instance.platformDispatcher.semanticsEnabled
         ? widget.semanticHintText
         : (focusNode.hasFocus ? null : _formattedValue);
     inputDecoration = inputDecoration.copyWith(