update

bytedesk_demo/lib/page/user_info_page.dart

@@ -122,4 +122,22 @@ class _UserInfoPageState extends State<UserInfoPage> {
           Fluttertoast.showToast(msg: "设置备注成功")
         });
   }
+
+  // 一次调用接口，同时设置：昵称、头像、备注
+  void _updateProfile() {
+    //
+    String mynickname = '自定义APP昵称flutter';
+    String myavatarurl =
+        'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png'; // 头像网址url
+    String mydescription = '自定义用户备注';
+    BytedeskKefu.updateProfile(mynickname, myavatarurl, mydescription)
+        .then((user) => {
+              setState(() {
+                _nickname = mynickname;
+                _avatar = myavatarurl;
+                _description = mydescription;
+              }),
+              Fluttertoast.showToast(msg: "设置成功")
+            });
+  }
 }

bytedesk_demo/pubspec.yaml

@@ -46,7 +46,7 @@ dependencies:
   # 请在ios/Podfile中添加：use_frameworks! 
   vibration: ^1.7.3
   # 在线客服 https://pub.dev/packages/bytedesk_kefu
-  bytedesk_kefu: ^1.2.8
+  bytedesk_kefu: ^1.2.9
 
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.

bytedesk_kefu/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Upgrade Log
 
+## 1.2.9
+
+* optimize user experience
+
 ## 1.2.8
 
 * optimize user experience

bytedesk_kefu/example/lib/page/user_info_page.dart

