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

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

@@ -6,8 +6,8 @@ interface Message {
 export interface ActionProps {
     start?: string;
     history: Message[];
-    buynowRender?: string | ((_props: any) => string);
-    signupRender?: string | ((_props: any) => string);
+    buynowRender?: string | ((_props: any) => React.ReactElement);
+    signupRender?: string | ((_props: any) => React.ReactElement);
     children?: React.ReactNode;
 }
 export declare const CopilotAction: ({ history, buynowRender, signupRender, children }: ActionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-"use strict";var g=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var s in e)g(t,s,{get:e[s],enumerable:!0})},v=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of f(e))!y.call(t,n)&&n!==s&&g(t,n,{get:()=>e[n],enumerable:!(a=m(e,n))||a.enumerable});return t};var C=t=>v(g({},"__esModule",{value:!0}),t);var w={};h(w,{CopilotAction:()=>R});module.exports=C(w);var p=require("react/jsx-runtime"),S=require("react"),u=require("react"),o=require("@copilotkit/react-core"),l=require("@copilotkit/react-ui"),i=require("@copilotkit/runtime-client-gql");const R=({history:t,buynowRender:e,signupRender:s,children:a})=>{const{setMessages:n}=(0,o.useCopilotChat)();return(0,u.useEffect)(()=>{const r=t?.filter(c=>c?.content);if(r?.length>0){const c=r?.map(d=>new i.TextMessage({...d,role:d?.role==="user"?i.Role.User:i.Role.Assistant}));n(c)}},[t]),(0,l.useCopilotChatSuggestions)({instructions:"Suggest the most relevant next actions."},[]),(0,o.useCopilotAction)({name:"buynow",description:"buy now",parameters:[{sku:"",handle:""}],render:e||(r=>(0,p.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,o.useCopilotAction)({name:"signup",description:"signup",parameters:[{name:"signup"}],render:s||(r=>(0,p.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,o.useCopilotReadable)({description:"Today's date",value:new Date().toLocaleDateString()}),(0,p.jsx)("div",{children:a})};
+"use strict";var g=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var R=(t,e)=>{for(var s in e)g(t,s,{get:e[s],enumerable:!0})},h=(t,e,s,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of f(e))!y.call(t,n)&&n!==s&&g(t,n,{get:()=>e[n],enumerable:!(a=m(e,n))||a.enumerable});return t};var v=t=>h(g({},"__esModule",{value:!0}),t);var w={};R(w,{CopilotAction:()=>C});module.exports=v(w);var c=require("react/jsx-runtime"),S=require("react"),l=require("react"),o=require("@copilotkit/react-core"),u=require("@copilotkit/react-ui"),i=require("@copilotkit/runtime-client-gql");const C=({history:t,buynowRender:e,signupRender:s,children:a})=>{const{setMessages:n}=(0,o.useCopilotChat)();return(0,l.useEffect)(()=>{const r=t?.filter(p=>p?.content);if(r?.length>0){const p=r?.map(d=>new i.TextMessage({...d,role:d?.role==="user"?i.Role.User:i.Role.Assistant}));n(p)}},[t]),(0,u.useCopilotChatSuggestions)({instructions:"Suggest the most relevant next actions."},[]),(0,o.useCopilotAction)({name:"buynow",description:"buy now",parameters:[{sku:"",handle:""}],render:e||(r=>(0,c.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,o.useCopilotAction)({name:"signup",description:"signup",parameters:[{name:"signup"}],render:s||(r=>(0,c.jsx)("div",{children:JSON.stringify(r)})),handler:function(){}}),(0,o.useCopilotReadable)({description:"Today's date",value:new Date().toLocaleDateString()}),(0,c.jsx)("div",{children:a})};
 //# sourceMappingURL=action.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/action.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport { useEffect } from 'react'\nimport { useCopilotChat, useCopilotAction, useCopilotReadable } from '@copilotkit/react-core'\nimport { 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) => string)\n  signupRender?: string | ((_props: any) => string)\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"],
+  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,IAAA,eAAAC,EAAAH,GA8CsC,IAAAI,EAAA,6BA9CtCC,EAAkB,iBAClBA,EAA0B,iBAC1BC,EAAqE,kCACrEC,EAA0C,gCAC1CC,EAAkC,0CAe3B,MAAMN,EAAgB,CAAC,CAAE,QAAAO,EAAS,aAAAC,EAAc,aAAAC,EAAc,SAAAC,CAAS,IAAmB,CAC/F,KAAM,CAAE,YAAAC,CAAY,KAAI,kBAAe,EAEvC,sBAAU,IAAM,CACd,MAAMC,EAAgBL,GAAS,OAAOM,GAASA,GAAO,OAAO,EAC7D,GAAID,GAAe,OAAS,EAAG,CAC7B,MAAME,EAAUF,GAAe,IAAIC,GAC1B,IAAI,cAAY,CACrB,GAAGA,EACH,KAAMA,GAAO,OAAS,OAAS,OAAK,KAAO,OAAK,SAClD,CAAC,CACF,EACDF,EAAYG,CAAO,CACrB,CACF,EAAG,CAACP,CAAO,CAAC,KAEZ,6BACE,CACE,aAAc,yCAChB,EACA,CAAC,CACH,KAEA,oBAAiB,CACf,KAAM,SACN,YAAa,UACb,WAAY,CAAC,CAAE,IAAK,GAAI,OAAQ,EAAG,CAAC,EACpC,OAAQC,IAAiBO,MAAS,OAAC,OAAK,cAAK,UAAUA,CAAK,EAAE,GAC9D,QAAS,UAAY,CAErB,CACF,CAAC,KAED,oBAAiB,CACf,KAAM,SACN,YAAa,SACb,WAAY,CACV,CACE,KAAM,QACR,CACF,EACA,OAAQN,IAAiBM,MAAS,OAAC,OAAK,cAAK,UAAUA,CAAK,EAAE,GAC9D,QAAS,UAAY,CAErB,CACF,CAAC,KAED,sBAAmB,CACjB,YAAa,eACb,MAAO,IAAI,KAAK,EAAE,mBAAmB,CACvC,CAAC,KAEM,OAAC,OAAK,SAAAL,EAAS,CACxB",
   "names": ["action_exports", "__export", "CopilotAction", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_react_ui", "import_runtime_client_gql", "history", "buynowRender", "signupRender", "children", "setMessages", "originhistory", "value", "content", "props"]
 }

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

@@ -11,11 +11,11 @@ export interface ChatProps {
     /** 产品卡片，接受参数： {"status":"complete","args":[{"sku":"A3936031","handle":"space-a40-a3936031"}],"result":""}
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */
-    buynowRender?: string | ((_props: any) => string);
+    buynowRender?: string | ((_props: any) => React.ReactElement);
     /** 订阅卡片，接受参数：
      * 后端接口文档：https://anker-in.feishu.cn/wiki/DOYJwE9oxipWmYk072ncnJNznBb
      */
-    signupRender?: string | ((_props: any) => string);
+    signupRender?: string | ((_props: any) => React.ReactElement);
     /** CopilotPopup 自定义参数，参考：https://docs.copilotkit.ai/reference/components/CopilotPopup */
     popup?: any;
     /** 文案，{"popupTip": "Hi ! Welcome to soundcore Innovations live chat！"} */

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

@@ -1,6 +1,6 @@
-"use strict";var P=Object.create;var c=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var I=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var L=(o,e)=>{for(var i in e)c(o,i,{get:e[i],enumerable:!0})},y=(o,e,i,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of x(e))!O.call(o,n)&&n!==i&&c(o,n,{get:()=>e[n],enumerable:!(p=M(e,n))||p.enumerable});return o};var S=(o,e,i)=>(i=o!=null?P(I(o)):{},y(e||!o||!o.__esModule?c(i,"default",{value:o,enumerable:!0}):i,o)),U=o=>y(c({},"__esModule",{value:!0}),o);var D={};L(D,{default:()=>A});module.exports=U(D);var t=require("react/jsx-runtime"),s=require("react"),f=require("@copilotkit/react-core"),C=require("@copilotkit/react-ui"),v=require("./action.js"),w=S(require("../../helpers/fetcher.js"));const q=o=>{const{title:e,runtimeUrl:i,popup:p,shopify_domain:n,user_id:a="",query:E="",buynowRender:K,signupRender:b,style:k,className:T="",lang:g}=o,[h,l]=(0,s.useState)(!1),[u,_]=(0,s.useState)(""),[B,N]=(0,s.useState)([]),R=(0,s.useCallback)(async()=>{const r=await(0,w.default)({url:`${i}/copilotkit/start`,method:"GET",headers:{user_id:a||"",shopify_domain:n}});_(r?.opening_statement||""),N(r?.history||[])},[a]);return(0,s.useEffect)(()=>{const r=setTimeout(()=>{h||l(!0)},3e3);return()=>{clearTimeout(r)}},[]),(0,s.useEffect)(()=>{u||R()},[]),(0,t.jsxs)("div",{className:T,style:k||{},children:[(0,t.jsx)("style",{children:`
+"use strict";var x=Object.create;var u=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var I=Object.getOwnPropertyNames;var L=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var U=(o,e)=>{for(var i in e)u(o,i,{get:e[i],enumerable:!0})},y=(o,e,i,p)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of I(e))!S.call(o,n)&&n!==i&&u(o,n,{get:()=>e[n],enumerable:!(p=E(e,n))||p.enumerable});return o};var q=(o,e,i)=>(i=o!=null?x(L(o)):{},y(e||!o||!o.__esModule?u(i,"default",{value:o,enumerable:!0}):i,o)),A=o=>y(u({},"__esModule",{value:!0}),o);var z={};U(z,{default:()=>$});module.exports=A(z);var t=require("react/jsx-runtime"),s=require("react"),f=require("@copilotkit/react-core"),C=require("@copilotkit/react-ui"),v=require("./action.js"),w=q(require("../../helpers/fetcher.js"));const D=o=>{const{title:e,runtimeUrl:i,popup:p,shopify_domain:n,user_id:a="",query:F="",buynowRender:K,signupRender:R,style:T,className:b="",lang:h}=o,[g,l]=(0,s.useState)(!1),[k,_]=(0,s.useState)(!1),[c,B]=(0,s.useState)(""),[P,N]=(0,s.useState)([]),M=(0,s.useCallback)(async()=>{const r=await(0,w.default)({url:`${i}/copilotkit/start`,method:"GET",headers:{user_id:a||"",shopify_domain:n}});B(r?.opening_statement||""),N(r?.history||[])},[a]),O=()=>{g||l(!0)};return(0,s.useEffect)(()=>{const r=setTimeout(()=>{O()},3e3);return()=>{clearTimeout(r)}},[]),(0,s.useEffect)(()=>{c||M()},[]),(0,t.jsxs)("div",{className:b,style:T||{},children:[(0,t.jsx)("style",{children:`
         .copilotKitMessage.copilotKitAssistantMessage:has(.copilotKitMarkdown:empty) {
             display: none;
         }
-      `}),a&&i&&(0,t.jsx)(f.CopilotKit,{runtimeUrl:`${i}/copilotkit/chat`,showDevConsole:!1,headers:{user_id:a||"",shopify_domain:n},children:(0,t.jsx)(C.CopilotPopup,{...p,labels:{title:e||"DTC Live Chat",initial:u||""},makeSystemMessage:()=>u||"",Button:({open:r,setOpen:d})=>{const m=p?.Button;return(0,t.jsxs)(t.Fragment,{children:[g?.popupTip&&h&&(0,t.jsx)("div",{className:"copilotKitPopup copilotKitPopupTip",children:(0,t.jsx)("button",{onClick:()=>{d(!0),l(!1)},"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:g?.popupTip})}),m&&(0,t.jsx)(m,{open:r,setOpen:d,setOpenTip:l}),!m&&(0,t.jsxs)("button",{onClick:()=>{d(!0),l(!1)},className:"copilotKitButton ","aria-label":"Open Chat",children:[(0,t.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:(0,t.jsx)("g",{transform:"translate(24, 0) scale(-1, 1)",children:(0,t.jsx)("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"})})})}),(0,t.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:(0,t.jsx)("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:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})})]})]})},children:(0,t.jsx)(v.CopilotAction,{start:u,history:B,buynowRender:K,signupRender:b})})})]})};var A=q;
+      `}),a&&i&&(0,t.jsx)(f.CopilotKit,{runtimeUrl:`${i}/copilotkit/chat`,showDevConsole:!1,headers:{user_id:a||"",shopify_domain:n},children:(0,t.jsx)(C.CopilotPopup,{...p,labels:{title:e||"DTC Live Chat",initial:c||""},makeSystemMessage:()=>c||"",Button:({open:r,setOpen:d})=>{const m=p?.Button;return(0,s.useEffect)(()=>_(r),[r]),(0,t.jsxs)(t.Fragment,{children:[h?.popupTip&&g&&!k&&(0,t.jsx)("div",{className:"copilotKitPopup copilotKitPopupTip",children:(0,t.jsx)("button",{onClick:()=>{d(!0),l(!1)},"aria-label":"Open Chat",className:"copilotKitPopupTipContent",children:h?.popupTip})}),m&&(0,t.jsx)(m,{open:r,setOpen:d,setOpenTip:l}),!m&&(0,t.jsxs)("button",{onClick:()=>{d(!0),l(!1)},className:"copilotKitButton ","aria-label":"Open Chat",children:[(0,t.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconOpen",children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",width:"24",height:"24",children:(0,t.jsx)("g",{transform:"translate(24, 0) scale(-1, 1)",children:(0,t.jsx)("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"})})})}),(0,t.jsx)("div",{className:"copilotKitButtonIcon copilotKitButtonIconClose",children:(0,t.jsx)("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:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19.5 8.25l-7.5 7.5-7.5-7.5"})})})]})]})},children:(0,t.jsx)(v.CopilotAction,{start:c,history:P,buynowRender:K,signupRender:R})})})]})};var $=D;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/chat/index.tsx"],
-  "sourcesContent": ["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\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) => string)\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) => string)\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 [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  useEffect(() => {\n    const timer = setTimeout(() => {\n      if (!openTip) setOpenTip(true)\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              return (\n                <>\n                  {lang?.popupTip && openTip && (\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": "0jBAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,eAAAC,EAAAH,GAkFM,IAAAI,EAAA,6BAlFNC,EAAiD,iBACjDC,EAA2B,kCAC3BC,EAA6B,gCAE7BC,EAA8B,uBAC9BC,EAAoB,uCA6BpB,MAAMC,EAAQC,GAAqB,CACjC,KAAM,CACJ,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,eAAAC,EACA,QAAAC,EAAU,GACV,MAAAC,EAAQ,GACR,aAAAC,EACA,aAAAC,EACA,MAAAC,EACA,UAAAC,EAAY,GACZ,KAAAC,CACF,EAAIX,EAEE,CAACY,EAASC,CAAU,KAAI,YAAS,EAAK,EACtC,CAACC,EAAOC,CAAQ,KAAI,YAAS,EAAE,EAC/B,CAACC,EAASC,CAAU,KAAI,YAAmD,CAAC,CAAC,EAE7EC,KAAW,eAAY,SAAY,CACvC,MAAMC,EAAS,QAAM,EAAAC,SAAQ,CAC3B,IAAK,GAAGlB,CAAU,oBAClB,OAAQ,MACR,QAAS,CAAE,QAASG,GAAW,GAAI,eAAgBD,CAAe,CACpE,CAAC,EAEDW,EAASI,GAAQ,mBAAqB,EAAE,EACxCF,EAAWE,GAAQ,SAAW,CAAC,CAAC,CAClC,EAAG,CAACd,CAAO,CAAC,EAEZ,sBAAU,IAAM,CACd,MAAMgB,EAAQ,WAAW,IAAM,CACxBT,GAASC,EAAW,EAAI,CAC/B,EAAG,GAAI,EAEP,MAAO,IAAM,CACX,aAAaQ,CAAK,CACpB,CACF,EAAG,CAAC,CAAC,KAEL,aAAU,IAAM,CACTP,GACHI,EAAS,CAEb,EAAG,CAAC,CAAC,KAGH,QAAC,OAAI,UAAWR,EAAW,MAAOD,GAAS,CAAC,EAC1C,oBAAC,SACE;AAAA;AAAA;AAAA;AAAA,QAKH,EACCJ,GAAWH,MACV,OAAC,cACC,WAAY,GAAGA,CAAU,mBACzB,eAAgB,GAChB,QAAS,CAAE,QAASG,GAAW,GAAI,eAAgBD,CAAe,EAElE,mBAAC,gBACE,GAAGD,EACJ,OAAQ,CACN,MAAOF,GAAS,gBAChB,QAASa,GAAS,EACpB,EACA,kBAAmB,IACVA,GAAS,GAElB,OAAQ,CAAC,CAAE,KAAAQ,EAAM,QAAAC,CAAQ,IAAM,CAC7B,MAAMC,EAASrB,GAAO,OACtB,SACE,oBACG,UAAAQ,GAAM,UAAYC,MACjB,OAAC,OAAI,UAAU,qCACb,mBAAC,UACC,QAAS,IAAM,CACbW,EAAQ,EAAI,EACZV,EAAW,EAAK,CAClB,EACA,aAAW,YACX,UAAU,4BAET,SAAAF,GAAM,SACT,EACF,EAEDa,MAAU,OAACA,EAAA,CAAO,KAAMF,EAAM,QAASC,EAAS,WAAYV,EAAY,EACxE,CAACW,MACA,QAAC,UACC,QAAS,IAAM,CACbD,EAAQ,EAAI,EACZV,EAAW,EAAK,CAClB,EACA,UAAU,oBACV,aAAW,YAEX,oBAAC,OAAI,UAAU,gDACb,mBAAC,OACC,MAAM,6BACN,QAAQ,YACR,KAAK,eACL,MAAM,KACN,OAAO,KAEP,mBAAC,KAAE,UAAU,gCACX,mBAAC,QACC,SAAS,UACT,EAAE,6QACF,SAAS,UACV,EACH,EACF,EACF,KACA,OAAC,OAAI,UAAU,iDACb,mBAAC,OACC,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,YAAY,MACZ,OAAO,eACP,MAAM,KACN,OAAO,KAEP,mBAAC,QAAK,cAAc,QAAQ,eAAe,QAAQ,EAAE,8BAA8B,EACrF,EACF,GACF,GAEJ,CAEJ,EAEA,mBAAC,iBAAc,MAAOC,EAAO,QAASE,EAAS,aAAcT,EAAc,aAAcC,EAAc,EACzG,EACF,GAEJ,CAEJ,EAEA,IAAOjB,EAAQQ",
-  "names": ["chat_exports", "__export", "chat_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_react_ui", "import_action", "import_fetcher", "Chat", "props", "title", "runtimeUrl", "popup", "shopify_domain", "user_id", "query", "buynowRender", "signupRender", "style", "className", "lang", "openTip", "setOpenTip", "start", "setstart", "history", "sethistory", "getStart", "result", "fetcher", "timer", "open", "setOpen", "Button"]
+  "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": ["chat_exports", "__export", "chat_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_react_core", "import_react_ui", "import_action", "import_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", "fetcher", "setOpenTipFn", "timer", "open", "setOpen", "Button"]
 }

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

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

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/stories/chat.stories.tsx"],
-  "sourcesContent": ["import React from 'react'\nimport type { Meta, StoryObj } from '@storybook/react'\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_4',\n    query: '',\n    lang: { popupTip: 'Hi ! Welcome to soundcore Innovations live chat\uFF01' },\n  },\n}\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAxBRC,EAAkB,iBAGlBC,EAAqB,kCAKrB,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,4BAClB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,UAAW,MAAO,EAE9B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAON,EAAQK,EAER,MAAMN,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,6BAChB,QAAS,OACT,MAAO,GACP,KAAM,CAAE,SAAU,uDAAmD,CACvE,CACF",
+  "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": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,YAAAC,IAAA,eAAAC,EAAAJ,GAwBQ,IAAAK,EAAA,6BAxBRC,EAAkB,iBAGlBC,EAAqB,kCAKrB,MAAMC,EAA0B,CAE9B,MAAO,gBACP,UAAW,OACX,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,4BAClB,EAEA,KAAM,CAAC,UAAU,EAEjB,WAAY,CACVC,MACE,OAAC,OAAI,MAAO,CAAE,UAAW,MAAO,EAE9B,mBAACA,EAAA,EAAM,EACT,CAEJ,CACF,EAEA,IAAON,EAAQK,EAER,MAAMN,EAAiB,CAC5B,KAAM,CACJ,MAAO,gBACP,WAAY,gCACZ,eAAgB,6BAChB,QAAS,SACT,MAAO,GACP,KAAM,CAAE,SAAU,uDAAmD,CACvE,CACF",
   "names": ["chat_stories_exports", "__export", "Default", "chat_stories_default", "__toCommonJS", "import_jsx_runtime", "import_react", "import_components", "meta", "Story"]
 }