@asgard-js/react 0.0.4 → 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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+interface ChatbotHeaderProps {
+    title: string;
+    onClose?: () => void;
+    onReset?: () => void;
+}
+export declare function ChatbotHeader(props: ChatbotHeaderProps): ReactNode;
+export {};
+//# sourceMappingURL=chatbot-header.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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;
+    botTypingPlaceholder?: string;
+    onReset?: () => void;
+    onClose?: () => void;
+}
+export declare function Chatbot(props: ChatbotProps): ReactNode;
+export {};
+//# sourceMappingURL=chatbot.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface ProfileIconProps {
+    avatar?: string;
+}
+export declare function ProfileIcon(props: ProfileIconProps): ReactNode;
+export {};
+//# 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;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

@@ -0,0 +1,9 @@
+import { ConversationMessage } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface ConversationMessageRendererProps {
+    message: ConversationMessage;
+}
+export declare function ConversationMessageRenderer(props: ConversationMessageRendererProps): ReactNode;
+export {};
+//# sourceMappingURL=conversation-message-renderer.d.ts.map

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

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

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

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

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

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

package/dist/components/index.d.ts

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

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

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

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+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

@@ -0,0 +1 @@
+{"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/avatar/index.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface BotTypingBoxProps {
+    isTyping: boolean;
+    typingText: string | null;
+}
+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

@@ -0,0 +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;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

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

@@ -0,0 +1 @@
+{"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/bot-typing-box/resize-observer-box.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface ResizeObserverBoxProps {
+    children: ReactNode;
+    onResize: (width: number, height: number) => void;
+}
+export declare function ResizeObserverBox(props: ResizeObserverBoxProps): ReactNode;
+export {};
+//# sourceMappingURL=resize-observer-box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/bot-typing-box/resize-observer-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,GAAG,SAAS,CAsB1E"}

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ConversationBotMessage } from '@asgard-js/core';
+
+interface ButtonTemplateProps {
+    message: ConversationBotMessage;
+}
+export declare function ButtonTemplate(props: ButtonTemplateProps): ReactNode;
+export {};
+//# sourceMappingURL=button-template.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,9 @@
+import { ButtonMessageTemplate, CarouselMessageTemplate } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface CardProps {
+    template: ButtonMessageTemplate | CarouselMessageTemplate['columns'][number];
+}
+export declare function Card(props: CardProps): ReactNode;
+export {};
+//# sourceMappingURL=card.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ConversationBotMessage } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface CarouselTemplateProps {
+    message: ConversationBotMessage;
+}
+export declare function CarouselTemplate(props: CarouselTemplateProps): ReactNode;
+export {};
+//# sourceMappingURL=carousel-template.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ConversationMessage } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface HintTemplateProps {
+    message: ConversationMessage;
+}
+export declare function HintTemplate(props: HintTemplateProps): ReactNode;
+export {};
+//# sourceMappingURL=hint-template.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+export * from './template-box';
+export * from './bot-typing-box';
+export * from './button-template';
+export * from './text-template';
+export * from './carousel-template';
+export * from './hint-template';
+export * from './quick-replies';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/templates/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAEhC,cAAc,iBAAiB,CAAC"}

package/dist/components/templates/quick-replies/index.d.ts

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

package/dist/components/templates/quick-replies/index.d.ts.map

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

package/dist/components/templates/quick-replies/quick-replies.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+interface QuickRepliesProps {
+    quickReplies: {
+        text: string;
+    }[];
+}
+export declare function QuickReplies(props: QuickRepliesProps): ReactNode;
+export {};
+//# sourceMappingURL=quick-replies.d.ts.map

package/dist/components/templates/quick-replies/quick-replies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-replies.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/quick-replies/quick-replies.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAI/C,UAAU,iBAAiB;IACzB,YAAY,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAClC;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA8BhE"}

package/dist/components/templates/template-box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './template-box';
+export * from './template-box-content';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/template-box/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC"}

package/dist/components/templates/template-box/template-box-content.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+interface TemplateBoxContentProps {
+    children: ReactNode;
+    time?: Date;
+    quickReplies?: {
+        text: string;
+    }[];
+}
+export declare function TemplateBoxContent(props: TemplateBoxContentProps): ReactNode;
+export {};
+//# sourceMappingURL=template-box-content.d.ts.map

package/dist/components/templates/template-box/template-box-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-box-content.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/template-box/template-box-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACnC;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,SAAS,CAY5E"}

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

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+type TemplateBoxProps = {
+    type: 'user';
+    direction: 'horizontal';
+    children: ReactNode;
+} | {
+    type: 'bot';
+    direction: 'horizontal' | 'vertical';
+    children: ReactNode;
+};
+export declare function TemplateBox(props: TemplateBoxProps): ReactNode;
+export {};
+//# sourceMappingURL=template-box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template-box.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/template-box/template-box.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAI3C,KAAK,gBAAgB,GACjB;IACE,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB,GACD;IACE,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEN,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,SAAS,CAoB9D"}

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { ConversationMessage } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface TextTemplateProps {
+    message: ConversationMessage;
+}
+export declare function TextTemplate(props: TextTemplateProps): ReactNode;
+export {};
+//# sourceMappingURL=text-template.d.ts.map

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

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

package/dist/components/templates/time/index.d.ts

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

package/dist/components/templates/time/index.d.ts.map

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

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

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface TimeProps {
+    time?: Date;
+    className?: string;
+}
+export declare function Time(props: TimeProps): ReactNode;
+export {};
+//# sourceMappingURL=time.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/time/time.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAMhD"}

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

@@ -0,0 +1,35 @@
+import { UseChannelReturn } from '../hooks';
+import { DetailedHTMLProps, HTMLAttributes, ReactNode, RefObject } from 'react';
+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;
+    messageBoxBottomRef: RefObject<HTMLDivElement>;
+    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;
+    options?: {
+        showDebugMessage?: boolean;
+    };
+    initMessages?: ConversationMessage[];
+}
+export declare function AsgardServiceContextProvider(props: AsgardServiceContextProviderProps): ReactNode;
+export declare function useAsgardContext(): AsgardServiceContextType;
+export {};
+//# sourceMappingURL=asgard-service-context.d.ts.map

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

@@ -0,0 +1 @@
+{"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/index.d.ts

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

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

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

package/dist/hooks/use-asgard-service-client.d.ts

@@ -0,0 +1,8 @@
+import { ClientConfig, AsgardServiceClient } from '@asgard-js/core';
+
+interface UseAsgardServiceClientProps {
+    config: ClientConfig;
+}
+export declare function useAsgardServiceClient(props: UseAsgardServiceClientProps): AsgardServiceClient | null;
+export {};
+//# sourceMappingURL=use-asgard-service-client.d.ts.map

package/dist/hooks/use-asgard-service-client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-asgard-service-client.d.ts","sourceRoot":"","sources":["../../src/hooks/use-asgard-service-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGpE,UAAU,2BAA2B;IACnC,MAAM,EAAE,YAAY,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,2BAA2B,GACjC,mBAAmB,GAAG,IAAI,CAmB5B"}