@anker-in/campaign-ui 0.1.3 → 0.1.5

package/src/components/chat/action.tsx

@@ -16,6 +16,7 @@ export interface ActionProps {
   history: Message[]
   addtocartHandler?: (_args: any) => Promise<any>
   commonRender?: string | ((_props: any) => React.ReactElement)
+  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)
   gotocheckoutRender?: string | ((_props: any) => React.ReactElement)
   gotocartRender?: string | ((_props: any) => React.ReactElement)
   addtocartRender?: string | ((_props: any) => React.ReactElement)
@@ -30,6 +31,7 @@ export const CopilotAction = ({
   history,
   addtocartHandler,
   commonRender,
+  pointsExchangeCouponRender,
   gotocheckoutRender,
   gotocartRender,
   addtocartRender,
@@ -80,6 +82,16 @@ export const CopilotAction = ({
     },
   })
 
+  useCopilotAction({
+    name: 'points_exchange_coupon',
+    description: 'points exchange coupon',
+    parameters: [{ act: '' }] as any,
+    render: pointsExchangeCouponRender || (props => <div className="hidden">{JSON.stringify(props)}</div>),
+    handler: function () {
+      // console.log('points_exchange_coupon', props)
+    },
+  })
+
   useCopilotAction({
     name: 'go_to_cart',
     description: 'go to cart',

package/src/components/chat/index.tsx

@@ -34,9 +34,16 @@ export interface ChatProps {
    * unfollow: ResponseButton 在聊天框底部
    */
   showResponseButton?: string | boolean
+  /** messages 的回调事件
+   * 每次生成/接受新的messages，会将 整个 messages list 传递给外部
+   */
+  messagesCallback?: (messages: any) => void
   /** 通用 action 的触发事件
    */
   commonRender?: string | ((_props: any) => React.ReactElement)
+  /** 通用 积分 换 Coupon 的触发事件
+   */
+  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)
   /** 跳转 checkout action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
    * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
    */
@@ -80,9 +87,11 @@ const Chat = (props: ChatProps) => {
     prologue = '',
     locale = '',
     query = '',
+    messagesCallback,
     showResponseButton,
     gotocheckoutRender,
     commonRender,
+    pointsExchangeCouponRender,
     gotocartRender,
     addtocartRender,
     productRender,
@@ -171,6 +180,7 @@ const Chat = (props: ChatProps) => {
               <Messages
                 messages={messages}
                 inProgress={inProgress}
+                messagesCallback={messagesCallback}
                 ResponseButton={showResponseButton === 'follow' ? <ResponseButton /> : undefined}
               >
                 <Suggestions currentSuggestions={currentSuggestions} />
@@ -208,6 +218,7 @@ const Chat = (props: ChatProps) => {
               start={start}
               history={history}
               commonRender={commonRender}
+              pointsExchangeCouponRender={pointsExchangeCouponRender}
               gotocartRender={gotocartRender}
               gotocheckoutRender={gotocheckoutRender}
               addtocartRender={addtocartRender}

package/src/components/chat/messages.tsx

@@ -12,7 +12,7 @@ import {
   Role,
 } from '@copilotkit/runtime-client-gql'
 
-const Messages = ({ messages, inProgress, ResponseButton, children }: MessagesProps) => {
+const Messages = ({ messages, inProgress, ResponseButton, messagesCallback, children }: MessagesProps) => {
   const [isExpanded, setIsExpanded] = useState(true)
 
   const { chatComponentsCache } = useCopilotContext()
@@ -51,6 +51,10 @@ const Messages = ({ messages, inProgress, ResponseButton, children }: MessagesPr
     scrollToBottom()
   }, [messages])
 
+  useEffect(() => {
+    if (messagesCallback) messagesCallback(messages)
+  }, [messages])
+
   useEffect(() => {
     const textarea = document.querySelector('.copilotKitInput textarea') as HTMLTextAreaElement
 

package/src/components/chat/props.ts

@@ -36,6 +36,7 @@ export interface MessagesProps {
   inProgress: boolean
   ResponseButton?: React.ReactElement
   children?: React.ReactNode
+  messagesCallback?: (messages: any) => void
 }
 
 export interface InputProps {