[ANIMATION] Initial implementation of lottie animations

Author: Dario Segura

package/pheno_ui/lib/models/figma_lottie_animation_model.dart

@@ -0,0 +1,27 @@
+import 'dart:convert';
+
+import 'package:pheno_ui/models/figma_parent_layout_model.dart';
+import 'package:pheno_ui/parsers/tools/figma_enum.dart';
+import 'fimga_image_model.dart';
+
+class FigmaLottieAnimationModel extends FigmaParentLayoutModel {
+  final double opacity;
+  final bool autoplay;
+  final bool loop;
+  late final int from;
+  late final int to;
+  late final String animation;
+  final FigmaImageDataMethod method;
+
+  FigmaLottieAnimationModel.fromJson(Map<String, dynamic> json):
+        opacity = json['opacity'].toDouble(),
+        method = FigmaImageDataMethod.values.byNameDefault(json['__userData']['method'] ?? json['uploadMethod'], FigmaImageDataMethod.embed),
+        autoplay = json['__userData']['autoplay'] ?? false,
+        loop = json['__userData']['loop'] ?? false,
+        super.fromJson(json) {
+    final data = json['__userData']['animation']['fields'];
+    animation = data['data'];
+    from = data['from'];
+    to = data['to'];
+  }
+}

package/pheno_ui/lib/parsers/figma_lottie_animation.dart

@@ -0,0 +1,51 @@
+import 'dart:convert';
+
+import 'package:flutter/widgets.dart';
+import 'package:lottie/lottie.dart';
+import 'package:lottie/src/composition.dart'; // ignore: implementation_imports
+import 'package:pheno_ui/parsers/tools/figma_dimensions.dart';
+
+import '../models/figma_lottie_animation_model.dart';
+import '../pheno_ui.dart';
+import '../widgets/figma_node.dart';
+
+class FigmaLottieAnimationParser extends MiraiParser<FigmaLottieAnimationModel> {
+  const FigmaLottieAnimationParser();
+
+  @override
+  FigmaLottieAnimationModel getModel(Map<String, dynamic> json) =>
+      FigmaLottieAnimationModel.fromJson(json);
+
+  @override
+  String get type => 'figma-lottie-animation';
+
+  @override
+  Widget parse(BuildContext context, FigmaLottieAnimationModel model) {
+    final bytes = utf8.encode(model.animation);
+
+    Widget widget = Lottie.memory(
+      bytes,
+      fit: BoxFit.cover,
+      animate: model.autoplay,
+      repeat: model.loop,
+      onLoaded: (composition) {
+        var params = CompositionParameters.forComposition(composition);
+        params.startFrame = model.from.toDouble();
+        params.endFrame = model.to.toDouble();
+      },
+    );
+
+    // Widget widget = Lottie.asset(
+    //   'assets/min_pa_anim_sym_unlocked02.json',
+    //   fit: BoxFit.cover,
+    // );
+
+
+    widget = FigmaNode.withContext(context,
+      model: model,
+      child: widget,
+    );
+
+    return dimensionWrapWidget(widget, model.dimensions!, model.parentLayout!);
+  }
+}

package/pheno_ui/lib/pheno_ui.dart

@@ -5,6 +5,7 @@ import 'package:pheno_ui/parsers/figma_checkbox.dart';
 import 'package:pheno_ui/parsers/figma_conditional_checkbox.dart';
 import 'package:pheno_ui/parsers/figma_form.dart';
 import 'package:pheno_ui/parsers/figma_keep_aspect_ratio.dart';
+import 'package:pheno_ui/parsers/figma_lottie_animation.dart';
 import 'package:pheno_ui/parsers/figma_props_from_route.dart';
 import 'package:pheno_ui/parsers/figma_safe_area.dart';
 import 'package:pheno_ui/parsers/figma_component.dart';
@@ -42,6 +43,7 @@ Future<void> initializePhenoUi({List<MiraiParser> parsers = const []}) async {
     FigmaTileChildParser(),
     FigmaTextFromRouteParser(),
     FigmaPropsFromRouteParser(),
+    FigmaLottieAnimationParser(),
   ];
 
   // merge the parsers giving priority to the ones passed as argument