@asgard-js/react 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +206 -4
- package/dist/components/chatbot/chatbot-body.d.ts +4 -0
- package/dist/components/chatbot/chatbot-body.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot-footer/chatbot-footer.d.ts +4 -0
- package/dist/components/chatbot/chatbot-footer/chatbot-footer.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot-footer/index.d.ts +2 -0
- package/dist/components/chatbot/chatbot-footer/index.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts +9 -0
- package/dist/components/chatbot/chatbot-footer/speech-input-button.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot-header.d.ts +10 -0
- package/dist/components/chatbot/chatbot-header.d.ts.map +1 -0
- package/dist/components/chatbot/chatbot.d.ts +20 -0
- package/dist/components/chatbot/chatbot.d.ts.map +1 -0
- package/dist/components/chatbot/profile-icon.d.ts +8 -0
- package/dist/components/chatbot/profile-icon.d.ts.map +1 -0
- package/dist/components/conversation-message-renderer/conversation-message-renderer.d.ts +9 -0
- package/dist/components/conversation-message-renderer/conversation-message-renderer.d.ts.map +1 -0
- package/dist/components/conversation-message-renderer/index.d.ts +2 -0
- package/dist/components/conversation-message-renderer/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/templates/avatar/avatar.d.ts +8 -0
- package/dist/components/templates/avatar/avatar.d.ts.map +1 -0
- package/dist/components/templates/avatar/index.d.ts +2 -0
- package/dist/components/templates/avatar/index.d.ts.map +1 -0
- package/dist/components/templates/bot-typing-box/bot-typing-box.d.ts +9 -0
- package/dist/components/templates/bot-typing-box/bot-typing-box.d.ts.map +1 -0
- package/dist/components/templates/bot-typing-box/bot-typing-placeholder.d.ts +8 -0
- package/dist/components/templates/bot-typing-box/bot-typing-placeholder.d.ts.map +1 -0
- package/dist/components/templates/bot-typing-box/index.d.ts +3 -0
- package/dist/components/templates/bot-typing-box/index.d.ts.map +1 -0
- package/dist/components/templates/bot-typing-box/resize-observer-box.d.ts +9 -0
- package/dist/components/templates/bot-typing-box/resize-observer-box.d.ts.map +1 -0
- package/dist/components/templates/button-template/button-template.d.ts +9 -0
- package/dist/components/templates/button-template/button-template.d.ts.map +1 -0
- package/dist/components/templates/button-template/card.d.ts +9 -0
- package/dist/components/templates/button-template/card.d.ts.map +1 -0
- package/dist/components/templates/button-template/index.d.ts +2 -0
- package/dist/components/templates/button-template/index.d.ts.map +1 -0
- package/dist/components/templates/carousel-template/carousel-template.d.ts +9 -0
- package/dist/components/templates/carousel-template/carousel-template.d.ts.map +1 -0
- package/dist/components/templates/carousel-template/index.d.ts +2 -0
- package/dist/components/templates/carousel-template/index.d.ts.map +1 -0
- package/dist/components/templates/hint-template/hint-template.d.ts +9 -0
- package/dist/components/templates/hint-template/hint-template.d.ts.map +1 -0
- package/dist/components/templates/hint-template/index.d.ts +2 -0
- package/dist/components/templates/hint-template/index.d.ts.map +1 -0
- package/dist/components/templates/index.d.ts +8 -0
- package/dist/components/templates/index.d.ts.map +1 -0
- package/dist/components/templates/quick-replies/index.d.ts +2 -0
- package/dist/components/templates/quick-replies/index.d.ts.map +1 -0
- package/dist/components/templates/quick-replies/quick-replies.d.ts +10 -0
- package/dist/components/templates/quick-replies/quick-replies.d.ts.map +1 -0
- package/dist/components/templates/template-box/index.d.ts +3 -0
- package/dist/components/templates/template-box/index.d.ts.map +1 -0
- package/dist/components/templates/template-box/template-box-content.d.ts +12 -0
- package/dist/components/templates/template-box/template-box-content.d.ts.map +1 -0
- package/dist/components/templates/template-box/template-box.d.ts +14 -0
- package/dist/components/templates/template-box/template-box.d.ts.map +1 -0
- package/dist/components/templates/text-template/index.d.ts +2 -0
- package/dist/components/templates/text-template/index.d.ts.map +1 -0
- package/dist/components/templates/text-template/text-template.d.ts +9 -0
- package/dist/components/templates/text-template/text-template.d.ts.map +1 -0
- package/dist/components/templates/time/index.d.ts +2 -0
- package/dist/components/templates/time/index.d.ts.map +1 -0
- package/dist/components/templates/time/time.d.ts +9 -0
- package/dist/components/templates/time/time.d.ts.map +1 -0
- package/dist/context/asgard-service-context.d.ts +35 -0
- package/dist/context/asgard-service-context.d.ts.map +1 -0
- package/dist/context/asgard-theme-context.d.ts +17 -0
- package/dist/context/asgard-theme-context.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/use-asgard-service-client.d.ts +8 -0
- package/dist/hooks/use-asgard-service-client.d.ts.map +1 -0
- package/dist/hooks/use-channel.d.ts +21 -0
- package/dist/hooks/use-channel.d.ts.map +1 -0
- package/dist/hooks/use-debounce.d.ts +2 -0
- package/dist/hooks/use-debounce.d.ts.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +470 -473
- package/dist/style.css +1 -1
- package/dist/utils/deep-merge.d.ts +3 -0
- package/dist/utils/deep-merge.d.ts.map +1 -0
- package/dist/utils/format-time.d.ts +2 -0
- package/dist/utils/format-time.d.ts.map +1 -0
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { UseChannelReturn } from '../hooks';
|
|
2
|
+
import { DetailedHTMLProps, HTMLAttributes, ReactNode, RefObject } from 'react';
|
|
3
|
+
import { AsgardServiceClient, ClientConfig, ConversationMessage } from '@asgard-js/core';
|
|
4
|
+
|
|
5
|
+
interface AsgardServiceContextType {
|
|
6
|
+
avatar?: string;
|
|
7
|
+
client: AsgardServiceClient | null;
|
|
8
|
+
isOpen: boolean;
|
|
9
|
+
isResetting: boolean;
|
|
10
|
+
isConnecting: boolean;
|
|
11
|
+
messages: Map<string, ConversationMessage> | null;
|
|
12
|
+
messageBoxBottomRef: RefObject<HTMLDivElement>;
|
|
13
|
+
sendMessage?: UseChannelReturn['sendMessage'];
|
|
14
|
+
resetChannel?: UseChannelReturn['resetChannel'];
|
|
15
|
+
closeChannel?: UseChannelReturn['closeChannel'];
|
|
16
|
+
botTypingPlaceholder?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const AsgardServiceContext: import('react').Context<AsgardServiceContextType>;
|
|
19
|
+
interface AsgardServiceContextProviderProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
|
|
20
|
+
children: ReactNode;
|
|
21
|
+
avatar?: string;
|
|
22
|
+
config: ClientConfig;
|
|
23
|
+
botTypingPlaceholder?: string;
|
|
24
|
+
customChannelId: string;
|
|
25
|
+
customMessageId?: string;
|
|
26
|
+
delayTime?: number;
|
|
27
|
+
options?: {
|
|
28
|
+
showDebugMessage?: boolean;
|
|
29
|
+
};
|
|
30
|
+
initMessages?: ConversationMessage[];
|
|
31
|
+
}
|
|
32
|
+
export declare function AsgardServiceContextProvider(props: AsgardServiceContextProviderProps): ReactNode;
|
|
33
|
+
export declare function useAsgardContext(): AsgardServiceContextType;
|
|
34
|
+
export {};
|
|
35
|
+
//# sourceMappingURL=asgard-service-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asgard-service-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-service-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,YAAY,EACZ,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,iBAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAIV,MAAM,OAAO,CAAC;AACf,OAAO,EAGL,gBAAgB,EACjB,MAAM,WAAW,CAAC;AAGnB,UAAU,wBAAwB;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,mBAAmB,CAAC,GAAG,IAAI,CAAC;IAClD,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,mDAS/B,CAAC;AAEH,UAAU,iCACR,SAAQ,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IACzE,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,YAAY,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACzC,YAAY,CAAC,EAAE,mBAAmB,EAAE,CAAC;CACtC;AAED,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,iCAAiC,GACvC,SAAS,CAsEX;AAED,wBAAgB,gBAAgB,IAAI,wBAAwB,CAE3D"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface AsgardThemeContextValue {
|
|
4
|
+
chatbot: Pick<CSSProperties, 'width' | 'height' | 'maxWidth' | 'minWidth' | 'maxHeight' | 'minHeight' | 'backgroundColor' | 'borderColor' | 'borderRadius'> & {
|
|
5
|
+
contentMaxWidth?: CSSProperties['maxWidth'];
|
|
6
|
+
};
|
|
7
|
+
botMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
|
|
8
|
+
userMessage: Pick<CSSProperties, 'color' | 'backgroundColor'>;
|
|
9
|
+
}
|
|
10
|
+
export declare const defaultAsgardThemeContextValue: AsgardThemeContextValue;
|
|
11
|
+
export declare const AsgardThemeContext: import('react').Context<AsgardThemeContextValue>;
|
|
12
|
+
export declare function AsgardThemeContextProvider(props: PropsWithChildren<{
|
|
13
|
+
fullScreen?: boolean;
|
|
14
|
+
theme?: Partial<AsgardThemeContextValue>;
|
|
15
|
+
}>): ReactNode;
|
|
16
|
+
export declare function useAsgardThemeContext(): AsgardThemeContextValue;
|
|
17
|
+
//# sourceMappingURL=asgard-theme-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"asgard-theme-context.d.ts","sourceRoot":"","sources":["../../src/context/asgard-theme-context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,aAAa,EACb,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,IAAI,CACX,aAAa,EACX,OAAO,GACP,QAAQ,GACR,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,iBAAiB,GACjB,aAAa,GACb,cAAc,CACjB,GAAG;QACF,eAAe,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;KAC7C,CAAC;IACF,UAAU,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;IAC7D,WAAW,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,iBAAiB,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,8BAA8B,EAAE,uBAiB5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAE9B,CAAC;AAEF,wBAAgB,0BAA0B,CACxC,KAAK,EAAE,iBAAiB,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;CAC1C,CAAC,GACD,SAAS,CAyBX;AAED,wBAAgB,qBAAqB,IAAI,uBAAuB,CAE/D"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ClientConfig, AsgardServiceClient } from '@asgard-js/core';
|
|
2
|
+
|
|
3
|
+
interface UseAsgardServiceClientProps {
|
|
4
|
+
config: ClientConfig;
|
|
5
|
+
}
|
|
6
|
+
export declare function useAsgardServiceClient(props: UseAsgardServiceClientProps): AsgardServiceClient | null;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=use-asgard-service-client.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { AsgardServiceClient, Conversation, ConversationMessage } from '@asgard-js/core';
|
|
2
|
+
|
|
3
|
+
interface UseChannelProps {
|
|
4
|
+
client: AsgardServiceClient | null;
|
|
5
|
+
customChannelId: string;
|
|
6
|
+
customMessageId?: string;
|
|
7
|
+
initMessages?: ConversationMessage[];
|
|
8
|
+
showDebugMessage?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export interface UseChannelReturn {
|
|
11
|
+
isOpen: boolean;
|
|
12
|
+
isResetting: boolean;
|
|
13
|
+
isConnecting: boolean;
|
|
14
|
+
conversation: Conversation | null;
|
|
15
|
+
sendMessage?: (text: string) => void;
|
|
16
|
+
resetChannel?: () => void;
|
|
17
|
+
closeChannel?: () => void;
|
|
18
|
+
}
|
|
19
|
+
export declare function useChannel(props: UseChannelProps): UseChannelReturn;
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=use-channel.d.ts.map
|
|
@@ -0,0 +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,EACpB,MAAM,iBAAiB,CAAC;AAGzB,UAAU,eAAe;IACvB,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,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;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,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,gBAAgB,CAgHnE"}
|
|
@@ -0,0 +1 @@
|
|
|
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
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|