@@ -102,8 +102,7 @@ class _UserInfoPageState extends State<UserInfoPage> {
 
   void _setAvatar() {
     // 可自定义用户头像url-客服端可见，注意：是头像网址，非本地图片路径
-    String myavatarurl =
+    String myavatarurl = 'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png'; // 头像网址url
-        'https://chainsnow.oss-cn-shenzhen.aliyuncs.com/avatars/visitor_default_avatar.png'; // 头像网址url
     BytedeskKefu.updateAvatar(myavatarurl).then((user) => {
           setState(() {
             _avatar = myavatarurl;
@@ -122,4 +121,20 @@ class _UserInfoPageState extends State<UserInfoPage> {
           Fluttertoast.showToast(msg: "设置备注成功")
         });
   }
+
+  // 一次调用接口，同时设置：昵称、头像、备注
+  void _updateProfile() {
+    //
+    String mynickname = '自定义APP昵称flutter';
+    String myavatarurl = 'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png'; // 头像网址url
+    String mydescription = '自定义用户备注';
+    BytedeskKefu.updateProfile(mynickname, myavatarurl, mydescription).then((user) => {
+          setState(() {
+            _nickname = mynickname;
+            _avatar = myavatarurl;
+            _description = mydescription;
+          }),
+          Fluttertoast.showToast(msg: "设置成功")
+        });
+  }
 }

bytedesk_kefu/lib/bytedesk_kefu.dart

@@ -394,8 +394,13 @@ class BytedeskKefu {
   }
 
   // 设置用户备注
-  static Future<User> updateDescription(String avatar) async {
+  static Future<User> updateDescription(String description) async {
-    return BytedeskUserHttpApi().updateDescription(avatar);
+    return BytedeskUserHttpApi().updateDescription(description);
+  }
+
+  // 一个接口，设置：昵称、头像、备注
+  static Future<User> updateProfile(String nickname, String avatar, String description) async {
+    return BytedeskUserHttpApi().updateProfile(nickname, avatar, description);
   }
 
   // 查询技能组在线状态

bytedesk_kefu/lib/http/bytedesk_user_api.dart

@@ -334,7 +334,8 @@ class BytedeskUserHttpApi extends BytedeskBaseHttpApi {
     //将string类型数据 转换为json类型的数据
     final responseJson =
         json.decode(utf8decoder.convert(initResponse.bodyBytes));
-    // print("responseJson $responseJson");
+    print("updateNickname:");
+    print(responseJson);
     // 更新本地数据
     SpUtil.putString(BytedeskConstants.nickname, nickname!);
 
@@ -355,7 +356,8 @@ class BytedeskUserHttpApi extends BytedeskBaseHttpApi {
     //将string类型数据 转换为json类型的数据
     final responseJson =
         json.decode(utf8decoder.convert(initResponse.bodyBytes));
-    // print("responseJson $responseJson");
+    print("updateAvatar:");
+    print(responseJson);
     // 更新本地数据
     SpUtil.putString(BytedeskConstants.avatar, avatar!);
 
@@ -376,13 +378,37 @@ class BytedeskUserHttpApi extends BytedeskBaseHttpApi {
     //将string类型数据 转换为json类型的数据
     final responseJson =
         json.decode(utf8decoder.convert(initResponse.bodyBytes));
-    // print("updateDescription $responseJson");
+    print("updateDescription:");
+    print(responseJson);
     // 更新本地数据
     SpUtil.putString(BytedeskConstants.description, description!);
 
     return User.fromJson(responseJson['data']);
   }
 
+  // 一个接口同时设置：昵称、头像、备注
+  Future<User> updateProfile(String? nickname, String? avatar, String? description) async {
+    //
+    var body = json.encode({"nickname": nickname, "avatar": avatar, "description": description, "client": client});
+    //
+    final initUrl = Uri.http(BytedeskConstants.host, '/api/user/update/visitor/profile');
+    final initResponse =
+        await this.httpClient.post(initUrl, headers: getHeaders(), body: body);
+    //解决json解析中的乱码问题
+    Utf8Decoder utf8decoder = Utf8Decoder(); // fix 中文乱码
+    //将string类型数据 转换为json类型的数据
+    final responseJson =
+        json.decode(utf8decoder.convert(initResponse.bodyBytes));
+    print("updateProfile:");
+    print(responseJson);
+    // 更新本地数据
+    SpUtil.putString(BytedeskConstants.nickname, nickname!);
+    SpUtil.putString(BytedeskConstants.avatar, avatar!);
+    SpUtil.putString(BytedeskConstants.description, description!);
+
+    return User.fromJson(responseJson['data']);
+  }
+
   // 更新性别
   Future<User> updateSex(bool? sex) async {
     //

bytedesk_kefu/lib/model/messageProvider.dart

@@ -1,9 +1,9 @@
 import 'dart:async';
-import 'dart:convert';
+// import 'dart:convert';
 
 import 'package:bytedesk_kefu/model/answer.dart';
 import 'package:bytedesk_kefu/model/category.dart';
-import 'package:bytedesk_kefu/util/bytedesk_constants.dart';
+// import 'package:bytedesk_kefu/util/bytedesk_constants.dart';
 import 'package:bytedesk_kefu/util/bytedesk_utils.dart';
 import 'package:path/path.dart';
 import 'package:sqflite/sqflite.dart';

bytedesk_kefu/lib/model/thread.dart

@@ -1,33 +1,34 @@
 import 'package:bytedesk_kefu/util/bytedesk_constants.dart';
 import 'package:bytedesk_kefu/util/bytedesk_utils.dart';
 import 'package:equatable/equatable.dart';
+import 'package:sp_util/sp_util.dart';
 
 class Thread extends Equatable {
   //
-  String? tid;
+  final String? tid;
-  String? topic;
+  final String? topic;
-  String? wid;
+  final String? wid;
-  String? uid;
+  final String? uid;
-  String? nickname;
+  final String? nickname;
-  String? avatar;
+  final String? avatar;
-  String? content;
+  final String? content;
-  String? timestamp;
+  final String? timestamp;
-  int? unreadCount;
+  final int? unreadCount;
-  String? type;
+  final String? type;
   //
-  bool? current;
+  final bool? current;
   //
-  bool? top;
+  final bool? top;
-  bool? topVisitor;
+  final bool? topVisitor;
   //
-  bool? nodisturb;
+  final bool? nodisturb;
-  bool? nodisturbVisitor;
+  final bool? nodisturbVisitor;
   //
-  bool? unread;
+  final bool? unread;
-  bool? unreadVisitor;
+  final bool? unreadVisitor;
   //
-  String? client;
+  final String? client;
-  String? currentUid;
+  final String? currentUid;
 
   Thread(
       {this.tid,
@@ -177,8 +178,10 @@ class Thread extends Equatable {
         tid: json['tid'],
         topic: json['topic'],
         uid: json['visitor']['uid'],
-        nickname: json['visitor']['nickname'],
+        // nickname: json['visitor']['nickname'],
-        avatar: json['visitor']['avatar'],
+        nickname: SpUtil.getString(BytedeskConstants.nickname)!,
+        // avatar: json['visitor']['avatar'],
+        avatar: SpUtil.getString(BytedeskConstants.avatar)!,
         content: json['content'],
         timestamp: BytedeskUtils.getTimeDuration(json['timestamp']),
         unreadCount: json['unreadCount'],
@@ -262,26 +265,26 @@ class Thread extends Equatable {
     };
   }
 
-  Thread.fromMap(Map<String, dynamic> map) {
+  // Thread.fromMap(Map<String, dynamic> map) {
-    tid = map['tid'];
+  //   tid = map['tid'];
-    topic = map['topic'];
+  //   topic = map['topic'];
-    wid = map['wid'];
+  //   wid = map['wid'];
-    uid = map['uid'];
+  //   uid = map['uid'];
-    nickname = map['nickname'];
+  //   nickname = map['nickname'];
-    avatar = map['avatar'];
+  //   avatar = map['avatar'];
-    content = map['content'];
+  //   content = map['content'];
-    timestamp = map['timestamp'];
+  //   timestamp = map['timestamp'];
-    unreadCount = map['unreadCount'];
+  //   unreadCount = map['unreadCount'];
-    type = map['type'];
+  //   type = map['type'];
-    current = map['current'];
+  //   current = map['current'];
-    client = map['client'];
+  //   client = map['client'];
-    top = map['top'];
+  //   top = map['top'];
-    topVisitor = map['topVisitor'];
+  //   topVisitor = map['topVisitor'];
-    nodisturb = map['nodisturb'];
+  //   nodisturb = map['nodisturb'];
-    nodisturbVisitor = map['nodisturbVisitor'];
+  //   nodisturbVisitor = map['nodisturbVisitor'];
-    unread = map['unread'];
+  //   unread = map['unread'];
-    unreadVisitor = map['unreadVisitor'];
+  //   unreadVisitor = map['unreadVisitor'];
-    currentUid = map['currentUid'];
+  //   currentUid = map['currentUid'];
-    client = map['client'];
+  //   client = map['client'];
-  }
+  // }
 }

bytedesk_kefu/lib/ui/chat/page/chat_im_page.dart

@@ -659,11 +659,11 @@ class _ChatIMPageState extends State<ChatIMPage>
         print(
             'aid ${event.aid}, question ${event.question}, answer ${event.answer}');
         // 可以直接将问题和答案插入本地，并显示，但为了服务器保存查询记录，特将请求发送给服务器
-        BlocProvider.of<MessageBloc>(context)
+        // BlocProvider.of<MessageBloc>(context)
-          ..add(QueryAnswerEvent(
+        //   ..add(QueryAnswerEvent(
-            tid: _currentThread!.tid,
+        //     tid: _currentThread!.tid,
-            aid: event.aid,
+        //     aid: event.aid,
-          ));
+        //   ));
       }
     });
     // 滚动监听, https://learnku.com/articles/30338

bytedesk_kefu/lib/ui/chat/page/chat_kf_page.dart

@@ -198,8 +198,6 @@ class _ChatKFPageState extends State<ChatKFPage>
                     if (state.threadResult.statusCode == 200 ||
                         state.threadResult.statusCode == 201) {
                       print('创建新会话');
-                      // 插入本地
-                      // _messageProvider.insert(state.threadResult.msg!);
                       // TODO: 参考拼多多，在发送按钮上方显示pop商品信息，用户确认之后才会发送商品信息
                       // 发送商品信息
                       if (widget.custom != null &&
@@ -218,7 +216,6 @@ class _ChatKFPageState extends State<ChatKFPage>
                       // 插入本地
                       _messageProvider.insert(state.threadResult.msg!);
                       // 加载本地历史消息
-                      // _getMessages(_page, _size);
                       _appendMessage(state.threadResult.msg!);
                       // 发送商品信息
                       if (widget.custom != null &&
@@ -240,7 +237,6 @@ class _ChatKFPageState extends State<ChatKFPage>
                       // 插入本地
                       _messageProvider.insert(state.threadResult.msg!);
                       // TODO: 加载本地历史消息
-                      // _getMessages(_page, _size);
                       _appendMessage(state.threadResult.msg!);
                       // 跳转留言页面，TODO: 关闭当前页面？
                       Navigator.of(context)
@@ -358,10 +354,8 @@ class _ChatKFPageState extends State<ChatKFPage>
                     // _messageProvider.insert(state.answer!);
                     // _appendMessage(state.answer!);
                   } else if (state is QueryCategorySuccess) {
-
                     _messageProvider.insert(state.answer!);
                     _appendMessage(state.answer!);
-
                   } else if (state is MessageAnswerSuccess) {
                     // Message queryMessage = state.query!;
                     // queryMessage.isSend = 1;
@@ -859,8 +853,7 @@ class _ChatKFPageState extends State<ChatKFPage>
         appendQueryMessage(event.name);
         //
         BlocProvider.of<MessageBloc>(context)
-          ..add(QueryCategoryEvent(
+          ..add(QueryCategoryEvent(tid: _currentThread!.tid, cid: event.cid));
-              tid: _currentThread!.tid, cid: event.cid));
       }
     });
     // 点击机器人消息 ‘人工客服’
@@ -1109,6 +1102,8 @@ class _ChatKFPageState extends State<ChatKFPage>
     if (message.status != BytedeskConstants.MESSAGE_STATUS_READ) {
       // 发送已读回执
       if (message.isSend == 0) {
+        print('message.mid ${message.mid}');
+        print('_currentThread ${_currentThread!.tid}');
         _bdMqtt.sendReceiptReadMessage(message.mid!, _currentThread!);
       }
     }

bytedesk_kefu/lib/ui/chat/page/chat_ls_page.dart

@@ -571,11 +571,11 @@ class _ChatLSPageState extends State<ChatLSPage>
         print(
             'aid ${event.aid}, question ${event.question}, answer ${event.answer}');
         // 可以直接将问题和答案插入本地，并显示，但为了服务器保存查询记录，特将请求发送给服务器
-        BlocProvider.of<MessageBloc>(context)
+        // BlocProvider.of<MessageBloc>(context)
-          ..add(QueryAnswerEvent(
+        //   ..add(QueryAnswerEvent(
-            tid: _currentThread!.tid,
+        //     tid: _currentThread!.tid,
-            aid: event.aid,
+        //     aid: event.aid,
-          ));
+        //   ));
       }
     });
     // 滚动监听, https://learnku.com/articles/30338

bytedesk_kefu/lib/ui/widget/expanded_viewport.dart

@@ -86,8 +86,8 @@ class _RenderExpandedViewport extends RenderViewport {
       p = childAfter(p);
     }
 
-    if (expand! != null && size.height > totalLayoutExtent) {
+    if (size.height > totalLayoutExtent) {
-      _attemptLayout(expand, size.height, size.width,
+      _attemptLayout(expand!, size.height, size.width,
           offset.pixels - frontExtent - (size.height - totalLayoutExtent));
     }
   }

bytedesk_kefu/lib/ui/widget/my_button.dart

@@ -12,9 +12,9 @@ class MyButton extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return FlatButton(
+    return TextButton( // FlatButton
         onPressed: onPressed,
-        textColor: Colors.white,
+        // textColor: Colors.white,
         child: Container(
             height: 48,
             width: double.infinity,

bytedesk_kefu/pubspec.yaml

@@ -1,6 +1,6 @@
 name: bytedesk_kefu
 description: the best app chat sdk in china, you can chat with the agent freely at anytime. the agent can chat with the visitor by web/pc/mac/ios/android client.
-version: 1.2.8
+version: 1.2.9
 homepage: https://www.weikefu.net
 
 environment: