@anker-in/campaign-ui 0.0.33-alpha → 0.0.33-alpha2

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@anker-in/campaign-ui",
-  "version": "0.0.33-alpha",
+  "version": "0.0.33-alpha2",
   "type": "commonjs",
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
   "module": "./dist/esm/index.js",
-  "style": "./style.css",
   "exports": {
     ".": {
       "require": {
@@ -46,7 +45,7 @@
     "build:js:cjs:types": "tsc --outdir dist/cjs",
     "build:js:esm": "node esbuild-esm.mjs",
     "build:js:esm:types": "tsc --outdir dist/esm",
-    "build:css": "postcss src/styles/global.css -o style.css",
+    "build:css": "postcss src/styles/chat.css -o style.css",
     "lint": "eslint \"src/**/*.ts*\"",
     "test": "eslint \"src/**/*.ts*\"",
     "clean": "rm -rf .turbo node_modules dist style.css"
@@ -74,9 +73,10 @@
     "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/react-core": "1.1.2",
+    "@copilotkit/react-ui": "1.1.2",
+    "@copilotkit/runtime-client-gql": "1.1.2",
+    "@copilotkit/shared": "1.1.2",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-icons": "^1.3.0",

package/src/components/chat/action.tsx

@@ -12,8 +12,8 @@ interface Message {
 export interface ActionProps {
   start?: string
   history: Message[]
-  buynowRender?: string | ((_props: any) => string)
-  signupRender?: string | ((_props: any) => string)
+  buynowRender?: string | ((_props: any) => React.ReactElement)
+  signupRender?: string | ((_props: any) => React.ReactElement)
   children?: React.ReactNode
 }
 

package/src/components/chat/index.tsx

@@ -5,6 +5,8 @@ import { CopilotPopup } from '@copilotkit/react-ui'
 import { CopilotAction } from './action.js'
 import fetcher from '../../helpers/fetcher.js'
 
+// import '../../styles/chat.css'
+
 export interface ChatProps {
   title: string
   runtimeUrl: string
@@ -18,11 +20,11 @@ export interface ChatProps {
   /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":"A3936031","handle":"space-a40-a3936031"}],"result":""}
    * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
    */
-  buynowRender?: string | ((_props: any) => string)
+  buynowRender?: string | ((_props: any) => React.ReactElement)
   /** 订阅卡片，接受参数：
    * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
    */
-  signupRender?: string | ((_props: any) => string)
+  signupRender?: string | ((_props: any) => React.ReactElement)
   /** CopilotPopup 自定义参数，参考：https://docs.copilotkit.ai/reference/components/CopilotPopup */
   popup?: any
   /** 文案，{"popupTip": "Hi ! Welcome to soundcore Innovations live chat！"} */
@@ -48,6 +50,7 @@ const Chat = (props: ChatProps) => {
   } = props
 
   const [openTip, setOpenTip] = useState(false)
+  const [openPopup, setOpenPopup] = useState(false)
   const [start, setstart] = useState('')
   const [history, sethistory] = useState<[{ content: string; role: string }] | []>([])
 
@@ -62,9 +65,13 @@ const Chat = (props: ChatProps) => {
     sethistory(result?.history || [])
   }, [user_id])
 
+  const setOpenTipFn = () => {
+    if (!openTip) setOpenTip(true)
+  }
+
   useEffect(() => {
     const timer = setTimeout(() => {
-      if (!openTip) setOpenTip(true)
+      setOpenTipFn()
     }, 3000)
 
     return () => {
@@ -104,9 +111,11 @@ const Chat = (props: ChatProps) => {
             }}
             Button={({ open, setOpen }) => {
               const Button = popup?.Button
+              useEffect(() => setOpenPopup(open), [open])
+
               return (
                 <>
-                  {lang?.popupTip && openTip && (
+                  {lang?.popupTip && openTip && !openPopup && (
                     <div className="copilotKitPopup copilotKitPopupTip">
                       <button
                         onClick={() => {

package/src/stories/chat.stories.tsx

@@ -35,7 +35,7 @@ export const Default: Story = {
     title: 'DTC Live Chat',
     runtimeUrl: 'https://beta-dtcapi.anker.com',
     shopify_domain: 'soundcoreusa.myshopify.com',
-    user_id: 'ar_4',
+    user_id: 'ar_411',
     query: '',
     lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat！' },
   },