@fle-ui/plus-im-record 0.0.8-beta.4 → 0.0.8-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -452,6 +452,40 @@ var ParseSession = function ParseSession(_ref) {
452
452
  }
453
453
  })), "\u7CFB\u7EDF\u8F6C\u53D1"));
454
454
  };
455
+ var renderLiveSupport = function renderLiveSupport() {
456
+ var liveSupportAttach = attach;
457
+ console.log(liveSupportAttach, 'liveSupportAttach');
458
+ return /*#__PURE__*/React.createElement("div", {
459
+ className: "".concat(prefix, "-live-support")
460
+ }, /*#__PURE__*/React.createElement("div", {
461
+ className: "".concat(prefix, "-live-support-title")
462
+ }, liveSupportAttach.content.title), /*#__PURE__*/React.createElement("div", {
463
+ className: "".concat(prefix, "-live-support-operate")
464
+ }, liveSupportAttach.content.liveSupportBtn));
465
+ };
466
+ var renderAfsFaq = function renderAfsFaq() {
467
+ var afsFaqAttach = attach;
468
+ return /*#__PURE__*/React.createElement("div", {
469
+ className: "".concat(prefix, "-afs-faq")
470
+ }, /*#__PURE__*/React.createElement("div", {
471
+ className: "".concat(prefix, "-afs-faq-title")
472
+ }, afsFaqAttach.content.title), /*#__PURE__*/React.createElement("div", {
473
+ className: "".concat(prefix, "-afs-faq-list")
474
+ }, afsFaqAttach.content.qaList.map(function (item) {
475
+ return /*#__PURE__*/React.createElement("div", {
476
+ className: "".concat(prefix, "-afs-faq-list-item"),
477
+ key: item.id
478
+ }, /*#__PURE__*/React.createElement("span", {
479
+ className: "title"
480
+ }, item.question));
481
+ })));
482
+ };
483
+ var renderFeedback = function renderFeedback() {
484
+ var feedbackAttach = attach;
485
+ return /*#__PURE__*/React.createElement("div", {
486
+ className: "".concat(prefix, "-text")
487
+ }, feedbackAttach.content.title);
488
+ };
455
489
  var renderOfflineSupport = function renderOfflineSupport() {
456
490
  var _attach$content14, _attach$content15;
457
491
  return /*#__PURE__*/React.createElement("div", {
@@ -480,6 +514,12 @@ var ParseSession = function ParseSession(_ref) {
480
514
  return renderFaq();
481
515
  case imMsgTypes.faqLink:
482
516
  return renderFaqLink();
517
+ case imMsgTypes.afsFaq:
518
+ return renderAfsFaq();
519
+ case imMsgTypes.feedback:
520
+ return renderFeedback();
521
+ case imMsgTypes.liveSupport:
522
+ return renderLiveSupport();
483
523
  case imMsgTypes.formCustomer:
484
524
  return renderFormCustomer();
485
525
  case imMsgTypes.tip:
@@ -211,6 +211,75 @@
211
211
  }
212
212
  }
213
213
  }
214
+
215
+ &-afs-faq {
216
+ padding: 16px;
217
+ width: 272px;
218
+ &-title {
219
+ font-size: 14px;
220
+ color: #333;
221
+ font-weight: 500;
222
+ }
223
+ &-list {
224
+ margin-top: 16px;
225
+ border-top: 1px solid #eee;
226
+ color: #2c6bff;
227
+ &-item {
228
+ cursor: default;
229
+ padding: 16px 0 0 0;
230
+ display: flex;
231
+ align-items: center;
232
+ transition: color 0.3s, transform 0.3s;
233
+ // &:active {
234
+ // color: #1a4d99;
235
+ // transform: scale(1.05);
236
+ // }
237
+ &::before {
238
+ content: '';
239
+ display: inline-block;
240
+ width: 6px;
241
+ height: 6px;
242
+ border-radius: 50%;
243
+ background-color: #2c6bff;
244
+ margin-right: 8px;
245
+ }
246
+ }
247
+ }
248
+ }
249
+ &-feedback {
250
+ padding: 16px;
251
+ width: 272px;
252
+ }
253
+ &-live-support {
254
+ padding: 16px;
255
+ width: 272px;
256
+ &-title {
257
+ font-size: 14px;
258
+ color: #333;
259
+ font-weight: 400;
260
+ }
261
+ &-operate {
262
+ cursor: default;
263
+ font-size: 14px;
264
+ color: #2c6bff;
265
+ font-weight: 400;
266
+ margin-top: 16px;
267
+ transition: color 0.3s, transform 0.3s;
268
+ // &:active {
269
+ // color: #1a4d99;
270
+ // transform: scale(1.05);
271
+ // }
272
+ &::before {
273
+ content: '';
274
+ display: inline-block;
275
+ width: 6px;
276
+ height: 6px;
277
+ border-radius: 50%;
278
+ background-color: #2c6bff;
279
+ margin-right: 8px;
280
+ }
281
+ }
282
+ }
214
283
  }
