@asgard-js/react 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# @asgard-js/react
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @asgard-js/react` to execute the unit tests via [Vitest](https://vitest.dev/).

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,EAAa,MAAM,OAAO,CAAC;AAM7C,wBAAgB,WAAW,IAAI,SAAS,CAmBvC"}

package/dist/components/chatbot/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.d.ts.map

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

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+
+export declare function ChatbotHeader(): ReactNode;
+//# 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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,wBAAgB,aAAa,IAAI,SAAS,CAEzC"}

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

@@ -0,0 +1,12 @@
+import { ConversationMessage } from '../../hooks';
+import { ClientConfig } from '@asgard-js/core';
+import { ReactNode } from 'react';
+
+interface ChatbotProps {
+    config: ClientConfig;
+    customChannelId: string;
+    initConversation?: ConversationMessage[];
+}
+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,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"}

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

@@ -0,0 +1,9 @@
+import { ConversationMessage } from '../../hooks';
+import { ReactNode } from 'react';
+
+interface ConversationMessageRendererProps {
+    conversationMessage: 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,EAAE,MAAM,WAAW,CAAC;AAShD,UAAU,gCAAgC;IACxC,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,GACtC,SAAS,CAqBX"}

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/message-box/message-box.d.ts

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

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+
+export declare function Avatar(): ReactNode;
+//# 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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,wBAAgB,MAAM,IAAI,SAAS,CAqBlC"}

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,4 @@
+import { ReactNode } from 'react';
+
+export declare function BotTypingBox(): ReactNode;
+//# 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;AAQ/C,wBAAgB,YAAY,IAAI,SAAS,CA4BxC"}

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

@@ -0,0 +1,2 @@
+export * from './bot-typing-box';
+//# 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"}

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 { ConversationBotMessage } from '../../../hooks';
+import { ReactNode } from 'react';
+
+interface ButtonTemplateProps {
+    conversationMessage: 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":"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"}

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

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 '../../../hooks';
+import { ReactNode } from 'react';
+
+interface CarouselTemplateProps {
+    conversationMessage: 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;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"}

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 '../../../hooks';
+import { ReactNode } from 'react';
+
+interface HintTemplateProps {
+    conversationMessage: 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;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"}

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

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 '../../../hooks';
+import { ReactNode } from 'react';
+
+interface TextTemplateProps {
+    conversationMessage: 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,WAAW,CAAC;AAMhD,UAAU,iBAAiB;IACzB,mBAAmB,EAAE,mBAAmB,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,SAAS,CA2BhE"}

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,22 @@
+import { ConversationMessage, UseChannelReturn, UseChatbotTypingReturn } from '../hooks';
+import { DetailedHTMLProps, HTMLAttributes, ReactNode, RefObject } from 'react';
+import { AsgardServiceClient, ClientConfig } from '@asgard-js/core';
+
+interface AsgardServiceContextType extends Pick<UseChatbotTypingReturn, 'isTyping' | 'displayText'>, Pick<UseChannelReturn, 'conversation' | 'sendMessage'> {
+    client: AsgardServiceClient | null;
+    messageBoxBottomRef: RefObject<HTMLDivElement>;
+    isConnectionProcessing: boolean;
+}
+export declare const AsgardServiceContext: import('react').Context<AsgardServiceContextType>;
+interface AsgardServiceContextProviderProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    children: ReactNode;
+    config: ClientConfig;
+    customChannelId: string;
+    customMessageId?: string;
+    delayTime?: number;
+    initConversation?: 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":"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"}

package/dist/hooks/index.d.ts

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

@@ -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,sBAAsB,CAAC;AACrC,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"}

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

@@ -0,0 +1,30 @@
+import { UseChatbotTypingReturn } from './use-chatbot-typing';
+import { AsgardServiceClient, EventType, Message, 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'> {
+    client: AsgardServiceClient | null;
+    customChannelId: string;
+    initConversation?: ConversationMessage[];
+    onResetChannelInit?: (event: SSEResponse<EventType.INIT>) => void;
+}
+export interface UseChannelReturn {
+    conversation: ConversationMessage[];
+    isConnectionProcessing: boolean;
+    sendMessage: (text: string, customMessageId?: string) => void;
+}
+export declare function useChannel(props: UseChannelProps): UseChannelReturn;
+export {};
+//# sourceMappingURL=use-channel.d.ts.map

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare function useDebounce<ValueType>(value: ValueType, delay?: number): ValueType;
+//# sourceMappingURL=use-debounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-debounce.d.ts","sourceRoot":"","sources":["../../src/hooks/use-debounce.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,SAAS,EACnC,KAAK,EAAE,SAAS,EAChB,KAAK,CAAC,EAAE,MAAM,GACb,SAAS,CAYX"}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,533 @@
+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(() => () => {
+    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;
+  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 ?? []
+  );
+  m(() => {
+    console.log("conversation", p);
+  }, [p]), m(() => {
+    t.setChannel(
+      {
+        customChannelId: e,
+        customMessageId: "",
+        text: ""
+      },
+      {
+        onStart: () => u(!0),
+        onCompleted: () => u(!1)
+      }
+    );
+  }, [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)
+        }
+      );
+    },
+    [t, e]
+  );
+  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(() => {
+    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({
+  client: null,
+  isTyping: !1,
+  displayText: null,
+  messageBoxBottomRef: { current: null },
+  isConnectionProcessing: !1,
+  conversation: [],
+  sendMessage: () => {
+  }
+});
+function nt(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,
+    customChannelId: s,
+    startTyping: B,
+    onTyping: d,
+    stopTyping: g,
+    initConversation: r
+  }), K = A(
+    () => ({
+      client: u,
+      isTyping: p,
+      displayText: v,
+      messageBoxBottomRef: _,
+      isConnectionProcessing: E,
+      conversation: T,
+      sendMessage: b
+    }),
+    [
+      u,
+      T,
+      v,
+      _,
+      E,
+      p,
+      b
+    ]
+  );
+  return /* @__PURE__ */ o(U.Provider, { value: K, children: /* @__PURE__ */ o("div", { ...a, children: t }) });
+}
+function k() {
+  return W(U);
+}
+const ot = "_chatbot_header_uinpm_1", st = {
+  chatbot_header: ot
+};
+function ct() {
+  return /* @__PURE__ */ o("div", { className: st.chatbot_header, children: "Header" });
+}
+const rt = "_chatbot_body_okhax_1", it = {
+  chatbot_body: rt
+}, at = "_template_box_1ozig_1", f = {
+  template_box: at,
+  "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(() => {
+    switch (t) {
+      case "user":
+        return x(f.template_box, f["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"]
+        );
+    }
+  }, [e, t]);
+  return /* @__PURE__ */ o("div", { className: c, children: s });
+}
+const lt = "_template_box_content_12ojl_1", _t = "_content_12ojl_7", D = {
+  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
+};
+function mt(n) {
+  const { quickReplies: t } = n, { sendMessage: e } = k(), s = h(
+    (c) => {
+      e(c);
+    },
+    [e]
+  );
+  return t != null && t.length ? /* @__PURE__ */ o("div", { className: V.quick_replies_box, children: t.map((c) => /* @__PURE__ */ o(
+    "div",
+    {
+      className: V.quick_reply,
+      onClick: () => s(c.text),
+      children: c.text
+    },
+    c.text
+  )) }) : null;
+}
+function F(n) {
+  return n.toLocaleTimeString("zh-TW", {
+    timeZone: "Asia/Taipei",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !1
+  });
+}
+const ht = "_time_rgg92_1", pt = {
+  time: ht
+};
+function $(n) {
+  const { time: t, className: e } = n;
+  return t ? /* @__PURE__ */ o("div", { className: x(pt.time, e), children: F(t) }) : null;
+}
+function H(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: [
+      s,
+      /* @__PURE__ */ o($, { time: e })
+    ] }),
+    !!(t != null && t.length) && /* @__PURE__ */ o(mt, { quickReplies: t })
+  ] });
+}
+const gt = "_bot_avatar_14r1r_1", bt = {
+  bot_avatar: gt
+};
+function I() {
+  return /* @__PURE__ */ o("div", { className: bt.bot_avatar, children: /* @__PURE__ */ i(
+    "svg",
+    {
+      width: "25",
+      height: "24",
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M0.40625 12C0.40625 5.37258 5.77883 0 12.4062 0C19.0337 0 24.4062 5.37258 24.4062 12C24.4062 18.6274 19.0337 24 12.4062 24C5.77883 24 0.40625 18.6274 0.40625 12Z",
+            fill: "#585858"
+          }
+        ),
+        /* @__PURE__ */ o(
+          "path",
+          {
+            d: "M6.40625 18.75V15C6.40625 14.5875 6.55313 14.2344 6.84688 13.9406C7.14063 13.6469 7.49375 13.5 7.90625 13.5H16.9062C17.3188 13.5 17.6719 13.6469 17.9656 13.9406C18.2594 14.2344 18.4062 14.5875 18.4062 15V18.75H6.40625ZM10.1562 12.75C9.11875 12.75 8.23438 12.3844 7.50312 11.6531C6.77187 10.9219 6.40625 10.0375 6.40625 9C6.40625 7.9625 6.77187 7.07812 7.50312 6.34687C8.23438 5.61562 9.11875 5.25 10.1562 5.25H14.6562C15.6938 5.25 16.5781 5.61562 17.3094 6.34687C18.0406 7.07812 18.4062 7.9625 18.4062 9C18.4062 10.0375 18.0406 10.9219 17.3094 11.6531C16.5781 12.3844 15.6938 12.75 14.6562 12.75H10.1562ZM7.90625 17.25H16.9062V15H7.90625V17.25ZM10.1562 11.25H14.6562C15.2812 11.25 15.8125 11.0312 16.25 10.5938C16.6875 10.1562 16.9062 9.625 16.9062 9C16.9062 8.375 16.6875 7.84375 16.25 7.40625C15.8125 6.96875 15.2812 6.75 14.6562 6.75H10.1562C9.53125 6.75 9 6.96875 8.5625 7.40625C8.125 7.84375 7.90625 8.375 7.90625 9C7.90625 9.625 8.125 10.1562 8.5625 10.5938C9 11.0312 9.53125 11.25 10.1562 11.25ZM10.1562 9.75C10.3688 9.75 10.5469 9.67812 10.6906 9.53438C10.8344 9.39062 10.9062 9.2125 10.9062 9C10.9062 8.7875 10.8344 8.60938 10.6906 8.46562C10.5469 8.32187 10.3688 8.25 10.1562 8.25C9.94375 8.25 9.76562 8.32187 9.62187 8.46562C9.47812 8.60938 9.40625 8.7875 9.40625 9C9.40625 9.2125 9.47812 9.39062 9.62187 9.53438C9.76562 9.67812 9.94375 9.75 10.1562 9.75ZM14.6562 9.75C14.8687 9.75 15.0469 9.67812 15.1906 9.53438C15.3344 9.39062 15.4062 9.2125 15.4062 9C15.4062 8.7875 15.3344 8.60938 15.1906 8.46562C15.0469 8.32187 14.8687 8.25 14.6562 8.25C14.4438 8.25 14.2656 8.32187 14.1219 8.46562C13.9781 8.60938 13.9062 8.7875 13.9062 9C13.9062 9.2125 13.9781 9.39062 14.1219 9.53438C14.2656 9.67812 14.4438 9.75 14.6562 9.75Z",
+            fill: "white"
+          }
+        )
+      ]
+    }
+  ) });
+}
+const ft = "_text_1b4yq_1", yt = "_dot_1b4yq_18", Ct = "_blink_1b4yq_1", y = {
+  text: ft,
+  "text--bot": "_text--bot_1b4yq_7",
+  "typing-indicator": "_typing-indicator_1b4yq_13",
+  dot: yt,
+  blink: Ct
+};
+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, _);
+      }
+    });
+    return s.current && c.observe(s.current), () => {
+      c.disconnect();
+    };
+  }, [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 })
+      ] })
+    ] }) }) })
+  ] }) : 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,
+  card_content: Nt,
+  card_title: wt,
+  card_description: Mt,
+  card_actions: kt
+};
+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(() => {
+    switch (t == null ? void 0 : t.imageAspectRatio) {
+      case "square":
+        return "1 / 1";
+      case "rectangle":
+      default:
+        return "1.51 / 1";
+    }
+  }, [t]), l = h(
+    (a) => function() {
+      switch (a.type) {
+        case "message":
+          e(a.text);
+          return;
+        case "uri":
+          window.open(a.uri, "_blank");
+          return;
+      }
+    },
+    [e]
+  );
+  return /* @__PURE__ */ i("div", { className: N.card_root, children: [
+    (t == null ? void 0 : t.thumbnailImageUrl) && /* @__PURE__ */ o(
+      "img",
+      {
+        alt: t == null ? void 0 : t.title,
+        src: s,
+        style: {
+          display: "block",
+          width: "100%",
+          objectFit: t == null ? void 0 : t.imageSize,
+          aspectRatio: c
+        }
+      }
+    ),
+    /* @__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 }, _)) })
+    ] })
+  ] });
+}
+function Et(n) {
+  const { conversationMessage: t } = n, e = t.message.template;
+  return /* @__PURE__ */ i(M, { type: "bot", direction: "horizontal", children: [
+    /* @__PURE__ */ o(I, {}),
+    /* @__PURE__ */ o(
+      H,
+      {
+        time: t.time,
+        quickReplies: e == null ? void 0 : e.quickReplies,
+        children: /* @__PURE__ */ o(G, { template: e })
+      }
+    )
+  ] });
+}
+const zt = "_text_1p20y_1", St = "_content_1p20y_19", R = {
+  text: zt,
+  "text--user": "_text--user_1p20y_7",
+  "text--bot": "_text--bot_1p20y_13",
+  content: St
+};
+function O(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, {}),
+    /* @__PURE__ */ o(
+      H,
+      {
+        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 })
+      }
+    )
+  ] });
+}
+const Rt = "_carousel_root_sv1hc_1", At = "_carousel_time_sv1hc_12", P = {
+  carousel_root: Rt,
+  carousel_time: At
+};
+function It(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 })
+  ] });
+}
+const Bt = "_hint_root_4opfe_1", qt = "_time_4opfe_15", Z = {
+  hint_root: Bt,
+  time: qt
+};
+function $t(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) }),
+    e.text
+  ] });
+}
+function Ht(n) {
+  const { conversationMessage: t } = n;
+  if (t.type === "user")
+    return /* @__PURE__ */ o(O, { 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 });
+    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,
+      {
+        conversationMessage: e
+      },
+      crypto.randomUUID()
+    )),
+    /* @__PURE__ */ o(vt, {}),
+    /* @__PURE__ */ o("div", { ref: t })
+  ] });
+}
+const Vt = "_chatbot_footer_1i661_1", Ot = "_chatbot_input_1i661_5", j = {
+  chatbot_footer: Vt,
+  chatbot_input: Ot
+};
+function Pt() {
+  const { sendMessage: n, isConnectionProcessing: t } = k(), [e, s] = C(""), c = h(
+    (r) => {
+      s(r.target.value);
+    },
+    []
+  ), l = h(
+    (r) => {
+      r.key === "Enter" && (n(e), s(""));
+    },
+    [n, e]
+  );
+  return /* @__PURE__ */ o("div", { className: j.chatbot_footer, children: /* @__PURE__ */ o(
+    "input",
+    {
+      className: j.chatbot_input,
+      disabled: t,
+      value: e,
+      placeholder: "Enter message",
+      onChange: c,
+      onKeyDown: l
+    }
+  ) });
+}
+const Zt = "_chatbot_root_1tkt9_1", jt = {
+  chatbot_root: Zt
+};
+function Gt(n) {
+  const { config: t, customChannelId: e, initConversation: s } = n;
+  return /* @__PURE__ */ i(
+    nt,
+    {
+      className: jt.chatbot_root,
+      config: t,
+      customChannelId: e,
+      initConversation: s,
+      children: [
+        /* @__PURE__ */ o(ct, {}),
+        /* @__PURE__ */ o(Dt, {}),
+        /* @__PURE__ */ o(Pt, {})
+      ]
+    }
+  );
+}
+export {
+  Gt as Chatbot,
+  J as useAsgardServiceClient,
+  Y as useChannel,
+  et as useChatbotTyping,
+  tt as useDebounce
+};

package/dist/style.css

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

package/dist/utils/format-time.d.ts

@@ -0,0 +1,2 @@
+export declare function formatTime(time: Date): string;
+//# sourceMappingURL=format-time.d.ts.map

package/dist/utils/format-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-time.d.ts","sourceRoot":"","sources":["../../src/utils/format-time.ts"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAO7C"}

package/dist/utils/index.d.ts

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

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

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

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@asgard-js/react",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "nx": {
+    "name": "@asgard-js/react",
+    "projectType": "library",
+    "sourceRoot": "packages/react/src"
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "exports": {
+    "./package.json": "./package.json",
+    "./style": "./dist/style.css",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "module": "./dist/index.js",
+  "type": "module",
+  "main": "./dist/index.js",
+  "dependencies": {
+    "clsx": "^2.1.1"
+  }
+}