@asgard-js/react 0.0.1 → 0.0.2

package/dist/components/chatbot/chatbot-body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-body.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAM7C,wBAAgB,WAAW,IAAI,SAAS,CAmBvC"}
+{"version":3,"file":"chatbot-body.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAM7C,wBAAgB,WAAW,IAAI,SAAS,CA0BvC"}

package/dist/components/chatbot/chatbot-footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-footer.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,wBAAgB,aAAa,IAAI,SAAS,CAkCzC"}
+{"version":3,"file":"chatbot-footer.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EAGV,MAAM,OAAO,CAAC;AAIf,wBAAgB,aAAa,IAAI,SAAS,CAiDzC"}

package/dist/components/chatbot/chatbot-header.d.ts

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
 
-export declare function ChatbotHeader(): ReactNode;
+interface ChatbotHeaderProps {
+    title: string;
+}
+export declare function ChatbotHeader(props: ChatbotHeaderProps): ReactNode;
+export {};
 //# sourceMappingURL=chatbot-header.d.ts.map

package/dist/components/chatbot/chatbot-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot-header.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,wBAAgB,aAAa,IAAI,SAAS,CAEzC"}
+{"version":3,"file":"chatbot-header.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAclE"}

package/dist/components/chatbot/chatbot.d.ts

