feat: implement lottie

assets/lotties/complete.json

@@ -0,0 +1 @@
+{"assets":[],"ddd":0,"fr":60,"h":160,"ip":0,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Path 1","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[31,0.5]},"o":{"a":0,"k":100},"p":{"a":0,"k":[80,85]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":121,"st":0,"bm":0,"shapes":[{"ty":"sh","hd":false,"nm":"Path 1","d":1,"ks":{"a":0,"k":{"c":false,"i":[[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0]],"v":[[0,0],[21,21],[62,-20]]}}},{"ty":"st","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"lc":2,"lj":2,"ml":28.96,"o":{"a":0,"k":100},"w":{"a":0,"k":15}},{"ty":"tm","hd":false,"bm":0,"e":{"a":1,"k":[{"t":0,"s":[0],"i":{"x":0.26,"y":0.88},"o":{"x":0.12,"y":0.23}},{"t":27,"s":[0],"i":{"x":0.14,"y":0.99},"o":{"x":0.12,"y":0.23}},{"t":40.2,"s":[31],"i":{"x":0,"y":1.09},"o":{"x":0.11,"y":0.2}},{"t":68.4,"s":[100],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"o":{"a":0,"k":0},"s":{"a":0,"k":0},"m":1}]},{"ddd":0,"ind":2,"ty":4,"nm":"Oval 1","hd":false,"sr":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[1,1],"i":{"x":0,"y":1.38},"o":{"x":0.29,"y":0.15}},{"t":42,"s":[70,70],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"o":{"a":0,"k":100},"p":{"a":0,"k":[80,80]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":121,"st":0,"bm":0,"shapes":[{"ty":"el","hd":false,"nm":"Oval 1","p":{"a":1,"k":[{"t":0,"s":[1,1],"i":{"x":0,"y":1.38},"o":{"x":0.29,"y":0.15}},{"t":42,"s":[70,70],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"s":{"a":1,"k":[{"t":0,"s":[2,2],"i":{"x":0,"y":1.38},"o":{"x":0.29,"y":0.15}},{"t":42,"s":[140,140],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"d":1},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,0.271,0]},"r":1,"o":{"a":0,"k":100}}]},{"ddd":0,"ind":3,"ty":4,"nm":"Screen","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[80,80]},"o":{"a":0,"k":100},"p":{"a":0,"k":[80,80]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":121,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Screen Group","bm":0,"it":[{"ty":"rc","hd":false,"nm":"Screen","d":1,"p":{"a":0,"k":[80,80]},"r":{"a":0,"k":0},"s":{"a":0,"k":[160,160]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":100}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}],"meta":{"g":"@phase-software/lottie-exporter 0.6.0"},"nm":"","op":120,"v":"5.6.0","w":160}

assets/lotties/loading.json

@@ -0,0 +1 @@
+{"assets":[],"ddd":0,"fr":60,"h":500,"ip":0,"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Oval 1","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[35,35]},"o":{"a":0,"k":100},"p":{"a":1,"k":[{"t":0,"s":[105,395],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":44.7,"s":[105,105],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":90,"s":[105,395],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":115,"st":0,"bm":0,"shapes":[{"ty":"el","hd":false,"nm":"Oval 1","p":{"a":0,"k":[35,35]},"s":{"a":0,"k":[70,70]},"d":1},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.851,0.851,0.851]},"r":1,"o":{"a":0,"k":100}}]},{"ddd":0,"ind":2,"ty":4,"nm":"Oval 1","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[35,35]},"o":{"a":0,"k":100},"p":{"a":1,"k":[{"t":0,"s":[395,395],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":24,"s":[395,395],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":69,"s":[395,105],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":113.7,"s":[395,395],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":115,"st":0,"bm":0,"shapes":[{"ty":"el","hd":false,"nm":"Oval 1","p":{"a":0,"k":[35,35]},"s":{"a":0,"k":[70,70]},"d":1},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.851,0.851,0.851]},"r":1,"o":{"a":0,"k":100}}]},{"ddd":0,"ind":3,"ty":4,"nm":"Oval 1","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[35,35]},"o":{"a":0,"k":100},"p":{"a":1,"k":[{"t":0,"s":[250,395],"i":{"x":0.75,"y":0.75},"o":{"x":0.25,"y":0.25},"ti":[0,0],"to":[0,0]},{"t":12,"s":[250,395],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":57.3,"s":[250,105],"i":{"x":0.27,"y":0.99},"o":{"x":0.71,"y":-0.01},"ti":[0,0],"to":[0,0]},{"t":102,"s":[250,395],"i":{"x":0,"y":0},"o":{"x":1,"y":1}}]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":115,"st":0,"bm":0,"shapes":[{"ty":"el","hd":false,"nm":"Oval 1","p":{"a":0,"k":[35,35]},"s":{"a":0,"k":[70,70]},"d":1},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[0.851,0.851,0.851]},"r":1,"o":{"a":0,"k":100}}]},{"ddd":0,"ind":4,"ty":4,"nm":"Screen","hd":false,"sr":1,"ks":{"a":{"a":0,"k":[250,250]},"o":{"a":0,"k":100},"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}},"ao":0,"ip":0,"op":115,"st":0,"bm":0,"shapes":[{"ty":"gr","hd":false,"nm":"Screen Group","bm":0,"it":[{"ty":"rc","hd":false,"nm":"Screen","d":1,"p":{"a":0,"k":[250,250]},"r":{"a":0,"k":0},"s":{"a":0,"k":[500,500]}},{"ty":"fl","hd":false,"bm":0,"c":{"a":0,"k":[1,1,1]},"r":1,"o":{"a":0,"k":0}},{"ty":"tr","nm":"Transform","a":{"a":0,"k":[0,0]},"o":{"a":0,"k":100},"p":{"a":0,"k":[0,0]},"r":{"a":0,"k":0},"s":{"a":0,"k":[100,100]},"sk":{"a":0,"k":0},"sa":{"a":0,"k":0}}],"np":0}]}],"meta":{"g":"@phase-software/lottie-exporter 0.7.0"},"nm":"","op":114,"v":"5.6.0","w":500}

lib/app/modules/common/presentation/widgets/ziggle_button.dart

@@ -1,6 +1,8 @@
 import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_pressable.dart';
 import 'package:ziggle/app/values/palette.dart';
+import 'package:ziggle/gen/assets.gen.dart';
 
 enum ZiggleButtonType {
   cta(EdgeInsets.symmetric(vertical: 15, horizontal: 20)),
@@ -143,7 +145,8 @@ class ZiggleButton extends StatelessWidget {
               child: Center(
                 child: Opacity(
                   opacity: loading ? 1 : 0,
-                  child: const CircularProgressIndicator(),
+                  child: Lottie.asset(Assets.lotties.loading,
+                      width: 30, height: 30),
                 ),
               ),
             ),

lib/app/modules/groups/presentation/pages/group_creation_done_page.dart

@@ -1,5 +1,6 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_select.dart';
 import 'package:ziggle/app/modules/groups/presentation/layouts/group_creation_layout.dart';
@@ -34,7 +35,7 @@ class _LayoutState extends State<_Layout> {
   Widget build(BuildContext context) {
     return Column(
       children: [
-        Assets.icons.doneCheck.svg(width: 100),
+        Lottie.asset(Assets.lotties.complete, repeat: false),
         const SizedBox(height: 20),
         Text(
           context.t.group.creation.done.title(name: "인포팀"),

lib/app/modules/groups/presentation/pages/group_management_description_page.dart

@@ -2,7 +2,6 @@ import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_app_bar.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
-import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_input.dart';
 import 'package:ziggle/app/modules/core/domain/enums/page_source.dart';
 import 'package:ziggle/app/values/palette.dart';
 import 'package:ziggle/gen/assets.gen.dart';

lib/app/modules/groups/presentation/pages/group_management_main_page.dart

@@ -1,6 +1,7 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/di/locator.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_app_bar.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
@@ -84,7 +85,9 @@ class GroupManagementMainPage extends StatelessWidget {
                       )
                     else if (state.isLoading)
                       Expanded(
-                        child: Center(child: CircularProgressIndicator()),
+                        child: Lottie.asset(Assets.lotties.loading,
+                            height: MediaQuery.of(context).size.width * 0.2,
+                            width: MediaQuery.of(context).size.width * 0.2),
                       )
                     else
                       Column(

lib/app/modules/groups/presentation/pages/group_management_member_page.dart

@@ -4,7 +4,6 @@ import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_app_bar.da
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
 import 'package:ziggle/app/modules/core/domain/enums/page_source.dart';
 import 'package:ziggle/app/modules/groups/presentation/widgets/group_member_card.dart';
-import 'package:ziggle/app/router.gr.dart';
 import 'package:ziggle/gen/strings.g.dart';
 
 @RoutePage()

lib/app/modules/groups/presentation/widgets/group_list_item.dart

@@ -1,8 +1,5 @@
-import 'dart:io';
-
 import 'package:flutter/material.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_pressable.dart';
-import 'package:ziggle/app/values/palette.dart';
 import 'package:ziggle/gen/assets.gen.dart';
 
 class GroupListItem extends StatelessWidget {

lib/app/modules/notices/presentation/layouts/single_notice_shell_layout.dart

@@ -1,10 +1,12 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/di/locator.dart';
 import 'package:ziggle/app/modules/common/presentation/extensions/toast.dart';
 import 'package:ziggle/app/modules/notices/domain/entities/notice_entity.dart';
 import 'package:ziggle/app/modules/notices/presentation/bloc/notice_bloc.dart';
+import 'package:ziggle/gen/assets.gen.dart';
 
 @RoutePage()
 class SingleNoticeShellLayout extends StatelessWidget {
@@ -28,7 +30,10 @@ class SingleNoticeShellLayout extends StatelessWidget {
         ),
         child: BlocBuilder<NoticeBloc, NoticeState>(builder: (context, state) {
           if (state.entity == null) {
-            return const Center(child: CircularProgressIndicator());
+            return Center(
+                child: Lottie.asset(Assets.lotties.loading,
+                    height: MediaQuery.of(context).size.width * 0.2,
+                    width: MediaQuery.of(context).size.width * 0.2));
           }
           return const AutoRouter();
         }),

lib/app/modules/notices/presentation/pages/detail_page.dart

@@ -1,13 +1,15 @@
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_app_bar.dart';
 import 'package:ziggle/app/modules/core/data/models/analytics_event.dart';
 import 'package:ziggle/app/modules/core/domain/enums/page_source.dart';
 import 'package:ziggle/app/modules/core/domain/repositories/analytics_repository.dart';
 import 'package:ziggle/app/modules/notices/presentation/bloc/notice_bloc.dart';
 import 'package:ziggle/app/modules/notices/presentation/widgets/notice_renderer.dart';
 import 'package:ziggle/app/values/palette.dart';
+import 'package:ziggle/gen/assets.gen.dart';
 import 'package:ziggle/gen/strings.g.dart';
 
 @RoutePage()
@@ -50,7 +52,8 @@ class _Layout extends StatelessWidget {
   Widget build(BuildContext context) {
     final notice = context.select((NoticeBloc bloc) => bloc.state.entity);
     if (notice == null) {
-      return const Center(child: CircularProgressIndicator());
+      return Center(
+          child: Lottie.asset(Assets.lotties.loading, height: 80, width: 80));
     }
     return NoticeRenderer(notice: notice);
   }

lib/app/modules/notices/presentation/pages/search_page.dart

@@ -2,6 +2,7 @@ import 'package:auto_route/auto_route.dart';
 import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/di/locator.dart';
 import 'package:ziggle/app/modules/common/presentation/extensions/date_time.dart';
 import 'package:ziggle/app/modules/common/presentation/extensions/toast.dart';
@@ -142,8 +143,10 @@ class _LayoutState extends State<_Layout> {
                 return RefreshIndicator(
                   onRefresh: () => NoticeListBloc.refresh(context),
                   child: state.showLoading
-                      ? const Center(
-                          child: CircularProgressIndicator(),
+                      ? Center(
+                          child: Lottie.asset(Assets.lotties.loading,
+                              height: MediaQuery.of(context).size.width * 0.2,
+                              width: MediaQuery.of(context).size.width * 0.2),
                         )
                       : InfiniteScroll(
                           onLoadMore: () => NoticeListBloc.loadMore(context),
@@ -164,10 +167,12 @@ class _LayoutState extends State<_Layout> {
     return SliverList.builder(
       itemBuilder: (context, index) {
         if (index >= state.notices.length) {
-          return const Padding(
+          return Padding(
             padding: EdgeInsets.all(8.0),
             child: Center(
-              child: CircularProgressIndicator(),
+              child: Lottie.asset(Assets.lotties.loading,
+                  width: MediaQuery.of(context).size.width * 0.2,
+                  height: MediaQuery.of(context).size.width * 0.2),
             ),
           );
         }

lib/app/modules/notices/presentation/widgets/editor.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_quill/flutter_quill.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_input.dart';
 import 'package:ziggle/app/values/palette.dart';
@@ -75,8 +76,9 @@ class Editor extends StatelessWidget {
           child: Padding(
             padding: const EdgeInsets.symmetric(horizontal: 18),
             child: translating
-                ? const Center(
-                    child: CircularProgressIndicator(),
+                ? Center(
+                    child: Lottie.asset(Assets.lotties.loading,
+                        height: 80, width: 80),
                   )
                 : Opacity(
                     opacity: bodyController.readOnly ? 0.5 : 1,

lib/app/modules/notices/presentation/widgets/list_layout.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/extensions/toast.dart';
 import 'package:ziggle/app/modules/core/data/models/analytics_event.dart';
 import 'package:ziggle/app/modules/core/domain/enums/page_source.dart';
@@ -13,6 +14,7 @@ import 'package:ziggle/app/modules/notices/presentation/widgets/infinite_scroll.
 import 'package:ziggle/app/modules/notices/presentation/widgets/notice_card.dart';
 import 'package:ziggle/app/modules/user/presentation/bloc/user_bloc.dart';
 import 'package:ziggle/app/router.gr.dart';
+import 'package:ziggle/gen/assets.gen.dart';
 import 'package:ziggle/gen/strings.g.dart';
 
 class ListLayout extends StatelessWidget {
@@ -26,9 +28,11 @@ class ListLayout extends StatelessWidget {
       builder: (context, state) {
         return RefreshIndicator(
           onRefresh: () => NoticeListBloc.refresh(context),
-          child: state.showLoading
-              ? const Center(
-                  child: CircularProgressIndicator(),
+          child: !state.showLoading
+              ? Center(
+                  child: Lottie.asset(Assets.lotties.loading,
+                      height: MediaQuery.of(context).size.width * 0.2,
+                      width: MediaQuery.of(context).size.width * 0.2),
                 )
               : InfiniteScroll(
                   onLoadMore: () => NoticeListBloc.loadMore(context),
@@ -43,10 +47,15 @@ class ListLayout extends StatelessWidget {
                         sliver: SliverList.separated(
                           itemBuilder: (context, index) {
                             if (index >= state.notices.length) {
-                              return const Padding(
+                              return Padding(
                                 padding: EdgeInsets.all(8.0),
                                 child: Center(
-                                  child: CircularProgressIndicator(),
+                                  child: Lottie.asset(Assets.lotties.loading,
+                                      height:
+                                          MediaQuery.of(context).size.width *
+                                              0.2,
+                                      width: MediaQuery.of(context).size.width *
+                                          0.2),
                                 ),
                               );
                             }

lib/app/modules/user/presentation/pages/packages_page.dart

@@ -2,6 +2,7 @@ import 'package:auto_route/auto_route.dart';
 import 'package:collection/collection.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:lottie/lottie.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_app_bar.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_pressable.dart';
 import 'package:ziggle/app/modules/core/domain/enums/page_source.dart';
@@ -44,7 +45,10 @@ class PackagesPage extends StatelessWidget {
         ),
         builder: (context, snapshot) {
           if (snapshot.connectionState == ConnectionState.waiting) {
-            return const Center(child: CircularProgressIndicator());
+            return Center(
+                child: Lottie.asset(Assets.lotties.loading,
+                    height: MediaQuery.of(context).size.width * 0.2,
+                    width: MediaQuery.of(context).size.width * 0.2));
           }
           if (!snapshot.hasData) {
             return const Center(child: Text('No data'));

lib/app/modules/user/presentation/pages/profile_page.dart

@@ -3,6 +3,7 @@ import 'dart:ui';
 import 'package:auto_route/auto_route.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lottie/lottie.dart';
 import 'package:url_launcher/url_launcher_string.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_button.dart';
 import 'package:ziggle/app/modules/common/presentation/widgets/ziggle_row_button.dart';
@@ -76,8 +77,10 @@ class _Layout extends StatelessWidget {
                       child: const _Login(),
                     ),
                     if (authState.isLoading)
-                      const Center(
-                        child: CircularProgressIndicator(),
+                      Center(
+                        child: Lottie.asset(Assets.lotties.loading,
+                            height: MediaQuery.of(context).size.width * 0.15,
+                            width: MediaQuery.of(context).size.width * 0.15),
                       )
                   ],
                 ),

pubspec.lock

@@ -46,6 +46,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "6.7.0"
+  archive:
+    dependency: transitive
+    description:
+      name: archive
+      sha256: cb6a278ef2dbb298455e1a713bda08524a175630ec643a242c399c932a0a1f7d
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.6.1"
   args:
     dependency: transitive
     description:
@@ -1202,6 +1210,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.2.0"
+  lottie:
+    dependency: "direct main"
+    description:
+      name: lottie
+      sha256: "7afc60865a2429d994144f7d66ced2ae4305fe35d82890b8766e3359872d872c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.3"
   macros:
     dependency: transitive
     description:

pubspec.yaml

@@ -57,6 +57,7 @@ dependencies:
   amplitude_flutter: ^3.16.4
   flutter_smartlook: ^4.1.24
   flutter_dotenv: ^5.1.0
+  lottie: ^3.1.3
 
 dev_dependencies:
   flutter_test:
@@ -86,6 +87,7 @@ flutter:
     - assets/icons/
     - assets/images/
     - assets/fonts/TossFace/LICENSE
+    - assets/lotties/
   fonts:
     - family: TossFace
       fonts: