@ray-js/t-agent-ui-ray 0.0.9-beta-1 → 0.0.9-beta-3

package/dist/ChatContainer/index.js

@@ -29,6 +29,26 @@ export default function ChatContainer(props) {
     }
     return agent;
   });
+  const uiAgent = useMemo(() => {
+    const session = {
+      get: agent.session.get,
+      set: agent.session.set,
+      sessionId: agent.session.sessionId,
+      getData: agent.session.getData
+    };
+    Object.defineProperty(session, 'sessionId', {
+      get() {
+        return agent.session.sessionId;
+      }
+    });
+    return {
+      session,
+      plugins: agent.plugins,
+      pushInputBlocks: agent.pushInputBlocks,
+      emitTileEvent: agent.emitTileEvent,
+      removeMessage: agent.removeMessage
+    };
+  }, [agent]);
   useEffect(() => {
     const {
       onEvent,
@@ -138,7 +158,7 @@ export default function ChatContainer(props) {
       't-agent-chat-container-keyboard-show': keyboardHeight > 0
     })
   }, /*#__PURE__*/React.createElement(ChatAgentContext.Provider, {
-    value: agent
+    value: uiAgent
   }, /*#__PURE__*/React.createElement(RenderContext.Provider, {
     value: renderOptions
   }, /*#__PURE__*/React.createElement(MessageContext.Provider, {

package/dist/CustomCardRender/index.js

@@ -1,7 +1,7 @@
 import './index.less';
 import { View } from '@ray-js/components';
-import React from 'react';
-import { useRenderOptions } from '../hooks';
+import React, { useCallback, useEffect, useRef } from 'react';
+import { useRenderOptions, useTileProps } from '../hooks';
 export default function CustomCardRender(_ref) {
   let {
     card
@@ -9,6 +9,23 @@ export default function CustomCardRender(_ref) {
   const {
     customCardMap
   } = useRenderOptions();
+  const {
+    emitEvent
+  } = useTileProps();
+  const ref = useRef(card);
+  useEffect(() => {
+    ref.current = card;
+  });
+  const setCardState = useCallback((state, options) => {
+    if (typeof state === 'function') {
+      state = state(ref.current.cardState);
+    }
+    emitEvent({
+      type: '@buildIn/setCardState',
+      state,
+      options: options || {}
+    });
+  }, [emitEvent]);
   const Card = customCardMap[card.cardCode];
   if (!Card) {
     return null;
@@ -16,6 +33,7 @@ export default function CustomCardRender(_ref) {
   return /*#__PURE__*/React.createElement(View, {
     className: "t-agent-custom-card-render"
   }, /*#__PURE__*/React.createElement(Card, {
-    card: card
+    card: card,
+    setCardState: setCardState
   }));
 }

package/dist/MessageList/index.js

@@ -70,5 +70,7 @@ export default function MessageList(props) {
       isLatestMessage: index === 0,
       side: side
     });
+  }), /*#__PURE__*/React.createElement(View, {
+    className: "t-agent-message-list-padding-start"
   })));
 }

package/dist/MessageList/index.less

@@ -17,3 +17,5 @@
 .t-agent-message-list-padding {
   flex: 1
 }
+
+.t-agent-message-list-padding-start {}

package/dist/TileRender/index.js

@@ -10,7 +10,7 @@ const TileRender = _ref => {
     side
   } = _ref;
   const agent = useChatAgent();
-  const emitEvent = useCallback(async payload => agent.emitTileEvent(tile.id, payload), [tile.id]);
+  const emitEvent = useCallback(async payload => agent.emitTileEvent(tile.id, payload), [agent, tile.id]);
   const {
     renderTileAs
   } = useRenderOptions();

package/dist/contexts.d.ts

@@ -2,10 +2,15 @@
 import { ChatAgent, ChatMessageObject, UIPlugin } from '@ray-js/t-agent';
 import { AssistantPlugin } from '@ray-js/t-agent-plugin-assistant';
 import { RenderOptions, TileProps } from './types';
+import { ChatSession } from '@ray-js/t-agent';
 export declare const MessageContext: import("react").Context<{
     messages: ChatMessageObject[];
     keyboardHeight: number;
 }>;
 export declare const RenderContext: import("react").Context<RenderOptions>;
-export declare const ChatAgentContext: import("react").Context<ChatAgent<UIPlugin & AssistantPlugin>>;
+export type UIChatSession = Pick<ChatSession, 'get' | 'getData' | 'set' | 'sessionId'>;
+export type UIChatAgent = Pick<ChatAgent<UIPlugin & AssistantPlugin>, 'pushInputBlocks' | 'plugins' | 'emitTileEvent' | 'removeMessage'> & {
+    session: UIChatSession;
+};
+export declare const ChatAgentContext: import("react").Context<UIChatAgent>;
 export declare const TilePropsContext: import("react").Context<TileProps<any, any>>;

package/dist/contexts.js

@@ -9,7 +9,8 @@ export const RenderContext = /*#__PURE__*/createContext({
   renderCardAs: () => null,
   customBlockTypes: [],
   customCardMap: {},
-  getStaticResourceBizType: () => ''
+  getStaticResourceBizType: () => '',
+  i18nTranslate: key => key
 });
 export const ChatAgentContext = /*#__PURE__*/createContext({});
 export const TilePropsContext = /*#__PURE__*/createContext({});

package/dist/hooks/context.d.ts

@@ -1,5 +1,5 @@
 import { TTTAction } from '@ray-js/t-agent-plugin-assistant';
-export declare const useChatAgent: () => import("@ray-js/t-agent").ChatAgent<import("@ray-js/t-agent").UIPlugin & import("@ray-js/t-agent-plugin-assistant").AssistantPlugin>;
+export declare const useChatAgent: () => import("../contexts").UIChatAgent;
 export declare const useAgentMessage: () => {
     messages: import("@ray-js/t-agent").ChatMessageObject[];
     keyboardHeight: number;

package/dist/tiles/BubbleTile/index.js

@@ -85,6 +85,7 @@ const BubbleTile = props => {
   }
   return /*#__PURE__*/React.createElement(View, {
     className: "t-agent-bubble-tile t-agent-bubble-tile-".concat(side),
+    "data-testid": "t-agent-bubble-tile",
     onLongPress: () => {}
   }, side === 'end' && errorNode, /*#__PURE__*/React.createElement(View, {
     className: "t-agent-bubble-tile-bubble  ".concat(loading ? 't-agent-bubble-tile-bubble-loading' : '')

package/dist/tiles/CardTile/index.js

@@ -14,7 +14,8 @@ const CardTile = props => {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
-    className: "t-agent-card-tile"
+    className: "t-agent-card-tile",
+    "data-testid": "t-agent-bubble-tile"
   }, node);
 };
 export default /*#__PURE__*/React.memo(CardTile);

package/dist/types.d.ts

@@ -14,14 +14,20 @@ export interface MarkdownBlock {
     children: string;
     map: [number, number];
 }
+export type ChatCardComponent<T = any, S = any> = React.ComponentType<{
+    card: ChatCardObject<T, S>;
+    setCardState: ChatCardComponentSetCardState<S>;
+}>;
+export interface ChatCardComponentSetCardStateOptions {
+    persist?: boolean;
+}
+export type ChatCardComponentSetCardState<S = any> = (state: S | ((prev: S | undefined) => S), options?: ChatCardComponentSetCardStateOptions) => void;
 export interface RenderOptions {
     renderTileAs: (props: TileProps) => React.ReactNode;
     renderCustomBlockAs: (block: MarkdownBlock) => React.ReactNode;
     renderCardAs: (card: ChatCardObject) => React.ReactNode;
     customBlockTypes: string[];
-    customCardMap: Record<string, React.ComponentType<{
-        card: ChatCardObject;
-    }>>;
+    customCardMap: Record<string, ChatCardComponent>;
     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.9-beta-1",
+  "version": "0.0.9-beta-3",
   "author": "Tuya.inc",
   "license": "MIT",
   "private": false,
@@ -41,5 +41,5 @@
     "@types/echarts": "^4.9.22",
     "@types/markdown-it": "^14.1.1"
   },
-  "gitHead": "df6f4f35caa6e62408450f14d9dcdd26f068283c"
+  "gitHead": "7330e1a07e32629668a6edf933d4682f286d957a"
 }