@asgard-js/react 0.0.3 → 0.0.5

package/README.md

@@ -1,7 +1,88 @@
-# @asgard-js/react
+# AsgardJs React
 
-This library was generated with [Nx](https://nx.dev).
+This package provides React components and hooks for integrating with the Asgard AI platform, allowing you to build interactive chat interfaces.
 
-## Running unit tests
+## Installation
 
-Run `nx test @asgard-js/react` to execute the unit tests via [Vitest](https://vitest.dev/).
+To install the React package, use the following command:
+
+```sh
+yarn add asgardjs-react
+```
+
+## Usage
+
+Here's a basic example of how to use the React components:
+
+```javascript
+import React from 'react';
+import { Chatbot } from 'asgardjs-react';
+
+const App = () => {
+  return (
+    <Chatbot
+      title="Asgard AI Chatbot"
+      config={{
+        apiKey: 'your-api-key',
+        endpoint: 'https://api.asgard-ai.com',
+      }}
+      customChannelId="your-channel-id"
+      initMessages={[]}
+      fullScreen={false}
+      avatar="https://example.com/avatar.png"
+      botTypingPlaceholder="Bot is typing..."
+      options={{ showDebugMessage: true }}
+    />
+  );
+};
+
+export default App;
+```
+
+### Chatbot Component Props
+
+- **title**: `string` - The title of the chatbot.
+- **config**: `ClientConfig` - Configuration object for the Asgard service client.
+- **customChannelId**: `string` - Custom channel identifier.
+- **initMessages**: `ConversationMessage[]` - Initial messages to display in the chat.
+- **fullScreen**: `boolean` - Whether the chatbot should be displayed in full screen.
+- **avatar**: `string` - URL of the avatar image for the chatbot.
+- **botTypingPlaceholder**: `string` - Placeholder text to show when the bot is typing.
+- **options**: `object` - Additional options, such as `showDebugMessage`.
+
+## Development
+
+To start developing the React package, follow these steps:
+
+1. Clone the repository and navigate to the `packages/react` directory.
+2. Install dependencies:
+
+```sh
+yarn install
+```
+
+3. Build the package:
+
+```sh
+yarn build
+```
+
+4. Run tests to ensure everything is working:
+
+```sh
+yarn test
+```
+
+5. Start the development server:
+
+```sh
+yarn start
+```
+
+## Contributing
+
+We welcome contributions! Please read our [contributing guide](../../CONTRIBUTING.md) to get started.
+
+## License
+
+This project is licensed under the MIT License - see the [LICENSE](../../LICENSE) file for details.

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,CA0BvC"}
+{"version":3,"file":"chatbot-body.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-body.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,OAAO,CAAC;AAOtD,wBAAgB,WAAW,IAAI,SAAS,CAiCvC"}

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

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

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

@@ -0,0 +1,2 @@
+export * from './chatbot-footer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts

@@ -0,0 +1,9 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+
+interface SpeechInputButtonProps {
+    setValue: Dispatch<SetStateAction<string>>;
+    className?: string;
+}
+export declare function SpeechInputButton(props: SpeechInputButtonProps): ReactNode;
+export {};
+//# sourceMappingURL=speech-input-button.d.ts.map

package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"speech-input-button.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/chatbot-footer/speech-input-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAC;AAIf,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CA6G1E"}

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

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 
 interface ChatbotHeaderProps {
     title: string;
+    onClose?: () => void;
+    onReset?: () => void;
 }
 export declare function ChatbotHeader(props: ChatbotHeaderProps): ReactNode;
 export {};

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;AAKlC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAgBlE"}
+{"version":3,"file":"chatbot-header.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAQ3E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CAuDlE"}

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

@@ -1,16 +1,19 @@
+import { AsgardThemeContextValue } from '../../context/asgard-theme-context';
 import { ClientConfig, ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface ChatbotProps {
     title: string;
+    theme?: Partial<AsgardThemeContextValue>;
     config: ClientConfig;
     customChannelId: string;
     initMessages?: ConversationMessage[];
+    debugMode?: boolean;
     fullScreen?: boolean;
     avatar?: string;
-    options?: {
-        showDebugMessage?: boolean;
-    };
+    botTypingPlaceholder?: string;
+    onReset?: () => void;
+    onClose?: () => void;
 }
 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,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,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;CAC1C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CA4BtD"}
+{"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;AAEpE,OAAO,EAEL,uBAAuB,EACxB,MAAM,kCAAkC,CAAC;AAO1C,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,SAAS,CAmCtD"}

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

@@ -1 +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,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CA+C9D"}
+{"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;AAGlC,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAkB9D"}

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

@@ -2,7 +2,7 @@ import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface ConversationMessageRendererProps {
-    conversationMessage: ConversationMessage;
+    message: ConversationMessage;
 }
 export declare function ConversationMessageRenderer(props: ConversationMessageRendererProps): ReactNode;
 export {};

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,EAAuB,MAAM,iBAAiB,CAAC;AAQ3E,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;AAS3E,UAAU,gCAAgC;IACxC,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,GACtC,SAAS,CA4BX"}

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

@@ -1,4 +1,8 @@
 import { ReactNode } from 'react';
 
-export declare function Avatar(): ReactNode;
+interface AvatarProps {
+    avatar?: string;
+}
+export declare const Avatar: import('react').MemoExoticComponent<(props: AvatarProps) => ReactNode>;
+export {};
 //# sourceMappingURL=avatar.d.ts.map

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;AAIlC,wBAAgB,MAAM,IAAI,SAAS,CA0BlC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAIxC,UAAU,WAAW;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,8CAAgB,WAAW,KAAG,SAAS,CAYxD,CAAC"}

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

@@ -1,8 +1,8 @@
-import { ConversationBotMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface BotTypingBoxProps {
-    typingMessage: ConversationBotMessage;
+    isTyping: boolean;
+    typingText: string | null;
 }
 export declare function BotTypingBox(props: BotTypingBoxProps): ReactNode;
 export {};

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;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"}
+{"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;AAS/C,UAAU,iBAAiB;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA+BhE"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface BotTypingPlaceholderProps {
+    placeholder: string;
+}
+export declare function BotTypingPlaceholder(props: BotTypingPlaceholderProps): ReactNode;
+export {};
+//# sourceMappingURL=bot-typing-placeholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bot-typing-placeholder.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/bot-typing-placeholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI3C,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,SAAS,CAiBX"}

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

@@ -1,2 +1,3 @@
 export * from './bot-typing-box';
+export * from './bot-typing-placeholder';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,0BAA0B,CAAC"}

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { ConversationBotMessage } from '@asgard-js/core';
 
 interface ButtonTemplateProps {
-    conversationMessage: ConversationBotMessage;
+    message: ConversationBotMessage;
 }
 export declare function ButtonTemplate(props: ButtonTemplateProps): ReactNode;
 export {};

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":"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"}
+{"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;AAMlC,UAAU,mBAAmB;IAC3B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,SAAS,CAkBpE"}

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE3E,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,SAAS;IACjB,QAAQ,EAAE,qBAAqB,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9E;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAqEhD"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/button-template/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE3E,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,SAAS;IACjB,QAAQ,EAAE,qBAAqB,GAAG,uBAAuB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC9E;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAsEhD"}

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

@@ -2,7 +2,7 @@ import { ConversationBotMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface CarouselTemplateProps {
-    conversationMessage: ConversationBotMessage;
+    message: ConversationBotMessage;
 }
 export declare function CarouselTemplate(props: CarouselTemplateProps): ReactNode;
 export {};

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;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"}
+{"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;AAIzB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CAkBxE"}

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

@@ -2,7 +2,7 @@ import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface HintTemplateProps {
-    conversationMessage: ConversationMessage;
+    message: ConversationMessage;
 }
 export declare function HintTemplate(props: HintTemplateProps): ReactNode;
 export {};

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;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"}
+{"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,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CAehE"}

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

@@ -2,7 +2,7 @@ import { ConversationMessage } from '@asgard-js/core';
 import { ReactNode } from 'react';
 
 interface TextTemplateProps {
-    conversationMessage: ConversationMessage;
+    message: ConversationMessage;
 }
 export declare function TextTemplate(props: TextTemplateProps): ReactNode;
 export {};

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,iBAAiB,CAAC;AAMtD,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;AAOtD,UAAU,iBAAiB;IACzB,OAAO,EAAE,mBAAmB,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA6BhE"}

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

@@ -1,21 +1,26 @@
 import { UseChannelReturn } from '../hooks';
 import { DetailedHTMLProps, HTMLAttributes, ReactNode, RefObject } from 'react';
-import { AsgardServiceClient, ClientConfig, ConversationBotMessage, ConversationMessage } from '@asgard-js/core';
+import { AsgardServiceClient, ClientConfig, ConversationMessage } from '@asgard-js/core';
 
 interface AsgardServiceContextType {
     avatar?: string;
     client: AsgardServiceClient | null;
+    isOpen: boolean;
+    isResetting: boolean;
     isConnecting: boolean;
     messages: Map<string, ConversationMessage> | null;
-    typingMessages: Map<string, ConversationBotMessage> | null;
     messageBoxBottomRef: RefObject<HTMLDivElement>;
-    sendMessage: UseChannelReturn['sendMessage'];
+    sendMessage?: UseChannelReturn['sendMessage'];
+    resetChannel?: UseChannelReturn['resetChannel'];
+    closeChannel?: UseChannelReturn['closeChannel'];
+    botTypingPlaceholder?: string;
 }
 export declare const AsgardServiceContext: import('react').Context<AsgardServiceContextType>;
 interface AsgardServiceContextProviderProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
     children: ReactNode;
     avatar?: string;
     config: ClientConfig;
+    botTypingPlaceholder?: string;
     customChannelId: string;
     customMessageId?: string;
     delayTime?: number;

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,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,CAAC,EAAE,MAAM,CAAC;IAChB,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,mDAQ/B,CAAC;AAEH,UAAU,iCACR,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,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,CA0CX;AAED,wBAAgB,gBAAgB,IAAI,wBAAwB,CAE3D"}
+{"version":3,"file":"asgard-service-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-service-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,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;AAGnB,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAClD,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,mDAS/B,CAAC;AAEH,UAAU,iCACR,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,CAsEX;AAED,wBAAgB,gBAAgB,IAAI,wBAAwB,CAE3D"}

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

@@ -0,0 +1,17 @@
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+
+export interface AsgardThemeContextValue {
+    chatbot: Pick<CSSProperties, 'width' | 'height' | 'maxWidth' | 'minWidth' | 'maxHeight' | 'minHeight' | 'backgroundColor' | 'borderColor' | 'borderRadius'> & {
+        contentMaxWidth?: CSSProperties['maxWidth'];
+    };
+    botMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
+    userMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
+}
+export declare const defaultAsgardThemeContextValue: AsgardThemeContextValue;
+export declare const AsgardThemeContext: import('react').Context<AsgardThemeContextValue>;
+export declare function AsgardThemeContextProvider(props: PropsWithChildren<{
+    fullScreen?: boolean;
+    theme?: Partial<AsgardThemeContextValue>;
+}>): ReactNode;
+export declare function useAsgardThemeContext(): AsgardThemeContextValue;
+//# sourceMappingURL=asgard-theme-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asgard-theme-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-theme-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,IAAI,CACX,aAAa,EACX,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,CACjB,GAAG;QACF,eAAe,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC;IACF,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IAC7D,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAiB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAE9B,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC1C,CAAC,GACD,SAAS,CAyBX;AAED,wBAAgB,qBAAqB,IAAI,uBAAuB,CAE/D"}

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

@@ -1,19 +1,20 @@
-import { AsgardServiceClient, ConversationBotMessage, ConversationMessage, EventType, SseResponse } from '@asgard-js/core';
+import { AsgardServiceClient, Conversation, ConversationMessage } from '@asgard-js/core';
 
 interface UseChannelProps {
     client: AsgardServiceClient | null;
     customChannelId: string;
+    customMessageId?: string;
     initMessages?: ConversationMessage[];
-    options?: {
-        showDebugMessage?: boolean;
-    };
-    onResetChannelInit?: (event: SseResponse<EventType.INIT>) => void;
+    showDebugMessage?: boolean;
 }
 export interface UseChannelReturn {
+    isOpen: boolean;
+    isResetting: boolean;
     isConnecting: boolean;
-    messages: Map<string, ConversationMessage> | null;
-    typingMessages: Map<string, ConversationBotMessage> | null;
-    sendMessage: (text: string, customMessageId?: string) => void;
+    conversation: Conversation | null;
+    sendMessage?: (text: string) => void;
+    resetChannel?: () => void;
+    closeChannel?: () => void;
 }
 export declare function useChannel(props: UseChannelProps): UseChannelReturn;
 export {};

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,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,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,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+EnE"}
+{"version":3,"file":"use-channel.d.ts","sourceRoot":"","sources":["../../src/hooks/use-channel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,eAAe;IACvB,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CA6GnE"}