From 384bafe67b6421d76a44ff99b4eccd6a831ae0c9 Mon Sep 17 00:00:00 2001
From: otsmr <git@tsmr.eu>
Date: Wed, 5 Feb 2025 00:43:41 +0100
Subject: [PATCH] add receiver side for media

---
 android/app/src/main/AndroidManifest.xml      |   1 +
 .../com/example/connect/MainActivity.kt       |   4 +-
 assets/animations/present.lottie.json         |   1 +
 assets/animations/present.lottie.zip          | Bin 0 -> 4272 bytes
 ios/Runner/Info.plist                         |   4 +-
 .../components/message_send_state_icon.dart   |   2 +-
 lib/src/model/json/message.dart               |  36 ++-
 lib/src/model/messages_model.dart             |   2 +-
 lib/src/providers/api/api.dart                |  22 +-
 .../views/chats/chat_item_details_view.dart   |   4 +-
 lib/src/views/chats/media_viewer_view.dart    | 231 ++++++++++++++----
 pubspec.lock                                  |  58 ++++-
 pubspec.yaml                                  |   3 +
 13 files changed, 291 insertions(+), 77 deletions(-)
 create mode 100644 assets/animations/present.lottie.json
 create mode 100644 assets/animations/present.lottie.zip

diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 8806535..6522dfa 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -34,6 +34,7 @@
     <uses-permission android:name="android.permission.INTERNET"/>
     <uses-permission android:name="android.permission.RECORD_AUDIO"/>
     <uses-permission android:name="android.permission.CAMERA"/>
+    <uses-permission android:name="android.permission.USE_BIOMETRIC"/>
     <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" android:maxSdkVersion="29" />
     <!-- Required to query activities that can process text, see:
          https://developer.android.com/training/package-visibility and
diff --git a/android/app/src/main/kotlin/com/example/connect/MainActivity.kt b/android/app/src/main/kotlin/com/example/connect/MainActivity.kt
index ba3d3c2..241c9e4 100644
--- a/android/app/src/main/kotlin/com/example/connect/MainActivity.kt
+++ b/android/app/src/main/kotlin/com/example/connect/MainActivity.kt
@@ -1,5 +1,5 @@
 package com.example.connect
 
-import io.flutter.embedding.android.FlutterActivity
+import io.flutter.embedding.android.FlutterFragmentActivity
 
