@telia-ace/widget-conversation 0.0.1

package/agent.d.ts

@@ -0,0 +1,22 @@
+import { Symbol } from '../../ui/src/index.ts';
+import { ConversationEntry } from './conversation-controller';
+import { ConversationProvider } from './conversation-provider';
+import { ConversationMessageSettings, ConverstationMessageItem } from './types';
+
+export type AgentSettings = {
+    id?: string;
+    name?: string;
+    avatar?: string | Symbol;
+};
+export declare class Agent {
+    private provider;
+    id: string;
+    name?: string;
+    avatar?: string | Symbol;
+    constructor(provider: ConversationProvider, settings: AgentSettings);
+    print: (settings: string | ConversationMessageSettings | ConverstationMessageItem<any> | ConverstationMessageItem<any>[], options?: {
+        key?: string;
+    }, timestamp?: number | null) => ConversationEntry | undefined;
+    typing: () => (() => void) | undefined;
+    update(settings: AgentSettings): void;
+}

package/components/conversation/conversation.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const Conversation: React.FC<Props>;
+export default Conversation;

package/components/conversation/plugin.d.ts

@@ -0,0 +1,48 @@
+import { Container } from '@webprovisions/platform';
+import { ConversationMessage, ConversationMessageType } from '../../conversation-controller';
+import { ConversationMessageContent, ConversationMessageSender } from '../../types';
+
+export type BundledConversationMessage = {
+    timestamp: number;
+    content: [BundledMessageContent];
+    sender: ConversationMessageSender;
+    type: ConversationMessageType;
+};
+type BundledMessageContent = {
+    key: string;
+} & ConversationMessageContent;
+export type ConversationContent = {
+    loading: boolean;
+    typingActors: ConversationMessageSender[];
+    messages: ConversationMessage[];
+};
+export type ConversationComponentProperties = {
+    providers: string[];
+    messages: BundledConversationMessage[];
+    overlay?: {
+        conversation: boolean;
+        secondary: boolean;
+    };
+    overlayConversationHeader?: string;
+    overlayConversationCloseLabel?: string;
+    loading: boolean;
+    inputPlaceholder: string;
+    inputDisabled: boolean;
+    inputHidden: boolean;
+    inputMultiline: boolean;
+    rehydrate?: boolean;
+    userLabel: string;
+    avatarSize: string;
+    typingActors: any[];
+    conversationControllerId?: string;
+    sendButtonLabel: string;
+    avatarLabel?: string;
+    secondaryAction?: {
+        icon?: string;
+        action: string;
+        label: string;
+    };
+    skipToLatestMessageLabel?: string;
+};
+export declare const ConversationComponent: (container: Container) => Promise<void>;
+export {};

package/components/conversation/ui/content.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const ConversationContent: React.FC;

package/components/conversation/ui/input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+};
+declare const ConversationInput: React.FC<Props>;
+export default ConversationInput;

package/components/conversation/ui/language-context.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const LanguageContext: React.Context<any>;

package/components/conversation/ui/loader.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { ConversationMessageSender } from '../../../types';
+
+type Props = {
+    className?: string;
+    agentData?: ConversationMessageSender;
+    boxed?: boolean;
+};
+declare const ConversationLoader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default ConversationLoader;

package/components/conversation/ui/message-list-items/button-list.d.ts

@@ -0,0 +1,9 @@
+import { DispatchAction } from '../../../../../../ui/src/index.ts';
+import { FC } from 'react';
+import { ButtonListProperties } from '../../../../types';
+
+type Props = {
+    dispatch: DispatchAction;
+} & ButtonListProperties;
+export declare const ButtonList: FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/custom.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+type Props = {
+    type: string;
+    content?: {
+        [key: string]: any;
+    };
+};
+export declare const Custom: React.FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/html.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { HtmlProperties } from '../../../../types';
+
+type Props = HtmlProperties;
+export declare const Html: FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/item-list.d.ts

@@ -0,0 +1,9 @@
+import { DispatchAction } from '../../../../../../ui/src/index.ts';
+import { FC } from 'react';
+import { LinkListProperties } from '../../../../types';
+
+type Props = {
+    dispatch: DispatchAction;
+} & LinkListProperties;
+export declare const ItemList: FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/link-list.d.ts

@@ -0,0 +1,9 @@
+import { DispatchAction } from '../../../../../../ui/src/index.ts';
+import { FC } from 'react';
+import { LinkListProperties } from '../../../../types';
+
+type Props = {
+    dispatch: DispatchAction;
+} & LinkListProperties;
+export declare const LinkList: FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/separator.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+
+export declare const Separator: FC;

package/components/conversation/ui/message-list-items/text.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+
+type Props = {
+    text: string;
+};
+export declare const Text: FC<Props>;
+export {};

package/components/conversation/ui/message-list-items/video-request.d.ts

@@ -0,0 +1,9 @@
+import { DispatchAction } from '../../../../../../ui/src/index.ts';
+import { FC } from 'react';
+import { VideoRequestProperties } from '../../../../types';
+
+type Props = {
+    dispatch: DispatchAction;
+} & VideoRequestProperties;
+export declare const VideoRequest: FC<Props>;
+export {};

