@anker-in/campaign-ui 0.0.33-alpha3 → 0.0.33-alpha5

package/dist/cjs/components/chat/Response.d.ts

@@ -1,2 +1,2 @@
-declare const ResponseButton: () => import("react/jsx-runtime").JSX.Element;
+declare const ResponseButton: () => false | import("react/jsx-runtime").JSX.Element;
 export default ResponseButton;

package/dist/cjs/components/chat/action.d.ts

@@ -9,10 +9,14 @@ interface Message {
 export interface ActionProps {
     start?: string;
     history: Message[];
+    addtocartHandler?: (_args: any) => Promise<any>;
+    gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
+    gotocartRender?: string | ((_props: any) => React.ReactElement);
     addtocartRender?: string | ((_props: any) => React.ReactElement);
-    productRender?: string | ((_props: any) => React.ReactElement);
     signupRender?: string | ((_props: any) => React.ReactElement);
+    productRender?: string | ((_props: any) => React.ReactElement);
+    productRenderTipMessage?: string;
     children?: React.ReactNode;
 }
-export declare const CopilotAction: ({ start, history, addtocartRender, productRender, signupRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopilotAction: ({ start, history, addtocartHandler, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/cjs/components/chat/action.js

@@ -1,2 +1,2 @@
-"use strict";var m=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var i in e)m(t,i,{get:e[i],enumerable:!0})},A=(t,e,i,d)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of y(e))!R.call(t,a)&&a!==i&&m(t,a,{get:()=>e[a],enumerable:!(d=l(e,a))||d.enumerable});return t};var w=t=>A(m({},"__esModule",{value:!0}),t);var E={};h(E,{CopilotAction:()=>C});module.exports=w(E);var c=require("react/jsx-runtime"),N=require("react"),g=require("react"),s=require("@copilotkit/react-core"),o=require("@copilotkit/runtime-client-gql");const C=({start:t,history:e,addtocartRender:i,productRender:d,signupRender:a,children:u})=>{const{setMessages:f}=(0,s.useCopilotChat)();return(0,g.useEffect)(()=>{const r=e?.filter(p=>p?.content||p?.arguments);if(r?.length>0){const p=r?.map(n=>n?.name&&n?.arguments?(console.log("value?.name && value?.arguments",n?.name,n?.arguments),new o.ActionExecutionMessage({name:n?.name,arguments:n?.arguments,scope:n?.scope})):new o.TextMessage({...n,role:n?.role==="user"?o.Role.User:o.Role.Assistant}));f(p)}},[e]),(0,s.useCopilotAction)({name:"add_cart",description:"add tocart",parameters:[{sku:"",handle:""}],render:i||(r=>(0,c.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,s.useCopilotAction)({name:"buynow",description:"buy now",parameters:[{sku:"",handle:""}],render:d||(r=>(0,c.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,s.useCopilotAction)({name:"signup",description:"signup",parameters:[{name:"signup"}],render:a||(r=>(0,c.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,s.useCopilotReadable)({description:"Today's date",value:new Date().toLocaleDateString()}),(0,c.jsx)("div",{children:u})};
+"use strict";var g=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var k=(r,n)=>{for(var a in n)g(r,a,{get:n[a],enumerable:!0})},v=(r,n,a,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let s of E(n))!M.call(r,s)&&s!==a&&g(r,s,{get:()=>n[s],enumerable:!(d=N(n,s))||d.enumerable});return r};var A=r=>v(g({},"__esModule",{value:!0}),r);var w={};k(w,{CopilotAction:()=>S});module.exports=A(w);var i=require("react/jsx-runtime"),x=require("react"),l=require("react"),t=require("@copilotkit/react-core"),c=require("@copilotkit/runtime-client-gql");const S=({start:r,history:n,addtocartHandler:a,gotocheckoutRender:d,gotocartRender:s,addtocartRender:u,productRender:h,signupRender:y,children:f})=>{const{setMessages:R,appendMessage:C,isLoading:J}=(0,t.useCopilotChat)();return(0,l.useEffect)(()=>{const e=n?.filter(p=>p?.content||p?.arguments);if(e?.length>0){const p=e?.map(o=>{if(o?.name&&o?.arguments){const _=o?.arguments?.map(m=>m?{...m,ishistory:!0}:{});return new c.ActionExecutionMessage({name:o?.name,arguments:_,scope:o?.scope})}return new c.TextMessage({...o,role:o?.role==="user"?c.Role.User:c.Role.Assistant})});R(p)}},[n]),(0,t.useCopilotAction)({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:d||(e=>(0,i.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,t.useCopilotAction)({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:s||(e=>(0,i.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,t.useCopilotAction)({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:u||(e=>(0,i.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){a&&a(e)}}),(0,t.useCopilotAction)({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:h||(e=>(0,i.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){console.log("show_product_card-props",e)}}),(0,t.useCopilotAction)({name:"signup",description:"signup",parameters:[{name:"signup"}],render:y||(e=>(0,i.jsx)("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),(0,t.useCopilotReadable)({description:"Today's date",value:new Date().toLocaleDateString()}),(0,i.jsx)("div",{children:f})};
 //# sourceMappingURL=action.js.map

package/dist/cjs/components/chat/action.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/action.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartRender,\n  productRender,\n  signupRender,\n  children,\n}: ActionProps) => {\n  const { setMessages } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          console.log('value?.name && value?.arguments', value?.name, value?.arguments)\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: value?.arguments,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'add_cart',\n    description: 'add tocart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div>{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'buynow',\n    description: 'buy now',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div>{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div>{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAyDyC,IAAAI,EAAA,6BAzDzCC,EAAkB,iBAClBA,EAA0B,iBAC1BC,EAAqE,kCACrEC,EAA0D,0CAmBnD,MAAML,EAAgB,CAAC,CAC5B,MAAAM,EACA,QAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAAE,YAAAC,CAAY,KAAI,kBAAe,EAEvC,sBAAU,IAAM,CACd,MAAMC,EAAgBN,GAAS,OAAOO,GAASA,GAAO,SAAWA,GAAO,SAAS,EACjF,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAC7BA,GAAO,MAAQA,GAAO,WACxB,QAAQ,IAAI,kCAAmCA,GAAO,KAAMA,GAAO,SAAS,EACrE,IAAI,yBAAuB,CAChC,KAAMA,GAAO,KACb,UAAWA,GAAO,UAClB,MAAOA,GAAO,KAChB,CAAC,GAEI,IAAI,cAAY,CACrB,GAAGA,EACH,KAAMA,GAAO,OAAS,OAAS,OAAK,KAAO,OAAK,SAClD,CAAC,CACF,EACDF,EAAYG,CAAO,CACrB,CACF,EAAG,CAACR,CAAO,CAAC,KAEZ,oBAAiB,CACf,KAAM,WACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQC,IAAoBQ,MAAS,OAAC,OAAK,cAAK,UAAUA,CAAK,EAAE,GACjE,QAAS,UAAY,CAErB,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,SACN,YAAa,UACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQP,IAAkBO,MAAS,OAAC,OAAK,cAAK,UAAUA,CAAK,EAAE,GAC/D,QAAS,UAAY,CAErB,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQN,IAAiBM,MAAS,OAAC,OAAK,cAAK,UAAUA,CAAK,EAAE,GAC9D,QAAS,UAAY,CAErB,CACF,CAAC,KAED,sBAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,KAEM,OAAC,OAAK,SAAAL,EAAS,CACxB",
-  "names": ["action_exports", "__export", "CopilotAction", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_runtime_client_gql", "start", "history", "addtocartRender", "productRender", "signupRender", "children", "setMessages", "originhistory", "value", "content", "props"]
+  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n  name?: string\n  scope?: any\n  arguments?: any\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  addtocartHandler?: (_args: any) => Promise<any>\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  productRender?: string | ((_props: any) => React.ReactElement)\n  productRenderTipMessage?: string\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({\n  start,\n  history,\n  addtocartHandler,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  children,\n}: ActionProps) => {\n  const { setMessages, appendMessage, isLoading } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content || value?.arguments)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\n        if (value?.name && value?.arguments) {\n          const args = value?.arguments?.map((item: any) => (item ? { ...item, ishistory: true } : {}))\n          return new ActionExecutionMessage({\n            name: value?.name,\n            arguments: args,\n            scope: value?.scope,\n          })\n        }\n        return new TextMessage({\n          ...value,\n          role: value?.role === 'user' ? Role.User : Role.Assistant,\n        })\n      })\n      setMessages(content)\n    }\n  }, [history])\n\n  useCopilotAction({\n    name: 'go_to_checkout',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocheckoutRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'go_to_cart',\n    description: 'go to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: gotocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('buynow-props', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'add_to_cart',\n    description: 'add to cart',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: addtocartRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      addtocartHandler && addtocartHandler(props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'show_product_card',\n    description: 'product card',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: productRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function (props) {\n      console.log('show_product_card-props', props)\n      // const ishistory = props?.find((item: { ishistory: any }) => item?.ishistory)\n      // if (!ishistory) {\n      //   const content = new TextMessage({\n      //     content: 'show product card',\n      //     role: Role.Assistant,\n      //   })\n      //   appendMessage(content)\n      // }\n    },\n  })\n\n  useCopilotAction({\n    name: 'signup',\n    description: 'signup',\n    parameters: [\n      {\n        name: 'signup',\n      },\n    ] as any,\n    render: signupRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('signup-props', props)\n    },\n  })\n\n  useCopilotReadable({\n    description: \"Today's date\",\n    value: new Date().toLocaleDateString(),\n  })\n\n  return <div>{children}</div>\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GAgE4C,IAAAI,EAAA,6BAhE5CC,EAAkB,iBAClBA,EAA0B,iBAC1BC,EAAqE,kCACrEC,EAA0D,0CAuBnD,MAAML,EAAgB,CAAC,CAC5B,MAAAM,EACA,QAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAAE,YAAAC,EAAa,cAAAC,EAAe,UAAAC,CAAU,KAAI,kBAAe,EAEjE,sBAAU,IAAM,CACd,MAAMC,EAAgBX,GAAS,OAAOY,GAASA,GAAO,SAAWA,GAAO,SAAS,EACjF,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAAS,CAC1C,GAAIA,GAAO,MAAQA,GAAO,UAAW,CACnC,MAAME,EAAOF,GAAO,WAAW,IAAKG,GAAeA,EAAO,CAAE,GAAGA,EAAM,UAAW,EAAK,EAAI,CAAC,CAAE,EAC5F,OAAO,IAAI,yBAAuB,CAChC,KAAMH,GAAO,KACb,UAAWE,EACX,MAAOF,GAAO,KAChB,CAAC,CACH,CACA,OAAO,IAAI,cAAY,CACrB,GAAGA,EACH,KAAMA,GAAO,OAAS,OAAS,OAAK,KAAO,OAAK,SAClD,CAAC,CACH,CAAC,EACDJ,EAAYK,CAAO,CACrB,CACF,EAAG,CAACb,CAAO,CAAC,KAEZ,oBAAiB,CACf,KAAM,iBACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQE,IAAuBc,MAAS,OAAC,OAAI,UAAU,SAAU,cAAK,UAAUA,CAAK,EAAE,GACvF,QAAS,UAAY,CAErB,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,aACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQb,IAAmBa,MAAS,OAAC,OAAI,UAAU,SAAU,cAAK,UAAUA,CAAK,EAAE,GACnF,QAAS,UAAY,CAErB,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,cACN,YAAa,cACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQZ,IAAoBY,MAAS,OAAC,OAAI,UAAU,SAAU,cAAK,UAAUA,CAAK,EAAE,GACpF,QAAS,SAAUA,EAAO,CACxBf,GAAoBA,EAAiBe,CAAK,CAC5C,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,oBACN,YAAa,eACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQX,IAAkBW,MAAS,OAAC,OAAI,UAAU,SAAU,cAAK,UAAUA,CAAK,EAAE,GAClF,QAAS,SAAUA,EAAO,CACxB,QAAQ,IAAI,0BAA2BA,CAAK,CAS9C,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQV,IAAiBU,MAAS,OAAC,OAAI,UAAU,SAAU,cAAK,UAAUA,CAAK,EAAE,GACjF,QAAS,UAAY,CAErB,CACF,CAAC,KAED,sBAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,KAEM,OAAC,OAAK,SAAAT,EAAS,CACxB",
+  "names": ["action_exports", "__export", "CopilotAction", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_runtime_client_gql", "start", "history", "addtocartHandler", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
 }

package/dist/cjs/components/chat/button.d.ts

@@ -1,3 +1,3 @@
 import type { ButtonProps } from './props.js';
-declare const DefaultButton: ({ setOpen, setOpenTip }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const DefaultButton: ({ setOpen }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default DefaultButton;

package/dist/cjs/components/chat/button.js

@@ -1,2 +1,2 @@
-"use strict";var e=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var r=(t,o)=>{for(var n in o)e(t,n,{get:o[n],enumerable:!0})},B=(t,o,n,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of u(o))!a.call(t,c)&&c!==n&&e(t,c,{get:()=>o[c],enumerable:!(s=p(o,c))||s.enumerable});return t};var m=t=>B(e({},"__esModule",{value:!0}),t);var f={};r(f,{default:()=>d});module.exports=m(f);var i=require("react/jsx-runtime"),l=require("@copilotkit/react-ui");const I=({setOpen:t,setOpenTip:o})=>{const n=(0,l.useChatContext)();return(0,i.jsxs)("button",{onClick:()=>{t(!0),o(!1)},className:"copilotKitButton ","aria-label":"Open Chat",children:[(0,i.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:n.icons.openIcon}),(0,i.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:n.icons.closeIcon})]})};var d=I;
+"use strict";var p=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var a=Object.prototype.hasOwnProperty;var r=(t,o)=>{for(var i in o)p(t,i,{get:o[i],enumerable:!0})},B=(t,o,i,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of u(o))!a.call(t,n)&&n!==i&&p(t,n,{get:()=>o[n],enumerable:!(s=l(o,n))||s.enumerable});return t};var m=t=>B(p({},"__esModule",{value:!0}),t);var C={};r(C,{default:()=>d});module.exports=m(C);var c=require("react/jsx-runtime"),e=require("@copilotkit/react-ui");const I=({setOpen:t})=>{const o=(0,e.useChatContext)();return(0,c.jsxs)("button",{onClick:()=>t(),className:"copilotKitButton ","aria-label":"Open Chat",children:[(0,c.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),(0,c.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var d=I;
 //# sourceMappingURL=button.js.map

package/dist/cjs/components/chat/button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/button.tsx"],
-  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props.js'\n\nconst DefaultButton = ({ setOpen, setOpenTip }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button\n      onClick={() => {\n        setOpen(true)\n        setOpenTip(false)\n      }}\n      className=\"copilotKitButton \"\n      aria-label=\"Open Chat\"\n    >\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAA+B,gCAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,EAAS,WAAAC,CAAW,IAAmB,CAC9D,MAAMC,KAAU,kBAAe,EAE/B,SACE,QAAC,UACC,QAAS,IAAM,CACbF,EAAQ,EAAI,EACZC,EAAW,EAAK,CAClB,EACA,UAAU,oBACV,aAAW,YAEX,oBAAC,OAAI,UAAU,gDAAiD,SAAAC,EAAQ,MAAM,SAAS,KACvF,OAAC,OAAI,UAAU,iDAAkD,SAAAA,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAOP,EAAQI",
-  "names": ["button_exports", "__export", "button_default", "__toCommonJS", "import_jsx_runtime", "import_react_ui", "DefaultButton", "setOpen", "setOpenTip", "context"]
+  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\n\nimport type { ButtonProps } from './props.js'\n\nconst DefaultButton = ({ setOpen }: ButtonProps) => {\n  const context = useChatContext()\n\n  return (\n    <button onClick={() => setOpen()} className=\"copilotKitButton \" aria-label=\"Open Chat\">\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconOpen\">{context.icons.openIcon}</div>\n      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">{context.icons.closeIcon}</div>\n    </button>\n  )\n}\n\nexport default DefaultButton\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAQI,IAAAI,EAAA,6BARJC,EAA+B,gCAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,CAAQ,IAAmB,CAClD,MAAMC,KAAU,kBAAe,EAE/B,SACE,QAAC,UAAO,QAAS,IAAMD,EAAQ,EAAG,UAAU,oBAAoB,aAAW,YACzE,oBAAC,OAAI,UAAU,gDAAiD,SAAAC,EAAQ,MAAM,SAAS,KACvF,OAAC,OAAI,UAAU,iDAAkD,SAAAA,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAON,EAAQI",
+  "names": ["button_exports", "__export", "button_default", "__toCommonJS", "import_jsx_runtime", "import_react_ui", "DefaultButton", "setOpen", "context"]
 }

package/dist/cjs/components/chat/index.d.ts

@@ -2,37 +2,53 @@ import React from 'react';
 export interface ChatProps {
     title: string;
     runtimeUrl: string;
-    shopify_domain: string;
+    shopifyDomain: string;
     /** GA 的 client id
      */
-    user_id: string;
+    userId: string;
     /** 是否登陆用户 0 or 1
      */
     account?: string;
     /** 用户浏览器语言
      */
     locale?: string;
+    /** 开场白
+     */
+    prologue?: string;
     /** ?a=1&b=2
      */
     query?: string;
     /** 'follow' or 'unfollow' | true or false
+     * follow: ResponseButton 会跟随在 messages 的后边
+     * unfollow: ResponseButton 在聊天框底部
      */
     showResponseButton?: string | boolean;
-    /** 加购卡片，接受参数： {"status":"complete","args":[{"sku":"A3936031","handle":"space-a40-a3936031"}],"result":""}
+    /** 跳转 checkout action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */
-    addtocartRender?: string | ((_props: any) => React.ReactElement);
-    /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":"A3936031","handle":"space-a40-a3936031"}],"result":""}
+    gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
+    /** 打开购物车 action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */
-    productRender?: string | ((_props: any) => React.ReactElement);
-    /** 订阅卡片，接受参数：
+    gotocartRender?: string | ((_props: any) => React.ReactElement);
+    /** 打开购物车 action 的触发事件
+     */
+    addtocartHandler?: (_args: any) => Promise<any>;
+    /** 加购卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    addtocartRender?: string | ((_props: any) => React.ReactElement);
+    /** 订阅卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */
     signupRender?: string | ((_props: any) => React.ReactElement);
+    /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    productRender?: string | ((_props: any) => React.ReactElement);
     /** CopilotPopup 自定义参数，参考：https://docs.copilotkit.ai/reference/components/CopilotPopup */
     popup?: any;
-    /** 文案，{"popupTip": "Hi ! Welcome to soundcore Innovations live chat！", "popupTipTimeout": [3000, 6000]} */
+    /** 文案，{"productRenderTipMessage": "","popupTip": "Hi ! Welcome to soundcore Innovations live chat！", "popupTipTimeout": [3000, 6000]} */
     lang?: any;
     /** 参考此文档：https://docs.copilotkit.ai/concepts/customize-look-and-feel */
     style?: any;

package/dist/cjs/components/chat/index.js

@@ -1,2 +1,2 @@
-"use strict";var Q=Object.create;var f=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var Z=(t,o)=>{for(var n in o)f(t,n,{get:o[n],enumerable:!0})},B=(t,o,n,u)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of W(o))!Y.call(t,r)&&r!==n&&f(t,r,{get:()=>o[r],enumerable:!(u=V(o,r))||u.enumerable});return t};var g=(t,o,n)=>(n=t!=null?Q(X(t)):{},B(o||!t||!t.__esModule?f(n,"default",{value:t,enumerable:!0}):n,t)),j=t=>B(f({},"__esModule",{value:!0}),t);var st={};Z(st,{default:()=>et});module.exports=j(st);var s=require("react/jsx-runtime"),nt=require("react"),i=require("react"),w=require("@copilotkit/react-core"),S=require("@copilotkit/react-ui"),b=g(require("./button.js")),v=g(require("./messages.js")),E=g(require("./response.js")),O=g(require("./suggestions.js")),$=require("./action.js"),C=g(require("../../helpers/fetcher.js"));const tt=t=>{const{title:o,runtimeUrl:n,popup:u,shopify_domain:r,user_id:a="",account:l="",locale:c="",query:h="",showResponseButton:_,addtocartRender:k,productRender:q,signupRender:K,style:N,className:D="",lang:R}=t,[M,U]=R?.popupTipTimeout||[3e3,6e3],[P,m]=(0,i.useState)(!1),[y,G]=(0,i.useState)(!1),[d,x]=(0,i.useState)(""),[A,T]=(0,i.useState)([]),[F,I]=(0,i.useState)([]),L=(0,i.useCallback)(async()=>{const e=await(0,C.default)({url:`${n}/copilotkit/start${h}`,method:"GET",headers:{user_id:a||"",shopify_domain:r,account:l,locale:c}});T(e?.suggested_questions?.map(p=>({message:p,title:p}))||[]),x(e?.opening_statement||""),I(e?.history||[])},[a,r,l,c]),z=(0,i.useCallback)(async()=>{const e=await(0,C.default)({url:`${n}/copilotkit/suggested_questions${h}`,method:"GET",headers:{user_id:a||"",shopify_domain:r,account:l,locale:c}});T(e?.suggested_questions?.data?.map(p=>({message:p,title:p}))||[])},[a,r,l,c]),H=()=>{P||m(!0),setTimeout(()=>{m(!1)},U)};return(0,i.useEffect)(()=>{const e=setTimeout(()=>{H()},M);return()=>{clearTimeout(e)}},[]),(0,i.useEffect)(()=>{d||L()},[]),(0,s.jsx)("div",{className:D,style:N||{},children:a&&n&&(0,s.jsx)(w.CopilotKit,{runtimeUrl:`${n}/copilotkit/chat${h}`,showDevConsole:!1,headers:{user_id:a||"",shopify_domain:r,account:l,locale:c},children:(0,s.jsx)(S.CopilotPopup,{...u,showResponseButton:_!=="follow",labels:{title:o||"DTC Live Chat",initial:d||""},instructions:d||"",onInProgress:e=>{y&&e&&T([]),y&&!e&&z()},Messages:({messages:e,inProgress:p})=>(0,s.jsx)(v.default,{messages:e,inProgress:p,ResponseButton:_==="follow"?(0,s.jsx)(E.default,{}):void 0,children:(0,s.jsx)(O.default,{currentSuggestions:A})}),Button:({open:e,setOpen:p})=>{const J=u?.Button||b.default;return(0,i.useEffect)(()=>{G(e)},[e]),(0,s.jsxs)(s.Fragment,{children:[R?.popupTip&&P&&!y&&(0,s.jsx)("div",{className:"copilotKitPopup copilotKitPopupTip",children:(0,s.jsx)("button",{onClick:()=>{p(!0),m(!1)},"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:R?.popupTip})}),(0,s.jsx)(J,{open:e,setOpen:p,setOpenTip:m})]})},children:(0,s.jsx)($.CopilotAction,{start:d,history:F,addtocartRender:k,productRender:q,signupRender:K})})})})};var et=tt;
+"use strict";var j=Object.create;var R=Object.defineProperty;var tt=Object.getOwnPropertyDescriptor;var et=Object.getOwnPropertyNames;var ot=Object.getPrototypeOf,st=Object.prototype.hasOwnProperty;var nt=(e,s)=>{for(var n in s)R(e,n,{get:s[n],enumerable:!0})},E=(e,s,n,a)=>{if(s&&typeof s=="object"||typeof s=="function")for(let i of et(s))!st.call(e,i)&&i!==n&&R(e,i,{get:()=>s[i],enumerable:!(a=tt(s,i))||a.enumerable});return e};var l=(e,s,n)=>(n=e!=null?j(ot(e)):{},E(s||!e||!e.__esModule?R(n,"default",{value:e,enumerable:!0}):n,e)),rt=e=>E(R({},"__esModule",{value:!0}),e);var at={};nt(at,{default:()=>pt});module.exports=rt(at);var o=require("react/jsx-runtime"),O=require("react"),r=require("react"),b=require("@copilotkit/react-core"),S=require("@copilotkit/react-ui"),v=l(require("./button.js")),M=l(require("./messages.js")),$=l(require("./response.js")),q=l(require("./suggestions.js")),x=require("./action.js"),P=l(require("../../helpers/fetcher.js"));const it=e=>{const{title:s,runtimeUrl:n,popup:a,shopifyDomain:i,userId:u="",account:g="",prologue:D="",locale:m="",query:f="",showResponseButton:_,gotocheckoutRender:K,gotocartRender:N,addtocartRender:I,productRender:U,signupRender:G,style:A,className:F="",lang:d}=e,[H,L]=d?.popupTipTimeout||[3e3,6e3],[B,h]=(0,r.useState)(!1),[y,z]=(0,r.useState)(!1),[c,J]=(0,r.useState)(D),[Q,T]=(0,r.useState)([]),[k,V]=(0,r.useState)([]),C=(0,O.useMemo)(()=>({"x-user-id":u||"","x-shopify-domain":i,"x-member-ship":g,"x-user-locale":m}),[u,i,g,m]),W=(0,r.useCallback)(async()=>{const t=await(0,P.default)({url:`${n}/copilotkit/start${f}`,method:"GET",headers:C});T(t?.suggested_questions?.map(p=>({message:p,title:p}))||[]),J(t?.opening_statement||""),V(t?.history||[])},[u,i,g,m]),X=(0,r.useCallback)(async()=>{const t=await(0,P.default)({url:`${n}/copilotkit/suggested_questions${f}`,method:"GET",headers:C});T(t?.suggested_questions?.data?.map(p=>({message:p,title:p}))||[])},[u,i,g,m]),Y=()=>{B||h(!0),setTimeout(()=>{h(!1)},L)};return(0,r.useEffect)(()=>{const t=setTimeout(()=>{Y()},H);return()=>{clearTimeout(t)}},[]),(0,o.jsx)("div",{className:F,style:A||{},children:u&&n&&(0,o.jsx)(b.CopilotKit,{runtimeUrl:`${n}/copilotkit/chat${f}`,showDevConsole:!1,headers:C,children:(0,o.jsx)(S.CopilotPopup,{...a,showResponseButton:_!=="follow",labels:{title:s||"DTC Live Chat",initial:c||""},instructions:c||"",onInProgress:t=>{y&&t&&T([]),y&&!t&&X()},Messages:({messages:t,inProgress:p})=>(0,o.jsx)(M.default,{messages:t,inProgress:p,ResponseButton:_==="follow"?(0,o.jsx)($.default,{}):void 0,children:(0,o.jsx)(q.default,{currentSuggestions:Q})}),Button:({open:t,setOpen:p})=>{const Z=a?.Button||v.default;(0,r.useEffect)(()=>{z(t)},[t]);const w=(0,r.useCallback)(()=>{p(!t),h(!1),(!c||!k?.length)&&W()},[c]);return(0,o.jsxs)(o.Fragment,{children:[d?.popupTip&&B&&!y&&(0,o.jsx)("div",{className:"copilotKitPopup copilotKitPopupTip",children:(0,o.jsx)("button",{onClick:w,"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:d?.popupTip})}),(0,o.jsx)(Z,{open:t,setOpen:w})]})},children:(0,o.jsx)(x.CopilotAction,{start:c,history:k,gotocartRender:N,gotocheckoutRender:K,addtocartRender:I,productRender:U,signupRender:G,productRenderTipMessage:d?.productRenderTipMessage})})})})};var pt=it;
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/chat/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/index.tsx"],
-  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React from 'react'\nimport { useCallback, useState, useEffect } from 'react'\nimport { CopilotKit } from '@copilotkit/react-core'\nimport { CopilotPopup } from '@copilotkit/react-ui'\nimport DefaultButton from './button.js'\nimport Messages from './messages.js'\nimport ResponseButton from './response.js'\nimport Suggestions from './suggestions.js'\nimport { CopilotAction } from './action.js'\nimport fetcher from '../../helpers/fetcher.js'\n\nexport interface ChatProps {\n  title: string\n  runtimeUrl: string\n  shopify_domain: string\n  /** GA \u7684 client id\n   */\n  user_id: string\n  /** \u662F\u5426\u767B\u9646\u7528\u6237 0 or 1\n   */\n  account?: string\n  /** \u7528\u6237\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /** ?a=1&b=2\n   */\n  query?: string\n  /** 'follow' or 'unfollow' | true or false\n   */\n  showResponseButton?: string | boolean\n  /** \u52A0\u8D2D\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":\"A3936031\",\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u4EA7\u54C1\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":\"A3936031\",\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  productRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8BA2\u9605\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  /** CopilotPopup \u81EA\u5B9A\u4E49\u53C2\u6570\uFF0C\u53C2\u8003\uFF1Ahttps://docs.copilotkit.ai/reference/components/CopilotPopup */\n  popup?: any\n  /** \u6587\u6848\uFF0C{\"popupTip\": \"Hi ! Welcome to soundcore Innovations live chat\uFF01\", \"popupTipTimeout\": [3000, 6000]} */\n  lang?: any\n  /** \u53C2\u8003\u6B64\u6587\u6863\uFF1Ahttps://docs.copilotkit.ai/concepts/customize-look-and-feel */\n  style?: any\n  className?: string\n}\n\nconst Chat = (props: ChatProps) => {\n  const {\n    title,\n    runtimeUrl,\n    popup,\n    shopify_domain,\n    user_id = '',\n    account = '',\n    locale = '',\n    query = '',\n    showResponseButton,\n    addtocartRender,\n    productRender,\n    signupRender,\n    style,\n    className = '',\n    lang,\n  } = props\n  const [autoTipOpen, autoTipClose] = lang?.popupTipTimeout || [3000, 6000]\n\n  const [openTip, setOpenTip] = useState(false)\n  const [openPopup, setOpenPopup] = useState(false)\n  const [start, setstart] = useState('')\n  const [currentSuggestions, setCurrentSuggestions] = useState([])\n  const [history, sethistory] = useState<[{ content: string; role: string }] | []>([])\n\n  const getStart = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/start${query}`,\n      method: 'GET',\n      headers: { user_id: user_id || '', shopify_domain, account, locale },\n    })\n\n    setCurrentSuggestions(result?.suggested_questions?.map((item: string) => ({ message: item, title: item })) || [])\n    setstart(result?.opening_statement || '')\n    sethistory(result?.history || [])\n  }, [user_id, shopify_domain, account, locale])\n\n  const getSuggestions = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/suggested_questions${query}`,\n      method: 'GET',\n      headers: { user_id: user_id || '', shopify_domain, account, locale },\n    })\n\n    setCurrentSuggestions(\n      result?.suggested_questions?.data?.map((item: string) => ({ message: item, title: item })) || []\n    )\n  }, [user_id, shopify_domain, account, locale])\n\n  const setOpenTipFn = () => {\n    if (!openTip) setOpenTip(true)\n    setTimeout(() => {\n      setOpenTip(false)\n    }, autoTipClose)\n  }\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setOpenTipFn()\n    }, autoTipOpen)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  useEffect(() => {\n    if (!start) {\n      getStart()\n    }\n  }, [])\n\n  return (\n    <div className={className} style={style || {}}>\n      {user_id && runtimeUrl && (\n        <CopilotKit\n          runtimeUrl={`${runtimeUrl}/copilotkit/chat${query}`}\n          showDevConsole={false}\n          headers={{ user_id: user_id || '', shopify_domain: shopify_domain, account, locale }}\n        >\n          <CopilotPopup\n            {...popup}\n            showResponseButton={showResponseButton !== 'follow'}\n            labels={{\n              title: title || 'DTC Live Chat',\n              initial: start || '',\n            }}\n            instructions={start || ''}\n            onInProgress={load => {\n              if (openPopup && load) setCurrentSuggestions([])\n              if (openPopup && !load) getSuggestions()\n            }}\n            Messages={({ messages, inProgress }) => (\n              <Messages\n                messages={messages}\n                inProgress={inProgress}\n                ResponseButton={showResponseButton === 'follow' ? <ResponseButton /> : undefined}\n              >\n                <Suggestions currentSuggestions={currentSuggestions} />\n              </Messages>\n            )}\n            Button={({ open, setOpen }) => {\n              const Button = popup?.Button || DefaultButton\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              useEffect(() => {\n                setOpenPopup(open)\n              }, [open])\n              return (\n                <>\n                  {lang?.popupTip && openTip && !openPopup && (\n                    <div className=\"copilotKitPopup copilotKitPopupTip\">\n                      <button\n                        onClick={() => {\n                          setOpen(true)\n                          setOpenTip(false)\n                        }}\n                        aria-label=\"Open Chat\"\n                        className=\"copilotKitPopupTipContent\"\n                      >\n                        {lang?.popupTip}\n                      </button>\n                    </div>\n                  )}\n                  <Button open={open} setOpen={setOpen} setOpenTip={setOpenTip} />\n                </>\n              )\n            }}\n          >\n            <CopilotAction\n              start={start}\n              history={history}\n              addtocartRender={addtocartRender}\n              productRender={productRender}\n              signupRender={signupRender}\n            />\n          </CopilotPopup>\n        </CopilotKit>\n      )}\n    </div>\n  )\n}\n\nexport default Chat\n"],
-  "mappings": "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",
-  "names": ["chat_exports", "__export", "chat_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_react_ui", "import_button", "import_messages", "import_response", "import_suggestions", "import_action", "import_fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopify_domain", "user_id", "account", "locale", "query", "showResponseButton", "addtocartRender", "productRender", "signupRender", "style", "className", "lang", "autoTipOpen", "autoTipClose", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "currentSuggestions", "setCurrentSuggestions", "history", "sethistory", "getStart", "result", "fetcher", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "Messages", "ResponseButton", "Suggestions", "open", "setOpen", "Button", "DefaultButton"]
+  "sourcesContent": ["/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo } from 'react'\nimport { useCallback, useState, useEffect } from 'react'\nimport { CopilotKit } from '@copilotkit/react-core'\nimport { CopilotPopup } from '@copilotkit/react-ui'\nimport DefaultButton from './button.js'\nimport Messages from './messages.js'\nimport ResponseButton from './response.js'\nimport Suggestions from './suggestions.js'\nimport { CopilotAction } from './action.js'\nimport fetcher from '../../helpers/fetcher.js'\n\nexport interface ChatProps {\n  title: string\n  runtimeUrl: string\n  shopifyDomain: string\n  /** GA \u7684 client id\n   */\n  userId: string\n  /** \u662F\u5426\u767B\u9646\u7528\u6237 0 or 1\n   */\n  account?: string\n  /** \u7528\u6237\u6D4F\u89C8\u5668\u8BED\u8A00\n   */\n  locale?: string\n  /** \u5F00\u573A\u767D\n   */\n  prologue?: string\n  /** ?a=1&b=2\n   */\n  query?: string\n  /** 'follow' or 'unfollow' | true or false\n   * follow: ResponseButton \u4F1A\u8DDF\u968F\u5728 messages \u7684\u540E\u8FB9\n   * unfollow: ResponseButton \u5728\u804A\u5929\u6846\u5E95\u90E8\n   */\n  showResponseButton?: string | boolean\n  /** \u8DF3\u8F6C checkout action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u6253\u5F00\u8D2D\u7269\u8F66 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  addtocartHandler?: (_args: any) => Promise<any>\n  /** \u52A0\u8D2D\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  addtocartRender?: string | ((_props: any) => React.ReactElement)\n  /** \u8BA2\u9605\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  /** \u4EA7\u54C1\u5361\u7247\uFF0C\u63A5\u53D7\u53C2\u6570\uFF1A {\"status\":\"complete\",\"args\":[{\"sku\":[\"A3936031\"],\"handle\":\"space-a40-a3936031\"}],\"result\":\"\"}\n   * \u540E\u7AEF\u63A5\u53E3\u6587\u6863\uFF1Ahttps://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb\n   */\n  productRender?: string | ((_props: any) => React.ReactElement)\n  /** CopilotPopup \u81EA\u5B9A\u4E49\u53C2\u6570\uFF0C\u53C2\u8003\uFF1Ahttps://docs.copilotkit.ai/reference/components/CopilotPopup */\n  popup?: any\n  /** \u6587\u6848\uFF0C{\"productRenderTipMessage\": \"\",\"popupTip\": \"Hi ! Welcome to soundcore Innovations live chat\uFF01\", \"popupTipTimeout\": [3000, 6000]} */\n  lang?: any\n  /** \u53C2\u8003\u6B64\u6587\u6863\uFF1Ahttps://docs.copilotkit.ai/concepts/customize-look-and-feel */\n  style?: any\n  className?: string\n}\n\nconst Chat = (props: ChatProps) => {\n  const {\n    title,\n    runtimeUrl,\n    popup,\n    shopifyDomain,\n    userId = '',\n    account = '',\n    prologue = '',\n    locale = '',\n    query = '',\n    showResponseButton,\n    gotocheckoutRender,\n    gotocartRender,\n    addtocartRender,\n    productRender,\n    signupRender,\n    style,\n    className = '',\n    lang,\n  } = props\n  const [autoTipOpen, autoTipClose] = lang?.popupTipTimeout || [3000, 6000]\n\n  const [openTip, setOpenTip] = useState(false)\n  const [openPopup, setOpenPopup] = useState(false)\n  const [start, setstart] = useState(prologue)\n  const [currentSuggestions, setCurrentSuggestions] = useState([])\n  const [history, sethistory] = useState<[{ content: string; role: string }] | []>([])\n\n  const headers = useMemo(\n    () => ({\n      'x-user-id': userId || '',\n      'x-shopify-domain': shopifyDomain,\n      'x-member-ship': account,\n      'x-user-locale': locale,\n    }),\n    [userId, shopifyDomain, account, locale]\n  )\n\n  const getStart = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/start${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(result?.suggested_questions?.map((item: string) => ({ message: item, title: item })) || [])\n    setstart(result?.opening_statement || '')\n    sethistory(result?.history || [])\n  }, [userId, shopifyDomain, account, locale])\n\n  const getSuggestions = useCallback(async () => {\n    const result = await fetcher({\n      url: `${runtimeUrl}/copilotkit/suggested_questions${query}`,\n      method: 'GET',\n      headers,\n    })\n\n    setCurrentSuggestions(\n      result?.suggested_questions?.data?.map((item: string) => ({ message: item, title: item })) || []\n    )\n  }, [userId, shopifyDomain, account, locale])\n\n  const setOpenTipFn = () => {\n    if (!openTip) setOpenTip(true)\n    setTimeout(() => {\n      setOpenTip(false)\n    }, autoTipClose)\n  }\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setOpenTipFn()\n    }, autoTipOpen)\n\n    return () => {\n      clearTimeout(timer)\n    }\n  }, [])\n\n  return (\n    <div className={className} style={style || {}}>\n      {userId && runtimeUrl && (\n        <CopilotKit runtimeUrl={`${runtimeUrl}/copilotkit/chat${query}`} showDevConsole={false} headers={headers}>\n          <CopilotPopup\n            {...popup}\n            showResponseButton={showResponseButton !== 'follow'}\n            labels={{\n              title: title || 'DTC Live Chat',\n              initial: start || '',\n            }}\n            instructions={start || ''}\n            onInProgress={load => {\n              if (openPopup && load) setCurrentSuggestions([])\n              if (openPopup && !load) getSuggestions()\n            }}\n            Messages={({ messages, inProgress }) => (\n              <Messages\n                messages={messages}\n                inProgress={inProgress}\n                ResponseButton={showResponseButton === 'follow' ? <ResponseButton /> : undefined}\n              >\n                <Suggestions currentSuggestions={currentSuggestions} />\n              </Messages>\n            )}\n            Button={({ open, setOpen: setOpenDefault }) => {\n              const Button = popup?.Button || DefaultButton\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              useEffect(() => {\n                setOpenPopup(open)\n              }, [open])\n\n              // eslint-disable-next-line react-hooks/rules-of-hooks\n              const setOpen = useCallback(() => {\n                setOpenDefault(!open)\n                setOpenTip(false)\n                if (!start || !history?.length) getStart()\n              }, [start])\n\n              return (\n                <>\n                  {lang?.popupTip && openTip && !openPopup && (\n                    <div className=\"copilotKitPopup copilotKitPopupTip\">\n                      <button onClick={setOpen} aria-label=\"Open Chat\" className=\"copilotKitPopupTipContent\">\n                        {lang?.popupTip}\n                      </button>\n                    </div>\n                  )}\n                  <Button open={open} setOpen={setOpen} />\n                </>\n              )\n            }}\n          >\n            <CopilotAction\n              start={start}\n              history={history}\n              gotocartRender={gotocartRender}\n              gotocheckoutRender={gotocheckoutRender}\n              addtocartRender={addtocartRender}\n              productRender={productRender}\n              signupRender={signupRender}\n              productRenderTipMessage={lang?.productRenderTipMessage}\n            />\n          </CopilotPopup>\n        </CopilotKit>\n      )}\n    </div>\n  )\n}\n\nexport default Chat\n"],
+  "mappings": "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",
+  "names": ["chat_exports", "__export", "chat_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_react_ui", "import_button", "import_messages", "import_response", "import_suggestions", "import_action", "import_fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopifyDomain", "userId", "account", "prologue", "locale", "query", "showResponseButton", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "style", "className", "lang", "autoTipOpen", "autoTipClose", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "currentSuggestions", "setCurrentSuggestions", "history", "sethistory", "headers", "getStart", "result", "fetcher", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "Messages", "ResponseButton", "Suggestions", "open", "setOpenDefault", "Button", "DefaultButton", "setOpen"]
 }

package/dist/cjs/components/chat/messages.js

@@ -1,2 +1,2 @@
-"use strict";var h=Object.create;var g=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var w=(t,e)=>{for(var i in e)g(t,i,{get:e[i],enumerable:!0})},R=(t,e,i,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of I(e))!b.call(t,c)&&c!==i&&g(t,c,{get:()=>e[c],enumerable:!(p=k(e,c))||p.enumerable});return t};var B=(t,e,i)=>(i=t!=null?h(E(t)):{},R(e||!t||!t.__esModule?g(i,"default",{value:t,enumerable:!0}):i,t)),S=t=>R(g({},"__esModule",{value:!0}),t);var L={};w(L,{default:()=>F});module.exports=S(L);var o=require("react/jsx-runtime"),f=B(require("react")),m=require("@copilotkit/react-ui"),K=require("./markdown.js"),A=require("@copilotkit/react-core"),n=require("@copilotkit/runtime-client-gql");const T=({messages:t,inProgress:e,ResponseButton:i,children:p})=>{const{chatComponentsCache:c}=(0,A.useCopilotContext)(),a=(0,m.useChatContext)();t=[...(0,f.useMemo)(()=>x(a.labels.initial),[a.labels.initial]),...t];const v={};for(let s=0;s<t.length;s++)if(t[s]instanceof n.ActionExecutionMessage){const r=t[s].id,l=t.find(u=>u instanceof n.ResultMessage&&u.actionExecutionId===r);l&&(v[r]=n.ResultMessage.decodeResult(l.result||""))}const y=f.default.useRef(null),C=()=>{y.current&&y.current.scrollIntoView({behavior:"auto"})};return(0,f.useEffect)(()=>{C()},[t]),(0,o.jsxs)("div",{className:"copilotKitMessages",children:[t.map((s,r)=>{const l=r===t.length-1;if(s instanceof n.TextMessage&&s.role==="user")return(0,o.jsx)("div",{className:"copilotKitMessage copilotKitUserMessage",children:s.content},r);if(s instanceof n.TextMessage&&s.role=="assistant")return(0,o.jsx)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:l&&e&&!s.content?a.icons.spinnerIcon:(0,o.jsx)(K.Markdown,{content:s.content})},r);if(s instanceof n.ActionExecutionMessage)if(c.current!==null&&c.current[s.name]){const u=c.current[s.name];if(typeof u=="string")return l&&e?(0,o.jsxs)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[a.icons.spinnerIcon," ",(0,o.jsx)("span",{className:"inProgressLabel",children:u})]},r):null;{const N=s.arguments;let d="inProgress";v[s.id]!==void 0?d="complete":s.status.code!==n.MessageStatusCode.Pending&&(d="executing");const M=u({status:d,args:N,result:v[s.id]});return!M&&d==="complete"?null:typeof M=="string"?(0,o.jsxs)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[l&&e&&a.icons.spinnerIcon," ",M]},r):(0,o.jsx)("div",{className:"copilotKitCustomAssistantMessage",children:M},r)}}else return!e||!l?null:(0,o.jsx)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:a.icons.spinnerIcon},r)}),(0,o.jsx)("div",{className:"responseButtonBox",children:i}),(0,o.jsx)("footer",{ref:y,children:p})]})};function x(t){let e=[];return t&&(Array.isArray(t)?e.push(...t):e.push(t)),e.map(i=>new n.TextMessage({role:n.Role.Assistant,content:i}))}var F=T;
+"use strict";var k=Object.create;var g=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var w=(t,s)=>{for(var o in s)g(t,o,{get:s[o],enumerable:!0})},h=(t,s,o,d)=>{if(s&&typeof s=="object"||typeof s=="function")for(let a of L(s))!b.call(t,a)&&a!==o&&g(t,a,{get:()=>s[a],enumerable:!(d=I(s,a))||d.enumerable});return t};var H=(t,s,o)=>(o=t!=null?k(T(t)):{},h(s||!t||!t.__esModule?g(o,"default",{value:t,enumerable:!0}):o,t)),S=t=>h(g({},"__esModule",{value:!0}),t);var P={};w(P,{default:()=>D});module.exports=S(P);var n=require("react/jsx-runtime"),r=H(require("react")),A=require("@copilotkit/react-ui"),x=require("./markdown.js"),C=require("@copilotkit/react-core"),i=require("@copilotkit/runtime-client-gql");const B=({messages:t,inProgress:s,ResponseButton:o,children:d})=>{const[a,p]=(0,r.useState)(!0),{chatComponentsCache:m}=(0,C.useCopilotContext)(),u=(0,A.useChatContext)();t=[...(0,r.useMemo)(()=>F(u.labels.initial),[u.labels.initial]),...t];const y={};for(let e=0;e<t.length;e++)if(t[e]instanceof i.ActionExecutionMessage){const l=t[e].id,c=t.find(f=>f instanceof i.ResultMessage&&f.actionExecutionId===l);c&&(y[l]=i.ResultMessage.decodeResult(c.result||""))}const R=r.default.useRef(null),K=r.default.useRef(null),E=()=>{R.current&&R.current.scrollIntoView({behavior:"auto"})};return(0,r.useEffect)(()=>{E()},[t]),(0,r.useEffect)(()=>{const e=document.querySelector(".copilotKitInput textarea");e&&e.addEventListener("click",function(){e.value&&document.activeElement===e?p(!1):(p(!0),E())}),e&&e.addEventListener("input",function(){e.value&&document.activeElement===e?p(!1):(p(!0),E())})},[]),(0,r.useEffect)(()=>{const e=K.current;a&&e?(e.style.maxHeight="500px",e.style.overflow="visible"):!a&&e&&(e.style.maxHeight="0",e.style.overflow="hidden")},[a]),(0,n.jsxs)("div",{className:"copilotKitMessages",children:[t.map((e,l)=>{const c=l===t.length-1;if(e instanceof i.TextMessage&&e.role==="user")return(0,n.jsx)("div",{className:"copilotKitMessage copilotKitUserMessage",children:e.content},l);if(e instanceof i.TextMessage&&e.role=="assistant")return(0,n.jsx)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:c&&s&&!e.content?u.icons.spinnerIcon:(0,n.jsx)(x.Markdown,{content:e.content})},l);if(e instanceof i.ActionExecutionMessage)if(m.current!==null&&m.current[e.name]){const f=m.current[e.name];if(typeof f=="string")return c&&s?(0,n.jsxs)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[u.icons.spinnerIcon," ",(0,n.jsx)("span",{className:"inProgressLabel",children:f})]},l):null;{const N=e.arguments;let M="inProgress";y[e.id]!==void 0?M="complete":e.status.code!==i.MessageStatusCode.Pending&&(M="executing");const v=f({status:M,args:N,result:y[e.id]});return!v&&M==="complete"?null:typeof v=="string"?(0,n.jsxs)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:[c&&s&&u.icons.spinnerIcon," ",v]},l):(0,n.jsx)("div",{className:"copilotKitCustomAssistantMessage",children:v},l)}}else return!s||!c?null:(0,n.jsx)("div",{className:"copilotKitMessage copilotKitAssistantMessage",children:u.icons.spinnerIcon},l)}),(0,n.jsx)("div",{className:"responseButtonBox",children:o}),(0,n.jsx)("footer",{ref:R,children:(0,n.jsx)("div",{className:"copilotKitMessagesFooter",ref:K,children:d})})]})};function F(t){let s=[];return t&&(Array.isArray(t)?s.push(...t):s.push(t)),s.map(o=>new i.TextMessage({role:i.Role.Assistant,content:o}))}var D=B;
 //# sourceMappingURL=messages.js.map

package/dist/cjs/components/chat/messages.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/messages.tsx"],
-  "sourcesContent": ["import React, { useEffect, useMemo } from 'react'\nimport type { MessagesProps } from './props.js'\nimport { useChatContext } from '@copilotkit/react-ui'\nimport { Markdown } from './markdown.js'\nimport { type RenderFunctionStatus, useCopilotContext } from '@copilotkit/react-core'\nimport {\n  MessageStatusCode,\n  ActionExecutionMessage,\n  Message,\n  ResultMessage,\n  TextMessage,\n  Role,\n} from '@copilotkit/runtime-client-gql'\n\nconst Messages = ({ messages, inProgress, ResponseButton, children }: MessagesProps) => {\n  const { chatComponentsCache } = useCopilotContext()\n\n  const context = useChatContext()\n  const initialMessages = useMemo(() => makeInitialMessages(context.labels.initial), [context.labels.initial])\n  messages = [...initialMessages, ...messages]\n\n  const functionResults: Record<string, string> = {}\n\n  for (let i = 0; i < messages.length; i++) {\n    if (messages[i] instanceof ActionExecutionMessage) {\n      const id = messages[i].id\n      const resultMessage: ResultMessage | undefined = messages.find(\n        message => message instanceof ResultMessage && message.actionExecutionId === id\n      ) as ResultMessage | undefined\n\n      if (resultMessage) {\n        functionResults[id] = ResultMessage.decodeResult(resultMessage.result || '')\n      }\n    }\n  }\n\n  const messagesEndRef = React.useRef<HTMLDivElement>(null)\n\n  const scrollToBottom = () => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({\n        behavior: 'auto',\n      })\n    }\n  }\n\n  useEffect(() => {\n    scrollToBottom()\n  }, [messages])\n\n  return (\n    <div className=\"copilotKitMessages\">\n      {messages.map((message, index) => {\n        const isCurrentMessage = index === messages.length - 1\n\n        if (message instanceof TextMessage && message.role === 'user') {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          )\n        } else if (message instanceof TextMessage && message.role == 'assistant') {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && !message.content ? (\n                context.icons.spinnerIcon\n              ) : (\n                <Markdown content={message.content} />\n              )}\n            </div>\n          )\n        } else if (message instanceof ActionExecutionMessage) {\n          if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {\n            const render = chatComponentsCache.current[message.name]\n            // render a static string\n            if (typeof render === 'string') {\n              // when render is static, we show it only when in progress\n              if (isCurrentMessage && inProgress) {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {context.icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n                  </div>\n                )\n              }\n              // Done - silent by default to avoid a series of \"done\" messages\n              else {\n                return null\n              }\n            }\n            // render is a function\n            else {\n              const args = message.arguments\n\n              let status: RenderFunctionStatus = 'inProgress'\n\n              if (functionResults[message.id] !== undefined) {\n                status = 'complete'\n              } else if (message.status.code !== MessageStatusCode.Pending) {\n                status = 'executing'\n              }\n\n              const toRender = render({\n                status: status as any,\n                args,\n                result: functionResults[message.id],\n              })\n\n              // No result and complete: stay silent\n              if (!toRender && status === 'complete') {\n                return null\n              }\n\n              if (typeof toRender === 'string') {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}\n                  </div>\n                )\n              } else {\n                return (\n                  <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                    {toRender}\n                  </div>\n                )\n              }\n            }\n          }\n          // No render function found- show the default message\n          else if (!inProgress || !isCurrentMessage) {\n            // Done - silent by default to avoid a series of \"done\" messages\n            return null\n          } else {\n            // In progress\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            )\n          }\n        }\n      })}\n      <div className=\"responseButtonBox\">{ResponseButton}</div>\n      <footer ref={messagesEndRef}>{children}</footer>\n    </div>\n  )\n}\n\nfunction makeInitialMessages(initial?: string | string[]): Message[] {\n  let initialArray: string[] = []\n  if (initial) {\n    if (Array.isArray(initial)) {\n      initialArray.push(...initial)\n    } else {\n      initialArray.push(initial)\n    }\n  }\n\n  return initialArray.map(\n    message =>\n      new TextMessage({\n        role: Role.Assistant,\n        content: message,\n      })\n  )\n}\n\nexport default Messages\n"],
-  "mappings": "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",
-  "names": ["messages_exports", "__export", "messages_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_ui", "import_markdown", "import_react_core", "import_runtime_client_gql", "Messages", "messages", "inProgress", "ResponseButton", "children", "chatComponentsCache", "context", "makeInitialMessages", "functionResults", "i", "id", "resultMessage", "message", "messagesEndRef", "React", "scrollToBottom", "index", "isCurrentMessage", "render", "args", "status", "toRender", "initial", "initialArray"]
+  "sourcesContent": ["import React, { useEffect, useMemo, useState } from 'react'\nimport type { MessagesProps } from './props.js'\nimport { useChatContext } from '@copilotkit/react-ui'\nimport { Markdown } from './markdown.js'\nimport { type RenderFunctionStatus, useCopilotContext } from '@copilotkit/react-core'\nimport {\n  MessageStatusCode,\n  ActionExecutionMessage,\n  Message,\n  ResultMessage,\n  TextMessage,\n  Role,\n} from '@copilotkit/runtime-client-gql'\n\nconst Messages = ({ messages, inProgress, ResponseButton, children }: MessagesProps) => {\n  const [isExpanded, setIsExpanded] = useState(true)\n\n  const { chatComponentsCache } = useCopilotContext()\n\n  const context = useChatContext()\n  const initialMessages = useMemo(() => makeInitialMessages(context.labels.initial), [context.labels.initial])\n  messages = [...initialMessages, ...messages]\n\n  const functionResults: Record<string, string> = {}\n\n  for (let i = 0; i < messages.length; i++) {\n    if (messages[i] instanceof ActionExecutionMessage) {\n      const id = messages[i].id\n      const resultMessage: ResultMessage | undefined = messages.find(\n        message => message instanceof ResultMessage && message.actionExecutionId === id\n      ) as ResultMessage | undefined\n\n      if (resultMessage) {\n        functionResults[id] = ResultMessage.decodeResult(resultMessage.result || '')\n      }\n    }\n  }\n\n  const messagesEndRef = React.useRef<HTMLDivElement>(null)\n  const messagesEndChildRef = React.useRef<HTMLDivElement>(null)\n\n  const scrollToBottom = () => {\n    if (messagesEndRef.current) {\n      messagesEndRef.current.scrollIntoView({\n        behavior: 'auto',\n      })\n    }\n  }\n\n  useEffect(() => {\n    scrollToBottom()\n  }, [messages])\n\n  useEffect(() => {\n    const textarea = document.querySelector('.copilotKitInput textarea') as HTMLTextAreaElement\n\n    textarea &&\n      textarea.addEventListener('click', function () {\n        if (textarea.value && document.activeElement === textarea) {\n          setIsExpanded(false)\n        } else {\n          setIsExpanded(true)\n          scrollToBottom()\n        }\n      })\n    textarea &&\n      textarea.addEventListener('input', function () {\n        if (textarea.value && document.activeElement === textarea) {\n          setIsExpanded(false)\n        } else {\n          setIsExpanded(true)\n          scrollToBottom()\n        }\n      })\n  }, [])\n\n  useEffect(() => {\n    const content = messagesEndChildRef.current\n    if (isExpanded && content) {\n      content.style.maxHeight = '500px'\n      content.style.overflow = 'visible'\n    } else if (!isExpanded && content) {\n      content.style.maxHeight = '0'\n      content.style.overflow = 'hidden'\n    }\n  }, [isExpanded])\n\n  return (\n    <div className=\"copilotKitMessages\">\n      {messages.map((message, index) => {\n        const isCurrentMessage = index === messages.length - 1\n\n        if (message instanceof TextMessage && message.role === 'user') {\n          return (\n            <div key={index} className=\"copilotKitMessage copilotKitUserMessage\">\n              {message.content}\n            </div>\n          )\n        } else if (message instanceof TextMessage && message.role == 'assistant') {\n          return (\n            <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n              {isCurrentMessage && inProgress && !message.content ? (\n                context.icons.spinnerIcon\n              ) : (\n                <Markdown content={message.content} />\n              )}\n            </div>\n          )\n        } else if (message instanceof ActionExecutionMessage) {\n          if (chatComponentsCache.current !== null && chatComponentsCache.current[message.name]) {\n            const render = chatComponentsCache.current[message.name]\n            // render a static string\n            if (typeof render === 'string') {\n              // when render is static, we show it only when in progress\n              if (isCurrentMessage && inProgress) {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {context.icons.spinnerIcon} <span className=\"inProgressLabel\">{render}</span>\n                  </div>\n                )\n              }\n              // Done - silent by default to avoid a series of \"done\" messages\n              else {\n                return null\n              }\n            }\n            // render is a function\n            else {\n              const args = message.arguments\n\n              let status: RenderFunctionStatus = 'inProgress'\n\n              if (functionResults[message.id] !== undefined) {\n                status = 'complete'\n              } else if (message.status.code !== MessageStatusCode.Pending) {\n                status = 'executing'\n              }\n\n              const toRender = render({\n                status: status as any,\n                args,\n                result: functionResults[message.id],\n              })\n\n              // No result and complete: stay silent\n              if (!toRender && status === 'complete') {\n                return null\n              }\n\n              if (typeof toRender === 'string') {\n                return (\n                  <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                    {isCurrentMessage && inProgress && context.icons.spinnerIcon} {toRender}\n                  </div>\n                )\n              } else {\n                return (\n                  <div key={index} className=\"copilotKitCustomAssistantMessage\">\n                    {toRender}\n                  </div>\n                )\n              }\n            }\n          }\n          // No render function found- show the default message\n          else if (!inProgress || !isCurrentMessage) {\n            // Done - silent by default to avoid a series of \"done\" messages\n            return null\n          } else {\n            // In progress\n            return (\n              <div key={index} className={`copilotKitMessage copilotKitAssistantMessage`}>\n                {context.icons.spinnerIcon}\n              </div>\n            )\n          }\n        }\n      })}\n      <div className=\"responseButtonBox\">{ResponseButton}</div>\n      <footer ref={messagesEndRef}>\n        <div className=\"copilotKitMessagesFooter\" ref={messagesEndChildRef}>\n          {children}\n        </div>\n      </footer>\n    </div>\n  )\n}\n\nfunction makeInitialMessages(initial?: string | string[]): Message[] {\n  let initialArray: string[] = []\n  if (initial) {\n    if (Array.isArray(initial)) {\n      initialArray.push(...initial)\n    } else {\n      initialArray.push(initial)\n    }\n  }\n\n  return initialArray.map(\n    message =>\n      new TextMessage({\n        role: Role.Assistant,\n        content: message,\n      })\n  )\n}\n\nexport default Messages\n"],
+  "mappings": "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",
+  "names": ["messages_exports", "__export", "messages_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_ui", "import_markdown", "import_react_core", "import_runtime_client_gql", "Messages", "messages", "inProgress", "ResponseButton", "children", "isExpanded", "setIsExpanded", "chatComponentsCache", "context", "makeInitialMessages", "functionResults", "i", "id", "resultMessage", "message", "messagesEndRef", "React", "messagesEndChildRef", "scrollToBottom", "textarea", "content", "index", "isCurrentMessage", "render", "args", "status", "toRender", "initial", "initialArray"]
 }

package/dist/cjs/components/chat/props.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 import { Message } from '@copilotkit/runtime-client-gql';
 export interface ButtonProps {
     open: boolean;
-    setOpen: (open: boolean) => void;
-    setOpenTip: (open: boolean) => void;
+    setOpen: () => void;
 }
 export interface WindowProps {
     open: boolean;

package/dist/cjs/components/chat/props.js

@@ -1,2 +1,2 @@
-"use strict";var t=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var l=(o,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of i(e))!p.call(o,n)&&n!==r&&t(o,n,{get:()=>e[n],enumerable:!(s=a(e,n))||s.enumerable});return o};var c=o=>l(t({},"__esModule",{value:!0}),o);var g={};module.exports=c(g);var d=require("react"),u=require("@copilotkit/runtime-client-gql");
+"use strict";var n=Object.defineProperty;var a=Object.getOwnPropertyDescriptor;var i=Object.getOwnPropertyNames;var p=Object.prototype.hasOwnProperty;var c=(o,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of i(e))!p.call(o,s)&&s!==r&&n(o,s,{get:()=>e[s],enumerable:!(t=a(e,s))||t.enumerable});return o};var l=o=>c(n({},"__esModule",{value:!0}),o);var g={};module.exports=l(g);var d=require("react"),u=require("@copilotkit/runtime-client-gql");
 //# sourceMappingURL=props.js.map

package/dist/cjs/components/chat/props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/props.ts"],
-  "sourcesContent": ["import React from 'react'\nimport { Message } from '@copilotkit/runtime-client-gql'\n\nexport interface ButtonProps {\n  open: boolean\n  setOpen: (open: boolean) => void\n  setOpenTip: (open: boolean) => void\n}\n\nexport interface WindowProps {\n  open: boolean\n  setOpen: (open: boolean) => void\n  clickOutsideToClose: boolean\n  hitEscapeToClose: boolean\n  shortcut: string\n  children?: React.ReactNode\n}\n\nexport interface HeaderProps {\n  open: boolean\n  setOpen: (open: boolean) => void\n}\n\nexport interface ChatSuggestions {\n  currentSuggestions: SuggestionsProps[]\n}\n\nexport interface SuggestionsProps {\n  title: string\n  message: string\n  partial?: boolean\n  className?: string\n}\n\nexport interface MessagesProps {\n  messages: Message[]\n  inProgress: boolean\n  ResponseButton?: React.ReactElement\n  children?: React.ReactNode\n}\n\nexport interface InputProps {\n  inProgress: boolean\n  onSend: (text: string) => Promise<Message>\n  isVisible?: boolean\n}\n\nexport interface ResponseButtonProps {\n  onClick: () => void\n  inProgress: boolean\n}\n"],
+  "sourcesContent": ["import React from 'react'\nimport { Message } from '@copilotkit/runtime-client-gql'\n\nexport interface ButtonProps {\n  open: boolean\n  setOpen: () => void\n}\n\nexport interface WindowProps {\n  open: boolean\n  setOpen: (open: boolean) => void\n  clickOutsideToClose: boolean\n  hitEscapeToClose: boolean\n  shortcut: string\n  children?: React.ReactNode\n}\n\nexport interface HeaderProps {\n  open: boolean\n  setOpen: (open: boolean) => void\n}\n\nexport interface ChatSuggestions {\n  currentSuggestions: SuggestionsProps[]\n}\n\nexport interface SuggestionsProps {\n  title: string\n  message: string\n  partial?: boolean\n  className?: string\n}\n\nexport interface MessagesProps {\n  messages: Message[]\n  inProgress: boolean\n  ResponseButton?: React.ReactElement\n  children?: React.ReactNode\n}\n\nexport interface InputProps {\n  inProgress: boolean\n  onSend: (text: string) => Promise<Message>\n  isVisible?: boolean\n}\n\nexport interface ResponseButtonProps {\n  onClick: () => void\n  inProgress: boolean\n}\n"],
   "mappings": "+WAAA,IAAAA,EAAA,kBAAAC,EAAAD,GAAA,IAAAE,EAAkB,iBAClBC,EAAwB",
   "names": ["props_exports", "__toCommonJS", "import_react", "import_runtime_client_gql"]
 }

package/dist/cjs/components/chat/response.js

@@ -1,2 +1,2 @@
-"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var e in o)p(t,e,{get:o[e],enumerable:!0})},C=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of l(o))!u.call(t,n)&&n!==e&&p(t,n,{get:()=>o[n],enumerable:!(s=c(o,n))||s.enumerable});return t};var b=t=>C(p({},"__esModule",{value:!0}),t);var f={};g(f,{default:()=>d});module.exports=b(f);var a=require("react/jsx-runtime"),r=require("@copilotkit/react-ui"),i=require("@copilotkit/react-core");const m=()=>{const t=(0,r.useChatContext)(),{isLoading:o,reloadMessages:e,stopGeneration:s}=(0,i.useCopilotChat)();return(0,a.jsxs)("button",{onClick:o?s:e,className:"copilotKitResponseButton",children:[o?t.labels.stopGenerating:t.labels.regenerateResponse,(0,a.jsx)("span",{children:o?t.icons.stopIcon:t.icons.regenerateIcon})]})};var d=m;
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var g=(t,o)=>{for(var e in o)p(t,e,{get:o[e],enumerable:!0})},C=(t,o,e,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of l(o))!u.call(t,n)&&n!==e&&p(t,n,{get:()=>o[n],enumerable:!(s=c(o,n))||s.enumerable});return t};var b=t=>C(p({},"__esModule",{value:!0}),t);var f={};g(f,{default:()=>d});module.exports=b(f);var a=require("react/jsx-runtime"),r=require("@copilotkit/react-ui"),i=require("@copilotkit/react-core");const m=()=>{const t=(0,r.useChatContext)(),{isLoading:o,reloadMessages:e,stopGeneration:s}=(0,i.useCopilotChat)();return!o&&(0,a.jsxs)("button",{onClick:o?s:e,className:"copilotKitResponseButton",children:[o?t.labels.stopGenerating:t.labels.regenerateResponse,(0,a.jsx)("span",{children:o?t.icons.stopIcon:t.icons.regenerateIcon})]})};var d=m;
 //# sourceMappingURL=response.js.map

package/dist/cjs/components/chat/response.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/response.tsx"],
-  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\nimport { useCopilotChat } from '@copilotkit/react-core'\n\nconst ResponseButton = () => {\n  const context = useChatContext()\n\n  const { isLoading, reloadMessages, stopGeneration } = useCopilotChat()\n\n  return (\n    <button onClick={isLoading ? stopGeneration : reloadMessages} className=\"copilotKitResponseButton\">\n      {isLoading ? context.labels.stopGenerating : context.labels.regenerateResponse}\n      <span>{isLoading ? context.icons.stopIcon : context.icons.regenerateIcon}</span>\n    </button>\n  )\n}\n\nexport default ResponseButton\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GASI,IAAAI,EAAA,6BATJC,EAA+B,gCAC/BC,EAA+B,kCAE/B,MAAMC,EAAiB,IAAM,CAC3B,MAAMC,KAAU,kBAAe,EAEzB,CAAE,UAAAC,EAAW,eAAAC,EAAgB,eAAAC,CAAe,KAAI,kBAAe,EAErE,SACE,QAAC,UAAO,QAASF,EAAYE,EAAiBD,EAAgB,UAAU,2BACrE,UAAAD,EAAYD,EAAQ,OAAO,eAAiBA,EAAQ,OAAO,sBAC5D,OAAC,QAAM,SAAAC,EAAYD,EAAQ,MAAM,SAAWA,EAAQ,MAAM,eAAe,GAC3E,CAEJ,EAEA,IAAON,EAAQK",
+  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\nimport { useCopilotChat } from '@copilotkit/react-core'\n\nconst ResponseButton = () => {\n  const context = useChatContext()\n\n  const { isLoading, reloadMessages, stopGeneration } = useCopilotChat()\n\n  return (\n    !isLoading && (\n      <button onClick={isLoading ? stopGeneration : reloadMessages} className=\"copilotKitResponseButton\">\n        {isLoading ? context.labels.stopGenerating : context.labels.regenerateResponse}\n        <span>{isLoading ? context.icons.stopIcon : context.icons.regenerateIcon}</span>\n      </button>\n    )\n  )\n}\n\nexport default ResponseButton\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAUM,IAAAI,EAAA,6BAVNC,EAA+B,gCAC/BC,EAA+B,kCAE/B,MAAMC,EAAiB,IAAM,CAC3B,MAAMC,KAAU,kBAAe,EAEzB,CAAE,UAAAC,EAAW,eAAAC,EAAgB,eAAAC,CAAe,KAAI,kBAAe,EAErE,MACE,CAACF,MACC,QAAC,UAAO,QAASA,EAAYE,EAAiBD,EAAgB,UAAU,2BACrE,UAAAD,EAAYD,EAAQ,OAAO,eAAiBA,EAAQ,OAAO,sBAC5D,OAAC,QAAM,SAAAC,EAAYD,EAAQ,MAAM,SAAWA,EAAQ,MAAM,eAAe,GAC3E,CAGN,EAEA,IAAON,EAAQK",
   "names": ["response_exports", "__export", "response_default", "__toCommonJS", "import_jsx_runtime", "import_react_ui", "import_react_core", "ResponseButton", "context", "isLoading", "reloadMessages", "stopGeneration"]
 }

package/dist/cjs/stories/chat.stories.js

@@ -1,2 +1,2 @@
-"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var y=(t,o)=>{for(var a in o)i(t,a,{get:o[a],enumerable:!0})},f=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!c.call(t,e)&&e!==a&&i(t,e,{get:()=>o[e],enumerable:!(r=m(o,e))||r.enumerable});return t};var h=t=>f(i({},"__esModule",{value:!0}),t);var C={};y(C,{Default:()=>l,default:()=>d});module.exports=h(C);var p=require("react/jsx-runtime"),v=require("react"),s=require("../components/index.js"),b=require("../styles/chat.css");const u={title:"Campaign/Chat",component:s.Chat,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[t=>(0,p.jsx)("div",{style:{marginTop:"40em"},children:(0,p.jsx)(t,{})})]};var d=u;const l={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com",user_id:"arno5",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};
+"use strict";var i=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var a in o)i(t,a,{get:o[a],enumerable:!0})},y=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of n(o))!h.call(t,e)&&e!==a&&i(t,e,{get:()=>o[e],enumerable:!(r=m(o,e))||r.enumerable});return t};var l=t=>y(i({},"__esModule",{value:!0}),t);var C={};c(C,{Default:()=>d,default:()=>u});module.exports=l(C);var p=require("react/jsx-runtime"),g=require("react"),s=require("../components/index.js"),D=require("../styles/chat.css");const f={title:"Campaign/Chat",component:s.Chat,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[t=>(0,p.jsx)("div",{style:{height:"700px"},children:(0,p.jsx)(t,{})})]};var u=f;const d={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-api-livechat.anker.com",shopifyDomain:"soundcoreusa.myshopify.com",userId:"arno7",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};
 //# sourceMappingURL=chat.stories.js.map

package/dist/cjs/stories/chat.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/chat.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Chat } from '../components/index.js'\nimport '../styles/chat.css'\n\ntype Story = StoryObj<typeof meta>\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Chat> = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Campaign/Chat',\n  component: Chat,\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-dtcapi.anker.com',\n    shopify_domain: 'soundcoreusa.myshopify.com',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  decorators: [\n    Story => (\n      <div style={{ marginTop: '40em' }}>\n        {/* \uD83D\uDC47 Decorators in Storybook also accept a function. Replace <Story/> with Story() to enable it  */}\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Chat>\n\nexport default meta\n\nexport const Default: Story = {\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-dtcapi.anker.com',\n    shopify_domain: 'soundcoreusa.myshopify.com',\n    user_id: 'arno5',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAxBRC,EAAkB,iBAElBC,EAAqB,kCACrBC,EAAO,8BAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,4BAClB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,UAAW,MAAO,EAE9B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOP,EAAQM,EAER,MAAMP,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,6BAChB,QAAS,QACT,mBAAoB,SACpB,KAAM,CAAE,SAAU,wDAAoD,gBAAiB,CAAC,IAAM,GAAI,CAAE,CACtG,CACF",
+  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\nimport { Chat } from '../components/index.js'\nimport '../styles/chat.css'\n\ntype Story = StoryObj<typeof meta>\n\n// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export\nconst meta: Meta<typeof Chat> = {\n  // \u540C\u65F6\u5B9A\u4E49\u4E86\u9875\u9762\u5DE6\u4FA7\u83DC\u5355\n  title: 'Campaign/Chat',\n  component: Chat,\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n  },\n  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs\n  tags: ['autodocs'],\n  // More on argTypes: https://storybook.js.org/docs/api/argtypes\n  decorators: [\n    Story => (\n      <div style={{ height: '700px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Chat>\n\nexport default meta\n\nexport const Default: Story = {\n  args: {\n    title: 'DTC Live Chat',\n    runtimeUrl: 'https://beta-api-livechat.anker.com',\n    shopifyDomain: 'soundcoreusa.myshopify.com',\n    userId: 'arno7',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAuBQ,IAAAK,EAAA,6BAvBRC,EAAkB,iBAElBC,EAAqB,kCACrBC,EAAO,8BAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,4BACjB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOP,EAAQM,EAER,MAAMP,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,sCACZ,cAAe,6BACf,OAAQ,QACR,mBAAoB,SACpB,KAAM,CAAE,SAAU,wDAAoD,gBAAiB,CAAC,IAAM,GAAI,CAAE,CACtG,CACF",
   "names": ["chat_stories_exports", "__export", "Default", "chat_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "import_chat", "meta", "Story"]
 }