@asgard-js/react 0.0.4 → 0.0.6

package/README.md

@@ -1,7 +1,209 @@
-# @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 @asgard-js/core @asgard-js/react
+```
+
+## Usage
+
+Here's a basic example of how to use the React components:
+
+```javascript
+import React from 'react';
+import { Chatbot } from '@asgard-js/react';
+
+const App = () => {
+  return (
+    <Chatbot
+      title="Asgard AI Chatbot"
+      config={{
+        apiKey: 'your-api-key',
+        endpoint: 'https://api.asgard-ai.com',
+        onExecutionError: (error) => {
+          console.error('Execution error:', error);
+        },
+        transformSsePayload: (payload) => {
+          return payload;
+        }
+      }}
+      customChannelId="your-channel-id"
+      initMessages={[]}
+      debugMode={false}
+      fullScreen={false}
+      avatar="https://example.com/avatar.png"
+      botTypingPlaceholder="Bot is typing..."
+      onReset={() => {
+        console.log('Chat reset');
+      }}
+      onClose={() => {
+        console.log('Chat closed');
+      }}
+    />
+  );
+};
+
+export default App;
+```
+
+### Chatbot Component Props
+
+- **title**: `string` - The title of the chatbot.
+- **config**: `ClientConfig` - Configuration object for the Asgard service client, including:
+  - `apiKey`: `string` (required) - API key for authentication
+  - `endpoint`: `string` (required) - API endpoint URL
+  - `onExecutionError?`: `(error: ErrorEventData) => void` - Error handler for execution errors
+  - `transformSsePayload?`: `(payload: FetchSsePayload) => FetchSsePayload` - SSE payload transformer
+- **customChannelId**: `string` - Custom channel identifier for the chat session
+- **initMessages**: `ConversationMessage[]` - Initial messages to display in the chat
+- **debugMode**: `boolean` - Enable debug mode, defaults to `false`
+- **fullScreen**: `boolean` - Display chatbot in full screen mode, defaults to `false`
+- **avatar**: `string` - URL for the chatbot's avatar image
+- **botTypingPlaceholder**: `string` - Text to display while the bot is typing
+- **theme**: `Partial<AsgardThemeContextValue>` - Custom theme configuration
+- **onReset**: `() => void` - Callback function when chat is reset
+- **onClose**: `() => void` - Callback function when chat is closed
+
+### Theme Configuration
+
+```typescript
+interface AsgardThemeContextValue {
+  chatbot: {
+    width?: string;
+    height?: string;
+    maxWidth?: string;
+    minWidth?: string;
+    maxHeight?: string;
+    minHeight?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    borderRadius?: string;
+    contentMaxWidth?: string;
+  };
+  botMessage: {
+    color?: string;
+    backgroundColor?: string;
+  };
+  userMessage: {
+    color?: string;
+    backgroundColor?: string;
+  };
+}
+```
+
+### Default Theme
+
+The default theme uses CSS variables for consistent styling:
+
+```javascript
+const defaultTheme = {
+  chatbot: {
+    width: '375px',
+    height: '640px',
+    backgroundColor: 'var(--asg-color-bg)',
+    borderColor: 'var(--asg-color-border)',
+    borderRadius: 'var(--asg-radius-md)',
+    contentMaxWidth: '1200px',
+  },
+  botMessage: {
+    color: 'var(--asg-color-text)',
+    backgroundColor: 'var(--asg-color-secondary)',
+  },
+  userMessage: {
+    color: 'var(--asg-color-text)',
+    backgroundColor: 'var(--asg-color-primary)',
+  },
+}
+```
+
+### Usage Example
+
+```javascript
+const App = () => {
+  const customTheme = {
+    chatbot: {
+      width: '400px',
+      height: '600px',
+      backgroundColor: '#ffffff',
+      borderRadius: '12px',
+    },
+    botMessage: {
+      backgroundColor: '#f0f0f0',
+    },
+    userMessage: {
+      backgroundColor: '#007bff',
+      color: '#ffffff',
+    },
+  };
+
+  return (
+    <Chatbot
+      // ... other props
+      theme={customTheme}
+    />
+  );
+};
+```
+
+Note: When `fullScreen` prop is set to `true`, the chatbot's width and height will be set to `100vw` and `100vh` respectively, and `borderRadius` will be set to zero, regardless of theme settings.
+
+## Development
+
+To develop the React package locally, follow these steps:
+
+1. Clone the repository and navigate to the project root directory.
+
+2. Install dependencies:
+```sh
+yarn install
+```
+
+3. Start development:
+
+You can use the following commands to work with the React package:
+
+```sh
+# Lint the React package
+yarn lint:react
+
+# Run tests
+yarn test:react
+
+# Build the package
+yarn build:react
+
+# Watch mode for development
+yarn watch:react
+
+# Run the demo application
+yarn serve:react-demo
+```
+
+For working with both core and React packages:
+
+```sh
+# Lint both packages
+yarn lint:packages
+
+# Build core package (required for React package)
+yarn build:core
+
+# Release packages
+yarn release:core  # Release core package
+yarn release:react # Release React package
+```
+
+All builds will be available in the `dist` directory of their respective packages.
+
+## 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,CAgCX"}

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

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,CA+BhE"}

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"}