@ray-js/t-agent-ui-ray 0.0.8-beta-2 → 0.0.8

package/README-zh_CN.md

@@ -1,5 +1,3 @@
-[English](./README.md) | 简体中文
-
 # @ray-js/t-agent-ui-ray
 
 > AI 智能体 SDK

package/README.md

@@ -1,5 +1,3 @@
-English | [简体中文](./README-zh_CN.md)
-
 # @ray-js/t-agent-ui-ray
 
 > AI Agent SDK  

package/dist/MessageInput/AsrInput.d.ts

@@ -5,6 +5,7 @@ interface Props {
     setText: (text: string) => void;
     onBack: () => void;
     sendDisabled: boolean;
+    responding: boolean;
     onSend: () => Promise<any>;
     onError: (error: Error) => void;
     onMoreClick: () => void;

package/dist/MessageInput/AsrInput.js

@@ -5,6 +5,7 @@ import cx from 'clsx';
 import { useAsrInput } from '../hooks';
 export default function AsrInput(props) {
   const {
+    responding,
     sendDisabled,
     onMoreClick,
     moreOpen,
@@ -64,11 +65,11 @@ export default function AsrInput(props) {
     onTouchCancel: release,
     onTouchEnd: release
   }), /*#__PURE__*/React.createElement(Button, {
-    disabled: sendDisabled,
+    disabled: sendDisabled || responding,
     "data-testid": "t-agent-message-input-asr-button-right",
     className: cx('t-agent-message-input-button', {
       't-agent-message-input-button-voice-send': state === 'pending',
-      't-agent-message-input-button-hide': state === 'recording' || !hasMore,
+      't-agent-message-input-button-hide': state === 'recording' || !hasMore && state !== 'pending',
       't-agent-message-input-button-more': state === 'init' && hasMore,
       't-agent-message-input-button-more-open': state === 'init' && moreOpen
     }),

package/dist/MessageInput/index.js

@@ -17,6 +17,9 @@ import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEv
 import AsrInput from './AsrInput';
 export default function MessageInput(props) {
   const [moreOpen, setMoreOpen] = useState(false);
+  const {
+    i18nTranslate: t
+  } = useRenderOptions();
   const [text, setText] = useState('');
   const [asrText, setAsrText] = useState('');
   const attachmentInput = useAttachmentInput();
@@ -142,7 +145,7 @@ export default function MessageInput(props) {
         if (!auth) {
           ty.showToast({
             icon: 'none',
-            title: I18n.t('chat.input.voice.requirePermission')
+            title: t('t-agent.input.voice.require-permission')
           });
           return;
         }
@@ -180,7 +183,8 @@ export default function MessageInput(props) {
       moreOpen: moreOpen,
       closeMore: () => setMoreOpen(false),
       onMoreClick: openMoreClick,
-      sendDisabled: responding || uploading,
+      responding: responding,
+      sendDisabled: uploading,
       onSend: async () => {
         if (asrText) {
           await send([...attachmentInput.blocks, {
@@ -261,7 +265,7 @@ export default function MessageInput(props) {
       } catch (e) {
         ty.showToast({
           icon: 'error',
-          title: I18n.t('common.upload.failed')
+          title: t('t-agent.input.upload.failed')
         });
       }
     }
@@ -277,7 +281,7 @@ export default function MessageInput(props) {
       } catch (e) {
         ty.showToast({
           icon: 'error',
-          title: I18n.t('common.upload.failed')
+          title: t('t-agent.input.upload.failed')
         });
       }
     }

package/dist/renderOption.js

@@ -72,5 +72,6 @@ export const defaultRenderOptions = {
   customBlockTypes: defaultCustomBlockTypes,
   renderCardAs: defaultRenderCardAs,
   customCardMap: {},
-  getStaticResourceBizType: () => ''
+  getStaticResourceBizType: () => '',
+  i18nTranslate: key => I18n.t(key)
 };

package/dist/tiles/BubbleTile/index.js

@@ -12,7 +12,7 @@ import TileRender from '../../TileRender';
 import Feedback from './Feedback';
 import noticeSvg from './notice.svg';
 import noticeWarnSvg from './notice-warn.svg';
-import { useChatAgent } from '../../hooks';
+import { useChatAgent, useRenderOptions } from '../../hooks';
 const BubbleTile = props => {
   var _message$meta$request;
   const agent = useChatAgent();
@@ -31,6 +31,9 @@ const BubbleTile = props => {
     data
   } = tile;
   const bubbleStatus = data.status || BubbleTileStatus.NORMAL;
+  const {
+    i18nTranslate: t
+  } = useRenderOptions();
   const loading = status === ChatMessageStatus.START || status === ChatMessageStatus.UPDATING;
   const showFeedback = isLatestMessage && status === ChatMessageStatus.FINISH && role === 'assistant' && ((_message$meta$request = message.meta.requestId) === null || _message$meta$request === void 0 ? void 0 : _message$meta$request.startsWith('AIAssistant')) && bubbleStatus === BubbleTileStatus.NORMAL;
   const [feedbackLoaded, setFeedbackLoaded] = useState(false);
@@ -77,7 +80,7 @@ const BubbleTile = props => {
       onClick: showInfo,
       src: noticeWarnSvg,
       className: "t-agent-bubble-tile-error",
-      "data-testid": "t-agent-bubble-tile-error"
+      "data-testid": "t-agent-bubble-tile-warning"
     });
   }
   return /*#__PURE__*/React.createElement(View, {
@@ -120,7 +123,7 @@ const BubbleTile = props => {
         })
       });
       ty.showToast({
-        title: I18n.t('chat.feedback.success'),
+        title: t('t-agent.message.feedback.success'),
         icon: 'none'
       });
     }

package/dist/tiles/ButtonsTile/index.js

@@ -3,17 +3,27 @@ import "core-js/modules/esnext.iterator.map.js";
 import { Button, View } from '@ray-js/components';
 import React from 'react';
 import './index.less';
+import { useRenderOptions } from '../../hooks';
 export default function ButtonsTile(props) {
+  const {
+    i18nTranslate
+  } = useRenderOptions();
   if (props.tile.locked) {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
     className: "t-agent-buttons-tile"
-  }, props.tile.data.buttons.map(item => /*#__PURE__*/React.createElement(Button, {
-    key: "".concat(item.text, "-").concat(item.type || ''),
-    className: "t-agent-buttons-tile-button ".concat(item.type ? "t-agent-buttons-tile-button-".concat(item.type) : ''),
-    onClick: () => {
-      item.clickPayload && props.emitEvent(item.clickPayload);
+  }, props.tile.data.buttons.map(item => {
+    let text = item.text;
+    if (item.i18nKey) {
+      text = i18nTranslate(item.i18nKey);
     }
-  }, item.text)));
+    return /*#__PURE__*/React.createElement(Button, {
+      key: "".concat(text, "-").concat(item.type || ''),
+      className: "t-agent-buttons-tile-button ".concat(item.type ? "t-agent-buttons-tile-button-".concat(item.type) : ''),
+      onClick: () => {
+        item.clickPayload && props.emitEvent(item.clickPayload);
+      }
+    }, text);
+  }));
 }

package/dist/types.d.ts

@@ -23,4 +23,5 @@ export interface RenderOptions {
         card: ChatCardObject;
     }>>;
     getStaticResourceBizType: (src: string, scene?: string, data?: any) => string;
+    i18nTranslate: (key: string) => string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.0.8-beta-2",
+  "version": "0.0.8",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -41,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "0fe6e7c1daafbeffd1394a7ee85ab4ae86d8f93e"
+  "gitHead": "686e9d17bd1a96074d3ac16ac2a3d73e1aa17f8f"
 }