@anker-in/campaign-ui 0.0.33-alpha5 → 0.1.1-0.beta.1

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

@@ -10,13 +10,16 @@ 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);
     signupRender?: string | ((_props: any) => React.ReactElement);
+    shulexRender?: string | ((_props: any) => React.ReactElement);
     productRender?: string | ((_props: any) => React.ReactElement);
     productRenderTipMessage?: string;
     children?: React.ReactNode;
 }
-export declare const CopilotAction: ({ start, history, addtocartHandler, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopilotAction: ({ start, history, addtocartHandler, commonRender, pointsExchangeCouponRender, gotocheckoutRender, gotocartRender, addtocartRender, productRender, signupRender, shulexRender, children, }: ActionProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{useEffect as f}from"react";import{useCopilotChat as R,useCopilotAction as r,useCopilotReadable as _}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as N,TextMessage as E}from"@copilotkit/runtime-client-gql";const O=({start:M,history:s,addtocartHandler:o,gotocheckoutRender:d,gotocartRender:p,addtocartRender:g,productRender:m,signupRender:l,children:u})=>{const{setMessages:h,appendMessage:k,isLoading:v}=R();return f(()=>{const e=s?.filter(a=>a?.content||a?.arguments);if(e?.length>0){const a=e?.map(n=>{if(n?.name&&n?.arguments){const y=n?.arguments?.map(i=>i?{...i,ishistory:!0}:{});return new N({name:n?.name,arguments:y,scope:n?.scope})}return new E({...n,role:n?.role==="user"?c.User:c.Assistant})});h(a)}},[s]),r({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:d||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),r({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:p||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),r({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:g||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){o&&o(e)}}),r({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:m||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){console.log("show_product_card-props",e)}}),r({name:"signup",description:"signup",parameters:[{name:"signup"}],render:l||(e=>t("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),_({description:"Today's date",value:new Date().toLocaleDateString()}),t("div",{children:u})};export{O as CopilotAction};
+import{jsx as n}from"react/jsx-runtime";import{useEffect as N}from"react";import{useCopilotChat as v,useCopilotAction as t,useCopilotReadable as E}from"@copilotkit/react-core";import{Role as c,ActionExecutionMessage as x,TextMessage as S}from"@copilotkit/runtime-client-gql";const T=({start:J,history:s,addtocartHandler:i,commonRender:d,pointsExchangeCouponRender:p,gotocheckoutRender:m,gotocartRender:g,addtocartRender:l,productRender:u,signupRender:h,shulexRender:y,children:R})=>{const{setMessages:f,appendMessage:O,isLoading:M}=v();return N(()=>{const e=s?.filter(r=>r?.content||r?.arguments);if(e?.length>0){const r=e?.map(a=>{if(a?.name&&a?.arguments){const _=a?.arguments?.map(o=>o?{...o,ishistory:!0}:{});return new x({name:a?.name,arguments:_,scope:a?.scope})}return new S({...a,role:a?.role==="user"?c.User:c.Assistant})});f(r)}},[s]),t({name:"go_to_checkout",description:"go to cart",parameters:[{sku:"",handle:""}],render:m||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"common_action",description:"common action",parameters:[{act:""}],render:d||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"points_exchange_coupon",description:"points exchange coupon",parameters:[{act:""}],render:p||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"go_to_cart",description:"go to cart",parameters:[{sku:"",handle:""}],render:g||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"add_to_cart",description:"add to cart",parameters:[{sku:"",handle:""}],render:l||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){i&&i(e)}}),t({name:"show_product_card",description:"product card",parameters:[{sku:"",handle:""}],render:u||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(e){}}),t({name:"signup",description:"signup",parameters:[{name:"signup"}],render:h||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),t({name:"shulex",description:"shulex",parameters:[{name:"shulex"}],render:y||(e=>n("div",{className:"hidden",children:JSON.stringify(e)})),handler:function(){}}),E({description:"Today's date",value:new Date().toLocaleDateString()}),n("div",{children:R})};export{T as CopilotAction};
 //# sourceMappingURL=action.js.map

package/dist/esm/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  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": "AAgE4C,cAAAA,MAAA,oBAhE5C,MAAkB,QAClB,OAAS,aAAAC,MAAiB,QAC1B,OAAS,kBAAAC,EAAgB,oBAAAC,EAAkB,sBAAAC,MAA0B,yBACrE,OAAS,QAAAC,EAAM,0BAAAC,EAAwB,eAAAC,MAAmB,iCAuBnD,MAAMC,EAAgB,CAAC,CAC5B,MAAAC,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,EAAIlB,EAAe,EAEjE,OAAAD,EAAU,IAAM,CACd,MAAMoB,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,IAAInB,EAAuB,CAChC,KAAMgB,GAAO,KACb,UAAWE,EACX,MAAOF,GAAO,KAChB,CAAC,CACH,CACA,OAAO,IAAIf,EAAY,CACrB,GAAGe,EACH,KAAMA,GAAO,OAAS,OAASjB,EAAK,KAAOA,EAAK,SAClD,CAAC,CACH,CAAC,EACDa,EAAYK,CAAO,CACrB,CACF,EAAG,CAACb,CAAO,CAAC,EAEZP,EAAiB,CACf,KAAM,iBACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQS,IAAuBc,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACvF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,aACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQU,IAAmBa,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACnF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,cACN,YAAa,cACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQW,IAAoBY,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACpF,QAAS,SAAUA,EAAO,CACxBf,GAAoBA,EAAiBe,CAAK,CAC5C,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,oBACN,YAAa,eACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQY,IAAkBW,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GAClF,QAAS,SAAUA,EAAO,CACxB,QAAQ,IAAI,0BAA2BA,CAAK,CAS9C,CACF,CAAC,EAEDvB,EAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQa,IAAiBU,GAAS1B,EAAC,OAAI,UAAU,SAAU,cAAK,UAAU0B,CAAK,EAAE,GACjF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDtB,EAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,EAEMJ,EAAC,OAAK,SAAAiB,EAAS,CACxB",
-  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "addtocartHandler", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "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  commonRender?: string | ((_props: any) => React.ReactElement)\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\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  shulexRender?: 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  commonRender,\n  pointsExchangeCouponRender,\n  gotocheckoutRender,\n  gotocartRender,\n  addtocartRender,\n  productRender,\n  signupRender,\n  shulexRender,\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: 'common_action',\n    description: 'common action',\n    parameters: [{ act: '' }] as any,\n    render: commonRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('common_action', props)\n    },\n  })\n\n  useCopilotAction({\n    name: 'points_exchange_coupon',\n    description: 'points exchange coupon',\n    parameters: [{ act: '' }] as any,\n    render: pointsExchangeCouponRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('points_exchange_coupon', 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  useCopilotAction({\n    name: 'shulex',\n    description: 'shulex',\n    parameters: [\n      {\n        name: 'shulex',\n      },\n    ] as any,\n    render: shulexRender || (props => <div className=\"hidden\">{JSON.stringify(props)}</div>),\n    handler: function () {\n      // console.log('shulex-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": "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",
+  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "addtocartHandler", "commonRender", "pointsExchangeCouponRender", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "shulexRender", "children", "setMessages", "appendMessage", "isLoading", "originhistory", "value", "content", "args", "item", "props"]
 }

package/dist/esm/components/chat/chat-context.d.ts

@@ -0,0 +1,101 @@
+import React from 'react';
+/**
+ * Icons for CopilotChat component.
+ */
+export interface CopilotChatIcons {
+    /**
+     * The icon to use for the open chat button.
+     * @default <OpenIcon />
+     */
+    openIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button.
+     * @default <CloseIcon />
+     */
+    closeIcon?: React.ReactNode;
+    /**
+     * The icon to use for the close chat button in the header.
+     * @default <HeaderCloseIcon />
+     */
+    headerCloseIcon?: React.ReactNode;
+    /**
+     * The icon to use for the send button.
+     * @default <SendIcon />
+     */
+    sendIcon?: React.ReactNode;
+    /**
+     * The icon to use for the activity indicator.
+     * @default <ActivityIcon />
+     */
+    activityIcon?: React.ReactNode;
+    /**
+     * The icon to use for the spinner.
+     * @default <SpinnerIcon />
+     */
+    spinnerIcon?: React.ReactNode;
+    /**
+     * The icon to use for the stop button.
+     * @default <StopIcon />
+     */
+    stopIcon?: React.ReactNode;
+    /**
+     * The icon to use for the regenerate button.
+     * @default <RegenerateIcon />
+     */
+    regenerateIcon?: React.ReactNode;
+    /**
+     * The icons to use for push to talk.
+     * @default <PushToTalkIcon />
+     */
+    pushToTalkIcon?: React.ReactNode;
+}
+/**
+ * Labels for CopilotChat component.
+ */
+export interface CopilotChatLabels {
+    /**
+     * The initial message(s) to display in the chat window.
+     */
+    initial?: string | string[];
+    /**
+     * The title to display in the header.
+     * @default "CopilotKit"
+     */
+    title?: string;
+    /**
+     * The placeholder to display in the input.
+     * @default "Type a message..."
+     */
+    placeholder?: string;
+    /**
+     * The message to display when an error occurs.
+     * @default "❌ An error occurred. Please try again."
+     */
+    error?: string;
+    /**
+     * The label to display on the stop button.
+     * @default "Stop generating"
+     */
+    stopGenerating?: string;
+    /**
+     * The label to display on the regenerate button.
+     * @default "Regenerate response"
+     */
+    regenerateResponse?: string;
+}
+interface ChatContext {
+    labels: Required<CopilotChatLabels>;
+    icons: Required<CopilotChatIcons>;
+    open: boolean;
+    setOpen: (_open: boolean) => void;
+}
+export declare const ChatContext: React.Context<ChatContext | undefined>;
+export declare function useChatContext(): ChatContext;
+export interface ChatContextProps {
+    labels?: CopilotChatLabels;
+    icons?: CopilotChatIcons;
+    children?: React.ReactNode;
+    open: boolean;
+    setOpen: (_open: boolean) => void;
+}
+export {};

package/dist/esm/components/chat/chat-context.js

@@ -0,0 +1,2 @@
+import t from"react";const o=t.createContext(void 0);function a(){const e=t.useContext(o);if(e===void 0)throw new Error("Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?");return e}export{o as ChatContext,a as useChatContext};
+//# sourceMappingURL=chat-context.js.map

package/dist/esm/components/chat/chat-context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/chat/chat-context.tsx"],
+  "sourcesContent": ["import React from 'react'\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode\n\n  /**\n   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[]\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"\u274C An error occurred. Please try again.\"\n   */\n  error?: string\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>\n  icons: Required<CopilotChatIcons>\n  open: boolean\n  setOpen: (_open: boolean) => void\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined)\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext)\n  if (context === undefined) {\n    throw new Error('Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?')\n  }\n  return context\n}\n\nexport interface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels\n  icons?: CopilotChatIcons\n  children?: React.ReactNode\n  open: boolean\n  setOpen: (_open: boolean) => void\n}\n\n// export const ChatContextProvider = ({\n//   // temperature,\n//   // instructions,\n//   // maxFeedback,\n//   labels,\n//   icons,\n//   children,\n//   open,\n//   setOpen,\n// }: ChatContextProps) => {\n//   const context = {\n//     labels: {\n//       ...{\n//         initial: \"\",\n//         title: \"CopilotKit\",\n//         placeholder: \"Type a message...\",\n//         error: \"\u274C An error occurred. Please try again.\",\n//         stopGenerating: \"Stop generating\",\n//         regenerateResponse: \"Regenerate response\",\n//       },\n//       ...labels,\n//     },\n\n//     icons: {\n//       ...icons,\n//     },\n//     open,\n//     setOpen,\n//   };\n//   return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n// };\n"],
+  "mappings": "AAAA,OAAOA,MAAW,QA6GX,MAAMC,EAAcD,EAAM,cAAuC,MAAS,EAE1E,SAASE,GAA8B,CAC5C,MAAMC,EAAUH,EAAM,WAAWC,CAAW,EAC5C,GAAIE,IAAY,OACd,MAAM,IAAI,MAAM,0FAA0F,EAE5G,OAAOA,CACT",
+  "names": ["React", "ChatContext", "useChatContext", "context"]
+}

package/dist/esm/components/chat/chatContext.js

@@ -0,0 +1,2 @@
+import t from"react";const o=t.createContext(void 0);function a(){const e=t.useContext(o);if(e===void 0)throw new Error("Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?");return e}export{o as ChatContext,a as useChatContext};
+//# sourceMappingURL=chatContext.js.map

package/dist/esm/components/chat/chatContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/chat/chatContext.tsx"],
+  "sourcesContent": ["import React from 'react'\n\n/**\n * Icons for CopilotChat component.\n */\nexport interface CopilotChatIcons {\n  /**\n   * The icon to use for the open chat button.\n   * @default <OpenIcon />\n   */\n  openIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the close chat button.\n   * @default <CloseIcon />\n   */\n  closeIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the close chat button in the header.\n   * @default <HeaderCloseIcon />\n   */\n  headerCloseIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the send button.\n   * @default <SendIcon />\n   */\n  sendIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the activity indicator.\n   * @default <ActivityIcon />\n   */\n  activityIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the spinner.\n   * @default <SpinnerIcon />\n   */\n  spinnerIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the stop button.\n   * @default <StopIcon />\n   */\n  stopIcon?: React.ReactNode\n\n  /**\n   * The icon to use for the regenerate button.\n   * @default <RegenerateIcon />\n   */\n  regenerateIcon?: React.ReactNode\n\n  /**\n   * The icons to use for push to talk.\n   * @default <PushToTalkIcon />\n   */\n\n  pushToTalkIcon?: React.ReactNode\n}\n\n/**\n * Labels for CopilotChat component.\n */\nexport interface CopilotChatLabels {\n  /**\n   * The initial message(s) to display in the chat window.\n   */\n  initial?: string | string[]\n\n  /**\n   * The title to display in the header.\n   * @default \"CopilotKit\"\n   */\n  title?: string\n\n  /**\n   * The placeholder to display in the input.\n   * @default \"Type a message...\"\n   */\n  placeholder?: string\n\n  /**\n   * The message to display when an error occurs.\n   * @default \"\u274C An error occurred. Please try again.\"\n   */\n  error?: string\n\n  /**\n   * The label to display on the stop button.\n   * @default \"Stop generating\"\n   */\n  stopGenerating?: string\n\n  /**\n   * The label to display on the regenerate button.\n   * @default \"Regenerate response\"\n   */\n  regenerateResponse?: string\n}\n\ninterface ChatContext {\n  labels: Required<CopilotChatLabels>\n  icons: Required<CopilotChatIcons>\n  open: boolean\n  setOpen: (_open: boolean) => void\n}\n\nexport const ChatContext = React.createContext<ChatContext | undefined>(undefined)\n\nexport function useChatContext(): ChatContext {\n  const context = React.useContext(ChatContext)\n  if (context === undefined) {\n    throw new Error('Context not found. Did you forget to wrap your app in a <ChatContextProvider> component?')\n  }\n  return context\n}\n\nexport interface ChatContextProps {\n  // temperature?: number;\n  // instructions?: string;\n  // maxFeedback?: number;\n  labels?: CopilotChatLabels\n  icons?: CopilotChatIcons\n  children?: React.ReactNode\n  open: boolean\n  setOpen: (_open: boolean) => void\n}\n\n// export const ChatContextProvider = ({\n//   // temperature,\n//   // instructions,\n//   // maxFeedback,\n//   labels,\n//   icons,\n//   children,\n//   open,\n//   setOpen,\n// }: ChatContextProps) => {\n//   const context = {\n//     labels: {\n//       ...{\n//         initial: \"\",\n//         title: \"CopilotKit\",\n//         placeholder: \"Type a message...\",\n//         error: \"\u274C An error occurred. Please try again.\",\n//         stopGenerating: \"Stop generating\",\n//         regenerateResponse: \"Regenerate response\",\n//       },\n//       ...labels,\n//     },\n\n//     icons: {\n//       ...icons,\n//     },\n//     open,\n//     setOpen,\n//   };\n//   return <ChatContext.Provider value={context}>{children}</ChatContext.Provider>;\n// };\n"],
+  "mappings": "AAAA,OAAOA,MAAW,QA6GX,MAAMC,EAAcD,EAAM,cAAuC,MAAS,EAE1E,SAASE,GAA8B,CAC5C,MAAMC,EAAUH,EAAM,WAAWC,CAAW,EAC5C,GAAIE,IAAY,OACd,MAAM,IAAI,MAAM,0FAA0F,EAE5G,OAAOA,CACT",
+  "names": ["React", "ChatContext", "useChatContext", "context"]
+}

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

@@ -23,6 +23,19 @@ export interface ChatProps {
      * unfollow: ResponseButton 在聊天框底部
      */
     showResponseButton?: string | boolean;
+    /** messages 的回调事件
+     * 每次生成/接受新的messages，会将 整个 messages list 传递给外部
+     */
+    messagesCallback?: (_messages: any) => void;
+    /** 通用 action 的触发事件
+     */
+    commonRender?: string | ((_props: any) => React.ReactElement);
+    /** shulex的 action 的触发事件
+     */
+    shulexRender?: 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
      */

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

@@ -1,2 +1,2 @@
-import{Fragment as j,jsx as e,jsxs as tt}from"react/jsx-runtime";import{useMemo as L}from"react";import{useCallback as f,useState as r,useEffect as _}from"react";import{CopilotKit as z}from"@copilotkit/react-core";import{CopilotPopup as J}from"@copilotkit/react-ui";import Q from"./button.js";import V from"./messages.js";import W from"./response.js";import X from"./suggestions.js";import{CopilotAction as Y}from"./action.js";import B from"../../helpers/fetcher.js";const Z=k=>{const{title:w,runtimeUrl:i,popup:h,shopifyDomain:p,userId:s="",account:a="",prologue:E="",locale:u="",query:l="",showResponseButton:y,gotocheckoutRender:O,gotocartRender:b,addtocartRender:S,productRender:v,signupRender:M,style:$,className:q="",lang:c}=k,[x,D]=c?.popupTipTimeout||[3e3,6e3],[T,g]=r(!1),[m,K]=r(!1),[n,N]=r(E),[I,d]=r([]),[C,U]=r([]),R=L(()=>({"x-user-id":s||"","x-shopify-domain":p,"x-member-ship":a,"x-user-locale":u}),[s,p,a,u]),G=f(async()=>{const t=await B({url:`${i}/copilotkit/start${l}`,method:"GET",headers:R});d(t?.suggested_questions?.map(o=>({message:o,title:o}))||[]),N(t?.opening_statement||""),U(t?.history||[])},[s,p,a,u]),A=f(async()=>{const t=await B({url:`${i}/copilotkit/suggested_questions${l}`,method:"GET",headers:R});d(t?.suggested_questions?.data?.map(o=>({message:o,title:o}))||[])},[s,p,a,u]),F=()=>{T||g(!0),setTimeout(()=>{g(!1)},D)};return _(()=>{const t=setTimeout(()=>{F()},x);return()=>{clearTimeout(t)}},[]),e("div",{className:q,style:$||{},children:s&&i&&e(z,{runtimeUrl:`${i}/copilotkit/chat${l}`,showDevConsole:!1,headers:R,children:e(J,{...h,showResponseButton:y!=="follow",labels:{title:w||"DTC Live Chat",initial:n||""},instructions:n||"",onInProgress:t=>{m&&t&&d([]),m&&!t&&A()},Messages:({messages:t,inProgress:o})=>e(V,{messages:t,inProgress:o,ResponseButton:y==="follow"?e(W,{}):void 0,children:e(X,{currentSuggestions:I})}),Button:({open:t,setOpen:o})=>{const H=h?.Button||Q;_(()=>{K(t)},[t]);const P=f(()=>{o(!t),g(!1),(!n||!C?.length)&&G()},[n]);return tt(j,{children:[c?.popupTip&&T&&!m&&e("div",{className:"copilotKitPopup copilotKitPopupTip",children:e("button",{onClick:P,"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:c?.popupTip})}),e(H,{open:t,setOpen:P})]})},children:e(Y,{start:n,history:C,gotocartRender:b,gotocheckoutRender:O,addtocartRender:S,productRender:v,signupRender:M,productRenderTipMessage:c?.productRenderTipMessage})})})})};var gt=Z;export{gt as default};
+import{Fragment as ne,jsx as t,jsxs as re}from"react/jsx-runtime";import{useMemo as W}from"react";import{useCallback as h,useState as a,useEffect as _}from"react";import{CopilotKit as X}from"@copilotkit/react-core";import{CopilotPopup as Y}from"@copilotkit/react-ui";import Z from"./button.js";import j from"./messages.js";import ee from"./response.js";import te from"./suggestions.js";import{CopilotAction as oe}from"./action.js";import b from"../../helpers/fetcher.js";const se=P=>{const{title:k,runtimeUrl:i,popup:f,shopifyDomain:p,userId:s="",account:c="",prologue:x="",locale:l="",query:n="",messagesCallback:B,showResponseButton:y,gotocheckoutRender:O,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,addtocartRender:$,productRender:q,signupRender:D,addtocartHandler:K,style:N,className:I="",lang:u}=P,[H,U]=u?.popupTipTimeout||[3e3,6e3],[C,g]=a(!1),[d,G]=a(!1),[r,A]=a(x),[F,m]=a([]),[T,L]=a([]),R=W(()=>({"x-user-id":s||"","x-shopify-domain":p,"x-member-ship":c,"x-user-locale":l}),[s,p,c,l]),z=h(async()=>{const e=await b({url:`${i}/copilotkit/start${n}`,method:"GET",headers:R});m(e?.suggested_questions?.map(o=>({message:o,title:o}))||[]),A(e?.opening_statement||""),L(e?.history||[])},[s,p,c,l,n]),J=h(async()=>{const e=await b({url:`${i}/copilotkit/suggested_questions${n}`,method:"GET",headers:R});m(e?.suggested_questions?.data?.map(o=>({message:o,title:o}))||[])},[s,p,c,l,n]),Q=()=>{C||g(!0),setTimeout(()=>{g(!1)},U)};return _(()=>{const e=setTimeout(()=>{Q()},H);return()=>{clearTimeout(e)}},[]),t("div",{className:I,style:N||{},children:s&&i&&t(X,{runtimeUrl:`${i}/copilotkit/chat${n}`,showDevConsole:!1,headers:R,children:t(Y,{...f,showResponseButton:y!=="follow",labels:{title:k||"DTC Live Chat",initial:r||""},instructions:r||"",onInProgress:e=>{d&&e&&m([]),d&&!e&&J()},Messages:({messages:e,inProgress:o})=>t(j,{messages:e,inProgress:o,messagesCallback:B,ResponseButton:y==="follow"?t(ee,{messagesId:e?.[e.length-1]?.id}):void 0,children:t(te,{currentSuggestions:F})}),Button:({open:e,setOpen:o})=>{const V=f?.Button||Z;_(()=>{G(e)},[e]);const E=h(()=>{o(!e),g(!1),(!r||!T?.length)&&z()},[r]);return re(ne,{children:[u?.popupTip&&C&&!d&&t("div",{className:"copilotKitPopup copilotKitPopupTip",children:t("button",{onClick:E,"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:u?.popupTip})}),t(V,{open:e,setOpen:E})]})},children:t(oe,{start:r,history:T,commonRender:v,shulexRender:w,pointsExchangeCouponRender:S,gotocartRender:M,gotocheckoutRender:O,addtocartRender:$,signupRender:D,productRender:q,addtocartHandler:K,productRenderTipMessage:u?.productRenderTipMessage})})})})};var fe=se;export{fe as default};
 //# sourceMappingURL=index.js.map

package/dist/esm/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, { 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": ["Fragment", "jsx", "jsxs", "useMemo", "useCallback", "useState", "useEffect", "CopilotKit", "CopilotPopup", "DefaultButton", "Messages", "ResponseButton", "Suggestions", "CopilotAction", "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", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "open", "setOpenDefault", "Button", "setOpen", "chat_default"]
+  "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  /** messages \u7684\u56DE\u8C03\u4E8B\u4EF6\n   * \u6BCF\u6B21\u751F\u6210/\u63A5\u53D7\u65B0\u7684messages\uFF0C\u4F1A\u5C06 \u6574\u4E2A messages list \u4F20\u9012\u7ED9\u5916\u90E8\n   */\n  messagesCallback?: (_messages: any) => void\n  /** \u901A\u7528 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  commonRender?: string | ((_props: any) => React.ReactElement)\n  /** shulex\u7684 action \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  shulexRender?: string | ((_props: any) => React.ReactElement)\n  /** \u901A\u7528 \u79EF\u5206 \u6362 Coupon \u7684\u89E6\u53D1\u4E8B\u4EF6\n   */\n  pointsExchangeCouponRender?: string | ((_props: any) => React.ReactElement)\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    messagesCallback,\n    showResponseButton,\n    gotocheckoutRender,\n    commonRender,\n    shulexRender,\n    pointsExchangeCouponRender,\n    gotocartRender,\n    addtocartRender,\n    productRender,\n    signupRender,\n    addtocartHandler,\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, query])\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, query])\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                messagesCallback={messagesCallback}\n                ResponseButton={\n                  showResponseButton === 'follow' ? (\n                    <ResponseButton messagesId={messages?.[messages.length - 1]?.id} />\n                  ) : undefined\n                }\n              >\n                <Suggestions currentSuggestions={currentSuggestions} />\n              </Messages>\n            )}\n            Button={({ open, setOpen: setOpenDefault }: { open: boolean; setOpen: (open: boolean) => void }) => {\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              commonRender={commonRender}\n              shulexRender={shulexRender}\n              pointsExchangeCouponRender={pointsExchangeCouponRender}\n              gotocartRender={gotocartRender}\n              gotocheckoutRender={gotocheckoutRender}\n              addtocartRender={addtocartRender}\n              signupRender={signupRender}\n              productRender={productRender}\n              addtocartHandler={addtocartHandler}\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": ["Fragment", "jsx", "jsxs", "useMemo", "useCallback", "useState", "useEffect", "CopilotKit", "CopilotPopup", "DefaultButton", "Messages", "ResponseButton", "Suggestions", "CopilotAction", "fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopifyDomain", "userId", "account", "prologue", "locale", "query", "messagesCallback", "showResponseButton", "gotocheckoutRender", "commonRender", "shulexRender", "pointsExchangeCouponRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "addtocartHandler", "style", "className", "lang", "autoTipOpen", "autoTipClose", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "currentSuggestions", "setCurrentSuggestions", "history", "sethistory", "headers", "getStart", "result", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "open", "setOpenDefault", "Button", "setOpen", "chat_default"]
 }

package/dist/{cjs/components/chat/Messages.d.ts → esm/components/chat/messages.d.ts}

@@ -1,3 +1,3 @@
 import type { MessagesProps } from './props.js';
-declare const Messages: ({ messages, inProgress, ResponseButton, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
+declare const Messages: ({ messages, inProgress, ResponseButton, messagesCallback, children }: MessagesProps) => import("react/jsx-runtime").JSX.Element;
 export default Messages;

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/messages.tsx"],
-  "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": ["jsx", "jsxs", "React", "useEffect", "useMemo", "useState", "useChatContext", "Markdown", "useCopilotContext", "MessageStatusCode", "ActionExecutionMessage", "ResultMessage", "TextMessage", "Role", "Messages", "messages", "inProgress", "ResponseButton", "children", "isExpanded", "setIsExpanded", "chatComponentsCache", "context", "makeInitialMessages", "functionResults", "i", "id", "resultMessage", "message", "messagesEndRef", "messagesEndChildRef", "scrollToBottom", "textarea", "content", "index", "isCurrentMessage", "render", "args", "status", "toRender", "initial", "initialArray", "messages_default"]
+  "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, messagesCallback, 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    if (messagesCallback) messagesCallback(messages)\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              <Markdown content={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 (\n            chatComponentsCache.current !== null &&\n            chatComponentsCache.current[message.name as keyof typeof chatComponentsCache.current]\n          ) {\n            const render = chatComponentsCache.current[message.name as keyof typeof chatComponentsCache.current]\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              const toRender = (render as any)({\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": ["jsx", "jsxs", "React", "useEffect", "useMemo", "useState", "useChatContext", "Markdown", "useCopilotContext", "MessageStatusCode", "ActionExecutionMessage", "ResultMessage", "TextMessage", "Role", "Messages", "messages", "inProgress", "ResponseButton", "messagesCallback", "children", "isExpanded", "setIsExpanded", "chatComponentsCache", "context", "makeInitialMessages", "functionResults", "i", "id", "resultMessage", "message", "messagesEndRef", "messagesEndChildRef", "scrollToBottom", "textarea", "content", "index", "isCurrentMessage", "render", "args", "status", "toRender", "initial", "initialArray", "messages_default"]
 }

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

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

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

@@ -1,2 +1 @@
-import"react";import"@copilotkit/runtime-client-gql";
 //# sourceMappingURL=props.js.map

package/dist/esm/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: () => 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": "AAAA,MAAkB,QAClB,MAAwB",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/esm/components/chat/response.d.ts

@@ -0,0 +1,4 @@
+declare const ResponseButton: ({ messagesId }: {
+    messagesId: string;
+}) => false | import("react/jsx-runtime").JSX.Element;
+export default ResponseButton;

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

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useChatContext as s}from"@copilotkit/react-ui";import{useCopilotChat as a}from"@copilotkit/react-core";const p=()=>{const o=s(),{isLoading:t,reloadMessages:e,stopGeneration:n}=a();return!t&&i("button",{onClick:t?n:e,className:"copilotKitResponseButton",children:[t?o.labels.stopGenerating:o.labels.regenerateResponse,r("span",{children:t?o.icons.stopIcon:o.icons.regenerateIcon})]})};var u=p;export{u as default};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useChatContext as n}from"@copilotkit/react-ui";import{useCopilotChat as a}from"@copilotkit/react-core";const p=({messagesId:c})=>{const e=n(),{isLoading:o,reloadMessages:s,stopGeneration:t}=a();return!o&&i("button",{onClick:()=>o?t():s(),className:"copilotKitResponseButton",children:[o?e.labels.stopGenerating:e.labels.regenerateResponse,r("span",{children:o?e.icons.stopIcon:e.icons.regenerateIcon})]})};var u=p;export{u as default};
 //# sourceMappingURL=response.js.map

package/dist/esm/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    !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": "AAUM,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBAVN,OAAS,kBAAAC,MAAsB,uBAC/B,OAAS,kBAAAC,MAAsB,yBAE/B,MAAMC,EAAiB,IAAM,CAC3B,MAAMC,EAAUH,EAAe,EAEzB,CAAE,UAAAI,EAAW,eAAAC,EAAgB,eAAAC,CAAe,EAAIL,EAAe,EAErE,MACE,CAACG,GACCL,EAAC,UAAO,QAASK,EAAYE,EAAiBD,EAAgB,UAAU,2BACrE,UAAAD,EAAYD,EAAQ,OAAO,eAAiBA,EAAQ,OAAO,mBAC5DL,EAAC,QAAM,SAAAM,EAAYD,EAAQ,MAAM,SAAWA,EAAQ,MAAM,eAAe,GAC3E,CAGN,EAEA,IAAOI,EAAQL",
-  "names": ["jsx", "jsxs", "useChatContext", "useCopilotChat", "ResponseButton", "context", "isLoading", "reloadMessages", "stopGeneration", "response_default"]
+  "sourcesContent": ["import { useChatContext } from '@copilotkit/react-ui'\nimport { useCopilotChat } from '@copilotkit/react-core'\n\nconst ResponseButton = ({ messagesId }: { messagesId: string }) => {\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": "AAUM,OAEE,OAAAA,EAFF,QAAAC,MAAA,oBAVN,OAAS,kBAAAC,MAAsB,uBAC/B,OAAS,kBAAAC,MAAsB,yBAE/B,MAAMC,EAAiB,CAAC,CAAE,WAAAC,CAAW,IAA8B,CACjE,MAAMC,EAAUJ,EAAe,EAEzB,CAAE,UAAAK,EAAW,eAAAC,EAAgB,eAAAC,CAAe,EAAIN,EAAe,EAErE,MACE,CAACI,GACCN,EAAC,UAAO,QAAS,IAAOM,EAAYE,EAAe,EAAID,EAAe,EAAI,UAAU,2BACjF,UAAAD,EAAYD,EAAQ,OAAO,eAAiBA,EAAQ,OAAO,mBAC5DN,EAAC,QAAM,SAAAO,EAAYD,EAAQ,MAAM,SAAWA,EAAQ,MAAM,eAAe,GAC3E,CAGN,EAEA,IAAOI,EAAQN",
+  "names": ["jsx", "jsxs", "useChatContext", "useCopilotChat", "ResponseButton", "messagesId", "context", "isLoading", "reloadMessages", "stopGeneration", "response_default"]
 }

package/dist/esm/components/chat/utils.d.ts

@@ -0,0 +1,3 @@
+import { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core';
+import { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql';
+export { useCopilotChat, useCopilotAction, useCopilotReadable, Role, ActionExecutionMessage, TextMessage };

package/dist/esm/components/chat/utils.js

@@ -0,0 +1,2 @@
+import{useCopilotChat as o,useCopilotAction as e,useCopilotReadable as t}from"@copilotkit/react-core";import{Role as i,ActionExecutionMessage as s,TextMessage as p}from"@copilotkit/runtime-client-gql";export{s as ActionExecutionMessage,i as Role,p as TextMessage,e as useCopilotAction,o as useCopilotChat,t as useCopilotReadable};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/chat/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/chat/utils.ts"],
+  "sourcesContent": ["import { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { Role, ActionExecutionMessage, TextMessage } from '@copilotkit/runtime-client-gql'\n\nexport { useCopilotChat, useCopilotAction, useCopilotReadable, Role, ActionExecutionMessage, TextMessage }\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,EAAgB,oBAAAC,EAAkB,sBAAAC,MAA0B,yBACrE,OAAS,QAAAC,EAAM,0BAAAC,EAAwB,eAAAC,MAAmB",
+  "names": ["useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage"]
+}