-class MainActivity: FlutterActivity()
+class MainActivity: FlutterFragmentActivity()
diff --git a/assets/animations/present.lottie.json b/assets/animations/present.lottie.json
new file mode 100644
index 0000000..93d895b
--- /dev/null
+++ b/assets/animations/present.lottie.json
@@ -0,0 +1 @@
+{"v":"5.3.0","fr":30,"ip":150,"op":251,"w":1150,"h":1150,"nm":"present","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":3,"nm":"Cpresent","sr":1,"ks":{"o":{"a":0,"k":0,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0.5,"y":0},"n":"0_1_0p5_0","t":190,"s":[576.539,1018.092,0],"e":[576.539,730.092,0],"to":[0,-48,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"n":"0p833_0p833_1_0","t":200,"s":[576.539,730.092,0],"e":[576.539,1018.092,0],"to":[0,0,0],"ti":[0,-48,0]},{"t":216}],"ix":2},"a":{"a":0,"k":[0.049,442.049,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"presentcap","parent":5,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":158,"s":[0],"e":[3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":162,"s":[3],"e":[-3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":166,"s":[-3],"e":[3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":170,"s":[3],"e":[-3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":174,"s":[-3],"e":[3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":178,"s":[3],"e":[-3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":182,"s":[-3],"e":[3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":186,"s":[3],"e":[0]},{"t":190}],"ix":10},"p":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"n":"0p5_1_0p5_0","t":156,"s":[736.596,308.771,0],"e":[736.596,343.071,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":189,"s":[736.596,343.071,0],"e":[736.596,131.771,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":1,"y":0},"n":"0p833_0p833_1_0","t":199,"s":[736.596,131.771,0],"e":[736.596,354.771,0],"to":[0,0,0],"ti":[0,0,0]},{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0.167},"n":"0p5_1_0p167_0p167","t":215,"s":[736.596,354.771,0],"e":[736.596,308.771,0],"to":[0,0,0],"ti":[0,0,0]},{"t":222}],"ix":2},"a":{"a":0,"k":[736.596,304.271,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[40.981,49.781],[-40.98,49.781],[-40.98,-49.781],[40.981,-49.781]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.638999968884,0.226999993418,0.294000004787,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[736.595,254.49],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group20","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.04,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.04,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[146.659,49.781],[-146.659,49.781],[-157.596,38.845],[-157.596,-38.844],[-146.659,-49.781],[146.659,-49.781],[157.596,-38.844],[157.596,38.845]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.745000023935,0.33300000359,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[736.596,254.49],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group21","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":3,"ty":4,"nm":"bantikL","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":159,"s":[0],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":163,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":167,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":171,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":175,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":179,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":183,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":187,"s":[5],"e":[0]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":191,"s":[0],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":198,"s":[-5],"e":[15]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":213,"s":[15],"e":[-8]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":218,"s":[-8],"e":[3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":223,"s":[3],"e":[-1]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":228,"s":[-1],"e":[0]},{"t":233}],"ix":10},"p":{"a":0,"k":[735.741,194.256,0],"ix":2},"a":{"a":0,"k":[735.741,194.256,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-0.369,22.093],[-5.992,8.736],[0,0],[-8.846,3.586],[-14.395,-16.584],[-2.64,-6.832],[0,0],[1.118,0.001],[0,0],[7.693,3.005]],"o":[[0.16,-9.545],[0,0],[5.992,-8.736],[20.944,-8.489],[4.802,5.532],[0,0],[0.403,1.043],[0,0],[-8.258,-0.002],[-20.134,-7.863]],"v":[[-61.679,1.968],[-52.671,-26.007],[-52.671,-26.009],[-29.816,-44.486],[26.828,-29.215],[37.973,-10.454],[61.646,50.809],[60.161,52.975],[-4.611,52.952],[-28.786,48.535]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.808000033509,0.275,0.352999997606,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":29,"ix":5},"lc":1,"lj":1,"ml":10,"ml2":{"a":0,"k":10,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[673.987,141.282],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group23","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":4,"ty":4,"nm":"bantikR","parent":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":161,"s":[0],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":165,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":169,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":173,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":177,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":181,"s":[5],"e":[-5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":185,"s":[-5],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":189,"s":[5],"e":[0]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":193,"s":[0],"e":[5]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":200,"s":[5],"e":[-15]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":215,"s":[-15],"e":[8]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":220,"s":[8],"e":[-3]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":225,"s":[-3],"e":[1]},{"i":{"x":[0.5],"y":[1]},"o":{"x":[0.5],"y":[0]},"n":["0p5_1_0p5_0"],"t":230,"s":[1],"e":[0]},{"t":235}],"ix":10},"p":{"a":0,"k":[737.942,194.256,0],"ix":2},"a":{"a":0,"k":[737.942,194.256,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0.369,22.093],[5.992,8.736],[0,0],[8.846,3.586],[14.395,-16.584],[2.64,-6.832],[0,0],[-1.118,0.001],[0,0],[-7.693,3.005]],"o":[[-0.16,-9.545],[0,0],[-5.992,-8.736],[-20.944,-8.489],[-4.802,5.532],[0,0],[-0.403,1.043],[0,0],[8.258,-0.002],[20.133,-7.863]],"v":[[61.68,1.968],[52.672,-26.007],[52.672,-26.009],[29.817,-44.486],[-26.827,-29.215],[-37.972,-10.454],[-61.645,50.809],[-60.16,52.975],[4.612,52.952],[28.787,48.535]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[0.808000033509,0.275,0.352999997606,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":29,"ix":5},"lc":1,"lj":1,"ml":10,"ml2":{"a":0,"k":10,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[799.695,141.282],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group24","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"presentbox","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[0.049,441.049,0],"ix":2},"a":{"a":0,"k":[737.539,467.092,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"n":"0p5_1_0p5_0","t":190,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-91.91],[35.26,-91.91]],"c":true}],"e":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-107.91],[35.26,-107.91]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0},"n":"0p5_1_0p167_0","t":200,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-107.91],[35.26,-107.91]],"c":true}],"e":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-107.91],[35.26,-107.91]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0},"n":"0p5_1_0p167_0","t":220,"s":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-107.91],[35.26,-107.91]],"c":true}],"e":[{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[37.13,81.41],[-37.13,81.41],[-39,-91.91],[35.26,-91.91]],"c":true}]},{"t":227}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.74900004069,0.231000010173,0.325,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[736.596,385.681],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group19","np":2,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0.167},"n":"0p5_1_0p167_0p167","t":0,"s":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-136.458,-35.625],[-125.521,-46.562],[129.292,-46.562],[140.229,-35.625],[138.344,115.855]],"c":true}],"e":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-35.625],[-127.521,-46.562],[127.292,-46.562],[138.229,-35.625],[138.343,115.855]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.5,"y":0},"n":"0p5_1_0p5_0","t":190,"s":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-35.625],[-127.521,-46.562],[127.292,-46.562],[138.229,-35.625],[138.343,115.855]],"c":true}],"e":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-51.625],[-127.521,-62.562],[127.292,-62.562],[138.229,-51.625],[138.344,115.855]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0},"n":"0p5_1_0p167_0","t":200,"s":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-51.625],[-127.521,-62.562],[127.292,-62.562],[138.229,-51.625],[138.344,115.855]],"c":true}],"e":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-51.625],[-127.521,-62.562],[127.292,-62.562],[138.229,-51.625],[138.344,115.855]],"c":true}]},{"i":{"x":0.5,"y":1},"o":{"x":0.167,"y":0},"n":"0p5_1_0p167_0","t":220,"s":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-51.625],[-127.521,-62.562],[127.292,-62.562],[138.229,-51.625],[138.344,115.855]],"c":true}],"e":[{"i":[[6.04,0],[0,0],[0,6.041],[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0]],"o":[[0,0],[-6.041,0],[0,0],[0,-6.041],[0,0],[6.04,0],[0,0],[0,6.041]],"v":[[127.407,126.791],[-127.406,126.791],[-138.343,115.855],[-138.458,-35.625],[-127.521,-46.562],[127.292,-46.562],[138.229,-35.625],[138.344,115.855]],"c":true}]},{"t":227}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.816000007181,0.490000017952,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[736.596,340.301],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group22","np":2,"cix":2,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"spark11","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-99.486,365.46,0],"e":[-160.486,208.46,0],"to":[-5.16666650772095,-74.1666641235352,0],"ti":[43.8819313049316,25.6729106903076,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[-160.486,208.46,0],"e":[-99.486,365.46,0],"to":[-6.55376052856445,-3.8342456817627,0],"ti":[-5.04912757873535,-137.995544433594,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[36.377,36.377,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"spark10","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-25.486,352.46,0],"e":[-86.486,135.46,0],"to":[2.5,-124.5,0],"ti":[19.6917133331299,21.696460723877,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[-86.486,135.46,0],"e":[-25.486,352.46,0],"to":[-5.21526956558228,-5.74621915817261,0],"ti":[0.26166790723801,-164.231063842773,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[36.377,36.377,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"spark9","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[100.514,371.46,0],"e":[191.514,139.46,0],"to":[-15.8333330154419,-97.6666641235352,0],"ti":[-81.0513000488281,47.6885261535645,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[191.514,139.46,0],"e":[100.514,371.46,0],"to":[0.36032229661942,-0.21200448274612,0],"ti":[-31.3533210754395,-174.00048828125,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[36.377,36.377,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.749019607843,0.231372563979,0.325490196078,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"spark8","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[49.514,376.46,0],"e":[77.514,206.46,0],"to":[-15.3333330154419,-71.3333358764648,0],"ti":[-23.4886989593506,25.894983291626,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[77.514,206.46,0],"e":[49.514,376.46,0],"to":[0.02642781473696,-0.0291351955384,0],"ti":[-25.9654388427734,-107.926177978516,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[81.149,81.149,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.749019607843,0.231372563979,0.325490196078,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":10,"ty":4,"nm":"spark7","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-11.486,386.46,0],"e":[-46.486,179.46,0],"to":[5.66666650772095,-86.6666641235352,0],"ti":[24.9577713012695,49.2292251586914,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[-46.486,179.46,0],"e":[-11.486,386.46,0],"to":[-0.05866902694106,-0.11572471261024,0],"ti":[15.2377452850342,-111.400802612305,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[81.149,81.149,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":11,"ty":4,"nm":"spark6","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[105.514,364.46,0],"e":[158.514,224.46,0],"to":[0.33333334326744,-54.3333320617676,0],"ti":[-35.614387512207,26.8163223266602,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[158.514,224.46,0],"e":[105.514,364.46,0],"to":[0.20142711699009,-0.15166719257832,0],"ti":[-2.65306091308594,-102.551078796387,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[48.159,48.159,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":12,"ty":4,"nm":"spark5","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[21.514,381.46,0],"e":[8.514,228.46,0],"to":[2.33333325386047,-48.5,0],"ti":[30.4939041137695,50.4796409606934,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[8.514,228.46,0],"e":[21.514,381.46,0],"to":[-0.16568151116371,-0.27426934242249,0],"ti":[22.5201988220215,-106.687683105469,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[59.941,59.941,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":13,"ty":4,"nm":"spark4","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-21.486,408.46,0],"e":[18.514,145.46,0],"to":[-15.6666669845581,-117.166664123535,0],"ti":[-41.8612174987793,77.8937683105469,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[18.514,145.46,0],"e":[-21.486,408.46,0],"to":[0.24350243806839,-0.45310014486313,0],"ti":[-30.0709571838379,-150.263214111328,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[48.159,48.159,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.749019607843,0.231372563979,0.325490196078,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":14,"ty":4,"nm":"spark3","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-40.986,362.96,0],"e":[-95.986,222.46,0],"to":[5,-70,0],"ti":[42.6039390563965,31.8565120697021,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[-95.986,222.46,0],"e":[-40.986,362.96,0],"to":[-0.46671664714813,-0.34898096323013,0],"ti":[10.0102043151855,-107.642860412598,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[48.159,48.159,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.749019607843,0.231372563979,0.325490196078,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":15,"ty":4,"nm":"spark2","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[58.014,372.96,0],"e":[124.014,141.46,0],"to":[-12.8333330154419,-35.1666679382324,0],"ti":[-43.7986907958984,70.0169372558594,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[124.014,141.46,0],"e":[58.014,372.96,0],"to":[0.37189388275146,-0.59451252222061,0],"ti":[-16.4951591491699,-88.9542694091797,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[100,100,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[1,0.815686334348,0.490196108351,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0},{"ddd":0,"ind":16,"ty":4,"nm":"spark1","parent":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":45,"ix":10},"p":{"a":1,"k":[{"i":{"x":0,"y":1},"o":{"x":0,"y":0},"n":"0_1_0_0","t":186,"s":[-75.986,386.46,0],"e":[-163.986,149.46,0],"to":[11.1666669845581,-138.83332824707,0],"ti":[43.4212303161621,36.1582984924316,0]},{"i":{"x":1,"y":1},"o":{"x":1,"y":0},"n":"1_1_1_0","t":201,"s":[-163.986,149.46,0],"e":[-75.986,386.46,0],"to":[-0.44834205508232,-0.37334927916527,0],"ti":[16.5796318054199,-166.907958984375,0]},{"t":214}],"ix":2},"a":{"a":0,"k":[-94.996,-106.996,0],"ix":1},"s":{"a":1,"k":[{"i":{"x":[1,1,0.5],"y":[1,1,1]},"o":{"x":[1,1,0.5],"y":[0,0,0]},"n":["1_1_1_0","1_1_1_0","0p5_1_0p5_0"],"t":197,"s":[100,100,100],"e":[0,0,100]},{"t":214}],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","d":1,"s":{"a":0,"k":[30.008,30.008],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"r":{"a":0,"k":0,"ix":4},"nm":"Rectangle Path 1","mn":"ADBE Vector Shape - Rect","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":0,"ix":5},"lc":1,"lj":1,"ml":4,"ml2":{"a":0,"k":4,"ix":8},"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"fl","c":{"a":0,"k":[0.749019607843,0.231372563979,0.325490196078,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[-94.996,-106.996],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Rectangle 1","np":3,"cix":2,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":899,"st":0,"bm":0}],"markers":[]}
\ No newline at end of file
diff --git a/assets/animations/present.lottie.zip b/assets/animations/present.lottie.zip
new file mode 100644
index 0000000000000000000000000000000000000000..429ab8a3ff6a9daaf1670fb4e956a7e9df9e2935
GIT binary patch
literal 4272
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

literal 0
HcmV?d00001

diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
index 4642b9b..3b1d6f0 100644
--- a/ios/Runner/Info.plist
+++ b/ios/Runner/Info.plist
@@ -48,6 +48,8 @@
 	<key>NSCameraUsageDescription</key>
 	<string>To create photos that can be shared.</string>
 	<key>NSMicrophoneUsageDescription</key>
-	<string>Explanation on why the microphone access is needed.</string>
+	<string>To create videos that can be securely shared.</string>
+	<key>NSFaceIDUsageDescription</key>
+	<string>To protect others twonlies!</string>
 </dict>
 </plist>
diff --git a/lib/src/components/message_send_state_icon.dart b/lib/src/components/message_send_state_icon.dart
index 5fba946..a60c8c0 100644
--- a/lib/src/components/message_send_state_icon.dart
+++ b/lib/src/components/message_send_state_icon.dart
@@ -28,7 +28,7 @@ class MessageSendStateIcon extends StatelessWidget {
     String text = "";
 
     Color color =
-        message.messageKind.getColor(Theme.of(context).colorScheme.primary);
+        message.messageContent.getColor(Theme.of(context).colorScheme.primary);
 
     Widget loaderIcon = Row(
       children: [
diff --git a/lib/src/model/json/message.dart b/lib/src/model/json/message.dart
index 02aaf68..4296b05 100644
--- a/lib/src/model/json/message.dart
+++ b/lib/src/model/json/message.dart
@@ -23,16 +23,6 @@ extension MessageKindExtension on MessageKind {
   static MessageKind fromIndex(int index) {
     return MessageKind.values[index];
   }
-
-  Color getColor(Color primary) {
-    Color color = primary;
-    if (this == MessageKind.textMessage) {
-      color = Colors.lightBlue;
-    } else if (this == MessageKind.video) {
-      color = Colors.deepPurple;
-    }
-    return color;
-  }
 }
 
 // TODO: use message as base class, remove kind and flatten content
@@ -72,6 +62,29 @@ class Message {
 class MessageContent {
   MessageContent();
 
+  Color getColor(Color primary) {
+    Color color;
+    if (this is TextMessageContent) {
+      color = Colors.lightBlue;
+    } else {
+      final content = this;
+      if (content is MediaMessageContent) {
+        if (content.isRealTwonly) {
+          color = primary;
+        } else {
+          if (content.isVideo) {
+            color = Colors.deepPurple;
+          } else {
+            color = const Color.fromARGB(255, 214, 47, 47);
+          }
+        }
+      } else {
+        return Colors.black; // this should not happen
+      }
+    }
+    return color;
+  }
+
   static MessageContent fromJson(Map json) {
     switch (json['type']) {
       case 'MediaMessageContent':
@@ -92,10 +105,12 @@ class MediaMessageContent extends MessageContent {
   final List<int> downloadToken;
   final int maxShowTime;
   final bool isRealTwonly;
+  final bool isVideo;
   MediaMessageContent({
     required this.downloadToken,
     required this.maxShowTime,
     required this.isRealTwonly,
+    required this.isVideo,
   });
 
   static MediaMessageContent fromJson(Map json) {
@@ -103,6 +118,7 @@ class MediaMessageContent extends MessageContent {
       downloadToken: List<int>.from(json['downloadToken']),
       maxShowTime: json['maxShowTime'],
       isRealTwonly: json['isRealTwonly'],
+      isVideo: json['isVideo'] ?? false,
     );
   }
 
diff --git a/lib/src/model/messages_model.dart b/lib/src/model/messages_model.dart
index 2b6042e..ebd74d7 100644
--- a/lib/src/model/messages_model.dart
+++ b/lib/src/model/messages_model.dart
@@ -27,7 +27,7 @@ class DbMessage {
   int? messageOtherId;
   int otherUserId;
   MessageKind messageKind;
-  MessageContent? messageContent;
+  MessageContent messageContent;
   DateTime? messageOpenedAt;
   bool messageAcknowledgeByUser;
   bool isDownloaded;
diff --git a/lib/src/providers/api/api.dart b/lib/src/providers/api/api.dart
index 6b5468d..cdb91c5 100644
--- a/lib/src/providers/api/api.dart
+++ b/lib/src/providers/api/api.dart
@@ -152,10 +152,10 @@ Future uploadMediaFile(
       kind: MessageKind.image,
       messageId: messageId,
       content: MediaMessageContent(
-        downloadToken: uploadToken,
-        maxShowTime: maxShowTime,
-        isRealTwonly: isRealTwonly,
-      ),
+          downloadToken: uploadToken,
+          maxShowTime: maxShowTime,
+          isRealTwonly: isRealTwonly,
+          isVideo: false),
       timestamp: DateTime.now(),
     ),
   );
@@ -171,10 +171,10 @@ Future encryptAndUploadMediaFile(
       target.toInt(),
       MessageKind.image,
       MediaMessageContent(
-        downloadToken: [],
-        maxShowTime: maxShowTime,
-        isRealTwonly: isRealTwonly,
-      ));
+          downloadToken: [],
+          maxShowTime: maxShowTime,
+          isRealTwonly: isRealTwonly,
+          isVideo: false));
   // isRealTwonly,
   if (messageId == null) return;
 
@@ -252,11 +252,13 @@ Future<Uint8List?> getDownloadedMedia(
     List<int> mediaToken, int messageOtherId) async {
   final box = await getMediaStorage();
   Uint8List? media = box.get("${mediaToken}_downloaded");
-  int fromUserId = box.get("${mediaToken}_fromUserId");
-  await userOpenedOtherMessage(fromUserId, messageOtherId);
+
+  // int fromUserId = box.get("${mediaToken}_fromUserId");
+  // await userOpenedOtherMessage(fromUserId, messageOtherId);
   // box.delete(mediaToken.toString());
   // box.put("${mediaToken}_downloaded", "deleted");
   // box.delete("${mediaToken}_fromUserId");
+
   return media;
 }
 
diff --git a/lib/src/views/chats/chat_item_details_view.dart b/lib/src/views/chats/chat_item_details_view.dart
index 4df3fcd..66931e7 100644
--- a/lib/src/views/chats/chat_item_details_view.dart
+++ b/lib/src/views/chats/chat_item_details_view.dart
@@ -67,8 +67,8 @@ class ChatListEntry extends StatelessWidget {
         }
         break;
       case MessageKind.image:
-        Color color =
-            message.messageKind.getColor(Theme.of(context).colorScheme.primary);
+        Color color = message.messageContent
+            .getColor(Theme.of(context).colorScheme.primary);
         child = GestureDetector(
           onTap: () {
             if (state == MessageSendState.received && !isDownloading) {
diff --git a/lib/src/views/chats/media_viewer_view.dart b/lib/src/views/chats/media_viewer_view.dart
index 5875ea9..4f0e218 100644
--- a/lib/src/views/chats/media_viewer_view.dart
+++ b/lib/src/views/chats/media_viewer_view.dart
@@ -1,6 +1,9 @@
-import 'dart:typed_data';
+import 'dart:async';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:local_auth/local_auth.dart';
+import 'package:lottie/lottie.dart';
 import 'package:twonly/src/components/media_view_sizing.dart';
 import 'package:twonly/src/model/contacts_model.dart';
 import 'package:twonly/src/model/json/message.dart';
@@ -18,75 +21,205 @@ class MediaViewerView extends StatefulWidget {
 
 class _MediaViewerViewState extends State<MediaViewerView> {
   Uint8List? _imageByte;
+  DateTime? canBeSeenUntil;
+  int maxShowTime = 999999;
+  bool isRealTwonly = false;
+  // DateTime opened;
 
   @override
   void initState() {
     super.initState();
-    _initAsync();
-  }
-
-  Future _initAsync() async {
     final content = widget.message.messageContent;
     if (content is MediaMessageContent) {
+      if (content.isRealTwonly) {
+        isRealTwonly = true;
+      }
+    }
+    loadMedia();
+  }
+
+  Future loadMedia({bool force = false}) async {
+    final content = widget.message.messageContent;
+    if (content is MediaMessageContent) {
+      if (content.isRealTwonly) {
+        if (!force) {
+          return;
+        }
+        try {
+          final LocalAuthentication auth = LocalAuthentication();
+          bool didAuthenticate = await auth.authenticate(
+              localizedReason: 'Please authenticate to see this twonly!',
+              options: const AuthenticationOptions(useErrorDialogs: false));
+          if (!didAuthenticate) {
+            if (context.mounted) {
+              Navigator.pop(context);
+            }
+            return;
+          }
+        } on PlatformException catch (e) {
+          debugPrint(e.toString());
+          // these errors because of hardware not available or bio is not enrolled
+          // as this is just a nice gimig, do not interrupt the user experience
+        }
+      }
+
       List<int> token = content.downloadToken;
       _imageByte =
           await getDownloadedMedia(token, widget.message.messageOtherId!);
+
       setState(() {});
     }
   }
 
+  startTimer() {
+    Future.delayed(canBeSeenUntil!.difference(DateTime.now()), () {
+      if (context.mounted) {
+        Navigator.pop(context);
+      }
+    });
+  }
+
+  mediaOpened() {
+    if (canBeSeenUntil != null) return;
+    final content = widget.message.messageContent;
+    if (content is MediaMessageContent) {
+      if (content.maxShowTime != 999999) {
+        canBeSeenUntil = DateTime.now().add(
+          Duration(seconds: content.maxShowTime),
+        );
+        maxShowTime = content.maxShowTime;
+        startTimer();
+      }
+    }
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
   @override
   Widget build(BuildContext context) {
-    if (_imageByte == null) return Container();
+    double progress = 0;
+    if (canBeSeenUntil != null) {
+      Duration difference = canBeSeenUntil!.difference(DateTime.now());
+      print(difference.inMilliseconds);
+      // Calculate the progress as a value between 0.0 and 1.0
+      progress = (difference.inMilliseconds / (maxShowTime * 1000));
+      if (progress <= 0) {
+        return Scaffold();
+      }
+    }
+    // progress = 0.8;
+
     return Scaffold(
-      body: Stack(
-        fit: StackFit.expand,
-        children: [
-          MediaViewSizing(Image.memory(
-            _imageByte!,
-            fit: BoxFit.contain,
-          )),
-          Positioned(
-            left: 10,
-            top: 60,
-            child: Row(
-              // mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                IconButton(
-                  icon: Icon(Icons.close, size: 30),
-                  color: Colors.white,
-                  onPressed: () async {
-                    Navigator.pop(context);
+      body: SafeArea(
+        child: Stack(
+          fit: StackFit.expand,
+          children: [
+            if (_imageByte != null)
+              MediaViewSizing(
+                Image.memory(
+                  _imageByte!,
+                  fit: BoxFit.contain,
+                  frameBuilder:
+                      ((context, child, frame, wasSynchronouslyLoaded) {
+                    if (frame != null || wasSynchronouslyLoaded) {
+                      mediaOpened();
+                    }
+                    if (wasSynchronouslyLoaded) return child;
+                    return AnimatedSwitcher(
+                      duration: const Duration(milliseconds: 200),
+                      child: frame != null
+                          ? child
+                          : SizedBox(
+                              height: 60,
+                              width: 60,
+                              child: CircularProgressIndicator(strokeWidth: 6),
+                            ),
+                    );
+                  }),
+                ),
+              ),
+            if (isRealTwonly && _imageByte == null)
+              Positioned.fill(
+                child: GestureDetector(
+                  onTap: () {
+                    loadMedia(force: true);
                   },
+                  child: Column(
+                    children: [
+                      Expanded(
+                        child: Lottie.asset(
+                            'assets/animations/present.lottie.json'),
+                      ),
+                      Container(
+                        padding: EdgeInsets.only(bottom: 200),
+                        child: Text("Tap to open your twonly!"),
+                      ),
+                    ],
+                  ),
                 ),
-              ],
+              ),
+            Positioned(
+              left: 10,
+              top: 10,
+              child: Row(
+                // mainAxisAlignment: MainAxisAlignment.center,
+                children: [
+                  IconButton(
+                    icon: Icon(Icons.close, size: 30),
+                    color: Colors.white,
+                    onPressed: () async {
+                      Navigator.pop(context);
+                    },
+                  ),
+                ],
+              ),
             ),
-          ),
-          Positioned(
-            bottom: 70,
-            left: 0,
-            right: 0,
-            child: Row(
-              mainAxisAlignment: MainAxisAlignment.center,
-              children: [
-                const SizedBox(width: 20),
-                FilledButton.icon(
-                  icon: FaIcon(FontAwesomeIcons.solidPaperPlane),
-                  onPressed: () async {},
-                  style: ButtonStyle(
-                    padding: WidgetStateProperty.all<EdgeInsets>(
-                      EdgeInsets.symmetric(vertical: 10, horizontal: 30),
+            Positioned(
+              right: 20,
+              top: 27,
+              child: Row(
+                children: [
+                  if (canBeSeenUntil != null)
+                    SizedBox(
+                        width: 20,
+                        height: 20,
+                        child: CircularProgressIndicator(
+                          value: progress,
+                          strokeWidth: 2.0,
+                        )),
+                ],
+              ),
+            ),
+            if (_imageByte != null)
+              Positioned(
+                bottom: 30,
+                left: 0,
+                right: 0,
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.center,
+                  children: [
+                    // const SizedBox(width: 20),
+                    FilledButton.icon(
+                      icon: FaIcon(FontAwesomeIcons.solidPaperPlane),
+                      onPressed: () async {},
+                      style: ButtonStyle(
+                        padding: WidgetStateProperty.all<EdgeInsets>(
+                          EdgeInsets.symmetric(vertical: 10, horizontal: 30),
+                        ),
+                      ),
+                      label: Text(
+                        "Respond",
+                        style: TextStyle(fontSize: 17),
+                      ),
                     ),
-                  ),
-                  label: Text(
-                    "Respond",
-                    style: TextStyle(fontSize: 17),
-                  ),
+                  ],
                 ),
-              ],
-            ),
-          )
-        ],
+              ),
+          ],
+        ),
       ),
     );
   }
diff --git a/pubspec.lock b/pubspec.lock
index 68e729c..af37d6d 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -432,6 +432,14 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_plugin_android_lifecycle:
+    dependency: transitive
+    description:
+      name: flutter_plugin_android_lifecycle
+      sha256: "615a505aef59b151b46bbeef55b36ce2b6ed299d160c51d84281946f0aa0ce0e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.24"
   flutter_secure_storage:
     dependency: "direct main"
     description:
@@ -674,6 +682,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "5.1.1"
+  local_auth:
+    dependency: "direct main"
+    description:
+      name: local_auth
+      sha256: "434d854cf478f17f12ab29a76a02b3067f86a63a6d6c4eb8fbfdcfe4879c1b7b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
+  local_auth_android:
+    dependency: transitive
+    description:
+      name: local_auth_android
+      sha256: "6763aaf8965f21822624cb2fd3c03d2a8b3791037b5efb0fe4b13e110f5afc92"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.46"
+  local_auth_darwin:
+    dependency: transitive
+    description:
+      name: local_auth_darwin
+      sha256: "630996cd7b7f28f5ab92432c4b35d055dd03a747bc319e5ffbb3c4806a3e50d2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.3"
+  local_auth_platform_interface:
+    dependency: transitive
+    description:
+      name: local_auth_platform_interface
+      sha256: "1b842ff177a7068442eae093b64abe3592f816afd2a533c0ebcdbe40f9d2075a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.10"
+  local_auth_windows:
+    dependency: transitive
+    description:
+      name: local_auth_windows
+      sha256: bc4e66a29b0fdf751aafbec923b5bed7ad6ed3614875d8151afe2578520b2ab5
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.11"
   logging:
     dependency: "direct main"
     description:
@@ -682,6 +730,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.0"
+  lottie:
+    dependency: "direct main"
+    description:
+      name: lottie
+      sha256: c5fa04a80a620066c15cf19cc44773e19e9b38e989ff23ea32e5903ef1015950
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.3.1"
   macros:
     dependency: transitive
     description:
@@ -1217,4 +1273,4 @@ packages:
     version: "3.1.3"
 sdks:
   dart: ">=3.6.0 <4.0.0"
-  flutter: ">=3.24.0"
+  flutter: ">=3.27.0"
diff --git a/pubspec.yaml b/pubspec.yaml
index fc0b3e1..8c688cc 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -33,7 +33,9 @@ dependencies:
   introduction_screen: ^3.1.14
   json_annotation: ^4.9.0
   libsignal_protocol_dart: ^0.7.1
+  local_auth: ^2.3.0
   logging: ^1.3.0
+  lottie: ^3.3.1
   path: ^1.9.0
   path_provider: ^2.1.5
   permission_handler: ^11.3.1
@@ -72,6 +74,7 @@ flutter:
   assets:
     # Add assets from the images directory to the application.
     - assets/images/
+    - assets/animations/present.lottie.json
     - assets/icons/
     - assets/icons/flame.png
     - assets/images/onboarding/01.png