Merge pull request #463 from OpenPecha/chore/PlansBottomSheetSharableVersion

Chore/plans bottom sheet sharable version

Author: tentamdin

lib/core/config/router/app_router.dart

@@ -499,7 +499,7 @@ final appRouterProvider = Provider<GoRouter>((ref) {
         },
       ),
 
-      // plan text route - inline TEXT subtasks (sibling to /reader)
+      // plan content route - inline TEXT/IMAGE subtasks (sibling to /reader)
       GoRoute(
         path: "/plan-text/:subtaskId",
         name: "plan-text",

lib/core/config/router/app_routes.dart

@@ -48,9 +48,10 @@ class AppRoutes {
   static const String reader = '/reader';
 
   // ========== PLAN TEXT ROUTES ==========
-  /// Inline plan text screen — renders subtasks where `content_type == "TEXT"`.
+  /// Inline plan content screen — renders subtasks where `content_type` is
+  /// `TEXT` or `IMAGE`.
   /// Path param is the subtask id; the actual content travels in `extra`
-  /// as a [NavigationContext] whose `currentItem` carries `inlineContent`.
+  /// as a [NavigationContext] whose `currentItem` carries inline content.
   static const String planText = '/plan-text';
 
   // ========== SEARCH ROUTES ==========
@@ -88,7 +89,7 @@ class AppRoutes {
     practicePlanPreview, // Allow guests to browse/preview plans
     reader,
     notifications, // Local-only — guests can configure routine notifications
-    planText, // Guests can see inline TEXT subtasks
+    planText, // Guests can see inline TEXT/IMAGE subtasks
   };
 
   /// Base paths that require full authentication (prefix matching)

lib/features/plans/data/models/plan_days_model.dart

@@ -8,6 +8,8 @@ class PlanDaysModel {
   final List<PlanTasksModel>? tasks;
   final String? audioUrl;
   final int? audioDurationMs;
+  final String? thumbnailUrl;
+  final String? shareableImageUrl;
   final List<PlanVideoModel> videos;
 
   PlanDaysModel({
@@ -17,6 +19,8 @@ class PlanDaysModel {
     this.tasks,
     this.audioUrl,
     this.audioDurationMs,
+    this.thumbnailUrl,
+    this.shareableImageUrl,
     this.videos = const [],
   });
 
@@ -27,20 +31,26 @@ class PlanDaysModel {
       id: json['id'] as String,
       dayNumber: json['day_number'] as int,
       title: json['title'] as String?,
-      tasks: json['tasks'] != null
-          ? (json['tasks'] as List<dynamic>)
-              .map((e) => PlanTasksModel.fromJson(e as Map<String, dynamic>))
-              .toList()
-          : null,
+      tasks:
+          json['tasks'] != null
+              ? (json['tasks'] as List<dynamic>)
+                  .map(
+                    (e) => PlanTasksModel.fromJson(e as Map<String, dynamic>),
+                  )
+                  .toList()
+              : null,
       audioUrl: json['audio_url'] as String?,
       audioDurationMs: json['audio_duration_ms'] as int?,
-      videos: json['videos'] != null
-          ? (json['videos'] as List<dynamic>)
-              .map(
-                (e) => PlanVideoModel.fromJson(e as Map<String, dynamic>),
-              )
-              .toList()
-          : const [],
+      thumbnailUrl: json['thumbnail_url'] as String?,
+      shareableImageUrl: json['shareable_image_url'] as String?,
+      videos:
+          json['videos'] != null
+              ? (json['videos'] as List<dynamic>)
+                  .map(
+                    (e) => PlanVideoModel.fromJson(e as Map<String, dynamic>),
+                  )
+                  .toList()
+              : const [],
     );
   }
 
@@ -52,6 +62,8 @@ class PlanDaysModel {
       'tasks': tasks?.map((e) => e.toJson()).toList(),
       'audio_url': audioUrl,
       'audio_duration_ms': audioDurationMs,
+      'thumbnail_url': thumbnailUrl,
+      'shareable_image_url': shareableImageUrl,
       'videos': videos.map((e) => e.toJson()).toList(),
     };
   }
@@ -63,6 +75,8 @@ class PlanDaysModel {
     List<PlanTasksModel>? tasks,
     String? audioUrl,
     int? audioDurationMs,
+    String? thumbnailUrl,
+    String? shareableImageUrl,
     List<PlanVideoModel>? videos,
   }) {
     return PlanDaysModel(
@@ -72,6 +86,8 @@ class PlanDaysModel {
       tasks: tasks ?? this.tasks,
       audioUrl: audioUrl ?? this.audioUrl,
       audioDurationMs: audioDurationMs ?? this.audioDurationMs,
+      thumbnailUrl: thumbnailUrl ?? this.thumbnailUrl,
+      shareableImageUrl: shareableImageUrl ?? this.shareableImageUrl,
       videos: videos ?? this.videos,
     );
   }

lib/features/plans/data/models/response/user_plan_day_detail_response.dart

@@ -8,6 +8,8 @@ class UserPlanDayDetailResponse {
   final bool isCompleted;
   final String? audioUrl;
   final int? audioDurationMs;
+  final String? thumbnailUrl;
+  final String? shareableImageUrl;
   final List<PlanVideoModel> videos;
 
   UserPlanDayDetailResponse({
@@ -17,6 +19,8 @@ class UserPlanDayDetailResponse {
     required this.isCompleted,
     this.audioUrl,
     this.audioDurationMs,
+    this.thumbnailUrl,
+    this.shareableImageUrl,
     this.videos = const [],
   });
 
@@ -33,13 +37,16 @@ class UserPlanDayDetailResponse {
       isCompleted: json['is_completed'] as bool,
       audioUrl: json['audio_url'] as String?,
       audioDurationMs: json['audio_duration_ms'] as int?,
-      videos: json['videos'] != null
-          ? (json['videos'] as List<dynamic>)
-              .map(
-                (e) => PlanVideoModel.fromJson(e as Map<String, dynamic>),
-              )
-              .toList()
-          : const [],
+      thumbnailUrl: json['thumbnail_url'] as String?,
+      shareableImageUrl: json['shareable_image_url'] as String?,
+      videos:
+          json['videos'] != null
+              ? (json['videos'] as List<dynamic>)
+                  .map(
+                    (e) => PlanVideoModel.fromJson(e as Map<String, dynamic>),
+                  )
+                  .toList()
+              : const [],
     );
   }
 
@@ -51,6 +58,8 @@ class UserPlanDayDetailResponse {
       'is_completed': isCompleted,
       'audio_url': audioUrl,
       'audio_duration_ms': audioDurationMs,
+      'thumbnail_url': thumbnailUrl,
+      'shareable_image_url': shareableImageUrl,
       'videos': videos.map((e) => e.toJson()).toList(),
     };
   }

lib/features/plans/domain/subtask_navigation.dart

@@ -10,6 +10,7 @@ import 'package:flutter_pecha/features/reader/data/models/navigation_context.dar
 /// Validation rules (kept in one place):
 /// - SOURCE_REFERENCE → valid iff `sourceTextId` is non-null and non-empty.
 /// - TEXT             → valid iff `content.trim()` is non-empty.
+/// - IMAGE            → valid iff `content.trim()` is non-empty.
 /// - Anything else (unknown content type, missing fields) is silently dropped.
 ///
 /// Both task models (`UserTasksDto` for enrolled users, `PlanTasksModel` for
@@ -52,7 +53,7 @@ class PlanSubtaskNavigation {
   }
 
   /// True if the given task has at least one navigable subtask
-  /// (SOURCE_REFERENCE or TEXT).
+  /// (SOURCE_REFERENCE, TEXT, or IMAGE).
   static bool isUserTaskNavigable(UserTasksDto task) {
     return task.subTasks.any(_isUserSubtaskNavigable);
   }
@@ -115,6 +116,17 @@ class PlanSubtaskNavigation {
           startMs: subtask.startMs,
           endMs: subtask.endMs,
         );
+      case PlanItemContentType.inlineImage:
+        if (!_hasInlineContent(subtask.content)) return null;
+        return PlanTextItem.inlineImage(
+          imageUrl: subtask.content,
+          title: title,
+          subtaskId: subtask.id,
+          isCompleted: subtask.isCompleted,
+          audioUrl: subtask.audioUrl,
+          startMs: subtask.startMs,
+          endMs: subtask.endMs,
+        );
       case null:
         return null;
     }
@@ -145,6 +157,15 @@ class PlanSubtaskNavigation {
           startMs: subtask.startMs,
           endMs: subtask.endMs,
         );
+      case PlanItemContentType.inlineImage:
+        if (!_hasInlineContent(subtask.content)) return null;
+        return PlanTextItem.inlineImage(
+          imageUrl: subtask.content!,
+          title: title,
+          audioUrl: subtask.audioUrl,
+          startMs: subtask.startMs,
+          endMs: subtask.endMs,
+        );
       case null:
         return null;
     }