package/components/conversation/ui/message-types/agent.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ConversationMessageSender } from '../../../../types';
+
+type Props = {
+    className?: string;
+    children: any;
+    sender: ConversationMessageSender;
+    timestamp: number | null;
+};
+declare const AgentMessage: React.FC<Props>;
+export declare const StyledAgentMessage: import('@emotion/styled').StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default AgentMessage;

package/components/conversation/ui/message-types/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AgentMessage } from './agent';
+export { default as SystemMessage } from './system';
+export { default as Timestamp } from './timestamp';
+export { default as UserMessage } from './user';

package/components/conversation/ui/message-types/message-list.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { DispatchAction } from '../../../../../../ui/src/index.ts';
+import { ConverstationMessageItem } from '../../../../types';
+
+type Props = {
+    items: ConverstationMessageItem<any>[];
+    dispatch: DispatchAction;
+};
+export declare const MessageList: FC<Props>;
+export {};

package/components/conversation/ui/message-types/system.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+
+export type Props = {
+    className?: string;
+    timestamp: number;
+    discrete?: boolean;
+    fullWidth?: boolean;
+    children: any;
+};
+declare const SystemMessage: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledSystemMessage: import('@emotion/styled').StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Discrete: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default SystemMessage;

package/components/conversation/ui/message-types/timestamp.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+
+type Props = {
+    className?: string;
+    name?: string;
+    timestamp?: number | null;
+    ariaHidden?: boolean;
+};
+declare const Timestamp: React.FC<Props>;
+export default Timestamp;

package/components/conversation/ui/message-types/user.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export type Props = {
+    className?: string;
+    timestamp: number;
+    children: any;
+};
+declare const UserMessage: React.FC<Props>;
+export default UserMessage;

package/components/conversation/ui/message.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { BundledConversationMessage } from '../plugin';
+
+export declare const ConversationMessage: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+} & BundledConversationMessage & React.RefAttributes<HTMLDivElement>>;

package/components/conversation/ui/overlay-outlets.d.ts

@@ -0,0 +1,14 @@
+import { DispatchAction } from '../../../../../ui/src/index.ts';
+import { FC } from 'react';
+
+type OverlayOutletProps = {
+    dispatch: DispatchAction;
+};
+export declare const OverlayOutlet: FC<OverlayOutletProps>;
+type ConversationOverlayProps = {
+    dispatch: DispatchAction;
+    header?: string;
+    buttonLabel?: string;
+};
+export declare const ConversationOverlayOutlet: FC<ConversationOverlayProps>;
+export {};

package/components/conversation/ui/skip-link.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare const SkipLink: React.FC;
+export default SkipLink;

package/components/conversation/ui/styles.d.ts

@@ -0,0 +1,62 @@
+import { Theme } from '@emotion/react';
+
+export declare const Avatar: import('@emotion/styled').StyledComponent<any, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoaderAnimation: import('@emotion/react').Keyframes;
+export declare const Loader: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContentBundle: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MessageTitle: import('@emotion/styled').StyledComponent<import('../../../../../ui/src/index.ts').TypographyProps & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const MessageContainer: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+} & {
+    left?: boolean | undefined;
+    center?: boolean | undefined;
+    right?: boolean | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export type Stacked = 'first' | 'last' | 'middle';
+export declare const MessageContent: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+} & {
+    user?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    stacked?: Stacked | undefined;
+    padded?: boolean | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MessageContentPart: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const messageContentPadding: (p: {
+    theme: Theme;
+}) => import('@emotion/react').SerializedStyles;
+export declare const StyledForm: import('@emotion/styled').StyledComponent<{
+    data?: import('../../../../../forms/src/index.ts').FormData | null | undefined;
+    className?: string | undefined;
+    onChange?: Function | undefined;
+    autoFocus?: boolean | undefined;
+    schema: import('libs/forms/src/form').FormSchema;
+    layout: import('libs/forms/src/form').FormLayout;
+} & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const StyledHtml: import('@emotion/styled').StyledComponent<any, {}, {}>;
+export declare const StyledActionList: import('@emotion/styled').StyledComponent<Omit<Merge<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
+    renderItem: import('../../../../../ui/src/index.ts').ItemRenderer;
+    items: any[];
+    renderLi?: boolean | undefined;
+}>, "ref"> & import('react').RefAttributes<HTMLUListElement> & {
+    theme?: Theme | undefined;
+}, {}, {}>;
+export declare const StyledActionButton: import('@emotion/styled').StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import('react').ElementType<any> | undefined;
+}, import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/components/return-button/plugin.d.ts

@@ -0,0 +1,19 @@
+import { Symbol } from '../../../../ui/src/index.ts';
+import { Container } from '@webprovisions/platform';
+
+export declare enum ButtonMode {
+    flat = "flat",
+    flashing = "flashing",
+    flashingGradient = "flashingGradient"
+}
+export type ReturnButtonProps = {
+    label: string;
+    active: boolean;
+    mode: ButtonMode;
+    alert?: {
+        symbol?: Symbol;
+        show?: boolean;
+        label?: string;
+    };
+};
+export declare const ConversationReturnButtonComponent: (container: Container) => Promise<void>;

package/components/return-button/return-button.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const ReturnButton: React.FC<Props>;
+export default ReturnButton;