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

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 { useCopilotChatSuggestions } from '@copilotkit/react-ui'\nimport { Role, TextMessage } from '@copilotkit/runtime-client-gql'\n\ninterface Message {\n  content: string\n  role: string\n}\n\nexport interface ActionProps {\n  start?: string\n  history: Message[]\n  buynowRender?: string | ((_props: any) => React.ReactElement)\n  signupRender?: string | ((_props: any) => React.ReactElement)\n  children?: React.ReactNode\n}\n\nexport const CopilotAction = ({ history, buynowRender, signupRender, children }: ActionProps) => {\n  const { setMessages } = useCopilotChat()\n\n  useEffect(() => {\n    const originhistory = history?.filter(value => value?.content)\n    if (originhistory?.length > 0) {\n      const content = originhistory?.map(value => {\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  useCopilotChatSuggestions(\n    {\n      instructions: 'Suggest the most relevant next actions.',\n    },\n    []\n  )\n\n  useCopilotAction({\n    name: 'buynow',\n    description: 'buy now',\n    parameters: [{ sku: '', handle: '' }] as any,\n    render: buynowRender || (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": "AA8CsC,cAAAA,MAAA,oBA9CtC,MAAkB,QAClB,OAAS,aAAAC,MAAiB,QAC1B,OAAS,kBAAAC,EAAgB,oBAAAC,EAAkB,sBAAAC,MAA0B,yBACrE,OAAS,6BAAAC,MAAiC,uBAC1C,OAAS,QAAAC,EAAM,eAAAC,MAAmB,iCAe3B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,EAAS,aAAAC,EAAc,aAAAC,EAAc,SAAAC,CAAS,IAAmB,CAC/F,KAAM,CAAE,YAAAC,CAAY,EAAIX,EAAe,EAEvC,OAAAD,EAAU,IAAM,CACd,MAAMa,EAAgBL,GAAS,OAAOM,GAASA,GAAO,OAAO,EAC7D,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAC1B,IAAIR,EAAY,CACrB,GAAGQ,EACH,KAAMA,GAAO,OAAS,OAAST,EAAK,KAAOA,EAAK,SAClD,CAAC,CACF,EACDO,EAAYG,CAAO,CACrB,CACF,EAAG,CAACP,CAAO,CAAC,EAEZJ,EACE,CACE,aAAc,yCAChB,EACA,CAAC,CACH,EAEAF,EAAiB,CACf,KAAM,SACN,YAAa,UACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQO,IAAiBO,GAASjB,EAAC,OAAK,cAAK,UAAUiB,CAAK,EAAE,GAC9D,QAAS,UAAY,CAErB,CACF,CAAC,EAEDd,EAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQQ,IAAiBM,GAASjB,EAAC,OAAK,cAAK,UAAUiB,CAAK,EAAE,GAC9D,QAAS,UAAY,CAErB,CACF,CAAC,EAEDb,EAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,EAEMJ,EAAC,OAAK,SAAAY,EAAS,CACxB",
-  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "useCopilotChatSuggestions", "Role", "TextMessage", "CopilotAction", "history", "buynowRender", "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  gotocheckoutRender?: string | ((_props: any) => React.ReactElement)\n  gotocartRender?: string | ((_props: any) => React.ReactElement)\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  gotocheckoutRender,\n  gotocartRender,\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          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: '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 () {\n      // console.log('buynow-props', 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 () {\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 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": "AA4D4C,cAAAA,MAAA,oBA5D5C,MAAkB,QAClB,OAAS,aAAAC,MAAiB,QAC1B,OAAS,kBAAAC,EAAgB,oBAAAC,EAAkB,sBAAAC,MAA0B,yBACrE,OAAS,QAAAC,EAAM,0BAAAC,EAAwB,eAAAC,MAAmB,iCAqBnD,MAAMC,EAAgB,CAAC,CAC5B,MAAAC,EACA,QAAAC,EACA,mBAAAC,EACA,eAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,SAAAC,CACF,IAAmB,CACjB,KAAM,CAAE,YAAAC,CAAY,EAAIf,EAAe,EAEvC,OAAAD,EAAU,IAAM,CACd,MAAMiB,EAAgBR,GAAS,OAAOS,GAASA,GAAO,SAAWA,GAAO,SAAS,EACjF,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAC7BA,GAAO,MAAQA,GAAO,UACjB,IAAIb,EAAuB,CAChC,KAAMa,GAAO,KACb,UAAWA,GAAO,UAClB,MAAOA,GAAO,KAChB,CAAC,EAEI,IAAIZ,EAAY,CACrB,GAAGY,EACH,KAAMA,GAAO,OAAS,OAASd,EAAK,KAAOA,EAAK,SAClD,CAAC,CACF,EACDY,EAAYG,CAAO,CACrB,CACF,EAAG,CAACV,CAAO,CAAC,EAEZP,EAAiB,CACf,KAAM,iBACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQQ,IAAuBU,GAASrB,EAAC,OAAI,UAAU,SAAU,cAAK,UAAUqB,CAAK,EAAE,GACvF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDlB,EAAiB,CACf,KAAM,aACN,YAAa,aACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQS,IAAmBS,GAASrB,EAAC,OAAI,UAAU,SAAU,cAAK,UAAUqB,CAAK,EAAE,GACnF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDlB,EAAiB,CACf,KAAM,cACN,YAAa,cACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQU,IAAoBQ,GAASrB,EAAC,OAAI,UAAU,SAAU,cAAK,UAAUqB,CAAK,EAAE,GACpF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDlB,EAAiB,CACf,KAAM,oBACN,YAAa,eACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQW,IAAkBO,GAASrB,EAAC,OAAI,UAAU,SAAU,cAAK,UAAUqB,CAAK,EAAE,GAClF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDlB,EAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQY,IAAiBM,GAASrB,EAAC,OAAI,UAAU,SAAU,cAAK,UAAUqB,CAAK,EAAE,GACjF,QAAS,UAAY,CAErB,CACF,CAAC,EAEDjB,EAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,EAEMJ,EAAC,OAAK,SAAAgB,EAAS,CACxB",
+  "names": ["jsx", "useEffect", "useCopilotChat", "useCopilotAction", "useCopilotReadable", "Role", "ActionExecutionMessage", "TextMessage", "CopilotAction", "start", "history", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "children", "setMessages", "originhistory", "value", "content", "props"]
 }

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

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

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

@@ -0,0 +1,2 @@
+import{jsx as t,jsxs as s}from"react/jsx-runtime";import{useChatContext as i}from"@copilotkit/react-ui";const e=({setOpen:n,setOpenTip:c})=>{const o=i();return s("button",{onClick:()=>{n(!0),c(!1)},className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:o.icons.openIcon}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:o.icons.closeIcon})]})};var p=e;export{p as default};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +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": "AAQI,OAQE,OAAAA,EARF,QAAAC,MAAA,oBARJ,OAAS,kBAAAC,MAAsB,uBAI/B,MAAMC,EAAgB,CAAC,CAAE,QAAAC,EAAS,WAAAC,CAAW,IAAmB,CAC9D,MAAMC,EAAUJ,EAAe,EAE/B,OACED,EAAC,UACC,QAAS,IAAM,CACbG,EAAQ,EAAI,EACZC,EAAW,EAAK,CAClB,EACA,UAAU,oBACV,aAAW,YAEX,UAAAL,EAAC,OAAI,UAAU,gDAAiD,SAAAM,EAAQ,MAAM,SAAS,EACvFN,EAAC,OAAI,UAAU,iDAAkD,SAAAM,EAAQ,MAAM,UAAU,GAC3F,CAEJ,EAEA,IAAOC,EAAQJ",
+  "names": ["jsx", "jsxs", "useChatContext", "DefaultButton", "setOpen", "setOpenTip", "context", "button_default"]
+}

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface ChatProps {
     title: string;
     runtimeUrl: string;
@@ -5,20 +6,43 @@ export interface ChatProps {
     /** GA 的 client id
      */
     user_id: string;
+    /** 是否登陆用户 0 or 1
+     */
+    account?: string;
+    /** 用户浏览器语言
+     */
+    locale?: string;
     /** ?a=1&b=2
      */
     query?: string;
-    /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":"A3936031","handle":"space-a40-a3936031"}],"result":""}
+    /** 'follow' or 'unfollow' | true or false
+     * follow: ResponseButton 会跟随在 messages 的后边
+     * unfollow: ResponseButton 在聊天框底部
+     */
+    showResponseButton?: string | boolean;
+    /** 跳转 checkout action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    gotocheckoutRender?: string | ((_props: any) => React.ReactElement);
+    /** 打开购物车 action 卡片，接受参数： {"status":"complete","args":[{"sku":["A3936031"],"handle":"space-a40-a3936031"}],"result":""}
+     * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
+     */
+    gotocartRender?: string | ((_props: any) => React.ReactElement);
+    /** 加购卡片，接受参数： {"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
      */
-    buynowRender?: string | ((_props: any) => React.ReactElement);
-    /** 订阅卡片，接受参数：
+    productRender?: 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);
     /** CopilotPopup 自定义参数，参考：https://docs.copilotkit.ai/reference/components/CopilotPopup */
     popup?: any;
-    /** 文案，{"popupTip": "Hi ! Welcome to soundcore Innovations live chat！"} */
+    /** 文案，{"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/esm/components/chat/index.js

@@ -1,6 +1,2 @@
-import{Fragment as I,jsx as t,jsxs as c}from"react/jsx-runtime";import{useCallback as P,useState as n,useEffect as l}from"react";import{CopilotKit as N}from"@copilotkit/react-core";import{CopilotPopup as M}from"@copilotkit/react-ui";import{CopilotAction as O}from"./action.js";import x from"../../helpers/fetcher.js";const E=g=>{const{title:y,runtimeUrl:r,popup:u,shopify_domain:d,user_id:e="",query:L="",buynowRender:f,signupRender:C,style:v,className:w="",lang:m}=g,[h,i]=n(!1),[K,R]=n(!1),[s,T]=n(""),[b,k]=n([]),_=P(async()=>{const o=await x({url:`${r}/copilotkit/start`,method:"GET",headers:{user_id:e||"",shopify_domain:d}});T(o?.opening_statement||""),k(o?.history||[])},[e]),B=()=>{h||i(!0)};return l(()=>{const o=setTimeout(()=>{B()},3e3);return()=>{clearTimeout(o)}},[]),l(()=>{s||_()},[]),c("div",{className:w,style:v||{},children:[t("style",{children:`
-        .copilotKitMessage.copilotKitAssistantMessage:has(.copilotKitMarkdown:empty) {
-            display: none;
-        }
-      `}),e&&r&&t(N,{runtimeUrl:`${r}/copilotkit/chat`,showDevConsole:!1,headers:{user_id:e||"",shopify_domain:d},children:t(M,{...u,labels:{title:y||"DTC Live Chat",initial:s||""},makeSystemMessage:()=>s||"",Button:({open:o,setOpen:p})=>{const a=u?.Button;return l(()=>R(o),[o]),c(I,{children:[m?.popupTip&&h&&!K&&t("div",{className:"copilotKitPopup copilotKitPopupTip",children:t("button",{onClick:()=>{p(!0),i(!1)},"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:m?.popupTip})}),a&&t(a,{open:o,setOpen:p,setOpenTip:i}),!a&&c("button",{onClick:()=>{p(!0),i(!1)},className:"copilotKitButton ","aria-label":"Open Chat",children:[t("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:t("g",{transform:"translate(24, 0) scale(-1, 1)",children:t("path",{fillRule:"evenodd",d:"M5.337 21.718a6.707 6.707 0 01-.533-.074.75.75 0 01-.44-1.223 3.73 3.73 0 00.814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 01-4.246.997z",clipRule:"evenodd"})})})}),t("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:t("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",width:"24",height:"24",children:t("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})})]})]})},children:t(O,{start:s,history:b,buynowRender:f,signupRender:C})})})]})};var $=E;export{$ as default};
+import{Fragment as W,jsx as o,jsxs as X}from"react/jsx-runtime";import"react";import{useCallback as T,useState as p,useEffect as f}from"react";import{CopilotKit as F}from"@copilotkit/react-core";import{CopilotPopup as I}from"@copilotkit/react-ui";import L from"./button.js";import z from"./messages.js";import H from"./response.js";import J from"./suggestions.js";import{CopilotAction as Q}from"./action.js";import C from"../../helpers/fetcher.js";const V=_=>{const{title:P,runtimeUrl:a,popup:R,shopify_domain:n,user_id:s="",account:r="",locale:i="",query:l="",showResponseButton:h,gotocheckoutRender:B,gotocartRender:k,addtocartRender:w,productRender:E,signupRender:S,style:b,className:v="",lang:g}=_,[O,$]=g?.popupTipTimeout||[3e3,6e3],[y,u]=p(!1),[d,q]=p(!1),[c,K]=p(""),[N,m]=p([]),[D,M]=p([]),U=T(async()=>{const t=await C({url:`${a}/copilotkit/start${l}`,method:"GET",headers:{user_id:s||"",shopify_domain:n,account:r,locale:i}});m(t?.suggested_questions?.map(e=>({message:e,title:e}))||[]),K(t?.opening_statement||""),M(t?.history||[])},[s,n,r,i]),G=T(async()=>{const t=await C({url:`${a}/copilotkit/suggested_questions${l}`,method:"GET",headers:{user_id:s||"",shopify_domain:n,account:r,locale:i}});m(t?.suggested_questions?.data?.map(e=>({message:e,title:e}))||[])},[s,n,r,i]),x=()=>{y||u(!0),setTimeout(()=>{u(!1)},$)};return f(()=>{const t=setTimeout(()=>{x()},O);return()=>{clearTimeout(t)}},[]),f(()=>{c||U()},[]),o("div",{className:v,style:b||{},children:s&&a&&o(F,{runtimeUrl:`${a}/copilotkit/chat${l}`,showDevConsole:!1,headers:{user_id:s||"",shopify_domain:n,account:r,locale:i},children:o(I,{...R,showResponseButton:h!=="follow",labels:{title:P||"DTC Live Chat",initial:c||""},instructions:c||"",onInProgress:t=>{d&&t&&m([]),d&&!t&&G()},Messages:({messages:t,inProgress:e})=>o(z,{messages:t,inProgress:e,ResponseButton:h==="follow"?o(H,{}):void 0,children:o(J,{currentSuggestions:N})}),Button:({open:t,setOpen:e})=>{const A=R?.Button||L;return f(()=>{q(t)},[t]),X(W,{children:[g?.popupTip&&y&&!d&&o("div",{className:"copilotKitPopup copilotKitPopupTip",children:o("button",{onClick:()=>{e(!0),u(!1)},"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:g?.popupTip})}),o(A,{open:t,setOpen:e,setOpenTip:u})]})},children:o(Q,{start:c,history:D,gotocartRender:k,gotocheckoutRender:B,addtocartRender:w,productRender:E,signupRender:S})})})})};var at=V;export{at 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": ["import { useCallback, useState, useEffect } from 'react'\nimport { CopilotKit } from '@copilotkit/react-core'\nimport { CopilotPopup } from '@copilotkit/react-ui'\n\nimport { CopilotAction } from './action.js'\nimport fetcher from '../../helpers/fetcher.js'\n\n// import '../../styles/chat.css'\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  /** ?a=1&b=2\n   */\n  query?: string\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  buynowRender?: 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\"} */\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    query = '',\n    buynowRender,\n    signupRender,\n    style,\n    className = '',\n    lang,\n  } = props\n\n  const [openTip, setOpenTip] = useState(false)\n  const [openPopup, setOpenPopup] = useState(false)\n  const [start, setstart] = 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`,\n      method: 'GET',\n      headers: { user_id: user_id || '', shopify_domain: shopify_domain },\n    })\n\n    setstart(result?.opening_statement || '')\n    sethistory(result?.history || [])\n  }, [user_id])\n\n  const setOpenTipFn = () => {\n    if (!openTip) setOpenTip(true)\n  }\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setOpenTipFn()\n    }, 3000)\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      <style>\n        {`\n        .copilotKitMessage.copilotKitAssistantMessage:has(.copilotKitMarkdown:empty) {\n            display: none;\n        }\n      `}\n      </style>\n      {user_id && runtimeUrl && (\n        <CopilotKit\n          runtimeUrl={`${runtimeUrl}/copilotkit/chat`}\n          showDevConsole={false}\n          headers={{ user_id: user_id || '', shopify_domain: shopify_domain }}\n        >\n          <CopilotPopup\n            {...popup}\n            labels={{\n              title: title || 'DTC Live Chat',\n              initial: start || '',\n            }}\n            makeSystemMessage={() => {\n              return start || ''\n            }}\n            Button={({ open, setOpen }) => {\n              const Button = popup?.Button\n              useEffect(() => setOpenPopup(open), [open])\n\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 && <Button open={open} setOpen={setOpen} setOpenTip={setOpenTip} />}\n                  {!Button && (\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\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          viewBox=\"0 0 24 24\"\n                          fill=\"currentColor\"\n                          width=\"24\"\n                          height=\"24\"\n                        >\n                          <g transform=\"translate(24, 0) scale(-1, 1)\">\n                            <path\n                              fillRule=\"evenodd\"\n                              d=\"M5.337 21.718a6.707 6.707 0 01-.533-.074.75.75 0 01-.44-1.223 3.73 3.73 0 00.814-1.686c.023-.115-.022-.317-.254-.543C3.274 16.587 2.25 14.41 2.25 12c0-5.03 4.428-9 9.75-9s9.75 3.97 9.75 9c0 5.03-4.428 9-9.75 9-.833 0-1.643-.097-2.417-.279a6.721 6.721 0 01-4.246.997z\"\n                              clipRule=\"evenodd\"\n                            ></path>\n                          </g>\n                        </svg>\n                      </div>\n                      <div className=\"copilotKitButtonIcon copilotKitButtonIconClose\">\n                        <svg\n                          xmlns=\"http://www.w3.org/2000/svg\"\n                          fill=\"none\"\n                          viewBox=\"0 0 24 24\"\n                          strokeWidth=\"1.5\"\n                          stroke=\"currentColor\"\n                          width=\"24\"\n                          height=\"24\"\n                        >\n                          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 8.25l-7.5 7.5-7.5-7.5\"></path>\n                        </svg>\n                      </div>\n                    </button>\n                  )}\n                </>\n              )\n            }}\n          >\n            <CopilotAction start={start} history={history} buynowRender={buynowRender} signupRender={signupRender} />\n          </CopilotPopup>\n        </CopilotKit>\n      )}\n    </div>\n  )\n}\n\nexport default Chat\n"],
-  "mappings": "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",
-  "names": ["Fragment", "jsx", "jsxs", "useCallback", "useState", "useEffect", "CopilotKit", "CopilotPopup", "CopilotAction", "fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopify_domain", "user_id", "query", "buynowRender", "signupRender", "style", "className", "lang", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "history", "sethistory", "getStart", "result", "setOpenTipFn", "timer", "open", "setOpen", "Button", "chat_default"]
+  "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   * 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  /** \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 {\"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  /** 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    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('')\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              gotocartRender={gotocartRender}\n              gotocheckoutRender={gotocheckoutRender}\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": ["Fragment", "jsx", "jsxs", "useCallback", "useState", "useEffect", "CopilotKit", "CopilotPopup", "DefaultButton", "Messages", "ResponseButton", "Suggestions", "CopilotAction", "fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopify_domain", "user_id", "account", "locale", "query", "showResponseButton", "gotocheckoutRender", "gotocartRender", "addtocartRender", "productRender", "signupRender", "style", "className", "lang", "autoTipOpen", "autoTipClose", "openTip", "setOpenTip", "openPopup", "setOpenPopup", "start", "setstart", "currentSuggestions", "setCurrentSuggestions", "history", "sethistory", "getStart", "result", "item", "getSuggestions", "setOpenTipFn", "timer", "load", "messages", "inProgress", "open", "setOpen", "Button", "chat_default"]
 }

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

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{memo as n}from"react";import t from"react-markdown";import a from"remark-gfm";import m from"remark-math";const p=n(t,(o,e)=>o.children===e.children&&o.className===e.className),k=({content:o})=>r("div",{className:"copilotKitMarkdown",children:r(p,{components:i,remarkPlugins:[a,m],children:o})}),i={p({children:o}){return r("p",{children:o})},a({children:o,...e}){return r("a",{style:{color:"blue",textDecoration:"underline"},...e,target:"_blank",rel:"noopener noreferrer",children:o})}};export{k as Markdown};
+//# sourceMappingURL=markdown.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/chat/markdown.tsx"],
+  "sourcesContent": ["import { type FC, memo } from 'react'\nimport ReactMarkdown, { type Options, type Components } from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport remarkMath from 'remark-math'\n\nconst MemoizedReactMarkdown: FC<Options> = memo(\n  ReactMarkdown,\n  (prevProps, nextProps) => prevProps.children === nextProps.children && prevProps.className === nextProps.className\n)\n\ntype MarkdownProps = {\n  content: string\n}\n\nexport const Markdown = ({ content }: MarkdownProps) => {\n  return (\n    <div className=\"copilotKitMarkdown\">\n      <MemoizedReactMarkdown components={components} remarkPlugins={[remarkGfm, remarkMath]}>\n        {content}\n      </MemoizedReactMarkdown>\n    </div>\n  )\n}\n\nconst components: Components = {\n  p({ children }) {\n    return <p>{children}</p>\n  },\n  a({ children, ...props }) {\n    return (\n      <a style={{ color: 'blue', textDecoration: 'underline' }} {...props} target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    )\n  },\n}\n"],
+  "mappings": "AAiBM,cAAAA,MAAA,oBAjBN,OAAkB,QAAAC,MAAY,QAC9B,OAAOC,MAAsD,iBAC7D,OAAOC,MAAe,aACtB,OAAOC,MAAgB,cAEvB,MAAMC,EAAqCJ,EACzCC,EACA,CAACI,EAAWC,IAAcD,EAAU,WAAaC,EAAU,UAAYD,EAAU,YAAcC,EAAU,SAC3G,EAMaC,EAAW,CAAC,CAAE,QAAAC,CAAQ,IAE/BT,EAAC,OAAI,UAAU,qBACb,SAAAA,EAACK,EAAA,CAAsB,WAAYK,EAAY,cAAe,CAACP,EAAWC,CAAU,EACjF,SAAAK,EACH,EACF,EAIEC,EAAyB,CAC7B,EAAE,CAAE,SAAAC,CAAS,EAAG,CACd,OAAOX,EAAC,KAAG,SAAAW,EAAS,CACtB,EACA,EAAE,CAAE,SAAAA,EAAU,GAAGC,CAAM,EAAG,CACxB,OACEZ,EAAC,KAAE,MAAO,CAAE,MAAO,OAAQ,eAAgB,WAAY,EAAI,GAAGY,EAAO,OAAO,SAAS,IAAI,sBACtF,SAAAD,EACH,CAEJ,CACF",
+  "names": ["jsx", "memo", "ReactMarkdown", "remarkGfm", "remarkMath", "MemoizedReactMarkdown", "prevProps", "nextProps", "Markdown", "content", "components", "children", "props"]
+}

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

@@ -0,0 +1,5 @@
+type MarkdownProps = {
+    content: string;
+};
+export declare const Markdown: ({ content }: MarkdownProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +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"]
+}

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

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Message } from '@copilotkit/runtime-client-gql';
+export interface ButtonProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    setOpenTip: (open: boolean) => void;
+}
+export interface WindowProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    clickOutsideToClose: boolean;
+    hitEscapeToClose: boolean;
+    shortcut: string;
+    children?: React.ReactNode;
+}
+export interface HeaderProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+}
+export interface ChatSuggestions {
+    currentSuggestions: SuggestionsProps[];
+}
+export interface SuggestionsProps {
+    title: string;
+    message: string;
+    partial?: boolean;
+    className?: string;
+}
+export interface MessagesProps {
+    messages: Message[];
+    inProgress: boolean;
+    ResponseButton?: React.ReactElement;
+    children?: React.ReactNode;
+}
+export interface InputProps {
+    inProgress: boolean;
+    onSend: (text: string) => Promise<Message>;
+    isVisible?: boolean;
+}
+export interface ResponseButtonProps {
+    onClick: () => void;
+    inProgress: boolean;
+}

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

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

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

