InfoCard updates

Author: fernandoeckert

Sources/SprenUI/UI/Screens/Flows/BodyComp/BodyCompAssets.xcassets/images/Position.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "body position graphic.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "body position graphic@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "body position graphic@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Sources/SprenUI/UI/Screens/Flows/BodyComp/BodyCompAssets.xcassets/images/Position.imageset/body position graphic.png

@@ -16,7 +16,7 @@ struct CameraScreen: View {
     @Environment(\.rootPresentationMode) private var rootPresentationMode: Binding<RootPresentationMode>
 
     @State private var isTimerOpen = false
-    @State private var infoTimer = 10
+    @State private var infoTimer = 3
     @State private var navigateTo: String?
     @State private var selectedImage: UIImage?
     @State private var currentFrame: UIImage?

Sources/SprenUI/UI/Screens/Flows/BodyComp/BodyCompAssets.xcassets/images/Position.imageset/body position graphic@2x.png

@@ -14,22 +14,49 @@ struct CameraScreenInfoCard: View {
         ZStack {
             VisualEffectView(effect: UIBlurEffect(style: .dark)).edgesIgnoringSafeArea(.bottom)
 
-            HStack(alignment: .top) {
-                Image(systemName: "exclamationmark.circle.fill")
-                    .resizable()
-                    .aspectRatio(contentMode: .fill)
-                    .foregroundColor(.white)
-                    .frame(width: 25, height: 25)
-
-                Text("Please stand with your feet together and your arms out at 45 degrees. 

Make sure your whole body is in the picture.

Match the guide. The indicators will turn green when you are in the correct position.")
-                    .font(.sprenLabel)
-                    .lineLimit(10)
-                    .minimumScaleFactor(0.01)
-                    .foregroundColor(.white)
-                    .padding(.leading, Autoscale.convert(15))
-
-            }.padding(Autoscale.convert(24))
-        }.frame(height: Autoscale.convert(170)).cornerRadius(Autoscale.convert(15)).padding()
+            VStack(spacing:Autoscale.convert(10)) {
+                
+                if SprenUI.config.bundle == .module {
+                    Image(SprenUI.config.graphics[.bodyPosition] ?? "", bundle: .module).resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .frame(maxHeight: Autoscale.convert(88))
+                        .padding(.top, Autoscale.convert(10))
+                        .padding(.bottom, Autoscale.convert(10))
+
+                }else{
+                    Image(SprenUI.config.graphics[.bodyPosition] ?? "", bundle: .module).resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .frame(maxHeight: Autoscale.convert(88))
+                        .padding(.top, Autoscale.convert(10))
+                        .padding(.bottom, Autoscale.convert(10))
+
+                }
+
+                HStack {
+                    Text("• Center your whole body in frame")
+                        .multilineTextAlignment(.leading)
+                        .font(.sprenParagraph)
+                        .foregroundColor(.white)
+                    Spacer()
+                }
+
+                HStack {
+                    Text("• Stand with your feet together")
+                        .multilineTextAlignment(.leading)
+                        .font(.sprenParagraph)
+                        .foregroundColor(.white)
+                    Spacer()
+                }
+
+                HStack {
+                    Text("• Put your arms out at 45 degrees")
+                        .multilineTextAlignment(.leading)
+                        .font(.sprenParagraph)
+                        .foregroundColor(.white)
+                    Spacer()
+                }
+            }.padding(Autoscale.convert(24)).padding(.horizontal, Autoscale.convert(20))
+        }.fixedSize(horizontal: false, vertical: true).cornerRadius(Autoscale.convert(15)).padding()
     }
 }
 

Sources/SprenUI/UI/Screens/Flows/BodyComp/BodyCompAssets.xcassets/images/Position.imageset/body position graphic@3x.png

@@ -37,6 +37,7 @@ extension SprenUI {
             .cameraAccessDenied: "cameraAccessDenied",
             .incorrectBodyPosition: "IncorrectBodyPosition",
             .privacy: "Privacy",
+            .bodyPosition: "Position",
 //            .serverError: "ServerError",
             .setupGuide: "SetupGuide"
         ]
@@ -61,6 +62,7 @@ extension SprenUI {
             case cameraAccessDenied
             case incorrectBodyPosition
             case privacy
+            case bodyPosition
 //            case serverError
             case setupGuide
         }