@ray-js/t-agent-ui-ray 0.0.5-beta-1 → 0.0.6-beta-1

package/dist/ChatContainer/index.js

@@ -6,7 +6,6 @@ import './index.less';
 import React, { useEffect, useMemo, useState } from 'react';
 import { View } from '@ray-js/components';
 import { getWebSocketStatusSync, SocketStatus } from '@ray-js/t-agent-plugin-assistant';
-import { getSystemInfoSync } from '@ray-js/ray';
 import { ChatAgentContext, MessageContext, RenderContext } from '../contexts';
 import { defaultRenderOptions } from '../renderOption';
 import logger from '../logger';
@@ -66,7 +65,7 @@ export default function ChatContainer(props) {
           break;
         case 'update':
           setMessages(prev => {
-            if (getSystemInfoSync().platform === 'android') {
+            if (ty.getSystemInfoSync().platform === 'android') {
               var _prev;
               // Android 上有兼容问题，需要手动滚动到底部
               if (((_prev = prev[prev.length - 1]) === null || _prev === void 0 ? void 0 : _prev.id) === message.id) {

package/dist/EchartsBlockRender/index.js

@@ -1,6 +1,5 @@
 import Render from './index.rjs';
 import logger from '../logger';
-import { getSystemInfoSync } from '@ray-js/ray';
 
 // eslint-disable-next-line no-undef
 Component({
@@ -47,7 +46,8 @@ Component({
         });
         const data = JSON.parse(content);
         if (data.option) {
-          const pixelRatio = getSystemInfoSync().pixelRatio;
+          // eslint-disable-next-line no-undef
+          const pixelRatio = ty.getSystemInfoSync().pixelRatio;
           this.rjs.update(this.data.canvasId, pixelRatio, data.option);
           this.setData({
             loading: false,

package/dist/MarkdownRender/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import './index.less';
@@ -27,10 +28,7 @@ const MarkdownRender = props => {
   }, [text, parser]);
   const sendAction = useSendAction();
   return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-markdown-render",
-    onClick: event => {
-      console.log('click', event);
-    }
+    className: "t-agent-markdown-render"
   }, blocks.map(block => {
     const {
       id,

package/dist/MessageInput/AsrInput.d.ts

@@ -1,9 +1,11 @@
 import './index.less';
 import React from 'react';
 interface Props {
+    text: string;
+    setText: (text: string) => void;
     onBack: () => void;
     sendDisabled: boolean;
-    onSend: (text: string) => Promise<any>;
+    onSend: () => Promise<any>;
     onError: (error: Error) => void;
     onMoreClick: () => void;
     closeMore: () => void;

package/dist/MessageInput/AsrInput.js

@@ -9,15 +9,15 @@ export default function AsrInput(props) {
     onMoreClick,
     moreOpen,
     closeMore,
-    hasMore
+    hasMore,
+    text,
+    setText
   } = props;
   const {
     state,
     press,
     release,
     clear,
-    text,
-    setText,
     currentText,
     incomingText
   } = useAsrInput(props);
@@ -26,15 +26,18 @@ export default function AsrInput(props) {
   }, (state === 'recording' || state === 'pending') && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     className: "t-agent-message-input-voice-mask"
   }), /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-message-input-voice-bubble"
+    className: "t-agent-message-input-voice-bubble",
+    "data-testid": "t-agent-message-input-asr-bubble"
   }, state === 'recording' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, null, currentText), /*#__PURE__*/React.createElement(Text, {
     className: "t-agent-message-input-voice-bubble-predicted"
   }, incomingText)) : /*#__PURE__*/React.createElement(Textarea, {
+    "data-testid": "t-agent-message-input-asr-bubble-input",
     autoHeight: true,
     className: "t-agent-message-input-voice-bubble-input",
     value: text,
     onInput: event => setText(event.value)
   }))), /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "t-agent-message-input-asr-button-left",
     className: cx('t-agent-message-input-button', {
       't-agent-message-input-button-text': state === 'init',
       't-agent-message-input-button-hide': state === 'recording',
@@ -49,6 +52,7 @@ export default function AsrInput(props) {
       }
     }
   }), /*#__PURE__*/React.createElement(Button, {
+    "data-testid": "t-agent-message-input-asr-button-middle",
     className: "t-agent-message-input-button t-agent-message-input-button-voice-active",
     disabled: sendDisabled,
     onTouchStart: () => {
@@ -60,6 +64,7 @@ export default function AsrInput(props) {
     onTouchEnd: release
   }), /*#__PURE__*/React.createElement(Button, {
     disabled: sendDisabled,
+    "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',
@@ -70,7 +75,7 @@ export default function AsrInput(props) {
       if (state === 'init' && hasMore) {
         onMoreClick();
       } else {
-        props.onSend(text);
+        props.onSend();
         clear();
       }
     }

package/dist/MessageInput/index.js

@@ -5,7 +5,7 @@ import "core-js/modules/web.dom-collections.iterator.js";
 import './index.less';
 import { Button, View } from '@ray-js/components';
 import React, { useState } from 'react';
-import { Image, Input, ScrollView, showToast } from '@ray-js/ray';
+import { Image, Input, ScrollView } from '@ray-js/ray';
 import { Asr, SocketStatus } from '@ray-js/t-agent-plugin-assistant';
 import cx from 'clsx';
 import PrivateImage from '../PrivateImage';
@@ -13,24 +13,24 @@ import imageSvg from './icons/image.svg';
 import videoSvg from './icons/video.svg';
 import loadingSvg from './icons/loading.svg';
 import closeCircleSvg from './icons/close-circle.svg';
-import { useChatAgent, useEmitEvent, useOnEvent, useRenderOptions, useBlockInput } from '../hooks';
+import { useAttachmentInput, useChatAgent, useEmitEvent, useIsUnmounted, useOnEvent, useRenderOptions } from '../hooks';
 import AsrInput from './AsrInput';
 export default function MessageInput(props) {
   const [moreOpen, setMoreOpen] = useState(false);
+  const [text, setText] = useState('');
+  const [asrText, setAsrText] = useState('');
+  const attachmentInput = useAttachmentInput();
   const {
-    text,
-    setText,
     uploading,
     uploaded,
     setUploaded,
-    blocks,
-    loadBlocks,
     upload
-  } = useBlockInput();
+  } = attachmentInput;
   const [responding, setResponding] = useState(false);
   const [mode, setMode] = useState('text');
   const agent = useChatAgent();
   const emitEvent = useEmitEvent();
+  const isUnmounted = useIsUnmounted();
   useOnEvent('updateSocketStatus', status => {
     if ((status === SocketStatus.FAILED || status === SocketStatus.CONNECTING) && responding) {
       setResponding(false);
@@ -38,17 +38,19 @@ export default function MessageInput(props) {
   });
   const hasMore = !!agent.plugins.assistant.options.multiModal;
   const isMore = !text.length && hasMore;
-  const send = async input => {
-    if (!input || uploading || responding) {
+  const send = async inputBlocks => {
+    if (!(inputBlocks !== null && inputBlocks !== void 0 && inputBlocks.length) || attachmentInput.uploading || responding) {
       return;
     }
     setUploaded([]);
     setText('');
     setResponding(true);
     try {
-      await agent.pushInputBlocks(blocks);
+      await agent.pushInputBlocks(inputBlocks);
     } finally {
-      setResponding(false);
+      if (!isUnmounted()) {
+        setResponding(false);
+      }
     }
   };
   useOnEvent('sendMessage', async _ref => {
@@ -65,7 +67,9 @@ export default function MessageInput(props) {
     try {
       await agent.pushInputBlocks(blocks);
     } finally {
-      setResponding(false);
+      if (!isUnmounted()) {
+        setResponding(false);
+      }
     }
   });
   useOnEvent('setInputBlocks', async _ref2 => {
@@ -75,7 +79,19 @@ export default function MessageInput(props) {
     if (uploading || responding) {
       return;
     }
-    loadBlocks(blocks);
+    if (mode !== 'text') {
+      setMode('text');
+    }
+    attachmentInput.loadBlocks(blocks);
+    let t = '';
+    for (const block of blocks) {
+      if (block.type === 'text') {
+        t = block.text;
+      }
+    }
+    if (t) {
+      setText(t);
+    }
     setMoreOpen(false);
   });
   const openMoreClick = () => {
@@ -100,8 +116,14 @@ export default function MessageInput(props) {
       value: text,
       onInput: event => setText(event.detail.value),
       placeholder: props.placeholder,
+      "data-testid": "t-agent-message-input-text-inner",
       className: "t-agent-message-input-text-inner",
-      onConfirm: () => send(text),
+      onConfirm: () => {
+        send([...attachmentInput.blocks, {
+          type: 'text',
+          text
+        }]);
+      },
       maxLength: 200,
       placeholderStyle: "color: var(--app-B1-N4)",
       onFocus: () => {
@@ -111,15 +133,17 @@ export default function MessageInput(props) {
         });
       }
     }), /*#__PURE__*/React.createElement(Button, {
+      "data-testid": "t-agent-message-input-button-asr",
       onClick: async () => {
         const auth = await Asr.authorize();
         if (!auth) {
-          showToast({
+          ty.showToast({
             icon: 'none',
             title: I18n.t('chat.input.voice.requirePermission')
           });
           return;
         }
+        setText('');
         setMode('voice');
       },
       className: "t-agent-message-input-button t-agent-message-input-button-voice"
@@ -130,25 +154,41 @@ export default function MessageInput(props) {
         't-agent-message-input-button-more-open': moreOpen && isMore,
         't-agent-message-input-button-send': !isMore
       }),
+      "data-testid": "t-agent-message-input-button-main",
       onClick: async () => {
         if (isMore) {
           openMoreClick();
-        } else {
-          await send(text);
+        } else if (text) {
+          await send([...attachmentInput.blocks, {
+            type: 'text',
+            text
+          }]);
         }
       }
     }));
   } else {
     container = /*#__PURE__*/React.createElement(AsrInput, {
-      onBack: () => setMode('text'),
+      text: asrText,
+      setText: setAsrText,
+      onBack: () => {
+        setText('');
+        setMode('text');
+      },
       moreOpen: moreOpen,
       closeMore: () => setMoreOpen(false),
       onMoreClick: openMoreClick,
       sendDisabled: responding || uploading,
-      onSend: text => send(text),
+      onSend: async () => {
+        if (asrText) {
+          await send([...attachmentInput.blocks, {
+            type: 'text',
+            text: asrText
+          }]);
+        }
+      },
       hasMore: hasMore,
       onError: error => {
-        showToast({
+        ty.showToast({
           icon: 'error',
           title: error.message
         });
@@ -216,7 +256,7 @@ export default function MessageInput(props) {
       try {
         await upload('image', 1);
       } catch (e) {
-        showToast({
+        ty.showToast({
           icon: 'error',
           title: I18n.t('common.upload.failed')
         });
@@ -232,7 +272,7 @@ export default function MessageInput(props) {
       try {
         await upload('video', 1);
       } catch (e) {
-        showToast({
+        ty.showToast({
           icon: 'error',
           title: I18n.t('common.upload.failed')
         });

package/dist/MessageInput/index.less

@@ -7,10 +7,12 @@
   }
 }
 
+.t-agent-message-input {
+  padding-bottom: var(--t-agent-safe-bottom);
+}
 
 .t-agent-message-input-container {
   --t-agent-input-border-color: var(--app-B1-N7);
-  padding-bottom: var(--t-agent-safe-bottom);
   border-top: 2rpx solid var(--t-agent-input-border-color);
   background: var(--app-B1);
 }
@@ -259,6 +261,7 @@
   color: var(--app-M1-N1);
   font-size: 32rpx;
   transition: height 0.2s ease-in-out;
+  white-space: pre-wrap;
 
   &::after {
     content: '';

package/dist/MessageList/index.d.ts

@@ -3,9 +3,9 @@ import React from 'react';
 interface Props {
     className?: string;
     roleSide?: {
-        user?: 'start' | 'end';
-        assistant?: 'start' | 'end';
-        [key: string]: 'start' | 'end';
+        user?: 'start' | 'end' | string;
+        assistant?: 'start' | 'end' | string;
+        [key: string]: 'start' | 'end' | string;
     };
 }
 export default function MessageList(props: Props): React.JSX.Element;

package/dist/MessageList/index.js

@@ -1,4 +1,5 @@
 import "core-js/modules/es.array.reverse.js";
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import './index.less';
@@ -6,7 +7,7 @@ import { View } from '@ray-js/components';
 import React, { useMemo, useState } from 'react';
 import { ScrollView } from '@ray-js/ray';
 import MessageRender from '../MessageRender';
-import { useAgentMessage, useOnEvent } from '../hooks';
+import { useAgentMessage, useOnEvent, useSleep } from '../hooks';
 export default function MessageList(props) {
   const {
     className,
@@ -18,25 +19,27 @@ export default function MessageList(props) {
   const [scrollAnimation, setScrollAnimation] = useState(false);
   // 最大整数位数，用于强制滚动到底部，收到连续 scrollToBottom 时，每 10 毫秒更新一次
   const [scrollTop, setScrollTop] = useState(() => 1000000000000000 + Math.floor(Date.now() / 10));
+  const sleep = useSleep();
 
   // 强制滚动到底部
   useOnEvent('scrollToBottom', _ref => {
     let {
       animation
     } = _ref;
-    setTimeout(() => {
+    sleep(100).then(() => {
       setScrollAnimation(!!animation);
       const top = 1000000000000000 + Math.floor(Date.now() / 10);
       if (top !== scrollTop) {
         setScrollTop(top);
       }
-    }, 100);
+    });
   });
 
   // 使用翻转列表，让滚动和新消息出现在第一条，这样可以避免滚动到底部时的闪烁
   const reversed = useMemo(() => [...messages].reverse(), [messages]);
   return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-message-list"
+    className: "t-agent-message-list",
+    "data-testid": "t-agent-message-list"
   }, /*#__PURE__*/React.createElement(ScrollView, {
     className: "".concat(className || '', " t-agent-message-list-scroll"),
     scrollWithAnimation: scrollAnimation,

package/dist/MessageRender/index.d.ts

@@ -4,7 +4,7 @@ import { ChatMessageObject } from '@ray-js/t-agent';
 interface Props {
     message: ChatMessageObject;
     isLatestMessage: boolean;
-    side: 'start' | 'end';
+    side: 'start' | 'end' | string;
 }
 export default function MessageRender({ message, isLatestMessage, side }: Props): React.JSX.Element;
 export {};

package/dist/MessageRender/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import './index.less';
 import { View } from '@ray-js/components';

package/dist/TileRender/index.d.ts

@@ -4,7 +4,7 @@ import { ChatMessageObject, ChatTileObject } from '@ray-js/t-agent';
 interface Props {
     tile: ChatTileObject;
     message: ChatMessageObject;
-    side: 'start' | 'end';
+    side: 'start' | 'end' | string;
     isLatestMessage?: boolean;
 }
 declare const _default: React.MemoExoticComponent<({ tile, message, isLatestMessage, side }: Props) => React.JSX.Element>;

package/dist/cards/WorkflowReplyCard/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import './index.less';
 import { WorkflowReplyResourceType } from '@ray-js/t-agent-plugin-assistant';

package/dist/hooks/context.js

@@ -19,7 +19,7 @@ export const useOnEvent = (eventName, callback) => {
     return agent.plugins.ui.onEvent(eventName, detail => {
       callbackRef.current(detail);
     });
-  }, [agent, eventName, callback]);
+  }, [agent, eventName]);
 };
 export const useEmitEvent = () => {
   const agent = useChatAgent();

package/dist/hooks/index.d.ts

@@ -1,3 +1,5 @@
 export * from './context';
-export * from './useBlockInput';
+export * from './useAttachmentInput';
 export * from './useAsrInput';
+export * from './useSleep';
+export * from './useIsUnmounted';

package/dist/hooks/index.js

@@ -1,3 +1,5 @@
 export * from './context';
-export * from './useBlockInput';
-export * from './useAsrInput';
+export * from './useAttachmentInput';
+export * from './useAsrInput';
+export * from './useSleep';
+export * from './useIsUnmounted';

package/dist/hooks/useAsrInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare enum AsrErrorCode {
     SHORT_TIME = 0
 }
@@ -7,6 +6,8 @@ export declare class AsrError extends Error {
     constructor(errorCode: AsrErrorCode, message?: string);
 }
 export interface UseAsrInputOptions {
+    text: string;
+    setText: (text: string) => void;
     onError: (error: Error) => void;
 }
 /**
@@ -27,8 +28,6 @@ export interface UseAsrInputOptions {
       +-------------------------+  +--------------------------+
  */
 export declare function useAsrInput(options: UseAsrInputOptions): {
-    text: string;
-    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
     currentText: string;
     incomingText: string;
     state: "pending" | "recording" | "init";

package/dist/hooks/useAsrInput.js

@@ -40,17 +40,16 @@ export class AsrError extends Error {
  */
 export function useAsrInput(options) {
   const {
+    text,
+    setText,
     onError
   } = options;
   const asrRef = useRef(null);
-  const [text, setText] = useState('');
   const [currentText, setCurrentText] = useState('');
   const [incomingText, setIncomingText] = useState('');
   const [state, setState] = useState('init');
   const startAt = useRef(0);
   return {
-    text,
-    setText,
     currentText,
     incomingText,
     state,
@@ -99,7 +98,7 @@ export function useAsrInput(options) {
         onError(new AsrError(AsrErrorCode.SHORT_TIME));
         setState('init');
       }
-      if (Date.now() - startAt.current < 1000) {
+      if (Date.now() - startAt.current < 500 && text.length === 0) {
         onError(new AsrError(AsrErrorCode.SHORT_TIME));
       }
       if (asrRef.current) {

package/dist/hooks/{useBlockInput.d.ts → useAttachmentInput.d.ts}

@@ -6,9 +6,7 @@ export interface UploadFile {
     url?: string;
     thumbUrl?: string;
 }
-export declare function useBlockInput(): {
-    text: string;
-    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+export declare function useAttachmentInput(): {
     blocks: InputBlock[];
     uploaded: UploadFile[];
     setUploaded: import("react").Dispatch<import("react").SetStateAction<UploadFile[]>>;

package/dist/hooks/{useBlockInput.js → useAttachmentInput.js}

@@ -7,19 +7,15 @@ import { useCallback, useMemo, useState } from 'react';
 import { chooseImage, chooseVideo, uploadImage, uploadVideo } from '@ray-js/t-agent-plugin-assistant';
 import { generateId } from '@ray-js/t-agent';
 import { useRenderOptions } from './context';
-export function useBlockInput() {
-  const [text, setText] = useState('');
+export function useAttachmentInput() {
   const [uploaded, setUploaded] = useState([]);
   const uploading = useMemo(() => uploaded.some(file => file.type === 'loading'), [uploaded]);
   const blocks = useMemo(() => {
-    const blocks = [{
-      text,
-      type: 'text'
-    }];
+    const b = [];
     if (uploaded.length) {
       for (const uploadFile of uploaded) {
         if (uploadFile.type === 'image') {
-          blocks.push({
+          b.push({
             type: 'image_url',
             image_url: {
               url: uploadFile.url
@@ -27,7 +23,7 @@ export function useBlockInput() {
           });
         }
         if (uploadFile.type === 'video') {
-          blocks.push({
+          b.push({
             type: 'video_url',
             video_url: {
               url: uploadFile.url,
@@ -36,12 +32,10 @@ export function useBlockInput() {
           });
         }
       }
-      setUploaded([]);
     }
-    return blocks;
-  }, [uploaded, text]);
+    return b;
+  }, [uploaded]);
   const loadBlocks = useCallback((blocks, append) => {
-    let t = '';
     const uploaded = [];
     for (const block of blocks) {
       if (block.type === 'image_url') {
@@ -59,17 +53,10 @@ export function useBlockInput() {
           thumbUrl: block.video_url.thumb_url
         });
       }
-      if (block.type === 'text') {
-        t = block.text;
-      }
     }
     if (append) {
-      if (t) {
-        setText(t);
-      }
-      setUploaded(prev => uploaded.length ? [...prev, ...uploaded] : prev);
+      setUploaded(prev => [...prev, ...uploaded]);
     } else {
-      setText(t);
       setUploaded(uploaded);
     }
   }, []);
@@ -136,8 +123,6 @@ export function useBlockInput() {
     }
   }, [getStaticResourceBizType]);
   return {
-    text,
-    setText,
     blocks,
     uploaded,
     setUploaded,

package/dist/hooks/useIsUnmounted.d.ts

@@ -0,0 +1 @@
+export declare function useIsUnmounted(): () => boolean;

package/dist/hooks/useIsUnmounted.js

@@ -0,0 +1,10 @@
+import { useCallback, useEffect, useRef } from 'react';
+export function useIsUnmounted() {
+  const unmounted = useRef(false);
+  useEffect(() => {
+    return () => {
+      unmounted.current = true;
+    };
+  }, []);
+  return useCallback(() => unmounted.current, []);
+}

package/dist/hooks/useSleep.d.ts

@@ -0,0 +1 @@
+export declare function useSleep(): (ms: number) => Promise<void>;

package/dist/hooks/useSleep.js

@@ -0,0 +1,25 @@
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import { useCallback, useEffect, useRef } from 'react';
+export function useSleep() {
+  const ids = useRef([]);
+  const sleep = useCallback(ms => {
+    return new Promise(resolve => {
+      const id = setTimeout(() => {
+        resolve();
+        ids.current = ids.current.filter(i => i !== id);
+      }, ms);
+      ids.current.push(id);
+    });
+  }, []);
+  useEffect(() => {
+    return () => {
+      ids.current.forEach(id => {
+        clearTimeout(id);
+      });
+      ids.current = [];
+    };
+  }, []);
+  return sleep;
+}

package/dist/tiles/BubbleTile/index.js

@@ -1,10 +1,11 @@
 import "core-js/modules/es.json.stringify.js";
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import './index.less';
 import { Text, View } from '@ray-js/components';
 import React, { useEffect, useState } from 'react';
-import { getStorage, Image, showToast, setStorage } from '@ray-js/ray';
+import { Image } from '@ray-js/ray';
 import { BubbleTileStatus, ChatMessageStatus, safeParseJSON } from '@ray-js/t-agent';
 import { getCurrentHomeInfo, submitEvaluation } from '@ray-js/t-agent-plugin-assistant';
 import TileRender from '../../TileRender';
@@ -34,7 +35,7 @@ const BubbleTile = props => {
   const [feedbackLoaded, setFeedbackLoaded] = useState(false);
   const [feedbackValue, setFeedbackValue] = useState(null);
   useEffect(() => {
-    getStorage({
+    ty.getStorage({
       key: 'latestMessageFeedbackValue',
       success: res => {
         if (res.data) {
@@ -65,9 +66,9 @@ const BubbleTile = props => {
   return /*#__PURE__*/React.createElement(View, {
     className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
     onLongPress: () => {
-      showToast({
-        title: 'long press'
-      });
+      // ty.showToast({
+      //   title: 'long press',
+      // });
     }
   }, bubbleStatus === BubbleTileStatus.ERROR && side === 'end' && /*#__PURE__*/React.createElement(Image, {
     onClick: showInfo,
@@ -102,14 +103,14 @@ const BubbleTile = props => {
         score: value,
         channel
       });
-      setStorage({
+      ty.setStorage({
         key: 'latestMessageFeedbackValue',
         data: JSON.stringify({
           requestId: message.meta.requestId,
           value
         })
       });
-      showToast({
+      ty.showToast({
         title: I18n.t('chat.feedback.success'),
         icon: 'none'
       });

package/dist/tiles/ButtonsTile/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { Button, View } from '@ray-js/components';
 import React from 'react';

package/dist/tiles/DocumentsTile/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { View } from '@ray-js/components';
 import React from 'react';

package/dist/tiles/RecommendationsTile/index.js

@@ -1,4 +1,5 @@
 import "core-js/modules/es.array.sort.js";
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { View } from '@ray-js/components';
 import React, { useMemo } from 'react';

package/dist/tiles/TextTile/index.js

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
 import { View } from '@ray-js/components';
 import './index.less';
-import { getSystemInfoSync } from '@ray-js/ray';
 import MarkdownRender from '../../MarkdownRender';
 import { useRenderOptions } from '../../hooks';
 const TextTile = props => {
@@ -13,7 +12,7 @@ const TextTile = props => {
     renderCustomBlockAs,
     customBlockTypes
   } = useRenderOptions();
-  const theme = useMemo(() => getSystemInfoSync().theme, []);
+  const theme = useMemo(() => ty.getSystemInfoSync().theme, []);
   return markdown ? /*#__PURE__*/React.createElement(MarkdownRender, {
     theme: theme,
     text: text,

package/dist/tiles/WorkflowTile/index.js

@@ -1,3 +1,4 @@
+import "core-js/modules/esnext.iterator.constructor.js";
 import "core-js/modules/esnext.iterator.map.js";
 import { Button, View } from '@ray-js/components';
 import React from 'react';

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 import type { ChatAgent, ChatCardObject, ChatMessageObject, ChatTileObject } from '@ray-js/t-agent';
 import React from 'react';
 export interface TileProps<T = any, P = any> {
-    side: 'start' | 'end';
+    side: 'start' | 'end' | string;
     message: ChatMessageObject;
     tile: ChatTileObject<T>;
     emitEvent: (payload: P) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ray-js/t-agent-ui-ray",
-  "version": "0.0.5-beta-1",
+  "version": "0.0.6-beta-1",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -41,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "c2f10c94fb4031e1c375864e70a69adb3bbadd2d"
+  "gitHead": "942a1aeceb65c55ba935409d386bc09f9874e283"
 }