215
284
 
216
285
  .fx-preview-toolbar-wrapper {
@@ -8,6 +8,9 @@ export declare const imMsgTypes: {
8
8
  link: string;
9
9
  file: string;
10
10
  faq: string;
11
+ afsFaq: string;
12
+ feedback: string;
13
+ liveSupport: string;
11
14
  faqLink: string;
12
15
  formCustomer: string;
13
16
  tip: string;
@@ -8,6 +8,12 @@ export var imMsgTypes = {
8
8
  link: 'link',
9
9
  file: 'file',
10
10
  faq: 'faq',
11
+ // 机器人自动回复问题
12
+ afsFaq: 'afs-faq',
13
+ // 请用户给快速反馈
14
+ feedback: 'feedback',
15
+ // 询问是否需要转
16
+ liveSupport: 'live-support',
11
17
  faqLink: 'faqLink',
12
18
  formCustomer: 'formCustomer',
13
19
  tip: 'tip',
@@ -454,6 +454,40 @@ var ParseSession = function ParseSession(_ref) {
454
454
  }
455
455
  })), "\u7CFB\u7EDF\u8F6C\u53D1"));
456
456
  };
457
+ var renderLiveSupport = function renderLiveSupport() {
458
+ var liveSupportAttach = attach;
459
+ console.log(liveSupportAttach, 'liveSupportAttach');
460
+ return /*#__PURE__*/_react.default.createElement("div", {
461
+ className: "".concat(prefix, "-live-support")
462
+ }, /*#__PURE__*/_react.default.createElement("div", {
463
+ className: "".concat(prefix, "-live-support-title")
464
+ }, liveSupportAttach.content.title), /*#__PURE__*/_react.default.createElement("div", {
465
+ className: "".concat(prefix, "-live-support-operate")
466
+ }, liveSupportAttach.content.liveSupportBtn));
467
+ };
468
+ var renderAfsFaq = function renderAfsFaq() {
469
+ var afsFaqAttach = attach;
470
+ return /*#__PURE__*/_react.default.createElement("div", {
471
+ className: "".concat(prefix, "-afs-faq")
472
+ }, /*#__PURE__*/_react.default.createElement("div", {
473
+ className: "".concat(prefix, "-afs-faq-title")
474
+ }, afsFaqAttach.content.title), /*#__PURE__*/_react.default.createElement("div", {
475
+ className: "".concat(prefix, "-afs-faq-list")
476
+ }, afsFaqAttach.content.qaList.map(function (item) {
477
+ return /*#__PURE__*/_react.default.createElement("div", {
478
+ className: "".concat(prefix, "-afs-faq-list-item"),
479
+ key: item.id
480
+ }, /*#__PURE__*/_react.default.createElement("span", {
481
+ className: "title"
482
+ }, item.question));
483
+ })));
484
+ };
485
+ var renderFeedback = function renderFeedback() {
486
+ var feedbackAttach = attach;
487
+ return /*#__PURE__*/_react.default.createElement("div", {
488
+ className: "".concat(prefix, "-text")
489
+ }, feedbackAttach.content.title);
490
+ };
457
491
  var renderOfflineSupport = function renderOfflineSupport() {
458
492
  var _attach$content14, _attach$content15;
459
493
  return /*#__PURE__*/_react.default.createElement("div", {
@@ -482,6 +516,12 @@ var ParseSession = function ParseSession(_ref) {
482
516
  return renderFaq();
483
517
  case _const.imMsgTypes.faqLink:
484
518
  return renderFaqLink();
519
+ case _const.imMsgTypes.afsFaq:
520
+ return renderAfsFaq();
521
+ case _const.imMsgTypes.feedback:
522
+ return renderFeedback();
523
+ case _const.imMsgTypes.liveSupport:
524
+ return renderLiveSupport();
485
525
  case _const.imMsgTypes.formCustomer:
486
526
  return renderFormCustomer();
487
527
  case _const.imMsgTypes.tip:
@@ -211,6 +211,75 @@
211
211
  }
212
212
  }
213
213
  }
214
+
215
+ &-afs-faq {
216
+ padding: 16px;
217
+ width: 272px;
218
+ &-title {
219
+ font-size: 14px;
220
+ color: #333;
221
+ font-weight: 500;
222
+ }
223
+ &-list {
224
+ margin-top: 16px;
225
+ border-top: 1px solid #eee;
226
+ color: #2c6bff;
227
+ &-item {
228
+ cursor: default;
229
+ padding: 16px 0 0 0;
230
+ display: flex;
231
+ align-items: center;
232
+ transition: color 0.3s, transform 0.3s;
233
+ // &:active {
234
+ // color: #1a4d99;
235
+ // transform: scale(1.05);
236
+ // }
237
+ &::before {
238
+ content: '';
239
+ display: inline-block;
240
+ width: 6px;
241
+ height: 6px;
242
+ border-radius: 50%;
243
+ background-color: #2c6bff;
244
+ margin-right: 8px;
245
+ }
246
+ }
247
+ }
248
+ }
249
+ &-feedback {
250
+ padding: 16px;
251
+ width: 272px;
252
+ }
253
+ &-live-support {
254
+ padding: 16px;
255
+ width: 272px;
256
+ &-title {
257
+ font-size: 14px;
258
+ color: #333;
259
+ font-weight: 400;
260
+ }
261
+ &-operate {
262
+ cursor: default;
263
+ font-size: 14px;
264
+ color: #2c6bff;
265
+ font-weight: 400;
266
+ margin-top: 16px;
267
+ transition: color 0.3s, transform 0.3s;
268
+ // &:active {
269
+ // color: #1a4d99;
270
+ // transform: scale(1.05);
271
+ // }
272
+ &::before {
273
+ content: '';
274
+ display: inline-block;
275
+ width: 6px;
276
+ height: 6px;
277
+ border-radius: 50%;
278
+ background-color: #2c6bff;
279
+ margin-right: 8px;
280
+ }
281
+ }
282
+ }
214
283
  }
