@asgard-js/react 0.0.33-canary.0 → 0.0.33-canary.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.33-canary.0",
+  "version": "0.0.33-canary.2",
   "publishConfig": {
     "access": "public"
   },
@@ -32,13 +32,13 @@
     "highlight.js": "^11.11.1",
     "katex": "^0.16.22",
     "react-markdown": "^10.1.0",
-    "react-vega": "^7.6.0",
+    "react-vega": "^7.7.1",
     "rehype-highlight": "^7.0.2",
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "vega": "^6.1.2",
-    "vega-embed": "^6.0.0",
+    "vega-embed": "6.5.1",
     "vega-lite": "^6.1.0"
   },
   "devDependencies": {
@@ -54,7 +54,7 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "@asgard-js/core": "^0.0.33-canary.0",
+    "@asgard-js/core": "^0.0.33-canary.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

package/src/components/chatbot/chatbot-body/chatbot-body.tsx

@@ -1,9 +1,9 @@
 import { ReactNode, useEffect, useMemo } from 'react';
-import { useAsgardContext } from 'src/context/asgard-service-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
 import styles from './chatbot-body.module.scss';
 import { ConversationMessageRenderer } from './conversation-message-renderer';
 import { BotTypingPlaceholder } from '../../templates';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 import clsx from 'clsx';
 
 export function ChatbotBody(): ReactNode {

package/src/components/chatbot/chatbot-container/chatbot-container.tsx

@@ -1,8 +1,8 @@
 import { PropsWithChildren, ReactNode, useRef, CSSProperties } from 'react';
-import { useUpdateVh } from 'src/hooks';
+import { useUpdateVh } from '../../../hooks';
 import { ChatbotFullScreenContainer } from './chatbot-full-screen-container';
 import classes from './chatbot-container.module.scss';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 import clsx from 'clsx';
 
 interface ChatbotContainerProps extends PropsWithChildren {

package/src/components/chatbot/chatbot-container/chatbot-full-screen-container.tsx

@@ -5,9 +5,9 @@ import {
   useOnScreenKeyboardScrollFix,
   usePreventOverScrolling,
   useViewportSize,
-} from 'src/hooks';
+} from '../../../hooks';
 import classes from './chatbot-container.module.scss';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 export function ChatbotFullScreenContainer(
   props: PropsWithChildren

package/src/components/chatbot/chatbot-footer/chatbot-footer.tsx

@@ -8,12 +8,12 @@ import {
   useRef,
   useState,
 } from 'react';
-import { useAsgardContext } from 'src/context/asgard-service-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
 import styles from './chatbot-footer.module.scss';
-import SendSvg from 'src/icons/send.svg?react';
+import SendSvg from '../../../icons/send.svg?react';
 import { SpeechInputButton } from './speech-input-button';
 import clsx from 'clsx';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 export function ChatbotFooter(): ReactNode {
   const { sendMessage, isConnecting } = useAsgardContext();

package/src/components/chatbot/chatbot-footer/speech-input-button.tsx

@@ -10,8 +10,8 @@ import {
   useState,
   CSSProperties,
 } from 'react';
-import MicSvg from 'src/icons/mic.svg?react';
-import StopSvg from 'src/icons/stop.svg?react';
+import MicSvg from '../../../icons/mic.svg?react';
+import StopSvg from '../../../icons/stop.svg?react';
 
 interface SpeechInputButtonProps {
   setValue: Dispatch<SetStateAction<string>>;

package/src/components/chatbot/chatbot-header/chatbot-header.tsx

@@ -1,13 +1,13 @@
 import { MouseEventHandler, ReactNode, useCallback, useMemo } from 'react';
 import styles from './chatbot-header.module.scss';
 import { ProfileIcon } from '../profile-icon';
-import RefreshSvg from 'src/icons/refresh.svg?react';
-import CloseSvg from 'src/icons/close.svg?react';
+import RefreshSvg from '../../../icons/refresh.svg?react';
+import CloseSvg from '../../../icons/close.svg?react';
 import {
   useAsgardAppInitializationContext,
   useAsgardThemeContext,
   useAsgardContext,
-} from 'src/context/';
+} from '../../../context/';
 import clsx from 'clsx';
 
 interface ChatbotHeaderProps {

package/src/components/chatbot/chatbot.tsx

@@ -3,7 +3,7 @@ import { ClientConfig, ConversationMessage } from '@asgard-js/core';
 import {
   AsgardThemeContextProvider,
   AsgardThemeContextValue,
-} from 'src/context/asgard-theme-context';
+} from '../../context/asgard-theme-context';
 import {
   AsgardServiceContextProvider,
   AsgardServiceContextValue,
@@ -11,7 +11,7 @@ import {
   AsgardTemplateContextValue,
   AsgardAppInitializationContextProvider,
   AsgardServiceContextProviderProps,
-} from 'src/context';
+} from '../../context';
 import { ChatbotHeader } from './chatbot-header';
 import { ChatbotBody } from './chatbot-body';
 import { ChatbotFooter } from './chatbot-footer';

package/src/components/chatbot/profile-icon.tsx

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import ProfileSvg from 'src/icons/profile.svg?react';
+import ProfileSvg from '../../icons/profile.svg?react';
 
 interface ProfileIconProps {
   avatar?: string;

package/src/components/templates/avatar/avatar.tsx

@@ -1,6 +1,6 @@
 import { memo, ReactNode } from 'react';
 import styles from './avatar.module.scss';
-import BotSvg from 'src/icons/bot.svg?react';
+import BotSvg from '../../../icons/bot.svg?react';
 import clsx from 'clsx';
 
 interface AvatarProps {

package/src/components/templates/button-template/button-template.tsx

@@ -3,8 +3,8 @@ import { ReactNode } from 'react';
 import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
 import { Card } from './card';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 interface ButtonTemplateProps {
   message: ConversationBotMessage;

package/src/components/templates/button-template/card.tsx

@@ -11,9 +11,9 @@ import {
   ButtonMessageTemplate,
   CarouselMessageTemplate,
 } from '@asgard-js/core';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardTemplateContext } from 'src/context/asgard-template-context';
-import { safeWindowOpen } from 'src/utils/uri-validation';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardTemplateContext } from '../../../context/asgard-template-context';
+import { safeWindowOpen } from '../../../utils/uri-validation';
 import clsx from 'clsx';
 
 interface CardProps {

package/src/components/templates/carousel-template/carousel-template.tsx

@@ -9,8 +9,8 @@ import {
   ButtonMessageTemplate,
 } from '@asgard-js/core';
 import { Time } from '../time';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 interface CarouselTemplateProps {
   message: ConversationBotMessage;

package/src/components/templates/chart-template/chart-template.tsx

@@ -3,11 +3,11 @@ import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
 import { ConversationBotMessage, ChartMessageTemplate } from '@asgard-js/core';
 import { Time } from '../time';
-import { useAsgardContext } from 'src/context/asgard-service-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
 import { VegaLite, VisualizationSpec } from 'react-vega';
 import clsx from 'clsx';
 import classes from './chart-template.module.scss';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 interface ChartTemplateProps {
   message: ConversationBotMessage;

package/src/components/templates/hint-template/hint-template.tsx

@@ -1,12 +1,12 @@
 import { ReactNode, useCallback } from 'react';
 import classes from './hint-template.module.scss';
-import { formatTime } from 'src/utils';
+import { formatTime } from '../../../utils';
 import {
   ConversationErrorMessage,
   ConversationMessage,
   MessageTemplateType,
 } from '@asgard-js/core';
-import { useAsgardTemplateContext, useAsgardThemeContext } from 'src/context';
+import { useAsgardTemplateContext, useAsgardThemeContext } from '../../../context';
 import clsx from 'clsx';
 
 interface HintTemplateProps {

package/src/components/templates/image-template/image-template.tsx

@@ -3,9 +3,9 @@ import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
 import styles from './image-template.module.scss';
 import { ConversationBotMessage, ImageMessageTemplate } from '@asgard-js/core';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
-import CloseSvg from 'src/icons/close.svg?react';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
+import CloseSvg from '../../../icons/close.svg?react';
 
 interface ImageTemplateProps {
   message: ConversationBotMessage;

package/src/components/templates/quick-replies/quick-replies.tsx

@@ -1,7 +1,7 @@
 import { ReactNode, useCallback } from 'react';
 import styles from './quick-replies.module.scss';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 import clsx from 'clsx';
 
 interface QuickRepliesProps {

package/src/components/templates/text-template/bot-typing-box.tsx

@@ -1,12 +1,12 @@
 import { CSSProperties, ReactNode, useCallback, useMemo, useRef } from 'react';
-import { useAsgardContext } from 'src/context/asgard-service-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
 import clsx from 'clsx';
 import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
-import { useDebounce, useResizeObserver } from 'src/hooks';
+import { useDebounce, useResizeObserver } from '../../../hooks';
 import classes from './text-template.module.scss';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
-import { useMarkdownRenderer } from './use-react-markdown-renderer';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
+import { useMarkdownRenderer } from '../../../hooks/use-react-markdown-renderer';
 interface BotTypingBoxProps {
   isTyping: boolean;
   typingText: string | null;

package/src/components/templates/text-template/bot-typing-placeholder.tsx

@@ -1,6 +1,6 @@
 import { ReactNode, useMemo } from 'react';
 import { BotTypingBox } from './bot-typing-box';
-import { useAsgardContext } from 'src/context/asgard-service-context';
+import { useAsgardContext } from '../../../context/asgard-service-context';
 
 interface BotTypingPlaceholderProps {
   placeholder: string;

package/src/components/templates/text-template/text-template.tsx

@@ -5,9 +5,9 @@ import { TemplateBox, TemplateBoxContent } from '../template-box';
 import classes from './text-template.module.scss';
 import { Avatar } from '../avatar';
 import { Time } from '../time';
-import { useAsgardContext } from 'src/context/asgard-service-context';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
-import { useMarkdownRenderer } from './use-react-markdown-renderer';
+import { useAsgardContext } from '../../../context/asgard-service-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
+import { useMarkdownRenderer } from '../../../hooks/use-react-markdown-renderer';
 
 interface TextTemplateProps {
   message: ConversationMessage;

package/src/components/templates/text-template/use-react-markdown-renderer.spec.tsx

@@ -2,7 +2,7 @@ import { describe, it, expect, vi } from 'vitest';
 import { renderHook } from '@testing-library/react';
 import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
-import { useMarkdownRenderer, manageCacheSize, MAX_CACHE_SIZE } from './use-react-markdown-renderer';
+import { useMarkdownRenderer, manageCacheSize, MAX_CACHE_SIZE } from '../../../hooks/use-react-markdown-renderer';
 import { AsgardTemplateContextProvider } from '../../../context/asgard-template-context';
 
 describe('useMarkdownRenderer - Simple Tests', () => {

package/src/components/templates/time/time.tsx

@@ -1,8 +1,8 @@
 import { ReactNode, useMemo } from 'react';
-import { formatTime } from 'src/utils';
+import { formatTime } from '../../../utils';
 import styles from './time.module.scss';
 import clsx from 'clsx';
-import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
+import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 interface TimeProps {
   time?: Date;

package/src/context/asgard-app-initialization-context.tsx

@@ -7,10 +7,10 @@ import React, {
   ReactNode,
 } from 'react';
 import { ClientConfig } from '@asgard-js/core';
-import { getBotProviderModels } from 'src/models/bot-provider';
-import { useDeepCompareMemo } from 'src/hooks';
-import { deepMerge } from 'src/utils/deep-merge';
-import { extractRefs } from 'src/utils/extractors';
+import { getBotProviderModels } from '../models/bot-provider';
+import { useDeepCompareMemo } from '../hooks';
+import { deepMerge } from '../utils/deep-merge';
+import { extractRefs } from '../utils/extractors';
 
 type AsyncInitializers = {
   [key: string]: () => Promise<unknown>;

package/src/context/asgard-service-context.tsx

@@ -18,7 +18,7 @@ import {
   useChannel,
   UseChannelProps,
   UseChannelReturn,
-} from 'src/hooks';
+} from '../hooks';
 
 export interface AsgardServiceContextValue {
   avatar?: string;

package/src/context/asgard-theme-context.tsx

@@ -7,11 +7,11 @@ import {
   useMemo,
   useCallback,
 } from 'react';
-import { deepMerge } from 'src/utils/deep-merge';
+import { deepMerge } from '../utils/deep-merge';
 import {
   useAsgardAppInitializationContext,
   Annotations,
-} from 'src/context/asgard-app-initialization-context';
+} from './asgard-app-initialization-context';
 
 export interface AsgardThemeContextValue {
   chatbot: Pick<

package/src/hooks/index.ts

@@ -8,4 +8,4 @@ export * from './use-prevent-over-scrolling';
 export * from './use-update-vh';
 export * from './use-resize-observer';
 export * from './use-deep-compare-memo';
-export * from 'src/components/templates/text-template/use-react-markdown-renderer';
+export * from './use-react-markdown-renderer';

package/src/{components/templates/text-template → hooks}/use-react-markdown-renderer.tsx

@@ -12,9 +12,9 @@ import remarkMath from 'remark-math';
 import rehypeHighlight from 'rehype-highlight';
 import rehypeKatex from 'rehype-katex';
 import 'katex/dist/katex.min.css';
-import classes from './text-template.module.scss';
-import { useAsgardTemplateContext } from 'src/context/asgard-template-context';
-import { safeWindowOpen } from 'src/utils/uri-validation';
+import classes from '../components/templates/text-template/text-template.module.scss';
+import { useAsgardTemplateContext } from '../context/asgard-template-context';
+import { safeWindowOpen } from '../utils/uri-validation';
 
 interface MarkdownRenderResult {
   htmlBlocks: ReactNode;
@@ -263,4 +263,4 @@ export function useMarkdownRenderer(
     htmlBlocks,
     lastTypingText: typingText,
   };
-}
+}

package/dist/components/templates/text-template/use-react-markdown-renderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-react-markdown-renderer.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/text-template/use-react-markdown-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAMf,OAAO,0BAA0B,CAAC;AAKlC,UAAU,oBAAoB;IAC5B,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACxB;AAQD,eAAO,MAAM,cAAc,MAAM,CAAC;AAGlC,wBAAgB,eAAe,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAI,CAQnE;AAyHD,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,KAAK,SAAM,GACV,oBAAoB,CAqGtB"}