@@ -0,0 +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"],
+  "mappings": "AAAA,MAAkB,QAClB,MAAwB",
+  "names": []
+}

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

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

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

@@ -0,0 +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};
+//# sourceMappingURL=response.js.map

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

@@ -0,0 +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"]
+}

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

@@ -0,0 +1,2 @@
+import { ResponseButtonProps } from "./props";
+export declare const ResponseButton: ({ onClick, inProgress }: ResponseButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,3 @@
+import type { ChatSuggestions } from './props.js';
+declare const Suggestions: ({ currentSuggestions }: ChatSuggestions) => false | import("react/jsx-runtime").JSX.Element;
+export default Suggestions;

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

@@ -0,0 +1,2 @@
+import{jsx as s}from"react/jsx-runtime";import{useCopilotChat as u}from"@copilotkit/react-core";import{Role as l,TextMessage as m}from"@copilotkit/runtime-client-gql";const d=({currentSuggestions:o})=>{const{appendMessage:e}=u();return o?.length>0&&s("div",{className:"suggestions",children:o.map(({title:n,message:t,partial:p,className:a},g)=>s("button",{disabled:p,onClick:i=>{i.preventDefault();const r=new m({content:t,role:l.User});e(r)},className:a||"suggestion",children:s("span",{children:n})},t+g))})};var C=d;export{C as default};
+//# sourceMappingURL=suggestions.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/chat/suggestions.tsx"],
+  "sourcesContent": ["import { useCopilotChat } from '@copilotkit/react-core'\nimport { Role, TextMessage } from '@copilotkit/runtime-client-gql'\n\nimport type { SuggestionsProps, ChatSuggestions } from './props.js'\n\nconst Suggestions = ({ currentSuggestions }: ChatSuggestions) => {\n  const { appendMessage } = useCopilotChat()\n\n  return (\n    currentSuggestions?.length > 0 && (\n      <div className=\"suggestions\">\n        {currentSuggestions.map(({ title, message, partial, className }: SuggestionsProps, index: number) => (\n          <button\n            key={message + index}\n            disabled={partial}\n            onClick={e => {\n              e.preventDefault()\n              const m = new TextMessage({\n                content: message,\n                role: Role.User,\n              })\n              appendMessage(m)\n            }}\n            className={className || 'suggestion'}\n          >\n            <span>{title}</span>\n          </button>\n        ))}\n      </div>\n    )\n  )\n}\n\nexport default Suggestions\n"],
+  "mappings": "AAyBY,cAAAA,MAAA,oBAzBZ,OAAS,kBAAAC,MAAsB,yBAC/B,OAAS,QAAAC,EAAM,eAAAC,MAAmB,iCAIlC,MAAMC,EAAc,CAAC,CAAE,mBAAAC,CAAmB,IAAuB,CAC/D,KAAM,CAAE,cAAAC,CAAc,EAAIL,EAAe,EAEzC,OACEI,GAAoB,OAAS,GAC3BL,EAAC,OAAI,UAAU,cACZ,SAAAK,EAAmB,IAAI,CAAC,CAAE,MAAAE,EAAO,QAAAC,EAAS,QAAAC,EAAS,UAAAC,CAAU,EAAqBC,IACjFX,EAAC,UAEC,SAAUS,EACV,QAASG,GAAK,CACZA,EAAE,eAAe,EACjB,MAAMC,EAAI,IAAIV,EAAY,CACxB,QAASK,EACT,KAAMN,EAAK,IACb,CAAC,EACDI,EAAcO,CAAC,CACjB,EACA,UAAWH,GAAa,aAExB,SAAAV,EAAC,QAAM,SAAAO,EAAM,GAZRC,EAAUG,CAajB,CACD,EACH,CAGN,EAEA,IAAOG,EAAQV",
+  "names": ["jsx", "useCopilotChat", "Role", "TextMessage", "Suggestions", "currentSuggestions", "appendMessage", "title", "message", "partial", "className", "index", "e", "m", "suggestions_default"]
+}

