@asgard-js/react 0.0.32-canary.0 → 0.0.32-canary.1

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

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '@asgard-js/core';
+import { ConversationMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface ConversationMessageRendererProps {

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

@@ -1,6 +1,6 @@
 import { AsgardServiceContextValue, AsgardTemplateContextValue, AsgardServiceContextProviderProps } from '../../context';
 import { AsgardThemeContextValue } from '../../context/asgard-theme-context';
-import { ClientConfig, ConversationMessage } from '@asgard-js/core';
+import { ClientConfig, ConversationMessage } from '../../../../core/src/index.ts';
 import { ReactNode, CSSProperties } from 'react';
 
 interface ChatbotProps extends AsgardTemplateContextValue {

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage } from '../../../../../core/src/index.ts';
 
 interface ButtonTemplateProps {
     message: ConversationBotMessage;

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

@@ -1,4 +1,4 @@
-import { ButtonMessageTemplate, CarouselMessageTemplate } from '@asgard-js/core';
+import { ButtonMessageTemplate, CarouselMessageTemplate } from '../../../../../core/src/index.ts';
 import { ReactNode, CSSProperties } from 'react';
 
 interface CardProps {

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

@@ -1,4 +1,4 @@
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface CarouselTemplateProps {

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

@@ -1 +1 @@
-{"version":3,"file":"carousel-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/carousel-template/carousel-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAEL,sBAAsB,EACvB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA8BxE"}
+{"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,EAEvB,MAAM,iBAAiB,CAAC;AAKzB,UAAU,qBAAqB;IAC7B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,GAAG,SAAS,CA8BxE"}

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

@@ -1,4 +1,4 @@
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface ChartTemplateProps {

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

@@ -1 +1 @@
-{"version":3,"file":"chart-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/chart-template/chart-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AASzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA2DlE"}
+{"version":3,"file":"chart-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/chart-template/chart-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAE,sBAAsB,EAAwB,MAAM,iBAAiB,CAAC;AAQ/E,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA2DlE"}

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

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '@asgard-js/core';
+import { ConversationMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface HintTemplateProps {

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

@@ -1,4 +1,4 @@
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface ImageTemplateProps {

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

@@ -1 +1 @@
-{"version":3,"file":"image-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/image-template/image-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAMzD,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA2ClE"}
+{"version":3,"file":"image-template.d.ts","sourceRoot":"","sources":["../../../../src/components/templates/image-template/image-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAI5C,OAAO,EAAE,sBAAsB,EAAwB,MAAM,iBAAiB,CAAC;AAK/E,UAAU,kBAAkB;IAC1B,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,SAAS,CA4ClE"}

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

@@ -1,4 +1,4 @@
-import { ConversationMessage } from '@asgard-js/core';
+import { ConversationMessage } from '../../../../../core/src/index.ts';
 import { ReactNode } from 'react';
 
 interface TextTemplateProps {

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

@@ -1 +1 @@
-{"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;AAuHD,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,KAAK,SAAM,GACV,oBAAoB,CAqGtB"}
+{"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"}

package/dist/context/asgard-app-initialization-context.d.ts

@@ -1,4 +1,4 @@
-import { ClientConfig } from '@asgard-js/core';
+import { ClientConfig } from '../../../core/src/index.ts';
 import { default as React, PropsWithChildren, ReactNode } from 'react';
 
 type AsyncInitializers = {

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

@@ -1,6 +1,6 @@
 import { UseChannelProps, UseChannelReturn } from '../hooks';
 import { ForwardedRef, ReactNode, RefObject } from 'react';
-import { AsgardServiceClient, ClientConfig, ConversationMessage } from '@asgard-js/core';
+import { AsgardServiceClient, ClientConfig, ConversationMessage } from '../../../core/src/index.ts';
 
 export interface AsgardServiceContextValue {
     avatar?: string;

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

@@ -1,4 +1,4 @@
-import { ConversationErrorMessage, FetchSsePayload } from '@asgard-js/core';
+import { ConversationErrorMessage, FetchSsePayload } from '../../../core/src/index.ts';
 import { PropsWithChildren, ReactNode } from 'react';
 
 export interface AsgardTemplateContextValue {
@@ -6,7 +6,7 @@ export interface AsgardTemplateContextValue {
     errorMessageRenderer?: (message: ConversationErrorMessage) => ReactNode;
     onTemplateBtnClick?: (payload: Record<string, unknown>, { sse, }: {
         sse: {
-            sendMessage: (payload: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
+            sendMessage: (payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
         };
     }) => void;
     defaultLinkTarget?: '_blank' | '_self' | '_parent' | '_top';
@@ -17,7 +17,7 @@ interface AsgardTemplateContextProviderProps extends PropsWithChildren {
     errorMessageRenderer?: (message: ConversationErrorMessage) => ReactNode;
     onTemplateBtnClick?: (payload: Record<string, unknown>, { sse, }: {
         sse: {
-            sendMessage: (payload: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
+            sendMessage: (payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
         };
     }) => void;
     defaultLinkTarget?: '_blank' | '_self' | '_parent' | '_top';

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

@@ -1 +1 @@
-{"version":3,"file":"asgard-template-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-template-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;IACxE,kBAAkB,CAAC,EAAE,CACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,EACE,GAAG,GACJ,EAAE;QACD,GAAG,EAAE;YACH,WAAW,EAAE,CACX,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,KAC/C,IAAI,CAAC;SACX,CAAC;KACH,KACE,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,eAAO,MAAM,qBAAqB,qDAKhC,CAAC;AAEH,UAAU,kCAAmC,SAAQ,iBAAiB;IACpE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;IACxE,kBAAkB,CAAC,EAAE,CACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,EACE,GAAG,GACJ,EAAE;QACD,GAAG,EAAE;YACH,WAAW,EAAE,CACX,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,KAC/C,IAAI,CAAC;SACX,CAAC;KACH,KACE,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,GACxC,SAAS,CAwBX;AAED,wBAAgB,wBAAwB,IAAI,0BAA0B,CAErE"}
+{"version":3,"file":"asgard-template-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-template-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE5E,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;IACxE,kBAAkB,CAAC,EAAE,CACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,EACE,GAAG,GACJ,EAAE;QACD,GAAG,EAAE;YACH,WAAW,EAAE,CACX,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,KAC/E,IAAI,CAAC;SACX,CAAC;KACH,KACE,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,eAAO,MAAM,qBAAqB,qDAKhC,CAAC;AAEH,UAAU,kCAAmC,SAAQ,iBAAiB;IACpE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,wBAAwB,KAAK,SAAS,CAAC;IACxE,kBAAkB,CAAC,EAAE,CACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAChC,EACE,GAAG,GACJ,EAAE;QACD,GAAG,EAAE;YACH,WAAW,EAAE,CACX,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,KAC/E,IAAI,CAAC;SACX,CAAC;KACH,KACE,IAAI,CAAC;IACV,iBAAiB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CAC7D;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,kCAAkC,GACxC,SAAS,CAwBX;AAED,wBAAgB,wBAAwB,IAAI,0BAA0B,CAErE"}

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

@@ -1,4 +1,4 @@
-import { ClientConfig, AsgardServiceClient } from '@asgard-js/core';
+import { ClientConfig, AsgardServiceClient } from '../../../core/src/index.ts';
 
 interface UseAsgardServiceClientProps {
     config: ClientConfig;

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

@@ -1,8 +1,8 @@
-import { AsgardServiceClient, Conversation, ConversationMessage, EventType, FetchSsePayload, SseResponse } from '@asgard-js/core';
+import { AsgardServiceClient, Conversation, ConversationMessage, EventType, FetchSsePayload, SseResponse } from '../../../core/src/index.ts';
 
 export interface UseChannelProps {
     defaultIsOpen?: boolean;
-    resetPayload?: Pick<FetchSsePayload, 'text' | 'payload'>;
+    resetPayload?: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>;
     client: AsgardServiceClient | null;
     customChannelId: string;
     customMessageId?: string;
@@ -16,8 +16,8 @@ export interface UseChannelReturn {
     isResetting: boolean;
     isConnecting: boolean;
     conversation: Conversation | null;
-    sendMessage?: (payload: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
-    resetChannel?: (payload?: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
+    sendMessage?: (payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
+    resetChannel?: (payload?: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
     closeChannel?: () => void;
 }
 export declare function useChannel(props: UseChannelProps): UseChannelReturn;

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

@@ -1 +1 @@
-{"version":3,"file":"use-channel.d.ts","sourceRoot":"","sources":["../../src/hooks/use-channel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,eAAe,EACf,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,EAChC,OAAO,EAAE;QACP,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;KACnC,KACE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC,KAAK,IAAI,CAAC;IAC7E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAoHnE"}
+{"version":3,"file":"use-channel.d.ts","sourceRoot":"","sources":["../../src/hooks/use-channel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EAGnB,YAAY,EACZ,mBAAmB,EACnB,SAAS,EACT,eAAe,EACf,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAGzB,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,CAAC;IACzF,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,WAAW,CAAC,SAAS,CAAC,EAChC,OAAO,EAAE;QACP,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;KACnC,KACE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,YAAY,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3G,YAAY,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,KAAK,IAAI,CAAC;IAC7G,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAoHnE"}

package/dist/index.js

@@ -20,7 +20,10 @@ function lg(e, t) {
       n[r] = i;
       continue;
     }
-    n[r] = lg(m9(n[r]) ? n[r] : {}, i);
+    n[r] = lg(
+      m9(n[r]) ? n[r] : {},
+      i
+    );
   }
   return n;
 }
@@ -149,8 +152,8 @@ function RG(e) {
   ), v = Pt(() => {
     u((w) => (w == null || w.close(), null)), f(!1), h(!1), m(!1), y(null);
   }, []), E = Pt(
-    (w) => l == null ? void 0 : l.sendMessage(w),
-    [l]
+    (w) => l == null ? void 0 : l.sendMessage({ ...w, customMessageId: a }),
+    [l, a]
   );
   return rn(() => {
     !l && c && b(r);
@@ -35569,7 +35572,8 @@ const Yie = ({ children: e, ...t }) => /* @__PURE__ */ ne("div", { className: yi
     Qie,
     {
       className: `math math-display ${e || ""}`,
-      ...t
+      ...t,
+      children: t.children
     }
   ) : /* @__PURE__ */ ne("div", { className: e, ...t })
 };
@@ -76788,7 +76792,7 @@ function HMe(e) {
       var p, m;
       return ((m = (p = n == null ? void 0 : n.chartOptions) == null ? void 0 : p.find((g) => g.type === o)) == null ? void 0 : m.spec) ?? l[0].spec;
     },
-    [o, n.chartOptions]
+    [o, n.chartOptions, l]
   ), c = on(
     () => ({
       color: i == null ? void 0 : i.color,
@@ -76866,7 +76870,7 @@ function ZMe(e) {
           {
             quickReplies: n.quickReplies,
             time: t.time,
-            children: /* @__PURE__ */ ne("div", { className: Rm.image_box, onClick: () => l(!0), children: /* @__PURE__ */ ne("img", { src: r, alt: "Message image" }) })
+            children: /* @__PURE__ */ ne("div", { className: Rm.image_box, onClick: () => l(!0), children: /* @__PURE__ */ ne("img", { src: r, alt: "Conversation content" }) })
           }
         )
       ]

package/dist/models/bot-provider.d.ts

@@ -1,4 +1,4 @@
-import { ClientConfig } from '@asgard-js/core';
+import { ClientConfig } from '../../../core/src/index.ts';
 
 export type BotProviderMetadataResponse = {
     name: string;

package/dist/utils/deep-merge.d.ts

@@ -1,3 +1,3 @@
 export declare function isObject(item: unknown): item is Record<string, unknown>;
-export declare function deepMerge<T extends object, U extends object>(target: T, source: U): T & U;
+export declare function deepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(target: T, source: U): T & U;
 //# sourceMappingURL=deep-merge.d.ts.map

package/dist/utils/deep-merge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deep-merge.d.ts","sourceRoot":"","sources":["../../src/utils/deep-merge.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEvE;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,EAC1D,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,GACR,CAAC,GAAG,CAAC,CAeP"}
+{"version":3,"file":"deep-merge.d.ts","sourceRoot":"","sources":["../../src/utils/deep-merge.ts"],"names":[],"mappings":"AAAA,wBAAgB,QAAQ,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEvE;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC5F,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,CAAC,GACR,CAAC,GAAG,CAAC,CAkBP"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.32-canary.0",
+  "version": "0.0.32-canary.1",
   "publishConfig": {
     "access": "public"
   },
@@ -54,7 +54,7 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "@asgard-js/core": "^0.0.32-canary.0",
+    "@asgard-js/core": "^0.0.32-canary.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

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

@@ -107,7 +107,7 @@ export function Card(props: CardProps): ReactNode {
         <h5 className={styles.card_title}>{template?.title}</h5>
         <div className={styles.card_description}>{template?.text}</div>
         <div className={styles.card_actions}>
-          {template?.buttons?.map((btn, index) => (
+          {template?.buttons?.map((btn: { label: string; action: ButtonAction }, index: number) => (
             <button
               key={index}
               onClick={handleClick(btn.action)}

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

@@ -6,6 +6,7 @@ import { Card } from '../button-template/card';
 import {
   CarouselMessageTemplate,
   ConversationBotMessage,
+  ButtonMessageTemplate,
 } from '@asgard-js/core';
 import { Time } from '../time';
 import { useAsgardContext } from 'src/context/asgard-service-context';
@@ -33,7 +34,7 @@ export function CarouselTemplate(props: CarouselTemplateProps): ReactNode {
       <Avatar avatar={avatar} />
       <TemplateBoxContent quickReplies={template.quickReplies}>
         <div className={styles.carousel_root}>
-          {template.columns?.map((column, index) => (
+          {template.columns?.map((column: Omit<ButtonMessageTemplate, 'type' | 'quickReplies'>, index: number) => (
             <Card
               key={index}
               template={column}

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

@@ -1,10 +1,9 @@
 import { ReactNode, useMemo, useState, CSSProperties } from 'react';
 import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage, ChartMessageTemplate } from '@asgard-js/core';
 import { Time } from '../time';
 import { useAsgardContext } from 'src/context/asgard-service-context';
-import { ChartMessageTemplate } from '../../../../../core/src';
 import { VegaLite, VisualizationSpec } from 'react-vega';
 import clsx from 'clsx';
 import classes from './chart-template.module.scss';
@@ -29,9 +28,9 @@ export function ChartTemplate(props: ChartTemplateProps): ReactNode {
 
   const spec = useMemo(
     () =>
-      (template?.chartOptions?.find((item) => item.type === option)?.spec ??
+      (template?.chartOptions?.find((item: { type: string; title: string; spec: Record<string, unknown> }) => item.type === option)?.spec ??
         options[0].spec) as VisualizationSpec,
-    [option, template.chartOptions]
+    [option, template.chartOptions, options]
   );
 
   const styles = useMemo<CSSProperties>(
@@ -56,7 +55,7 @@ export function ChartTemplate(props: ChartTemplateProps): ReactNode {
       </div>
       {options.length > 1 && (
         <div className={classes.quick_replies_box}>
-          {options.map((option) => (
+          {options.map((option: { type: string; title: string; spec: Record<string, unknown> }) => (
             <button
               key={option.type}
               className={classes.quick_reply}

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

@@ -2,10 +2,9 @@ import { ReactNode, useState } from 'react';
 import { TemplateBox, TemplateBoxContent } from '../template-box';
 import { Avatar } from '../avatar';
 import styles from './image-template.module.scss';
-import { ConversationBotMessage } from '@asgard-js/core';
+import { ConversationBotMessage, ImageMessageTemplate } from '@asgard-js/core';
 import { useAsgardContext } from 'src/context/asgard-service-context';
 import { useAsgardThemeContext } from 'src/context/asgard-theme-context';
-import { ImageMessageTemplate } from '../../../../../core/src';
 import CloseSvg from 'src/icons/close.svg?react';
 
 interface ImageTemplateProps {
@@ -37,6 +36,7 @@ export function ImageTemplate(props: ImageTemplateProps): ReactNode {
       </div>
     );
   }
+
   return (
     <TemplateBox
       className="asgard-image-template"
@@ -50,7 +50,7 @@ export function ImageTemplate(props: ImageTemplateProps): ReactNode {
         time={message.time}
       >
         <div className={styles.image_box} onClick={() => setIsFullScreen(true)}>
-          <img src={previewImageUrl} alt="Message image" />
+          <img src={previewImageUrl} alt="Conversation content" />
         </div>
       </TemplateBoxContent>
     </TemplateBox>

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

@@ -23,7 +23,7 @@ describe('useMarkdownRenderer - Simple Tests', () => {
   });
 
   it('should handle null input safely', () => {
-    const { result } = renderHook(() => useMarkdownRenderer(null as any));
+    const { result } = renderHook(() => useMarkdownRenderer(null));
 
     expect(result.current.htmlBlocks).toBeDefined();
     expect(result.current.lastTypingText).toBe('');
@@ -658,7 +658,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
       const mathText = 'Cached math: $E = mc^2$';
       
       // First render
-      const { result: result1 } = renderHook(() => useMarkdownRenderer(mathText, 0));
+      renderHook(() => useMarkdownRenderer(mathText, 0));
       await new Promise(resolve => setTimeout(resolve, 100));
       
       // Second render should be faster (cached)
@@ -679,7 +679,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
     });
 
     it('should not evict entries when cache is below limit', () => {
-      const cache = new Map<string, any>();
+      const cache = new Map<string, string>();
       cache.set('key1', 'value1');
       cache.set('key2', 'value2');
       
@@ -691,7 +691,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
     });
 
     it('should evict oldest entry when cache reaches MAX_CACHE_SIZE', () => {
-      const cache = new Map<string, any>();
+      const cache = new Map<string, string>();
       
       // Fill cache to exactly MAX_CACHE_SIZE
       for (let i = 0; i < MAX_CACHE_SIZE; i++) {
@@ -710,7 +710,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
     });
 
     it('should implement LRU eviction strategy correctly', () => {
-      const cache = new Map<string, any>();
+      const cache = new Map<string, string>();
       
       // Fill cache to MAX_CACHE_SIZE
       for (let i = 0; i < MAX_CACHE_SIZE; i++) {
@@ -732,7 +732,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
     });
 
     it('should handle empty cache gracefully', () => {
-      const cache = new Map<string, any>();
+      const cache = new Map<string, string>();
       
       manageCacheSize(cache);
       
@@ -740,7 +740,7 @@ a_{m1} & a_{m2} & \\cdots & a_{mn}
     });
 
     it('should handle cache with exactly MAX_CACHE_SIZE entries', () => {
-      const cache = new Map<string, any>();
+      const cache = new Map<string, string>();
       
       // Fill cache to exactly MAX_CACHE_SIZE
       for (let i = 0; i < MAX_CACHE_SIZE; i++) {

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

@@ -83,14 +83,14 @@ function isCompleteParagraph(raw: string): boolean {
 }
 
 // Custom table renderer to maintain current styling
-const TableRenderer = ({ children, ...props }: any): ReactNode => (
+const TableRenderer = ({ children, ...props }: React.ComponentProps<'table'>): ReactNode => (
   <div className={classes.table_container}>
     <table {...props}>{children}</table>
   </div>
 );
 
 // Custom code renderer to maintain highlight.js classes exactly
-const CodeRenderer = ({ children, className, ...props }: any): ReactNode => {
+const CodeRenderer = ({ children, className, ...props }: React.ComponentProps<'code'>): ReactNode => {
   return (
     <code className={`hljs ${className || ''}`} {...props}>
       {children}
@@ -99,7 +99,7 @@ const CodeRenderer = ({ children, className, ...props }: any): ReactNode => {
 };
 
 // Custom link renderer to integrate defaultLinkTarget prop
-const LinkRenderer = ({ children, href, ...props }: any): ReactNode => {
+const LinkRenderer = ({ children, href, ...props }: React.ComponentProps<'a'>): ReactNode => {
   const { defaultLinkTarget } = useAsgardTemplateContext();
 
   const handleClick = useCallback(
@@ -120,13 +120,13 @@ const LinkRenderer = ({ children, href, ...props }: any): ReactNode => {
 };
 
 // Custom math renderers for inline and block math expressions
-const InlineMathRenderer = ({ children, ...props }: any): ReactNode => (
+const InlineMathRenderer = ({ children, ...props }: React.ComponentProps<'span'>): ReactNode => (
   <span className="math math-inline" {...props}>
     {children}
   </span>
 );
 
-const BlockMathRenderer = ({ children, ...props }: any): ReactNode => (
+const BlockMathRenderer = ({ children, ...props }: React.ComponentProps<'div'>): ReactNode => (
   <div className="math math-display" {...props}>
     {children}
   </div>
@@ -138,7 +138,7 @@ const components = {
   code: CodeRenderer,
   a: LinkRenderer,
   math: InlineMathRenderer, // Inline math: $expression$
-  div: ({ className, ...props }: any): ReactNode => {
+  div: ({ className, ...props }: React.ComponentProps<'div'>): ReactNode => {
     // Block math: $$expression$$
     // Check for KaTeX display math classes
     if (
@@ -149,7 +149,9 @@ const components = {
         <BlockMathRenderer
           className={`math math-display ${className || ''}`}
           {...props}
-        />
+        >
+          {props.children}
+        </BlockMathRenderer>
       );
     }
 

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

@@ -17,7 +17,7 @@ export interface AsgardTemplateContextValue {
     }: {
       sse: {
         sendMessage: (
-          payload: Pick<FetchSsePayload, 'text' | 'payload'>
+          payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>
         ) => void;
       };
     }
@@ -42,7 +42,7 @@ interface AsgardTemplateContextProviderProps extends PropsWithChildren {
     }: {
       sse: {
         sendMessage: (
-          payload: Pick<FetchSsePayload, 'text' | 'payload'>
+          payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>
         ) => void;
       };
     }

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

@@ -257,7 +257,7 @@ export function AsgardThemeContextProvider(
           userMessage: {},
         };
 
-      const tempTheme = deepMerge(defaultAsgardThemeContextValue, {
+      const tempTheme = deepMerge(defaultAsgardThemeContextValue as unknown as Record<string, unknown>, {
         chatbot: {
           backgroundColor: themeFromAnnotations.chatbot?.backgroundColor,
           borderColor: themeFromAnnotations.chatbot?.borderColor,

package/src/hooks/use-channel.ts

@@ -12,7 +12,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
 
 export interface UseChannelProps {
   defaultIsOpen?: boolean;
-  resetPayload?: Pick<FetchSsePayload, 'text' | 'payload'>;
+  resetPayload?: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>;
   client: AsgardServiceClient | null;
   customChannelId: string;
   customMessageId?: string;
@@ -30,8 +30,8 @@ export interface UseChannelReturn {
   isResetting: boolean;
   isConnecting: boolean;
   conversation: Conversation | null;
-  sendMessage?: (payload: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
-  resetChannel?: (payload?: Pick<FetchSsePayload, 'text' | 'payload'>) => void;
+  sendMessage?: (payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
+  resetChannel?: (payload?: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => void;
   closeChannel?: () => void;
 }
 
@@ -61,7 +61,7 @@ export function useChannel(props: UseChannelProps): UseChannelReturn {
   const [conversation, setConversation] = useState<Conversation | null>(null);
 
   const resetChannel = useCallback(
-    async (payload?: Pick<FetchSsePayload, 'text' | 'payload'>) => {
+    async (payload?: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) => {
       const conversation = new Conversation({
         messages: new Map(
           initMessages?.map((message) => [message.messageId, message])
@@ -106,7 +106,7 @@ export function useChannel(props: UseChannelProps): UseChannelReturn {
   );
 
   const closeChannel = useCallback(() => {
-    setChannel((prevChannel) => {
+    setChannel((prevChannel: Channel | null) => {
       prevChannel?.close();
 
       return null;
@@ -118,9 +118,9 @@ export function useChannel(props: UseChannelProps): UseChannelReturn {
   }, []);
 
   const sendMessage = useCallback(
-    (payload: Pick<FetchSsePayload, 'text' | 'payload'>) =>
-      channel?.sendMessage(payload),
-    [channel]
+    (payload: Pick<FetchSsePayload, 'text'> & Partial<Pick<FetchSsePayload, 'payload'>>) =>
+      channel?.sendMessage({ ...payload, customMessageId }),
+    [channel, customMessageId]
   );
 
   useEffect(() => {

package/src/utils/deep-merge.ts

@@ -2,21 +2,24 @@ export function isObject(item: unknown): item is Record<string, unknown> {
   return item !== null && typeof item === 'object' && !Array.isArray(item);
 }
 
-export function deepMerge<T extends object, U extends object>(
+export function deepMerge<T extends Record<string, unknown>, U extends Record<string, unknown>>(
   target: T,
   source: U
 ): T & U {
-  const output = { ...target } as any;
+  const output = { ...target } as T & U;
 
   if (!source) return output;
 
   for (const [key, value] of Object.entries(source)) {
     if (!isObject(value)) {
-      output[key] = value;
+      (output as Record<string, unknown>)[key] = value;
       continue;
     }
 
-    output[key] = deepMerge(isObject(output[key]) ? output[key] : {}, value);
+    (output as Record<string, unknown>)[key] = deepMerge(
+      isObject((output as Record<string, unknown>)[key]) ? (output as Record<string, unknown>)[key] as Record<string, unknown> : {}, 
+      value as Record<string, unknown>
+    );
   }
 
   return output;

package/tsconfig.lib.json

@@ -3,7 +3,8 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "src/*": ["src/*"]
+      "src/*": ["src/*"],
+      "@asgard-js/core": ["../core/src/index.ts"]
     },
     "outDir": "out-tsc/react",
     "types": [

package/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"fileNames":[],"fileInfos":[],"root":[],"options":{"allowJs":false,"allowSyntheticDefaultImports":true,"composite":true,"declaration":true,"declarationMap":true,"emitDeclarationOnly":true,"emitDecoratorMetadata":false,"esModuleInterop":true,"experimentalDecorators":false,"importHelpers":true,"module":99,"noEmitOnError":true,"noFallthroughCasesInSwitch":true,"noImplicitOverride":true,"noImplicitReturns":true,"noUnusedLocals":true,"removeComments":false,"rootDir":"../..","skipDefaultLibCheck":false,"skipLibCheck":true,"sourceMap":false,"strict":true,"target":99,"verbatimModuleSyntax":false},"version":"5.6.3"}