215
284
 
216
285
  .fx-preview-toolbar-wrapper {
@@ -8,6 +8,9 @@ export declare const imMsgTypes: {
8
8
  link: string;
9
9
  file: string;
10
10
  faq: string;
11
+ afsFaq: string;
12
+ feedback: string;
13
+ liveSupport: string;
11
14
  faqLink: string;
12
15
  formCustomer: string;
13
16
  tip: string;
@@ -14,6 +14,12 @@ var imMsgTypes = exports.imMsgTypes = {
14
14
  link: 'link',
15
15
  file: 'file',
16
16
  faq: 'faq',
17
+ // 机器人自动回复问题
18
+ afsFaq: 'afs-faq',
19
+ // 请用户给快速反馈
20
+ feedback: 'feedback',
21
+ // 询问是否需要转
22
+ liveSupport: 'live-support',
17
23
  faqLink: 'faqLink',
18
24
  formCustomer: 'formCustomer',
19
25
  tip: 'tip',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fle-ui/plus-im-record",
3
- "version": "0.0.8-beta.4",
3
+ "version": "0.0.8-beta.5",
4
4
  "description": "@fle-ui/plus-im-record",
5
5
  "keywords": [
6
6
  "fle-ui",
@@ -45,5 +45,5 @@
45
45
  "peerDependencies": {
46
46
  "react": ">=17.0.0"
47
47
  },
48
- "gitHead": "78d824169602d37feb9b5a79180d91f31a381814"
48
+ "gitHead": "6a72544262a0411add48ab2f4a50293aa49ae701"
49
49
  }