package/dist/esm/stories/chat.stories.d.ts

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { Chat } from '../components/index.js';
+import '../styles/chat.css';
 type Story = StoryObj<typeof meta>;
 declare const meta: Meta<typeof Chat>;
 export default meta;

package/dist/esm/stories/chat.stories.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import"react";import{Chat as e}from"../components/index.js";const a={title:"Campaign/Chat",component:e,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[o=>t("div",{style:{marginTop:"40em"},children:t(o,{})})]};var s=a;const m={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com",user_id:"ar_411",query:"",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01"}}};export{m as Default,s as default};
+import{jsx as t}from"react/jsx-runtime";import"react";import{Chat as e}from"../components/index.js";import"../styles/chat.css";const a={title:"Campaign/Chat",component:e,args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com"},tags:["autodocs"],decorators:[o=>t("div",{style:{height:"700px"},children:t(o,{})})]};var m=a;const n={args:{title:"DTC Live Chat",runtimeUrl:"https://beta-dtcapi.anker.com",shopify_domain:"soundcoreusa.myshopify.com",user_id:"arno6",showResponseButton:"follow",lang:{popupTip:"Hi ! Welcome to soundcore Innovations live chat\uFF01",popupTipTimeout:[3e3,6e3]}}};export{n as Default,m as default};
 //# sourceMappingURL=chat.stories.js.map

package/dist/esm/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'\n\nimport { Chat } from '../components/index.js'\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: 'ar_411',\n    query: '',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01' },\n  },\n}\n"],
-  "mappings": "AAwBQ,cAAAA,MAAA,oBAxBR,MAAkB,QAGlB,OAAS,QAAAC,MAAY,yBAKrB,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAWD,EACX,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,4BAClB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,UAAW,MAAO,EAE9B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOC,EAAQF,EAER,MAAMG,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,6BAChB,QAAS,SACT,MAAO,GACP,KAAM,CAAE,SAAU,uDAAmD,CACvE,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-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={{ 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-dtcapi.anker.com',\n    shopify_domain: 'soundcoreusa.myshopify.com',\n    user_id: 'arno6',\n    showResponseButton: 'follow',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01', popupTipTimeout: [3000, 6000] },\n  },\n}\n"],
+  "mappings": "AAuBQ,cAAAA,MAAA,oBAvBR,MAAkB,QAElB,OAAS,QAAAC,MAAY,yBACrB,MAAO,qBAKP,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAWD,EACX,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,4BAClB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVE,GACEH,EAAC,OAAI,MAAO,CAAE,OAAQ,OAAQ,EAC5B,SAAAA,EAACG,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAOC,EAAQF,EAER,MAAMG,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",
   "names": ["jsx", "Chat", "meta", "Story", "chat_stories_default", "Default"]
 }