forked from eatvio/eatvio_app
256 lines
11 KiB
Dart
256 lines
11 KiB
Dart
import 'dart:io';
|
||
|
||
import 'package:cached_network_image/cached_network_image.dart';
|
||
import 'package:dismissible_page/dismissible_page.dart';
|
||
import 'package:eatvio_app/core/theme/custom_text_style.dart';
|
||
import 'package:eatvio_app/core/theme/theme_helper.dart';
|
||
import 'package:eatvio_app/core/utils/date_time_utils.dart';
|
||
import 'package:eatvio_app/features/chat/models/chat_message_model.dart';
|
||
import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_cubit.dart';
|
||
import 'package:eatvio_app/features/chat/presentation/pages/photo_view_screen.dart';
|
||
import 'package:eatvio_app/features/chat/presentation/widgets/message_action_bottom_sheet.dart';
|
||
import 'package:flutter/gestures.dart';
|
||
import 'package:flutter/material.dart';
|
||
import 'package:flutter_bloc/flutter_bloc.dart';
|
||
import 'package:flutter_svg/svg.dart';
|
||
import 'package:url_launcher/url_launcher.dart';
|
||
|
||
class ChatBubbleWidget extends StatelessWidget {
|
||
const ChatBubbleWidget({
|
||
super.key,
|
||
required this.sendTime,
|
||
required this.text,
|
||
required this.isCurrentUser,
|
||
required this.mediaData,
|
||
required this.isRead,
|
||
required this.messageState,
|
||
required this.messageUuid,
|
||
required this.userSlug,
|
||
this.messageType,
|
||
this.isConsultant,
|
||
});
|
||
|
||
final DateTime sendTime;
|
||
final String text;
|
||
final bool isCurrentUser;
|
||
final bool isRead;
|
||
final List<dynamic> mediaData;
|
||
final MessageState messageState;
|
||
final String messageUuid;
|
||
final String userSlug;
|
||
final String? messageType;
|
||
final bool? isConsultant;
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final size = MediaQuery.sizeOf(context);
|
||
return SizedBox(
|
||
width: size.width,
|
||
child: Padding(
|
||
padding: EdgeInsets.fromLTRB(isCurrentUser ? 64 : 16, 10, isCurrentUser ? 16 : 64, 4),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
crossAxisAlignment: CrossAxisAlignment.end,
|
||
mainAxisAlignment: isCurrentUser ? MainAxisAlignment.end : MainAxisAlignment.start,
|
||
children: [
|
||
if (isCurrentUser)
|
||
switch (messageState) {
|
||
MessageState.loading => Padding(
|
||
padding: const EdgeInsets.only(right: 4, bottom: 4),
|
||
child: SizedBox(width: 10, height: 10, child: CircularProgressIndicator(strokeWidth: 2, color: appTheme.blueA400)),
|
||
),
|
||
|
||
MessageState.sent => Padding(
|
||
padding: const EdgeInsets.only(right: 4, bottom: 4),
|
||
child: Text(sendTime.format('HH:mm', 'ru'), style: const TextStyle(color: Color(0xFF7B8794), height: 1, fontSize: 10)),
|
||
),
|
||
|
||
MessageState.error => GestureDetector(
|
||
onTap: () {
|
||
showMessageActionsBottomSheet(
|
||
context,
|
||
resend: () {
|
||
context.read<ChatRoomCubit>().resendMessage(uuid: messageUuid, userSlug: userSlug);
|
||
},
|
||
delete: () {
|
||
context.read<ChatRoomCubit>().deleteMessage(messageUuid);
|
||
},
|
||
);
|
||
},
|
||
child: Padding(padding: const EdgeInsets.only(right: 4, bottom: 4), child: SvgPicture.asset('assets/icons/error_icon.svg')),
|
||
),
|
||
},
|
||
|
||
Container(
|
||
constraints: BoxConstraints(maxWidth: size.width * 0.7),
|
||
decoration: BoxDecoration(
|
||
color: isCurrentUser ? appTheme.gray50 : appTheme.gray60004,
|
||
borderRadius: mediaData.isNotEmpty
|
||
? BorderRadius.circular(24)
|
||
: BorderRadius.horizontal(
|
||
left: isCurrentUser ? const Radius.circular(32) : const Radius.circular(16),
|
||
right: isCurrentUser ? const Radius.circular(16) : const Radius.circular(24),
|
||
),
|
||
),
|
||
child: Padding(
|
||
padding: mediaData.isNotEmpty
|
||
? const EdgeInsets.all(8)
|
||
: EdgeInsets.only(top: 8, bottom: 8, left: isCurrentUser ? 16 : 8, right: isCurrentUser ? 8 : 16),
|
||
child: Column(
|
||
crossAxisAlignment: isCurrentUser ? CrossAxisAlignment.end : CrossAxisAlignment.start,
|
||
children: [
|
||
if (mediaData.isNotEmpty)
|
||
SizedBox(
|
||
width: size.width * 0.7,
|
||
child: CustomScrollView(
|
||
shrinkWrap: true,
|
||
physics: const NeverScrollableScrollPhysics(),
|
||
slivers: [
|
||
SliverList.separated(
|
||
itemBuilder: (BuildContext context, int index) {
|
||
if (!mediaData[index].toString().contains('.png') &&
|
||
!mediaData[index].toString().contains('.jpg') &&
|
||
!mediaData[index].toString().contains('.jpeg')) {
|
||
return ListTile(
|
||
contentPadding: const EdgeInsets.all(4),
|
||
horizontalTitleGap: 8,
|
||
onTap: () async {
|
||
if (!await launchUrl(Uri.parse('${mediaData[index]}'))) {
|
||
throw Exception('Could not launch ${mediaData[index].toString()}');
|
||
}
|
||
},
|
||
leading: const Icon(Icons.file_copy_outlined, color: Colors.black),
|
||
trailing: const Icon(Icons.download_outlined, color: Colors.black),
|
||
title: Text(
|
||
mediaData[index].toString().replaceAll('chat_files/', ''),
|
||
maxLines: 2,
|
||
style: const TextStyle(color: Colors.black, fontSize: 12, overflow: TextOverflow.ellipsis),
|
||
),
|
||
);
|
||
}
|
||
return GestureDetector(
|
||
onTap: () {
|
||
context.pushTransparentRoute(
|
||
PhotoViewScreen(imageUrls: mediaData, index: index, isLocal: mediaData[index] is File ? true : false),
|
||
);
|
||
},
|
||
child: Hero(
|
||
tag: '${mediaData[index]}',
|
||
transitionOnUserGestures: true,
|
||
child: ClipRRect(
|
||
borderRadius: BorderRadius.circular(16),
|
||
child: mediaData[index] is File ? Image.file(mediaData[index]) : CachedNetworkImage(imageUrl: '${mediaData[index]}'),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
separatorBuilder: (BuildContext context, int index) => const SizedBox(height: 8),
|
||
itemCount: mediaData.length,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (mediaData.isNotEmpty && _getDisplayText().isNotEmpty) const SizedBox(height: 8),
|
||
if (_getDisplayText().isNotEmpty) _buildLinkableText(_getDisplayText()),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
if (!isCurrentUser)
|
||
Padding(
|
||
padding: const EdgeInsets.only(left: 4, bottom: 4),
|
||
child: Text(
|
||
sendTime.format('HH:mm', 'ru'),
|
||
style: const TextStyle(color: Color(0xFF7B8794), height: 1, fontSize: 10, fontWeight: FontWeight.w500),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
String _getDisplayText() {
|
||
if (messageType == 'plan_order') {
|
||
if (isConsultant == true) {
|
||
// Текст для консультанта
|
||
return '1. Уточните у подопечного его цели и пожелания\n'
|
||
'2. Согласуйте и выберите дату старта плана\n'
|
||
'3. Ожидайте уведомления об успешной оплате\n'
|
||
'4. После оплаты предоставьте необходимые данные, согласно вашему плану питания';
|
||
} else {
|
||
// Текст для пользователя
|
||
return 'Укажите вашу цель в работе с консультантом\n'
|
||
'Согласуйте удобную дату старта плана, после чего вам будет направлена ссылка на оплату.';
|
||
}
|
||
}
|
||
return text;
|
||
}
|
||
|
||
Widget _buildLinkableText(String text) {
|
||
final urlRegex = RegExp(
|
||
r'(?:(?:https?|ftp):\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)',
|
||
caseSensitive: false,
|
||
);
|
||
|
||
final textStyle = TextStyles.textFS13FW400.copyWith(color: appTheme.black, fontSize: 16);
|
||
final linkStyle = textStyle.copyWith(
|
||
color: appTheme.blueA400,
|
||
decoration: TextDecoration.underline,
|
||
);
|
||
|
||
final matches = urlRegex.allMatches(text);
|
||
if (matches.isEmpty) {
|
||
return Text(text, style: textStyle);
|
||
}
|
||
|
||
final spans = <TextSpan>[];
|
||
int lastEnd = 0;
|
||
|
||
for (final match in matches) {
|
||
// Добавляем текст до ссылки
|
||
if (match.start > lastEnd) {
|
||
spans.add(TextSpan(
|
||
text: text.substring(lastEnd, match.start),
|
||
style: textStyle,
|
||
));
|
||
}
|
||
|
||
// Добавляем кликабельную ссылку
|
||
final url = match.group(0)!;
|
||
final fullUrl = url.startsWith('http://') || url.startsWith('https://') || url.startsWith('ftp://')
|
||
? url
|
||
: 'https://$url';
|
||
|
||
spans.add(TextSpan(
|
||
text: url,
|
||
style: linkStyle,
|
||
recognizer: TapGestureRecognizer()
|
||
..onTap = () async {
|
||
try {
|
||
final uri = Uri.parse(fullUrl);
|
||
if (await canLaunchUrl(uri)) {
|
||
await launchUrl(uri, mode: LaunchMode.externalApplication);
|
||
}
|
||
} catch (e) {
|
||
// Игнорируем ошибки открытия ссылок
|
||
}
|
||
},
|
||
));
|
||
|
||
lastEnd = match.end;
|
||
}
|
||
|
||
// Добавляем оставшийся текст после последней ссылки
|
||
if (lastEnd < text.length) {
|
||
spans.add(TextSpan(
|
||
text: text.substring(lastEnd),
|
||
style: textStyle,
|
||
));
|
||
}
|
||
|
||
return RichText(
|
||
text: TextSpan(children: spans),
|
||
);
|
||
}
|
||
}
|