@@ -1,11 +1,15 @@
-import { ConversationMessage } from '../../hooks';
-import { ClientConfig } from '@asgard-js/core';
+import { ClientConfig, ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface ChatbotProps {
+    title: string;
     config: ClientConfig;
     customChannelId: string;
-    initConversation?: ConversationMessage[];
+    initMessages?: ConversationMessage[];
+    fullScreen?: boolean;
+    options?: {
+        showDebugMessage?: boolean;
+    };
 }
 export declare function Chatbot(props: ChatbotProps): ReactNode;
 export {};

package/dist/components/chatbot/chatbot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAM/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,UAAU,YAAY;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC1C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAetD"}
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAQpE,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CA0BtD"}

package/dist/components/chatbot/profile-icon.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+
+export declare function ProfileIcon(): ReactNode;
+//# sourceMappingURL=profile-icon.d.ts.map

package/dist/components/chatbot/profile-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-icon.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/profile-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,WAAW,IAAI,SAAS,CA+BvC"}

package/dist/components/conversation-message-renderer/conversation-message-renderer.d.ts

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '../../hooks';
+import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface ConversationMessageRendererProps {

package/dist/components/conversation-message-renderer/conversation-message-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-message-renderer/conversation-message-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAShD,UAAU,gCAAgC;IACxC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,GACtC,SAAS,CAqBX"}
+{"version":3,"file":"conversation-message-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/conversation-message-renderer/conversation-message-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAuB,MAAM,iBAAiB,CAAC;AAQ3E,UAAU,gCAAgC;IACxC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,GACtC,SAAS,CAqBX"}

package/dist/components/templates/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,wBAAgB,MAAM,IAAI,SAAS,CAqBlC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,wBAAgB,MAAM,IAAI,SAAS,CAoBlC"}

package/dist/components/templates/bot-typing-box/bot-typing-box.d.ts

@@ -1,4 +1,9 @@
+import { ConversationBotMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
-export declare function BotTypingBox(): ReactNode;
+interface BotTypingBoxProps {
+    typingMessage: ConversationBotMessage;
+}
+export declare function BotTypingBox(props: BotTypingBoxProps): ReactNode;
+export {};
 //# sourceMappingURL=bot-typing-box.d.ts.map

package/dist/components/templates/bot-typing-box/bot-typing-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bot-typing-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/bot-typing-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAQ/C,wBAAgB,YAAY,IAAI,SAAS,CA4BxC"}
+{"version":3,"file":"bot-typing-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/bot-typing-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAO/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,UAAU,iBAAiB;IACzB,aAAa,EAAE,sBAAsB,CAAC;CACvC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA+BhE"}

package/dist/components/templates/button-template/button-template.d.ts

@@ -1,5 +1,5 @@
-import { ConversationBotMessage } from '../../../hooks';
 import { ReactNode } from 'react';
+import { ConversationBotMessage } from '@asgard-js/core';
 
 interface ButtonTemplateProps {
     conversationMessage: ConversationBotMessage;

package/dist/components/templates/button-template/button-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/button-template.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAKnD,UAAU,mBAAmB;IAC3B,mBAAmB,EAAE,sBAAsB,CAAC;CAC7C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAiBpE"}
+{"version":3,"file":"button-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/button-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,mBAAmB;IAC3B,mBAAmB,EAAE,sBAAsB,CAAC;CAC7C;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAiBpE"}

package/dist/components/templates/carousel-template/carousel-template.d.ts

@@ -1,4 +1,4 @@
-import { ConversationBotMessage } from '../../../hooks';
+import { ConversationBotMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface CarouselTemplateProps {

package/dist/components/templates/carousel-template/carousel-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/carousel-template/carousel-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAC;AAQnD,UAAU,qBAAqB;IAC7B,mBAAmB,EAAE,sBAAsB,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAiBxE"}
+{"version":3,"file":"carousel-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/carousel-template/carousel-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAEL,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,qBAAqB;IAC7B,mBAAmB,EAAE,sBAAsB,CAAC;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAiBxE"}

package/dist/components/templates/hint-template/hint-template.d.ts

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '../../../hooks';
+import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface HintTemplateProps {

package/dist/components/templates/hint-template/hint-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAIhD,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAehE"}
+{"version":3,"file":"hint-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/hint-template/hint-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,mBAAmB,EAAuB,MAAM,iBAAiB,CAAC;AAE3E,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAehE"}

package/dist/components/templates/text-template/text-template.d.ts

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '../../../hooks';
+import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface TextTemplateProps {

package/dist/components/templates/text-template/text-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/text-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAMhD,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA2BhE"}
+{"version":3,"file":"text-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/text-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAMtD,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA2BhE"}

package/dist/context/asgard-service-context.d.ts

@@ -1,11 +1,14 @@
-import { ConversationMessage, UseChannelReturn, UseChatbotTypingReturn } from '../hooks';
+import { UseChannelReturn } from '../hooks';
 import { DetailedHTMLProps, HTMLAttributes, ReactNode, RefObject } from 'react';
-import { AsgardServiceClient, ClientConfig } from '@asgard-js/core';
+import { AsgardServiceClient, ClientConfig, ConversationBotMessage, ConversationMessage } from '@asgard-js/core';
 
-interface AsgardServiceContextType extends Pick<UseChatbotTypingReturn, 'isTyping' | 'displayText'>, Pick<UseChannelReturn, 'conversation' | 'sendMessage'> {
+interface AsgardServiceContextType {
     client: AsgardServiceClient | null;
+    isConnecting: boolean;
+    messages: Map<string, ConversationMessage> | null;
+    typingMessages: Map<string, ConversationBotMessage> | null;
     messageBoxBottomRef: RefObject<HTMLDivElement>;
-    isConnectionProcessing: boolean;
+    sendMessage: UseChannelReturn['sendMessage'];
 }
 export declare const AsgardServiceContext: import('react').Context<AsgardServiceContextType>;
 interface AsgardServiceContextProviderProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
@@ -14,7 +17,10 @@ interface AsgardServiceContextProviderProps extends DetailedHTMLProps<HTMLAttrib
     customChannelId: string;
     customMessageId?: string;
     delayTime?: number;
-    initConversation?: ConversationMessage[];
+    options?: {
+        showDebugMessage?: boolean;
+    };
+    initMessages?: ConversationMessage[];
 }
 export declare function AsgardServiceContextProvider(props: AsgardServiceContextProviderProps): ReactNode;
 export declare function useAsgardContext(): AsgardServiceContextType;

package/dist/context/asgard-service-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asgard-service-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-service-context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAEL,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EACL,mBAAmB,EAGnB,gBAAgB,EAEhB,sBAAsB,EACvB,MAAM,WAAW,CAAC;AAEnB,UAAU,wBACR,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,aAAa,CAAC,EAC9D,IAAI,CAAC,gBAAgB,EAAE,cAAc,GAAG,aAAa,CAAC;IACxD,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,oBAAoB,mDAQ/B,CAAC;AAEH,UAAU,iCACR,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC;CAC1C;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,GACvC,SAAS,CAqDX;AAED,wBAAgB,gBAAgB,IAAI,wBAAwB,CAE3D"}
+{"version":3,"file":"asgard-service-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-service-context.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAEnB,UAAU,wBAAwB;IAChC,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAClD,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,GAAG,IAAI,CAAC;IAC3D,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,oBAAoB,mDAO/B,CAAC;AAEH,UAAU,iCACR,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACzC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACtC;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,GACvC,SAAS,CAwCX;AAED,wBAAgB,gBAAgB,IAAI,wBAAwB,CAE3D"}

package/dist/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export * from './use-asgard-service-client';
 export * from './use-channel';
-export * from './use-chatbot-typing';
 export * from './use-debounce';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

package/dist/hooks/use-channel.d.ts

@@ -1,28 +1,17 @@
-import { UseChatbotTypingReturn } from './use-chatbot-typing';
-import { AsgardServiceClient, EventType, Message, SSEResponse } from '@asgard-js/core';
+import { AsgardServiceClient, ConversationBotMessage, ConversationMessage, EventType, SseResponse } from '@asgard-js/core';
 
-export type ConversationUserMessage = {
-    type: 'user';
-    customMessageId?: string;
-    text: string;
-    time: Date;
-};
-export type ConversationBotMessage = {
-    type: 'bot';
-    eventType: EventType;
-    message: Message;
-    time: Date;
-};
-export type ConversationMessage = ConversationUserMessage | ConversationBotMessage;
-interface UseChannelProps extends Pick<UseChatbotTypingReturn, 'startTyping' | 'onTyping' | 'stopTyping'> {
+interface UseChannelProps {
     client: AsgardServiceClient | null;
     customChannelId: string;
-    initConversation?: ConversationMessage[];
-    onResetChannelInit?: (event: SSEResponse<EventType.INIT>) => void;
+    initMessages?: ConversationMessage[];
+    options?: {
+        showDebugMessage?: boolean;
+    };
+    onResetChannelInit?: (event: SseResponse<EventType.INIT>) => void;
 }
 export interface UseChannelReturn {
-    conversation: ConversationMessage[];
-    isConnectionProcessing: boolean;
+    messages: Map<string, ConversationMessage> | null;
+    typingMessages: Map<string, ConversationBotMessage> | null;
     sendMessage: (text: string, customMessageId?: string) => void;
 }
 export declare function useChannel(props: UseChannelProps): UseChannelReturn;

package/dist/hooks/use-channel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-channel.d.ts","sourceRoot":"","sources":["../../src/hooks/use-channel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,SAAS,EAET,OAAO,EACP,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAC3B,uBAAuB,GACvB,sBAAsB,CAAC;AAE3B,UAAU,eACR,SAAQ,IAAI,CACV,sBAAsB,EACtB,aAAa,GAAG,UAAU,GAAG,YAAY,CAC1C;IACD,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,gBAAgB;IAC/B,YAAY,EAAE,mBAAmB,EAAE,CAAC;IACpC,sBAAsB,EAAE,OAAO,CAAC;IAChC,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CA+GnE"}
+{"version":3,"file":"use-channel.d.ts","sourceRoot":"","sources":["../../src/hooks/use-channel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAEnB,sBAAsB,EACtB,mBAAmB,EACnB,SAAS,EACT,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAGzB,UAAU,eAAe;IACvB,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACzC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CACnE;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAClD,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,sBAAsB,CAAC,GAAG,IAAI,CAAC;IAC3D,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAuEnE"}

package/dist/index.js

@@ -1,238 +1,241 @@
-import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { useRef as q, useEffect as m, useState as C, useCallback as h, createContext as Q, useMemo as A, useContext as W } from "react";
-import { AsgardServiceClient as X, FetchSSEAction as z, EventType as S, MessageTemplateType as w } from "@asgard-js/core";
-function J(n) {
-  const { config: t } = n, e = q(null);
-  return e.current || (e.current = new X(t)), m(() => () => {
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { useRef as H, useEffect as y, useState as k, useCallback as g, useMemo as x, createContext as F, useContext as K } from "react";
+import { AsgardServiceClient as Q, Conversation as W, MessageTemplateType as C } from "@asgard-js/core";
+function V(n) {
+  var t, e, s = "";
+  if (typeof n == "string" || typeof n == "number") s += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var c = n.length;
+    for (t = 0; t < c; t++) n[t] && (e = V(n[t])) && (s && (s += " "), s += e);
+  } else for (e in n) n[e] && (s && (s += " "), s += e);
+  return s;
+}
+function u() {
+  for (var n, t, e = 0, s = "", c = arguments.length; e < c; e++) (n = arguments[e]) && (t = V(n)) && (s && (s += " "), s += t);
+  return s;
+}
+function X(n) {
+  const { config: t } = n, e = H(null);
+  return e.current || (e.current = new Q(t)), y(() => () => {
     e.current && (e.current.close(), e.current = null);
   }, [t]), e.current;
 }
-function Y(n) {
-  const {
-    client: t,
-    customChannelId: e,
-    initConversation: s,
-    onResetChannelInit: c,
-    startTyping: l,
-    onTyping: r,
-    stopTyping: a
-  } = n;
+function G(n) {
+  const { client: t, customChannelId: e, initMessages: s, options: c } = n;
   if (!t)
     throw new Error("Client instance is required");
   if (!e)
     throw new Error("Custom channel id is required");
-  const [_, u] = C(!1), [p, v] = C(
-    s ?? []
+  const [a, _] = k(
+    new W({
+      messages: new Map(
+        s == null ? void 0 : s.map((i) => [i.messageId, i])
+      ),
+      typingMessages: null
+    })
   );
-  m(() => {
-    console.log("conversation", p);
-  }, [p]), m(() => {
-    t.setChannel(
-      {
-        customChannelId: e,
-        customMessageId: "",
-        text: ""
-      },
-      {
-        onStart: () => u(!0),
-        onCompleted: () => u(!1)
-      }
-    );
+  y(() => {
+    t.setChannel({
+      customChannelId: e,
+      customMessageId: ""
+    });
   }, [t, e]);
-  const B = h(
-    (d, g) => {
-      v(
-        (b) => b.concat({
-          type: "user",
-          customMessageId: g,
-          text: d,
-          time: /* @__PURE__ */ new Date()
-        })
-      ), t.sendMessage(
-        {
-          customChannelId: e,
-          customMessageId: g,
-          text: d
-        },
-        {
-          onStart: () => u(!0),
-          onCompleted: () => u(!1)
-        }
-      );
+  const l = g(
+    (i, h) => {
+      _((d) => {
+        const p = d.pushMessage(
+          d,
+          {
+            type: "user",
+            messageId: h ?? crypto.randomUUID(),
+            text: i,
+            time: /* @__PURE__ */ new Date()
+          }
+        );
+        return t.sendMessage(
+          {
+            customChannelId: e,
+            customMessageId: h,
+            text: i
+          },
+          {
+            onSseMessage: (N) => {
+              _(
+                (M) => p.onMessage(M, N, {
+                  showDebugMessage: c == null ? void 0 : c.showDebugMessage
+                })
+              );
+            }
+          }
+        ), p;
+      });
     },
-    [t, e]
+    [t, e, c]
+  );
+  return x(
+    () => ({
+      messages: a.messages,
+      typingMessages: a.typingMessages,
+      sendMessage: l
+    }),
+    [a, l]
   );
-  return m(() => {
-    c && t.on(z.RESET_CHANNEL, S.INIT, c);
-  }, [t, c]), m(() => {
-    t.on(z.NONE, S.MESSAGE_START, (d) => {
-      l(d.fact.messageStart.message);
-    });
-  }, [t, l]), m(() => {
-    t.on(z.NONE, S.MESSAGE_DELTA, (d) => {
-      r(d.fact.messageDelta.message);
-    });
-  }, [t, r]), m(() => {
-    t.on(z.NONE, S.MESSAGE_COMPLETE, (d) => {
-      const { eventType: g, fact: b } = d, T = b.messageComplete.message;
-      T.isDebug || v(
-        (E) => E.concat({
-          type: "bot",
-          eventType: g,
-          message: T,
-          time: /* @__PURE__ */ new Date()
-        })
-      ), a();
-    });
-  }, [t, a]), {
-    conversation: p,
-    sendMessage: B,
-    isConnectionProcessing: _
-  };
 }
-function tt(n, t) {
-  const [e, s] = C(n);
-  return m(() => {
+function J(n, t) {
+  const [e, s] = k(n);
+  return y(() => {
     const c = window.setTimeout(() => {
       s(n);
     }, t ?? 300);
     return () => clearTimeout(c);
   }, [n, t]), e;
 }
-function et() {
-  const [n, t] = C(!1), [e, s] = C(null), c = h(() => t(!0), [t]), l = h((_) => {
-    s((u) => (u ?? "") + _.text);
-  }, []), r = h(() => {
-    t(!1), s(null);
-  }, [t]);
-  return {
-    isTyping: tt(n, 500),
-    displayText: e,
-    startTyping: c,
-    onTyping: l,
-    stopTyping: r
-  };
-}
-const U = Q({
+const E = F({
   client: null,
-  isTyping: !1,
-  displayText: null,
+  isConnecting: !1,
+  messages: null,
+  typingMessages: null,
   messageBoxBottomRef: { current: null },
-  isConnectionProcessing: !1,
-  conversation: [],
   sendMessage: () => {
   }
 });
-function nt(n) {
+function Y(n) {
   const {
     children: t,
     config: e,
     customChannelId: s,
     customMessageId: c,
-    delayTime: l,
-    initConversation: r,
-    ...a
-  } = n, _ = q(null), u = J({ config: e }), { isTyping: p, displayText: v, startTyping: B, onTyping: d, stopTyping: g } = et(), { sendMessage: b, conversation: T, isConnectionProcessing: E } = Y({
-    client: u,
+    delayTime: a,
+    initMessages: _,
+    options: l,
+    ...i
+  } = n, h = H(null), d = X({ config: e }), { messages: p, typingMessages: N, sendMessage: M } = G({
+    client: d,
     customChannelId: s,
-    startTyping: B,
-    onTyping: d,
-    stopTyping: g,
-    initConversation: r
-  }), K = A(
+    initMessages: _,
+    options: l
+  }), L = x(
     () => ({
-      client: u,
-      isTyping: p,
-      displayText: v,
-      messageBoxBottomRef: _,
-      isConnectionProcessing: E,
-      conversation: T,
-      sendMessage: b
+      client: d,
+      isConnecting: (d == null ? void 0 : d.isConnecting) ?? !1,
+      messages: p,
+      typingMessages: N,
+      sendMessage: M,
+      messageBoxBottomRef: h
     }),
-    [
-      u,
-      T,
-      v,
-      _,
-      E,
-      p,
-      b
-    ]
+    [d, p, M, N]
   );
-  return /* @__PURE__ */ o(U.Provider, { value: K, children: /* @__PURE__ */ o("div", { ...a, children: t }) });
+  return /* @__PURE__ */ o(E.Provider, { value: L, children: /* @__PURE__ */ o("div", { ...i, children: t }) });
 }
-function k() {
-  return W(U);
+function w() {
+  return K(E);
 }
-const ot = "_chatbot_header_uinpm_1", st = {
-  chatbot_header: ot
+const tt = "_chatbot_header_1xj9n_1", et = "_chatbot_header__content_1xj9n_1", ot = "_chatbot_header__title_1xj9n_9", nt = "_chatbot_header__extra_1xj9n_20", T = {
+  chatbot_header: tt,
+  chatbot_header__content: et,
+  chatbot_header__title: ot,
+  chatbot_header__extra: nt
 };
-function ct() {
-  return /* @__PURE__ */ o("div", { className: st.chatbot_header, children: "Header" });
+function st() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "33",
+      height: "32",
+      viewBox: "0 0 33 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_3084_29383)", children: [
+          /* @__PURE__ */ o(
+            "path",
+            {
+              d: "M0.410645 16C0.410645 7.16344 7.57409 0 16.4106 0C25.2472 0 32.4106 7.16344 32.4106 16C32.4106 24.8366 25.2472 32 16.4106 32C7.57409 32 0.410645 24.8366 0.410645 16Z",
+              fill: "#333333"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "path",
+            {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M16.5788 6.33398C19.8925 6.33398 22.5788 9.02028 22.5788 12.334C22.5788 14.2211 21.7075 15.9048 20.3453 17.0047C23.6487 18.3735 26.0607 21.6974 26.4106 25.6673H24.4569C24.0206 21.6274 20.9742 18.4911 17.2591 18.3397L16.9776 18.334H16.5788H15.8437C12.0019 18.334 8.81164 21.5258 8.36437 25.6673H6.41064C6.76857 21.607 9.28344 18.2225 12.7029 16.9143C11.4036 15.8137 10.5788 14.1701 10.5788 12.334C10.5788 9.02028 13.265 6.33398 16.5788 6.33398ZM16.5788 16.334C18.7879 16.334 20.5788 14.5431 20.5788 12.334C20.5788 10.1248 18.7879 8.33398 16.5788 8.33398C14.3696 8.33398 12.5788 10.1248 12.5788 12.334C12.5788 14.5431 14.3696 16.334 16.5788 16.334Z",
+              fill: "#8C8C8C"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_3084_29383", children: /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M0.410645 16C0.410645 7.16344 7.57409 0 16.4106 0C25.2472 0 32.4106 7.16344 32.4106 16C32.4106 24.8366 25.2472 32 16.4106 32C7.57409 32 0.410645 24.8366 0.410645 16Z",
+            fill: "white"
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+function ct(n) {
+  const { title: t } = n;
+  return /* @__PURE__ */ o("div", { className: T.chatbot_header, children: /* @__PURE__ */ r("div", { className: T.chatbot_header__content, children: [
+    /* @__PURE__ */ r("div", { className: T.chatbot_header__title, children: [
+      /* @__PURE__ */ o(st, {}),
+      /* @__PURE__ */ o("h4", { children: t })
+    ] }),
+    /* @__PURE__ */ o("div", { className: T.chatbot_header__extra })
+  ] }) });
 }
-const rt = "_chatbot_body_okhax_1", it = {
-  chatbot_body: rt
-}, at = "_template_box_1ozig_1", f = {
-  template_box: at,
+const rt = "_chatbot_body_1f0gq_1", at = "_chatbot_body__content_1f0gq_7", $ = {
+  chatbot_body: rt,
+  chatbot_body__content: at
+}, it = "_template_box_1ozig_1", m = {
+  template_box: it,
   "template_box--bot": "_template_box--bot_1ozig_7",
   "template_box--horizontal": "_template_box--horizontal_1ozig_7",
   "template_box--vertical": "_template_box--vertical_1ozig_10",
   "template_box--user": "_template_box--user_1ozig_14"
 };
-function L(n) {
-  var t, e, s = "";
-  if (typeof n == "string" || typeof n == "number") s += n;
-  else if (typeof n == "object") if (Array.isArray(n)) {
-    var c = n.length;
-    for (t = 0; t < c; t++) n[t] && (e = L(n[t])) && (s && (s += " "), s += e);
-  } else for (e in n) n[e] && (s && (s += " "), s += e);
-  return s;
-}
-function x() {
-  for (var n, t, e = 0, s = "", c = arguments.length; e < c; e++) (n = arguments[e]) && (t = L(n)) && (s && (s += " "), s += t);
-  return s;
-}
-function M(n) {
-  const { type: t, direction: e = "horizontal", children: s } = n, c = A(() => {
+function v(n) {
+  const { type: t, direction: e = "horizontal", children: s } = n, c = x(() => {
     switch (t) {
       case "user":
-        return x(f.template_box, f["template_box--user"]);
+        return u(m.template_box, m["template_box--user"]);
       case "bot":
       default:
-        return x(
-          f.template_box,
-          f["template_box--bot"],
-          e === "horizontal" ? f["template_box--horizontal"] : f["template_box--vertical"]
+        return u(
+          m.template_box,
+          m["template_box--bot"],
+          e === "horizontal" ? m["template_box--horizontal"] : m["template_box--vertical"]
         );
     }
   }, [e, t]);
   return /* @__PURE__ */ o("div", { className: c, children: s });
 }
-const lt = "_template_box_content_12ojl_1", _t = "_content_12ojl_7", D = {
+const lt = "_template_box_content_12ojl_1", _t = "_content_12ojl_7", q = {
   template_box_content: lt,
   content: _t
-}, ut = "_quick_replies_box_19pe0_1", dt = "_quick_reply_19pe0_7", V = {
-  quick_replies_box: ut,
-  quick_reply: dt
+}, dt = "_quick_replies_box_19pe0_1", ht = "_quick_reply_19pe0_7", S = {
+  quick_replies_box: dt,
+  quick_reply: ht
 };
-function mt(n) {
-  const { quickReplies: t } = n, { sendMessage: e } = k(), s = h(
+function ut(n) {
+  const { quickReplies: t } = n, { sendMessage: e } = w(), s = g(
     (c) => {
       e(c);
     },
     [e]
   );
-  return t != null && t.length ? /* @__PURE__ */ o("div", { className: V.quick_replies_box, children: t.map((c) => /* @__PURE__ */ o(
+  return t != null && t.length ? /* @__PURE__ */ o("div", { className: S.quick_replies_box, children: t.map((c) => /* @__PURE__ */ o(
     "div",
     {
-      className: V.quick_reply,
+      className: S.quick_reply,
       onClick: () => s(c.text),
       children: c.text
     },
     c.text
   )) }) : null;
 }
-function F(n) {
+function O(n) {
   return n.toLocaleTimeString("zh-TW", {
     timeZone: "Asia/Taipei",
     hour: "2-digit",
@@ -240,32 +243,31 @@ function F(n) {
     hour12: !1
   });
 }
-const ht = "_time_rgg92_1", pt = {
-  time: ht
+const mt = "_time_rgg92_1", bt = {
+  time: mt
 };
-function $(n) {
+function I(n) {
   const { time: t, className: e } = n;
-  return t ? /* @__PURE__ */ o("div", { className: x(pt.time, e), children: F(t) }) : null;
+  return t ? /* @__PURE__ */ o("div", { className: u(bt.time, e), children: O(t) }) : null;
 }
-function H(n) {
+function R(n) {
   const { quickReplies: t, time: e, children: s } = n;
-  return /* @__PURE__ */ i("div", { className: D.template_box_content, children: [
-    /* @__PURE__ */ i("div", { className: D.content, children: [
+  return /* @__PURE__ */ r("div", { className: q.template_box_content, children: [
+    /* @__PURE__ */ r("div", { className: q.content, children: [
       s,
-      /* @__PURE__ */ o($, { time: e })
+      /* @__PURE__ */ o(I, { time: e })
     ] }),
-    !!(t != null && t.length) && /* @__PURE__ */ o(mt, { quickReplies: t })
+    !!(t != null && t.length) && /* @__PURE__ */ o(ut, { quickReplies: t })
   ] });
 }
-const gt = "_bot_avatar_14r1r_1", bt = {
+const gt = "_bot_avatar_14r1r_1", pt = {
   bot_avatar: gt
 };
-function I() {
-  return /* @__PURE__ */ o("div", { className: bt.bot_avatar, children: /* @__PURE__ */ i(
+function z() {
+  return /* @__PURE__ */ o("div", { className: pt.bot_avatar, children: /* @__PURE__ */ r(
     "svg",
     {
-      width: "25",
-      height: "24",
+      style: { width: "100%", height: "100%" },
       viewBox: "0 0 25 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
@@ -288,20 +290,20 @@ function I() {
     }
   ) });
 }
-const ft = "_text_1b4yq_1", yt = "_dot_1b4yq_18", Ct = "_blink_1b4yq_1", y = {
+const ft = "_text_1djgp_1", Ct = "_dot_1djgp_18", xt = "_blink_1djgp_1", b = {
   text: ft,
-  "text--bot": "_text--bot_1b4yq_7",
-  "typing-indicator": "_typing-indicator_1b4yq_13",
-  dot: yt,
-  blink: Ct
+  "text--bot": "_text--bot_1djgp_7",
+  "typing-indicator": "_typing-indicator_1djgp_13",
+  dot: Ct,
+  blink: xt
 };
-function xt(n) {
-  const { children: t, onResize: e } = n, s = q(null);
-  return m(() => {
-    const c = new ResizeObserver((l) => {
-      for (const r of l) {
-        const { width: a, height: _ } = r.contentRect;
-        e(a, _);
+function vt(n) {
+  const { children: t, onResize: e } = n, s = H(null);
+  return y(() => {
+    const c = new ResizeObserver((a) => {
+      for (const _ of a) {
+        const { width: l, height: i } = _.contentRect;
+        e(l, i);
       }
     });
     return s.current && c.observe(s.current), () => {
@@ -309,33 +311,33 @@ function xt(n) {
     };
   }, [s, e]), /* @__PURE__ */ o("div", { ref: s, children: t });
 }
-function vt() {
-  const { isTyping: n, displayText: t, messageBoxBottomRef: e } = k(), s = h(() => {
-    var c;
-    (c = e.current) == null || c.scrollIntoView({ behavior: "smooth" });
-  }, [e]);
-  return n ? /* @__PURE__ */ i(M, { type: "bot", direction: "horizontal", children: [
-    /* @__PURE__ */ o(I, {}),
-    /* @__PURE__ */ o(H, { time: /* @__PURE__ */ new Date(), children: /* @__PURE__ */ o("div", { className: x(y.text, y["text--bot"]), children: /* @__PURE__ */ i(xt, { onResize: s, children: [
-      /* @__PURE__ */ o("span", { children: t ?? "" }),
-      n && /* @__PURE__ */ i("span", { className: y["typing-indicator"], children: [
-        /* @__PURE__ */ o("div", { className: y.dot }),
-        /* @__PURE__ */ o("div", { className: y.dot }),
-        /* @__PURE__ */ o("div", { className: y.dot })
+function yt(n) {
+  const { typingMessage: t } = n, { messageBoxBottomRef: e } = w(), s = g(() => {
+    var a;
+    (a = e.current) == null || a.scrollIntoView({ behavior: "smooth" });
+  }, [e]), c = J(t == null ? void 0 : t.isTyping, 500);
+  return c ? /* @__PURE__ */ r(v, { type: "bot", direction: "horizontal", children: [
+    /* @__PURE__ */ o(z, {}),
+    /* @__PURE__ */ o(R, { time: /* @__PURE__ */ new Date(), children: /* @__PURE__ */ o("div", { className: u(b.text, b["text--bot"]), children: /* @__PURE__ */ r(vt, { onResize: s, children: [
+      /* @__PURE__ */ o("span", { children: (t == null ? void 0 : t.typingText) ?? "" }),
+      c && /* @__PURE__ */ r("span", { className: b["typing-indicator"], children: [
+        /* @__PURE__ */ o("div", { className: b.dot }),
+        /* @__PURE__ */ o("div", { className: b.dot }),
+        /* @__PURE__ */ o("div", { className: b.dot })
       ] })
     ] }) }) })
   ] }) : null;
 }
-const Tt = "_card_root_1ygom_1", Nt = "_card_content_1ygom_10", wt = "_card_title_1ygom_17", Mt = "_card_description_1ygom_23", kt = "_card_actions_1ygom_37", N = {
-  card_root: Tt,
+const wt = "_card_root_1ygom_1", Nt = "_card_content_1ygom_10", Mt = "_card_title_1ygom_17", Tt = "_card_description_1ygom_23", jt = "_card_actions_1ygom_37", f = {
+  card_root: wt,
   card_content: Nt,
-  card_title: wt,
-  card_description: Mt,
-  card_actions: kt
+  card_title: Mt,
+  card_description: Tt,
+  card_actions: jt
 };
-function G(n) {
-  var r;
-  const { template: t } = n, { sendMessage: e } = k(), s = A(() => (t == null ? void 0 : t.thumbnailImageUrl.replace(/^http:/, "").replace(/^https:/, "")) || "https://via.assets.so/img.jpg?w=200&h=270&tc=white&bg=#eeeeee", [t]), c = A(() => {
+function P(n) {
+  var _;
+  const { template: t } = n, { sendMessage: e } = w(), s = x(() => (t == null ? void 0 : t.thumbnailImageUrl.replace(/^http:/, "").replace(/^https:/, "")) || "https://via.assets.so/img.jpg?w=200&h=270&tc=white&bg=#eeeeee", [t]), c = x(() => {
     switch (t == null ? void 0 : t.imageAspectRatio) {
       case "square":
         return "1 / 1";
@@ -343,20 +345,20 @@ function G(n) {
       default:
         return "1.51 / 1";
     }
-  }, [t]), l = h(
-    (a) => function() {
-      switch (a.type) {
+  }, [t]), a = g(
+    (l) => function() {
+      switch (l.type) {
         case "message":
-          e(a.text);
+          e(l.text);
           return;
         case "uri":
-          window.open(a.uri, "_blank");
+          window.open(l.uri, "_blank");
           return;
       }
     },
     [e]
   );
-  return /* @__PURE__ */ i("div", { className: N.card_root, children: [
+  return /* @__PURE__ */ r("div", { className: f.card_root, children: [
     (t == null ? void 0 : t.thumbnailImageUrl) && /* @__PURE__ */ o(
       "img",
       {
@@ -370,164 +372,186 @@ function G(n) {
         }
       }
     ),
-    /* @__PURE__ */ i("div", { className: N.card_content, children: [
-      /* @__PURE__ */ o("h5", { className: N.card_title, children: t == null ? void 0 : t.title }),
-      /* @__PURE__ */ o("div", { className: N.card_description, children: t == null ? void 0 : t.text }),
-      /* @__PURE__ */ o("div", { className: N.card_actions, children: (r = t == null ? void 0 : t.buttons) == null ? void 0 : r.map((a, _) => /* @__PURE__ */ o("button", { onClick: l(a.action), children: a.label }, _)) })
+    /* @__PURE__ */ r("div", { className: f.card_content, children: [
+      /* @__PURE__ */ o("h5", { className: f.card_title, children: t == null ? void 0 : t.title }),
+      /* @__PURE__ */ o("div", { className: f.card_description, children: t == null ? void 0 : t.text }),
+      /* @__PURE__ */ o("div", { className: f.card_actions, children: (_ = t == null ? void 0 : t.buttons) == null ? void 0 : _.map((l, i) => /* @__PURE__ */ o("button", { onClick: a(l.action), children: l.label }, i)) })
     ] })
   ] });
 }
-function Et(n) {
+function kt(n) {
   const { conversationMessage: t } = n, e = t.message.template;
-  return /* @__PURE__ */ i(M, { type: "bot", direction: "horizontal", children: [
-    /* @__PURE__ */ o(I, {}),
+  return /* @__PURE__ */ r(v, { type: "bot", direction: "horizontal", children: [
+    /* @__PURE__ */ o(z, {}),
     /* @__PURE__ */ o(
-      H,
+      R,
       {
         time: t.time,
         quickReplies: e == null ? void 0 : e.quickReplies,
-        children: /* @__PURE__ */ o(G, { template: e })
+        children: /* @__PURE__ */ o(P, { template: e })
       }
     )
   ] });
 }
-const zt = "_text_1p20y_1", St = "_content_1p20y_19", R = {
+const zt = "_text_sbjtw_1", Bt = "_content_sbjtw_19", j = {
   text: zt,
-  "text--user": "_text--user_1p20y_7",
-  "text--bot": "_text--bot_1p20y_13",
-  content: St
+  "text--user": "_text--user_sbjtw_7",
+  "text--bot": "_text--bot_sbjtw_13",
+  content: Bt
 };
-function O(n) {
+function A(n) {
   var e;
   const { conversationMessage: t } = n;
-  return t.type === "user" ? /* @__PURE__ */ i(M, { type: "user", direction: "horizontal", children: [
-    /* @__PURE__ */ o("div", { className: x(R.text, R["text--user"]), children: t.text }),
-    /* @__PURE__ */ o($, { time: t.time })
-  ] }) : /* @__PURE__ */ i(M, { type: "bot", direction: "horizontal", children: [
-    /* @__PURE__ */ o(I, {}),
+  return t.type === "user" ? /* @__PURE__ */ r(v, { type: "user", direction: "horizontal", children: [
+    /* @__PURE__ */ o("div", { className: u(j.text, j["text--user"]), children: t.text }),
+    /* @__PURE__ */ o(I, { time: t.time })
+  ] }) : /* @__PURE__ */ r(v, { type: "bot", direction: "horizontal", children: [
+    /* @__PURE__ */ o(z, {}),
     /* @__PURE__ */ o(
-      H,
+      R,
       {
         time: t.time,
         quickReplies: (e = t.message.template) == null ? void 0 : e.quickReplies,
-        children: /* @__PURE__ */ o("div", { className: x(R.text, R["text--bot"]), children: t.message.text })
+        children: /* @__PURE__ */ o("div", { className: u(j.text, j["text--bot"]), children: t.message.text })
       }
     )
   ] });
 }
-const Rt = "_carousel_root_sv1hc_1", At = "_carousel_time_sv1hc_12", P = {
-  carousel_root: Rt,
-  carousel_time: At
+const Ht = "_carousel_root_sv1hc_1", It = "_carousel_time_sv1hc_12", Z = {
+  carousel_root: Ht,
+  carousel_time: It
 };
-function It(n) {
+function Rt(n) {
   var s;
   const { conversationMessage: t } = n, e = t.message.template;
-  return /* @__PURE__ */ i(M, { type: "bot", direction: "vertical", children: [
-    /* @__PURE__ */ o(I, {}),
-    /* @__PURE__ */ o("div", { className: P.carousel_root, children: (s = e.columns) == null ? void 0 : s.map((c, l) => /* @__PURE__ */ o(G, { template: c }, l)) }),
-    /* @__PURE__ */ o($, { className: P.carousel_time, time: t.time })
+  return /* @__PURE__ */ r(v, { type: "bot", direction: "vertical", children: [
+    /* @__PURE__ */ o(z, {}),
+    /* @__PURE__ */ o("div", { className: Z.carousel_root, children: (s = e.columns) == null ? void 0 : s.map((c, a) => /* @__PURE__ */ o(P, { template: c }, a)) }),
+    /* @__PURE__ */ o(I, { className: Z.carousel_time, time: t.time })
   ] });
 }
-const Bt = "_hint_root_4opfe_1", qt = "_time_4opfe_15", Z = {
-  hint_root: Bt,
+const $t = "_hint_root_g119q_1", qt = "_time_g119q_14", U = {
+  hint_root: $t,
   time: qt
 };
-function $t(n) {
+function St(n) {
   const { conversationMessage: t } = n;
   if (t.type === "user") return null;
   const e = t.message.template;
-  return e.type !== w.HINT ? null : /* @__PURE__ */ i("div", { className: Z.hint_root, children: [
-    /* @__PURE__ */ o("div", { className: Z.time, children: F(t.time) }),
+  return e.type !== C.HINT ? null : /* @__PURE__ */ r("div", { className: U.hint_root, children: [
+    /* @__PURE__ */ o("div", { className: U.time, children: O(t.time) }),
     e.text
   ] });
 }
-function Ht(n) {
+function At(n) {
   const { conversationMessage: t } = n;
   if (t.type === "user")
-    return /* @__PURE__ */ o(O, { conversationMessage: t });
+    return /* @__PURE__ */ o(A, { conversationMessage: t });
   const e = t.message.template;
   switch (e == null ? void 0 : e.type) {
-    case w.TEXT:
-      return /* @__PURE__ */ o(O, { conversationMessage: t });
-    case w.HINT:
-      return /* @__PURE__ */ o($t, { conversationMessage: t });
-    case w.BUTTON:
-      return /* @__PURE__ */ o(Et, { conversationMessage: t });
-    case w.CAROUSEL:
-      return /* @__PURE__ */ o(It, { conversationMessage: t });
+    case C.TEXT:
+      return /* @__PURE__ */ o(A, { conversationMessage: t });
+    case C.HINT:
+      return /* @__PURE__ */ o(St, { conversationMessage: t });
+    case C.BUTTON:
+      return /* @__PURE__ */ o(kt, { conversationMessage: t });
+    case C.CAROUSEL:
+      return /* @__PURE__ */ o(Rt, { conversationMessage: t });
     default:
       return /* @__PURE__ */ o("div", { children: "Unknown template" });
   }
 }
-function Dt() {
-  const { conversation: n, messageBoxBottomRef: t } = k();
-  return m(() => {
-    var e;
-    (e = t.current) == null || e.scrollIntoView({ behavior: "smooth" });
-  }, [n, t]), /* @__PURE__ */ i("div", { className: it.chatbot_body, children: [
-    n.map((e) => /* @__PURE__ */ o(
-      Ht,
+function Zt() {
+  const { messages: n, typingMessages: t, messageBoxBottomRef: e } = w();
+  return y(() => {
+    var s;
+    (s = e.current) == null || s.scrollIntoView({ behavior: "smooth" });
+  }, [n, e]), /* @__PURE__ */ o("div", { className: $.chatbot_body, children: /* @__PURE__ */ r("div", { className: $.chatbot_body__content, children: [
+    Array.from((n == null ? void 0 : n.values()) ?? []).map((s) => /* @__PURE__ */ o(
+      At,
       {
-        conversationMessage: e
+        conversationMessage: s
       },
       crypto.randomUUID()
     )),
-    /* @__PURE__ */ o(vt, {}),
-    /* @__PURE__ */ o("div", { ref: t })
-  ] });
+    Array.from((t == null ? void 0 : t.values()) ?? []).map((s) => /* @__PURE__ */ o(
+      yt,
+      {
+        typingMessage: s
+      },
+      crypto.randomUUID()
+    )),
+    /* @__PURE__ */ o("div", { ref: e })
+  ] }) });
 }
-const Vt = "_chatbot_footer_1i661_1", Ot = "_chatbot_input_1i661_5", j = {
-  chatbot_footer: Vt,
-  chatbot_input: Ot
+const Ut = "_chatbot_footer_3box0_1", Dt = "_chatbot_footer__content_3box0_1", Vt = "_chatbot_textarea_3box0_8", B = {
+  chatbot_footer: Ut,
+  chatbot_footer__content: Dt,
+  chatbot_textarea: Vt
 };
-function Pt() {
-  const { sendMessage: n, isConnectionProcessing: t } = k(), [e, s] = C(""), c = h(
-    (r) => {
-      s(r.target.value);
+function Et() {
+  const { sendMessage: n, isConnecting: t } = w(), [e, s] = k(""), [c, a] = k(!1), _ = g(
+    (i) => {
+      const h = i.target, d = h.value;
+      h.style.height = "20px", d && (h.style.height = `${h.scrollHeight - 16}px`), s(i.target.value);
     },
     []
-  ), l = h(
-    (r) => {
-      r.key === "Enter" && (n(e), s(""));
+  ), l = g(
+    (i) => {
+      i.key === "Enter" && !c && !t && (n(e), s(""));
     },
-    [n, e]
+    [c, t, n, e]
   );
-  return /* @__PURE__ */ o("div", { className: j.chatbot_footer, children: /* @__PURE__ */ o(
-    "input",
+  return /* @__PURE__ */ o("div", { className: B.chatbot_footer, children: /* @__PURE__ */ o("div", { className: B.chatbot_footer__content, children: /* @__PURE__ */ o(
+    "textarea",
     {
-      className: j.chatbot_input,
+      className: B.chatbot_textarea,
       disabled: t,
+      cols: 40,
       value: e,
       placeholder: "Enter message",
-      onChange: c,
-      onKeyDown: l
+      onChange: _,
+      onKeyDown: l,
+      onCompositionStart: () => a(!0),
+      onCompositionEnd: () => a(!1)
     }
-  ) });
+  ) }) });
 }
-const Zt = "_chatbot_root_1tkt9_1", jt = {
-  chatbot_root: Zt
+const Ot = "_chatbot_root_1jllh_1", Pt = "_chatbot_root__fullScreen_1jllh_12", D = {
+  chatbot_root: Ot,
+  chatbot_root__fullScreen: Pt
 };
-function Gt(n) {
-  const { config: t, customChannelId: e, initConversation: s } = n;
-  return /* @__PURE__ */ i(
-    nt,
+function Qt(n) {
+  const {
+    title: t,
+    config: e,
+    customChannelId: s,
+    initMessages: c,
+    fullScreen: a = !1,
+    options: _
+  } = n;
+  return /* @__PURE__ */ r(
+    Y,
     {
-      className: jt.chatbot_root,
-      config: t,
-      customChannelId: e,
-      initConversation: s,
+      className: u(
+        D.chatbot_root,
+        a && D.chatbot_root__fullScreen
+      ),
+      config: e,
+      customChannelId: s,
+      initMessages: c,
+      options: _,
       children: [
-        /* @__PURE__ */ o(ct, {}),
-        /* @__PURE__ */ o(Dt, {}),
-        /* @__PURE__ */ o(Pt, {})
+        /* @__PURE__ */ o(ct, { title: t }),
+        /* @__PURE__ */ o(Zt, {}),
+        /* @__PURE__ */ o(Et, {})
       ]
     }
   );
 }
 export {
-  Gt as Chatbot,
-  J as useAsgardServiceClient,
-  Y as useChannel,
-  et as useChatbotTyping,
-  tt as useDebounce
+  Qt as Chatbot,
+  X as useAsgardServiceClient,
+  G as useChannel,
+  J as useDebounce
 };

package/dist/style.css

@@ -1 +1 @@
-._chatbot_header_uinpm_1{padding:16px}._chatbot_body_okhax_1{display:flex;flex-direction:column;padding:16px;gap:16px;border-top:1px solid #434343;border-bottom:1px solid #434343;overflow-x:hidden;overflow-y:scroll}._template_box_1ozig_1{width:100%;display:flex;gap:8px}._template_box--bot_1ozig_7._template_box--horizontal_1ozig_7{flex-direction:row}._template_box--bot_1ozig_7._template_box--vertical_1ozig_10{flex-direction:column}._template_box--user_1ozig_14{flex-direction:row-reverse}._template_box_content_12ojl_1{display:flex;flex-direction:column;gap:8px}._content_12ojl_7{display:flex;flex-direction:row;gap:8px}._quick_replies_box_19pe0_1{display:flex;flex-wrap:wrap;gap:8px}._quick_reply_19pe0_7{font-size:13px;padding:4px 8px;border-radius:8px;border:1px solid #434343;background:#58585833;color:#fff;cursor:pointer}._time_rgg92_1{display:flex;align-items:flex-end;font-size:12px;color:#8c8c8c}._bot_avatar_14r1r_1{flex:0 0 auto;width:24px;height:24px}._text_1b4yq_1{padding:8px 12px;border-radius:8px;color:#fff}._text--bot_1b4yq_7{max-width:223px;background:#585858;border-top-left-radius:0}._typing-indicator_1b4yq_13{display:inline-flex;align-items:flex-end;justify-content:center}._typing-indicator_1b4yq_13 ._dot_1b4yq_18{width:2px;height:2px;margin:0 2px;background-color:#fff;border-radius:50%;animation:_blink_1b4yq_1 1.4s infinite ease-in-out both}._typing-indicator_1b4yq_13 ._dot_1b4yq_18:nth-child(1){animation-delay:0s}._typing-indicator_1b4yq_13 ._dot_1b4yq_18:nth-child(2){animation-delay:.2s}._typing-indicator_1b4yq_13 ._dot_1b4yq_18:nth-child(3){animation-delay:.4s}@keyframes _blink_1b4yq_1{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}._card_root_1ygom_1{width:255px;height:368px;max-height:380px;border-radius:8px;background:#333;overflow:hidden}._card_content_1ygom_10{display:flex;flex-direction:column;gap:8px;padding:12px}._card_title_1ygom_17{color:#fff;margin:0;font-size:15px}._card_description_1ygom_23{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#8c8c8c;font-size:13px;font-weight:400;line-height:20px;text-underline-position:from-font;text-decoration-skip-ink:none;text-overflow:ellipsis}._card_actions_1ygom_37{display:flex;flex-direction:column;gap:8px}._card_actions_1ygom_37>button{width:100%;height:32px;line-height:32px;text-align:center;border:none;border-radius:4px;background:#4767eb;color:#fff;font-size:15px;cursor:pointer}._text_1p20y_1{padding:8px 12px;border-radius:8px;color:#fff}._text--user_1p20y_7{max-width:255px;background:#4767eb;border-top-right-radius:0}._text--bot_1p20y_13{max-width:223px;background:#585858;border-top-left-radius:0}._content_1p20y_19{display:flex;flex-direction:column;gap:8px}._carousel_root_sv1hc_1{width:100%;display:flex;flex-wrap:nowrap;overflow-x:scroll;gap:8px}._carousel_root_sv1hc_1>div{flex:0 0 auto}._carousel_time_sv1hc_12{justify-content:flex-end}._hint_root_4opfe_1{margin:0 auto;display:flex;flex-direction:column;align-items:center;max-width:304px;padding:4px 12px;gap:4px;border-radius:2px;background:#58585833;font-size:13px;color:#fff}._time_4opfe_15{font-size:12px;color:#8c8c8c}._chatbot_footer_1i661_1{padding:16px}._chatbot_input_1i661_5{height:20px;max-height:240px;padding:8px 8px 8px 12px;background:#1f1f1f;border:1px solid rgb(67,67,67);border-radius:2px;color:#8c8c8c}._chatbot_root_1tkt9_1{width:375px;height:640px;background-color:#141414;border-radius:8px;font-size:15px;display:grid;grid-template-rows:max-content auto max-content}
+._chatbot_header_1xj9n_1 ._chatbot_header__content_1xj9n_1{margin:0 auto;max-width:1200px;padding:16px;display:flex;justify-content:space-between}._chatbot_header__title_1xj9n_9{display:flex;flex-direction:row;align-items:center;gap:8px}._chatbot_header__title_1xj9n_9>h4{margin:0;color:#fff}._chatbot_header__extra_1xj9n_20{display:flex;flex-direction:row;align-items:center;gap:8px}._chatbot_body_1f0gq_1{border-top:1px solid #434343;border-bottom:1px solid #434343;overflow-x:hidden;overflow-y:scroll}._chatbot_body_1f0gq_1 ._chatbot_body__content_1f0gq_7{margin:0 auto;display:flex;flex-direction:column;padding:16px;gap:16px;max-width:1200px}._template_box_1ozig_1{width:100%;display:flex;gap:8px}._template_box--bot_1ozig_7._template_box--horizontal_1ozig_7{flex-direction:row}._template_box--bot_1ozig_7._template_box--vertical_1ozig_10{flex-direction:column}._template_box--user_1ozig_14{flex-direction:row-reverse}._template_box_content_12ojl_1{display:flex;flex-direction:column;gap:8px}._content_12ojl_7{display:flex;flex-direction:row;gap:8px}._quick_replies_box_19pe0_1{display:flex;flex-wrap:wrap;gap:8px}._quick_reply_19pe0_7{font-size:13px;padding:4px 8px;border-radius:8px;border:1px solid #434343;background:#58585833;color:#fff;cursor:pointer}._time_rgg92_1{display:flex;align-items:flex-end;font-size:12px;color:#8c8c8c}._bot_avatar_14r1r_1{flex:0 0 auto;width:24px;height:24px}._text_1djgp_1{padding:8px 12px;border-radius:8px;color:#fff}._text--bot_1djgp_7{max-width:70%;background:#585858;border-top-left-radius:0}._typing-indicator_1djgp_13{display:inline-flex;align-items:flex-end;justify-content:center}._typing-indicator_1djgp_13 ._dot_1djgp_18{width:2px;height:2px;margin:0 2px;background-color:#fff;border-radius:50%;animation:_blink_1djgp_1 1.4s infinite ease-in-out both}._typing-indicator_1djgp_13 ._dot_1djgp_18:nth-child(1){animation-delay:0s}._typing-indicator_1djgp_13 ._dot_1djgp_18:nth-child(2){animation-delay:.2s}._typing-indicator_1djgp_13 ._dot_1djgp_18:nth-child(3){animation-delay:.4s}@keyframes _blink_1djgp_1{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}._card_root_1ygom_1{width:255px;height:368px;max-height:380px;border-radius:8px;background:#333;overflow:hidden}._card_content_1ygom_10{display:flex;flex-direction:column;gap:8px;padding:12px}._card_title_1ygom_17{color:#fff;margin:0;font-size:15px}._card_description_1ygom_23{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#8c8c8c;font-size:13px;font-weight:400;line-height:20px;text-underline-position:from-font;text-decoration-skip-ink:none;text-overflow:ellipsis}._card_actions_1ygom_37{display:flex;flex-direction:column;gap:8px}._card_actions_1ygom_37>button{width:100%;height:32px;line-height:32px;text-align:center;border:none;border-radius:4px;background:#4767eb;color:#fff;font-size:15px;cursor:pointer}._text_sbjtw_1{padding:8px 12px;border-radius:8px;color:#fff}._text--user_sbjtw_7{max-width:75%;background:#4767eb;border-top-right-radius:0}._text--bot_sbjtw_13{max-width:70%;background:#585858;border-top-left-radius:0}._content_sbjtw_19{display:flex;flex-direction:column;gap:8px}._carousel_root_sv1hc_1{width:100%;display:flex;flex-wrap:nowrap;overflow-x:scroll;gap:8px}._carousel_root_sv1hc_1>div{flex:0 0 auto}._carousel_time_sv1hc_12{justify-content:flex-end}._hint_root_g119q_1{margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:4px 12px;gap:4px;border-radius:2px;background:#58585833;font-size:13px;color:#fff}._time_g119q_14{font-size:12px;color:#8c8c8c}._chatbot_footer_3box0_1 ._chatbot_footer__content_3box0_1{margin:0 auto;max-width:1200px;padding:16px;gap:16px}._chatbot_textarea_3box0_8{font:inherit;width:calc(100% - 20px);height:20px;max-height:240px;padding:8px 8px 8px 12px;background:#1f1f1f;border:1px solid rgb(67,67,67);border-radius:2px;color:#8c8c8c;resize:none;overflow:hidden}._chatbot_root_1jllh_1{min-width:375px;width:100%;height:100%;background-color:#141414;border-radius:8px;font-size:15px;display:grid;grid-template-rows:max-content auto max-content}._chatbot_root__fullScreen_1jllh_12{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;border-radius:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "access": "public"
   },

package/dist/components/message-box/message-box.d.ts

@@ -1,9 +0,0 @@
-import { ConversationMessage } from '../../hooks';
-import { ReactNode } from 'react';
-
-interface MessageBoxProps {
-    conversationMessage: ConversationMessage;
-}
-export declare function MessageBox(props: MessageBoxProps): ReactNode;
-export {};
-//# sourceMappingURL=message-box.d.ts.map

package/dist/components/message-box/message-box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"message-box.d.ts","sourceRoot":"","sources":["../../../src/components/message-box/message-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAKhD,UAAU,eAAe;IACvB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAGD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,CAsC5D"}

package/dist/hooks/use-chatbot-typing.d.ts

@@ -1,11 +0,0 @@
-import { Message } from '@asgard-js/core';
-
-export interface UseChatbotTypingReturn {
-    isTyping: boolean;
-    displayText: string | null;
-    startTyping: (message: Message) => void;
-    onTyping: (message: Message) => void;
-    stopTyping: () => void;
-}
-export declare function useChatbotTyping(): UseChatbotTypingReturn;
-//# sourceMappingURL=use-chatbot-typing.d.ts.map

package/dist/hooks/use-chatbot-typing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-chatbot-typing.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chatbot-typing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAI1C,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,gBAAgB,IAAI,sBAAsB,CAwBzD"}