@anker-in/campaign-ui 0.1.6 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -47,7 +47,7 @@
     "build:js:esm:types": "tsc --outdir dist/esm",
     "build:css": "postcss src/styles/chat.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
-    "test": "eslint \"src/**/*.ts*\"",
+    "test": "echo run @anker-in/campaign-ui tests",
     "clean": "rm -rf .turbo node_modules dist style.css"
   },
   "keywords": [],
@@ -73,10 +73,11 @@
     "stylelint": "^16.6.0"
   },
   "dependencies": {
-    "@copilotkit/react-core": "1.1.2",
-    "@copilotkit/react-ui": "1.1.2",
-    "@copilotkit/runtime-client-gql": "1.1.2",
-    "@copilotkit/shared": "1.1.2",
+    "@copilotkit/react-core": "1.8.13",
+    "@copilotkit/react-ui": "1.8.13",
+    "@copilotkit/runtime-client-gql": "1.8.13",
+    "@copilotkit/shared": "1.8.13",
+    "@monaco-editor/react": "^4.6.0",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",
@@ -87,10 +88,13 @@
     "autoprefixer": "^10.4.19",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "gsap": "^3.12.5",
+    "monaco-editor": "^0.52.0",
     "postcss": "^8.4.38",
     "react": "^18.3.1",
+    "react-codepen-embed": "^1.1.0",
     "react-dom": "^18.3.1",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3"
   }
-}
+}

package/src/components/chat/action.tsx

@@ -15,8 +15,6 @@ export interface ActionProps {
   start?: string
   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,8 +28,6 @@ export const CopilotAction = ({
   start,
   history,
   addtocartHandler,
-  commonRender,
-  pointsExchangeCouponRender,
   gotocheckoutRender,
   gotocartRender,
   addtocartRender,
@@ -72,26 +68,6 @@ export const CopilotAction = ({
     },
   })
 
-  useCopilotAction({
-    name: 'common_action',
-    description: 'common action',
-    parameters: [{ act: '' }] as any,
-    render: commonRender || (props => <div className="hidden">{JSON.stringify(props)}</div>),
-    handler: function () {
-      // console.log('common_action', props)
-    },
-  })
-
-  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,16 +34,6 @@ 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
    */
@@ -87,11 +77,8 @@ const Chat = (props: ChatProps) => {
     prologue = '',
     locale = '',
     query = '',
-    messagesCallback,
     showResponseButton,
     gotocheckoutRender,
-    commonRender,
-    pointsExchangeCouponRender,
     gotocartRender,
     addtocartRender,
     productRender,
@@ -129,7 +116,7 @@ const Chat = (props: ChatProps) => {
     setCurrentSuggestions(result?.suggested_questions?.map((item: string) => ({ message: item, title: item })) || [])
     setstart(result?.opening_statement || '')
     sethistory(result?.history || [])
-  }, [userId, shopifyDomain, account, locale, query])
+  }, [userId, shopifyDomain, account, locale])
 
   const getSuggestions = useCallback(async () => {
     const result = await fetcher({
@@ -141,7 +128,7 @@ const Chat = (props: ChatProps) => {
     setCurrentSuggestions(
       result?.suggested_questions?.data?.map((item: string) => ({ message: item, title: item })) || []
     )
-  }, [userId, shopifyDomain, account, locale, query])
+  }, [userId, shopifyDomain, account, locale])
 
   const setOpenTipFn = () => {
     if (!openTip) setOpenTip(true)
@@ -180,7 +167,6 @@ const Chat = (props: ChatProps) => {
               <Messages
                 messages={messages}
                 inProgress={inProgress}
-                messagesCallback={messagesCallback}
                 ResponseButton={showResponseButton === 'follow' ? <ResponseButton /> : undefined}
               >
                 <Suggestions currentSuggestions={currentSuggestions} />
@@ -217,8 +203,6 @@ const Chat = (props: ChatProps) => {
             <CopilotAction
               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, messagesCallback, children }: MessagesProps) => {
+const Messages = ({ messages, inProgress, ResponseButton, children }: MessagesProps) => {
   const [isExpanded, setIsExpanded] = useState(true)
 
   const { chatComponentsCache } = useCopilotContext()
@@ -51,10 +51,6 @@ const Messages = ({ messages, inProgress, ResponseButton, messagesCallback, chil
     scrollToBottom()
   }, [messages])
 
-  useEffect(() => {
-    if (messagesCallback) messagesCallback(messages)
-  }, [messages])
-
   useEffect(() => {
     const textarea = document.querySelector('.copilotKitInput textarea') as HTMLTextAreaElement
 

package/src/components/chat/props.ts

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

package/src/components/index.ts

@@ -1,5 +1,2 @@
 // eslint-disable-next-line import/extensions
-
 export { default as Chat } from './chat/index.js'
-
-export { useCopilotChat, useCopilotAction, useCopilotReadable } from './chat/utils.js'

package/src/helpers/index.ts

@@ -0,0 +1,2 @@
+export { cn } from './utils.js'
+export { noop } from './utils.js'

package/src/helpers/utils.ts

@@ -0,0 +1,8 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export function noop(): any {}

package/src/components/chat/utils.ts

@@ -1,3 +0,0 @@
-import { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'
-
-export { useCopilotChat, useCopilotAction, useCopilotReadable }