@tencentcloud/ai-desk-customer-vue 0.1.0 → 0.1.2

package/components/CustomerServiceChat/message-list/message-elements/message-text.vue

@@ -84,6 +84,15 @@ watchEffect(() => {
 }
 
 .text {
+  white-space: pre-wrap;
+  font-size: 14px;
+  text-size-adjust: none;
+  font-family: PingFangSC-Regular;
+  overflow-wrap: break-word;
+  word-break: break-all;
+}
+
+.text:lang(en) {
   white-space: pre-wrap;
   font-size: 14px;
   text-size-adjust: none;

package/components/CustomerServiceChat/message-list/style/h5.scss

@@ -1,6 +1,7 @@
 .tui-chat-h5 {
   flex: 1;
   position: static;
+  max-height: 100%;
 
   .tui-chat-main {
     .tui-message-list {

package/components/CustomerServiceChat/style/h5.scss

@@ -14,8 +14,7 @@
   }
 
   &-message-input {
-    height: auto;
-    padding: 10px 10px 0;
+    height: 100px;
   }
 
   &-message-input-toolbar {

package/components/CustomerServiceChat/style/uni.scss

@@ -1,7 +1,6 @@
 .tui-chat-uni {
   &-message-input {
-    max-height: 370px;
-    padding: 10px;
+    max-height: 70px;
   }
   &-message-input-hide{
     display: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "chat uikit ai-desk-customer",
   "main": "index",
   "keywords": [

package/server.ts

@@ -44,15 +44,15 @@ export default class TUICustomerServer {
     }
   }
 
-  static loginCustomerUIKit = (sdkappid:number, userid:string, usersig:string) => {
-    TUILogin.login({
-      SDKAppID: sdkappid,
-      userID:userid,
-      userSig:usersig,
+  static loginCustomerUIKit(SDKAppID:number, userID:string, userSig:string) {
+    TUIChatEngine.login({
+      SDKAppID,
+      userID,
+      userSig,
       useUploadPlugin: true,
     }).then(() => {
       console.log("login success");
-		  TUIConversationService.switchConversation('C2C@customer_service_account');
+      TUIConversationService.switchConversation('C2C@customer_service_account');
     })
     .catch((error) => {
       console.log(error);
@@ -62,14 +62,14 @@ export default class TUICustomerServer {
   /**
    * init
    */
-  public static init(sdkappid:number, userid:string, usersig:string) {
+  public static init(SDKAppID:number, userID:string, userSig:string) {
     // Backward compatibility, the new version executes the init operation by default in index.ts
     if (TUICustomerServer.isInitialized) {
       return;
     }
     TUICustomerServer.isInitialized = true;
     // Execute call server when native plugin TUICallKit exists
-    this.loginCustomerUIKit(sdkappid, userid, usersig);
+    this.loginCustomerUIKit(SDKAppID, userID, userSig);
   }
 
   // Set customer service number
@@ -117,7 +117,7 @@ export default class TUICustomerServer {
       if (this.isCustomerConversation(params.conversationID)) {
         TUIChatService.sendCustomMessage({
           to: params.conversationID.slice(3),
-          conversationType: 'C2C',
+          conversationType: TUIChatEngine.TYPES.CONV_C2C,
           payload: {
             data: JSON.stringify({src: '7', customerServicePlugin: 0}),
           },

package/logger/index.ts

@@ -1,12 +0,0 @@
-import Logger from './main';
-
-const logger = new Logger({
-  url: `https://otlp.tccc.qcloud.com/v1/logs`,
-  id: 'tccc',
-  name: 'webCustomerUIKit',
-  attributes: {
-    origin: 'webCustomerUIKit',
-  },
-});
-
-export default logger;

package/logger/main.ts

@@ -1,120 +0,0 @@
-import * as logsAPI from '@opentelemetry/api-logs';
-import { OTLPLogExporter } from '@opentelemetry/exporter-logs-otlp-http';
-import { LoggerProvider, BatchLogRecordProcessor } from '@opentelemetry/sdk-logs';
-import { Resource } from '@opentelemetry/resources';
-type LogBody =
-  | string
-  | {
-    msg: string;
-    attributes?: logsAPI.LogAttributes;
-  };
-
-const getLogBody = (args: LogBody, defaultAttributes: logsAPI.LogAttributes) => ({
-  body: typeof args === 'string' ? args : args.msg,
-  attributes:
-    typeof args === 'string'
-      ? defaultAttributes
-      : {
-          ...defaultAttributes,
-          ...args.attributes,
-        },
-});
-
-export default class Logger {
-  logger: logsAPI.Logger;
-  attributes: logsAPI.LogAttributes;
-  logLevel: logsAPI.SeverityNumber;
-  name: string;
-  constructor({
-    name,
-    id,
-    url,
-    version = 'latest',
-    attributes,
-    logLevel = logsAPI.SeverityNumber.ERROR2,
-  }: {
-    name: string;
-    id: string;
-    url: URL | string;
-    version?: string;
-    attributes: logsAPI.LogAttributes;
-    logLevel?: logsAPI.SeverityNumber;
-  }) {
-    this.name = name;
-    this.logLevel = logLevel;
-    const loggerProvider = new LoggerProvider({
-      resource: new Resource({
-        'service.name': name,
-        'tps.tenant.id': id,
-      }),
-    });
-    loggerProvider.addLogRecordProcessor(
-      new BatchLogRecordProcessor(
-        new OTLPLogExporter({
-          url: url.toString(),
-          headers: {
-            'X-Tps-TenantID': id,
-          },
-        }),
-      ),
-    );
-    const logger = loggerProvider.getLogger(name, version);
-    this.attributes = attributes;
-    this.logger = logger;
-  }
-
-  debug = (args: LogBody) => {
-    if (this.logLevel <= logsAPI.SeverityNumber.DEBUG) {
-      console.debug(`[${this.name}]`, args);
-    }
-    this.logger.emit({
-      severityNumber: logsAPI.SeverityNumber.DEBUG,
-      severityText: 'debug',
-      ...getLogBody(args, this.attributes),
-    });
-  };
-
-  info(args: LogBody) {
-    if (this.logLevel <= logsAPI.SeverityNumber.INFO) {
-      console.info(`[${this.name}]`, args);
-    }
-
-    return this.logger.emit({
-      severityNumber: logsAPI.SeverityNumber.INFO,
-      severityText: 'info',
-      ...getLogBody(args, this.attributes),
-    });
-  }
-
-  warn = (args: LogBody) => {
-    if (this.logLevel <= logsAPI.SeverityNumber.WARN) {
-      console.warn(`[${this.name}]`, args);
-    }
-    this.logger.emit({
-      severityNumber: logsAPI.SeverityNumber.WARN,
-      severityText: 'warn',
-      ...getLogBody(args, this.attributes),
-    });
-  };
-
-  error = (args: LogBody) => {
-    if (this.logLevel <= logsAPI.SeverityNumber.ERROR) {
-      console.error(`[${this.name}]`, args);
-    }
-    this.logger.emit({
-      severityNumber: logsAPI.SeverityNumber.ERROR,
-      severityText: 'error',
-      ...getLogBody(args, this.attributes),
-    });
-  };
-
-  setAttribute = (key: string, value: string | number) => {
-    Object.assign(this.attributes, {
-      [key]: value,
-    });
-  };
-
-  setAttributes = (attributes: logsAPI.LogAttributes) => {
-    Object.assign(this.attributes, attributes);
-  };
-}