npm - @pega/cosmos-react-work - Versions diffs - 7.0.0-build.17.9 → 7.0.0-build.18.0 - Mend

@pega/cosmos-react-work 7.0.0-build.17.9 → 7.0.0-build.18.0

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.

Files changed (69) hide show

package/lib/components/GenAICoach/GenAICoach.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Button, Flex, Grid, Icon, MenuButton, Progress, Text, TextArea, createUID, menuHelpers, useBreakpoint, useI18n, useTestIds, useTheme, withTestIds, Card, registerIcon, usePrevious, getFocusables, isMenuGroupProps } from '@pega/cosmos-react-core';
+import * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';
+import * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';
+import * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';
+import * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';
+import * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
+import CaseViewContext from '../CaseView/CaseView.context';
+import { getGenAICoachTestIds } from './GenAICoach.test-ids';
+import { StyledChatButton, StyledCloseButton, StyledMessagesContainer, StyledDisclaimerText, StyledGenAICoachContainer, StyledGenAIOptionsMenu, StyledInitialMessageContainer, StyledInputContainer, StyledMessageWrapper, StyledProgressContainer, StyledStarterMessage, StyledSuggestions } from './GenAICoach.styles';
+import { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';
+import { GenAIMessage, InitialSuggestedMessage } from '.';
+registerIcon(caretUpIcon, timesIcon, caretDownIcon, minusIcon, polarisSolidIcon);
+const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: onCoachChangeProp, messages = [], onSend, initialSuggestedMessages, suggestions, loading, starterMessage, variant, onOpen, ...restProps }) => {
+    const elementRef = useRef(null);
+    const conversationRef = useRef(null);
+    const genAICoachRef = useRef(null);
+    const textAreaRef = useRef(null);
+    const [message, setMessage] = useState('');
+    const [coachOptions, setCoachOptions] = useState(coachOptionsProps);
+    const smOrAbove = useBreakpoint('sm', { breakpointRef: genAICoachRef });
+    const previousMessages = usePrevious(messages);
+    const theme = useTheme();
+    const t = useI18n();
+    const { setGenAIHeight, aboveLG } = useContext(CaseViewContext);
+    const testIds = useTestIds(testId, getGenAICoachTestIds);
+    const onCoachChange = (id) => {
+        setCoachOptions(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));
+        onCoachChangeProp?.(id);
+    };
+    const selectedCoach = useMemo(() => {
+        const selected = menuHelpers.getSelected(coachOptions)[0];
+        if (selected)
+            return selected.primary;
+        if (coachOptions[0] && !isMenuGroupProps(coachOptions[0]))
+            return coachOptions[0].primary;
+    }, [coachOptions]);
+    const handleEnterKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            onSend({
+                id: createUID(),
+                message
+            });
+            setMessage('');
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }, [message]);
+    const handleTextAreaChange = useCallback((e) => {
+        setMessage(e.currentTarget.value);
+    }, [setMessage]);
+    const scrollToBottom = () => {
+        if (conversationRef.current) {
+            conversationRef.current.scrollTop = conversationRef.current.scrollHeight;
+        }
+    };
+    const headerContent = useMemo(() => {
+        return isInUtilities(variant) && variant.state === 'docked' ? (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { gap: 2 }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai }), _jsx(Text, { variant: 'h3', children: selectedCoach })] }), _jsx(Flex, { container: { alignItems: 'center' }, children: _jsx(Button, { icon: true, label: t('maximize'), "aria-label": t('maximize_gen_ai', [t('coach', ['Pega Gen AI'])]), variant: 'simple', onClick: () => variant.onStateChange('maximized'), children: _jsx(Icon, { name: 'caret-up' }) }) })] })) : (_jsxs(_Fragment, { children: [_jsx(MenuButton, { text: selectedCoach || '', variant: 'text', as: StyledGenAIOptionsMenu, icon: 'polaris-solid', menu: {
+                        mode: 'single-select',
+                        items: coachOptions,
+                        onItemClick: onCoachChange
+                    } }), isInUtilities(variant) && (_jsx(Button, { icon: true, label: t('minimize'), "aria-label": t('minimize_gen_ai', [t('coach', ['Pega Gen AI'])]), variant: 'simple', onClick: () => variant.onStateChange('docked'), children: _jsx(Icon, { name: 'minus' }) })), variant.placement === 'dialog' && (_jsx(Button, { icon: true, label: t('close'), "aria-label": t('close_gen_ai', [t('coach', ['Pega Gen AI'])]), variant: 'simple', onClick: variant.onClose, children: _jsx(Icon, { name: 'times' }) }))] }));
+    }, [variant, coachOptions]);
+    const onResize = () => {
+        if (genAICoachRef.current) {
+            const height = genAICoachRef.current.clientHeight;
+            setGenAIHeight?.(height);
+        }
+    };
+    useEffect(() => {
+        if (isInUtilities(variant)) {
+            onResize();
+        }
+    }, [variant]);
+    useEffect(() => {
+        onResize();
+        if (variant.placement !== 'fullpage') {
+            textAreaRef.current?.focus();
+        }
+        if (isInUtilities(variant) &&
+            variant.state === 'docked' &&
+            getFocusables(genAICoachRef).length > 0) {
+            getFocusables(genAICoachRef)[0].focus();
+        }
+    }, [textAreaRef.current]);
+    useEffect(() => {
+        onOpen?.();
+        window.addEventListener('resize', onResize);
+        return () => {
+            window.removeEventListener('resize', onResize);
+        };
+    }, []);
+    useEffect(() => {
+        if (isInUtilities(variant) && variant.state !== 'maximized' && messages.length > 0) {
+            variant.onStateChange('maximized');
+        }
+        if (messages.length > 0 && previousMessages?.length !== messages.length) {
+            scrollToBottom();
+            if (isUserMessage(messages[messages.length - 1]))
+                textAreaRef.current?.focus();
+        }
+    }, [messages]);
+    return (_jsxs(Flex, { container: { direction: 'column' }, as: StyledGenAICoachContainer, "data-testid": testIds.root, variant: variant, starterMessage: starterMessage, ref: genAICoachRef, aboveLG: aboveLG, ...restProps, children: [_jsx(Flex, { container: { justify: 'between', alignItems: 'center', pad: 1 }, children: headerContent }), ((isInUtilities(variant) && variant.state !== 'docked') || !isInUtilities(variant)) && (_jsxs(_Fragment, { children: [_jsxs(Flex, { as: StyledMessagesContainer, ref: conversationRef, container: starterMessage || loading
+                            ? { direction: 'column', pad: [0, 2], justify: 'center' }
+                            : { direction: 'column', pad: [0, 2] }, item: { grow: 1 }, children: [loading && (_jsx(StyledProgressContainer, { container: true, children: _jsx(Progress, { variant: 'ring', placement: 'block' }) })), !loading && messages.length === 0 && (_jsx(_Fragment, { children: starterMessage ? (_jsxs(Card, { container: { alignItems: 'center', pad: 1.5 }, item: { grow: 0 }, as: StyledStarterMessage, children: [starterMessage.message, _jsx(StyledCloseButton, { icon: true, label: t('close'), "aria-label": `${t('close')} ${t('starter_message')}`, variant: 'simple', onClick: starterMessage.onClose, children: _jsx(Icon, { name: 'times' }) })] })) : (_jsxs(Flex, { as: StyledInitialMessageContainer, container: {
+                                        justify: 'center',
+                                        direction: 'column',
+                                        gap: 8
+                                    }, item: { grow: 1 }, children: [((isInUtilities(variant) && variant.state === 'maximized') ||
+                                            !isInUtilities(variant)) && (_jsxs(Flex, { container: { direction: 'column', alignItems: 'center', gap: 2 }, children: [_jsx(Icon, { name: 'polaris-solid', size: 'l', color: theme.base.palette.ai }), _jsx(Text, { variant: 'h2', children: t('welcome_text') })] })), _jsx(Grid, { container: { cols: smOrAbove ? 'repeat(2, 1fr)' : '1fr', gap: 1.5 }, children: initialSuggestedMessages?.map(initialSuggestedMessage => (_jsx(InitialSuggestedMessage, { ...initialSuggestedMessage, onSend: initialMessage => {
+                                                    onSend(initialMessage);
+                                                }, testId: initialSuggestedMessage.id }))) })] })) })), !loading && messages.length > 0 && (_jsx(_Fragment, { children: messages.map(item => {
+                                    const messageProps = isCoachMessage(item)
+                                        ? {
+                                            ...item,
+                                            onSend
+                                        }
+                                        : item;
+                                    return (_jsx(StyledMessageWrapper, { ref: elementRef, children: _jsx(GenAIMessage, { ...messageProps, testId: item.id }) }));
+                                }) }))] }), !starterMessage &&
+                        ((isInUtilities(variant) &&
+                            variant.state !== 'docked' &&
+                            variant.state !== 'minimized') ||
+                            !isInUtilities(variant)) && (_jsxs(Flex, { container: { direction: 'column' }, as: StyledInputContainer, children: [_jsx(TextArea, { ref: textAreaRef, label: t('message_pega_gen_ai_coach', [selectedCoach || '']), value: message, onKeyDown: handleEnterKeyDown, onChange: handleTextAreaChange, autoResize: false }), _jsxs(Flex, { container: { direction: 'row', gap: 2, justify: 'end', pad: 1 }, children: [suggestions && (_jsx(MenuButton, { text: t('suggestions'), variant: 'text', as: StyledSuggestions, icon: 'polaris-solid', menu: {
+                                            items: suggestions,
+                                            onItemClick: id => {
+                                                const selected = menuHelpers.getItem(suggestions, id);
+                                                if (selected)
+                                                    onSend({ id: selected.id, message: selected.primary });
+                                            }
+                                        } })), _jsx(Button, { variant: 'primary', onClick: message
+                                            ? () => {
+                                                onSend({
+                                                    id: createUID(),
+                                                    message
+                                                });
+                                                setMessage('');
+                                            }
+                                            : undefined, children: t('send') })] }), _jsx(StyledDisclaimerText, { children: t('ai_disclaimer') })] })), !loading &&
+                        messages.length === 0 &&
+                        ((isInUtilities(variant) && variant.state === 'minimized') || starterMessage) && (_jsx(StyledChatButton, { icon: true, onClick: () => {
+                            if (isInUtilities(variant))
+                                variant.onStateChange('maximized');
+                            if (starterMessage && starterMessage.message) {
+                                onSend({ id: starterMessage.id, message: starterMessage.message });
+                            }
+                        }, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(Icon, { name: 'polaris-solid' }), t('start_chat')] }) }))] }))] }));
+};
+export default withTestIds(GenAICoach, getGenAICoachTestIds);
+//# sourceMappingURL=GenAICoach.js.map

package/lib/components/GenAICoach/GenAICoach.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport {\n Button,\n Flex,\n Grid,\n Icon,\n MenuButton,\n Progress,\n Text,\n TextArea,\n createUID,\n menuHelpers,\n useBreakpoint,\n useI18n,\n useTestIds,\n useTheme,\n withTestIds,\n Card,\n registerIcon,\n usePrevious,\n getFocusables,\n isMenuGroupProps\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\n\nimport CaseViewContext from '../CaseView/CaseView.context';\n\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport {\n StyledChatButton,\n StyledCloseButton,\n StyledMessagesContainer,\n StyledDisclaimerText,\n StyledGenAICoachContainer,\n StyledGenAIOptionsMenu,\n StyledInitialMessageContainer,\n StyledInputContainer,\n StyledMessageWrapper,\n StyledProgressContainer,\n StyledStarterMessage,\n StyledSuggestions\n} from './GenAICoach.styles';\nimport { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';\n\nimport { GenAIMessage, InitialSuggestedMessage } from '.';\n\nregisterIcon(caretUpIcon, timesIcon, caretDownIcon, minusIcon, polarisSolidIcon);\n\nconst GenAICoach: FunctionComponent<GenAICoachProps> = ({\n testId,\n coachOptions: coachOptionsProps,\n onCoachChange: onCoachChangeProp,\n messages = [],\n onSend,\n initialSuggestedMessages,\n suggestions,\n loading,\n starterMessage,\n variant,\n onOpen,\n ...restProps\n}) => {\n const elementRef = useRef<HTMLLIElement>(null);\n const conversationRef = useRef<HTMLUListElement>(null);\n const genAICoachRef = useRef<HTMLElement>(null);\n const textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n const [message, setMessage] = useState('');\n const [coachOptions, setCoachOptions] = useState<MenuProps['items']>(coachOptionsProps);\n\n const smOrAbove = useBreakpoint('sm', { breakpointRef: genAICoachRef });\n const previousMessages = usePrevious(messages);\n const theme = useTheme();\n const t = useI18n();\n const { setGenAIHeight, aboveLG } = useContext(CaseViewContext);\n\n const testIds = useTestIds(testId, getGenAICoachTestIds);\n\n const onCoachChange = (id: MenuItemProps['id']) => {\n setCoachOptions(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n onCoachChangeProp?.(id);\n };\n\n const selectedCoach = useMemo(() => {\n const selected = menuHelpers.getSelected(coachOptions)[0];\n if (selected) return selected.primary;\n if (coachOptions[0] && !isMenuGroupProps(coachOptions[0])) return coachOptions[0].primary;\n }, [coachOptions]);\n\n const handleEnterKeyDown = useCallback(\n (e: KeyboardEvent) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n onSend({\n id: createUID(),\n message\n });\n setMessage('');\n e.preventDefault();\n e.stopPropagation();\n }\n },\n [message]\n );\n\n const handleTextAreaChange = useCallback(\n (e: ChangeEvent<HTMLTextAreaElement>) => {\n setMessage(e.currentTarget.value);\n },\n [setMessage]\n );\n\n const scrollToBottom = () => {\n if (conversationRef.current) {\n conversationRef.current.scrollTop = conversationRef.current.scrollHeight;\n }\n };\n\n const headerContent = useMemo(() => {\n return isInUtilities(variant) && variant.state === 'docked' ? (\n <>\n <Flex container={{ gap: 2 }}>\n <Icon name='polaris-solid' color={theme.base.palette.ai} />\n <Text variant='h3'>{selectedCoach}</Text>\n </Flex>\n <Flex container={{ alignItems: 'center' }}>\n <Button\n icon\n label={t('maximize')}\n aria-label={t('maximize_gen_ai', [t('coach', ['Pega Gen AI'])])}\n variant='simple'\n onClick={() => variant.onStateChange('maximized')}\n >\n <Icon name='caret-up' />\n </Button>\n </Flex>\n </>\n ) : (\n <>\n <MenuButton\n text={selectedCoach || ''}\n variant='text'\n as={StyledGenAIOptionsMenu}\n icon='polaris-solid'\n menu={{\n mode: 'single-select',\n items: coachOptions,\n onItemClick: onCoachChange\n }}\n />\n\n {isInUtilities(variant) && (\n <Button\n icon\n label={t('minimize')}\n aria-label={t('minimize_gen_ai', [t('coach', ['Pega Gen AI'])])}\n variant='simple'\n onClick={() => variant.onStateChange('docked')}\n >\n <Icon name='minus' />\n </Button>\n )}\n {variant.placement === 'dialog' && (\n <Button\n icon\n label={t('close')}\n aria-label={t('close_gen_ai', [t('coach', ['Pega Gen AI'])])}\n variant='simple'\n onClick={variant.onClose}\n >\n <Icon name='times' />\n </Button>\n )}\n </>\n );\n }, [variant, coachOptions]);\n\n const onResize = () => {\n if (genAICoachRef.current) {\n const height = genAICoachRef.current.clientHeight;\n setGenAIHeight?.(height);\n }\n };\n\n useEffect(() => {\n if (isInUtilities(variant)) {\n onResize();\n }\n }, [variant]);\n\n useEffect(() => {\n onResize();\n if (variant.placement !== 'fullpage') {\n textAreaRef.current?.focus();\n }\n if (\n isInUtilities(variant) &&\n variant.state === 'docked' &&\n getFocusables(genAICoachRef).length > 0\n ) {\n getFocusables(genAICoachRef)[0].focus();\n }\n }, [textAreaRef.current]);\n\n useEffect(() => {\n onOpen?.();\n window.addEventListener('resize', onResize);\n\n return () => {\n window.removeEventListener('resize', onResize);\n };\n }, []);\n\n useEffect(() => {\n if (isInUtilities(variant) && variant.state !== 'maximized' && messages.length > 0) {\n variant.onStateChange('maximized');\n }\n if (messages.length > 0 && previousMessages?.length !== messages.length) {\n scrollToBottom();\n if (isUserMessage(messages[messages.length - 1])) textAreaRef.current?.focus();\n }\n }, [messages]);\n\n return (\n <Flex\n container={{ direction: 'column' }}\n as={StyledGenAICoachContainer}\n data-testid={testIds.root}\n variant={variant}\n starterMessage={starterMessage}\n ref={genAICoachRef}\n aboveLG={aboveLG}\n {...restProps}\n >\n <Flex container={{ justify: 'between', alignItems: 'center', pad: 1 }}>{headerContent}</Flex>\n {((isInUtilities(variant) && variant.state !== 'docked') || !isInUtilities(variant)) && (\n <>\n <Flex\n as={StyledMessagesContainer}\n ref={conversationRef}\n container={\n starterMessage || loading\n ? { direction: 'column', pad: [0, 2], justify: 'center' }\n : { direction: 'column', pad: [0, 2] }\n }\n item={{ grow: 1 }}\n >\n {loading && (\n <StyledProgressContainer container>\n <Progress variant='ring' placement='block' />\n </StyledProgressContainer>\n )}\n {!loading && messages.length === 0 && (\n <>\n {starterMessage ? (\n <Card\n container={{ alignItems: 'center', pad: 1.5 }}\n item={{ grow: 0 }}\n as={StyledStarterMessage}\n >\n {starterMessage.message}\n <StyledCloseButton\n icon\n label={t('close')}\n aria-label={`${t('close')} ${t('starter_message')}`}\n variant='simple'\n onClick={starterMessage.onClose}\n >\n <Icon name='times' />\n </StyledCloseButton>\n </Card>\n ) : (\n <Flex\n as={StyledInitialMessageContainer}\n container={{\n justify: 'center',\n direction: 'column',\n gap: 8\n }}\n item={{ grow: 1 }}\n >\n {((isInUtilities(variant) && variant.state === 'maximized') ||\n !isInUtilities(variant)) && (\n <Flex container={{ direction: 'column', alignItems: 'center', gap: 2 }}>\n <Icon name='polaris-solid' size='l' color={theme.base.palette.ai} />\n <Text variant='h2'>{t('welcome_text')}</Text>\n </Flex>\n )}\n <Grid container={{ cols: smOrAbove ? 'repeat(2, 1fr)' : '1fr', gap: 1.5 }}>\n {initialSuggestedMessages?.map(initialSuggestedMessage => (\n <InitialSuggestedMessage\n {...initialSuggestedMessage}\n onSend={initialMessage => {\n onSend(initialMessage);\n }}\n testId={initialSuggestedMessage.id}\n />\n ))}\n </Grid>\n </Flex>\n )}\n </>\n )}\n {!loading && messages.length > 0 && (\n <>\n {messages.map(item => {\n const messageProps = isCoachMessage(item)\n ? {\n ...item,\n onSend\n }\n : item;\n\n return (\n <StyledMessageWrapper ref={elementRef}>\n <GenAIMessage {...messageProps} testId={item.id} />\n </StyledMessageWrapper>\n );\n })}\n </>\n )}\n </Flex>\n\n {!starterMessage &&\n ((isInUtilities(variant) &&\n variant.state !== 'docked' &&\n variant.state !== 'minimized') ||\n !isInUtilities(variant)) && (\n <Flex container={{ direction: 'column' }} as={StyledInputContainer}>\n <TextArea\n ref={textAreaRef}\n label={t('message_pega_gen_ai_coach', [selectedCoach || ''])}\n value={message}\n onKeyDown={handleEnterKeyDown}\n onChange={handleTextAreaChange}\n autoResize={false}\n />\n <Flex container={{ direction: 'row', gap: 2, justify: 'end', pad: 1 }}>\n {suggestions && (\n <MenuButton\n text={t('suggestions')}\n variant='text'\n as={StyledSuggestions}\n icon='polaris-solid'\n menu={{\n items: suggestions,\n onItemClick: id => {\n const selected = menuHelpers.getItem(suggestions, id);\n if (selected) onSend({ id: selected.id, message: selected.primary });\n }\n }}\n />\n )}\n <Button\n variant='primary'\n onClick={\n message\n ? () => {\n onSend({\n id: createUID(),\n message\n });\n setMessage('');\n }\n : undefined\n }\n >\n {t('send')}\n </Button>\n </Flex>\n <StyledDisclaimerText>{t('ai_disclaimer')}</StyledDisclaimerText>\n </Flex>\n )}\n {!loading &&\n messages.length === 0 &&\n ((isInUtilities(variant) && variant.state === 'minimized') || starterMessage) && (\n <StyledChatButton\n icon\n onClick={() => {\n if (isInUtilities(variant)) variant.onStateChange('maximized');\n if (starterMessage && starterMessage.message) {\n onSend({ id: starterMessage.id, message: starterMessage.message });\n }\n }}\n >\n <Flex container={{ alignItems: 'center', gap: 1 }}>\n <Icon name='polaris-solid' />\n {t('start_chat')}\n </Flex>\n </StyledChatButton>\n )}\n </>\n )}\n </Flex>\n );\n};\n\nexport default withTestIds(GenAICoach, getGenAICoachTestIds);\n"]}

package/lib/components/GenAICoach/GenAICoach.styles.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import type { CaseViewContextValue } from '../CaseView/CaseView.types';
+import type { GenAICoachProps } from './GenAICoach.types';
+export declare const StyledMessageWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledGenAICoachContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    variant: GenAICoachProps['variant'];
+    starterMessage: GenAICoachProps['starterMessage'];
+    aboveLG: CaseViewContextValue['aboveLG'];
+}, never>;
+export declare const StyledGenAIOptionsMenu: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ForwardProps & import("@pega/cosmos-react-core").MenuButtonProps> & {
+    getTestIds: (testIdProp?: string | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSuggestions: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ForwardProps & import("@pega/cosmos-react-core").MenuButtonProps> & {
+    getTestIds: (testIdProp?: string | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
+}, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDisclaimerText: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMessagesContainer: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledStarterMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInitialMessageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledProgressContainer: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").FlexProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledChatButton: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledParagraph: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSuggestion: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSuggestionsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimeStamp: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").TextProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSuggestedMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=GenAICoach.styles.d.ts.map

package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,oBAAoB,wGAAc,CAAC;AAEhD,eAAO,MAAM,yBAAyB;aAC3B,eAAe,CAAC,SAAS,CAAC;oBACnB,eAAe,CAAC,gBAAgB,CAAC;aACxC,oBAAoB,CAAC,SAAS,CAAC;SA0EzC,CAAC;AAIF,eAAO,MAAM,sBAAsB;;uDAqBjC,CAAC;AAIH,eAAO,MAAM,iBAAiB;;uDAc5B,CAAC;AAIH,eAAO,MAAM,oBAAoB,mOAW/B,CAAC;AAIH,eAAO,MAAM,uBAAuB,wGAgBnC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAYhC,CAAC;AAIF,eAAO,MAAM,iBAAiB,qOAE7B,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAUzC,CAAC;AAIF,eAAO,MAAM,oBAAoB,yGAWhC,CAAC;AAIF,eAAO,MAAM,uBAAuB,mOAGnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qOAuB3B,CAAC;AAIH,eAAO,MAAM,eAAe,uGAI1B,CAAC;AAIH,eAAO,MAAM,gBAAgB,qOAS3B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAUtC,CAAC;AAIF,eAAO,MAAM,eAAe,mOAK1B,CAAC;AAIH,eAAO,MAAM,aAAa,uGAKxB,CAAC;AAIH,eAAO,MAAM,sBAAsB,yGAcjC,CAAC"}

package/lib/components/GenAICoach/GenAICoach.styles.js ADDED Viewed

@@ -0,0 +1,211 @@
+import styled, { css } from 'styled-components';
+import { useContext } from 'react';
+import { AppShellContext, Button, Flex, MenuButton, StyledIcon, StyledText, Text, calculateFontSize, defaultThemeProp, getHoverColors } from '@pega/cosmos-react-core';
+import { isInUtilities } from './GenAICoach.utils';
+export const StyledMessageWrapper = styled.li ``;
+export const StyledGenAICoachContainer = styled.div(({ theme: { base: { palette, 'z-index': zIndex, spacing, breakpoints }, components: { card: { 'border-radius': borderRadius } } }, variant, aboveLG, starterMessage }) => {
+    const { previewActive } = useContext(AppShellContext);
+    return css `
+      background: ${palette['primary-background']};
+      min-width: var(--utilities-drawer-min-width);
+      border-radius: ${borderRadius};
+      ${isInUtilities(variant) &&
+        css `
+        min-height: 3rem;
+        max-width: 31.25rem;
+        box-shadow: 0 -1rem 1rem ${palette['app-background']};
+        position: fixed;
+        inset-block-end: calc(2 * ${spacing});
+        inset-inline-end: calc(2 * ${spacing});
+        z-index: calc(${zIndex.drawer} + 1);
+        ${aboveLG
+            ? css `
+              width: 25rem;
+            `
+            : css `
+              width: calc(var(--utilities-drawer-width) - 2rem);
+            `}
+        ${previewActive &&
+            css `
+          @media (min-width: ${breakpoints.xl}) {
+            margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);
+          }
+        `}
+        ${variant.state === 'minimized' &&
+            css `
+          max-height: 20rem;
+          height: 20rem;
+        `}
+        ${variant.state === 'docked' &&
+            css `
+          height: 3rem;
+        `}
+        &::after {
+          content: '';
+          height: calc(2 * ${spacing});
+          width: 100%;
+          background: ${palette['app-background']};
+          position: fixed;
+          inset-block-end: 0;
+          z-index: calc(${zIndex.drawer} + 1);
+        }
+      `}
+      /** 85 percent of Utilities height */
+      ${!starterMessage &&
+        ((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&
+        css `
+        height: calc(0.85 * var(--case-view-height, 95vh));
+      `}
+    `;
+});
+StyledGenAICoachContainer.defaultProps = defaultThemeProp;
+export const StyledGenAIOptionsMenu = styled(MenuButton)(({ theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, 'font-weight': fontWeight, palette: { ai } } } }) => {
+    const { l } = calculateFontSize(fontSize, fontScale);
+    return css `
+    color: inherit;
+    ${StyledIcon}:first-child {
+      color: ${ai};
+    }
+    ${StyledText} {
+      font-weight: ${fontWeight['semi-bold']};
+      font-size: ${l};
+    }
+  `;
+});
+StyledGenAIOptionsMenu.defaultProps = defaultThemeProp;
+export const StyledSuggestions = styled(MenuButton)(({ theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, palette: { ai } } } }) => {
+    const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);
+    return css `
+    color: ${ai};
+    font-size: ${buttonFontSize};
+  `;
+});
+StyledSuggestions.defaultProps = defaultThemeProp;
+export const StyledDisclaimerText = styled(Text)(({ theme: { base: { 'font-size': fontSize, 'font-scale': fontScale, spacing } } }) => {
+    const systemFontSize = calculateFontSize(fontSize, fontScale).xs;
+    return css `
+    font-size: ${systemFontSize};
+    margin-block-start: ${spacing};
+    opacity: 0.7;
+  `;
+});
+StyledDisclaimerText.defaultProps = defaultThemeProp;
+export const StyledMessagesContainer = styled.ul(({ theme: { base: { spacing } } }) => {
+    return css `
+      list-style-type: none;
+      margin-block-end: calc(2 * ${spacing});
+      overflow-y: auto;
+      ${StyledMessageWrapper} {
+        padding-block: ${spacing};
+      }
+    `;
+});
+StyledMessagesContainer.defaultProps = defaultThemeProp;
+export const StyledStarterMessage = styled.div(({ theme: { base: { palette, 'border-radius': borderRadius } } }) => {
+    return css `
+      border: 0.0625rem solid ${palette['border-line']};
+      border-radius: calc(0.5 * ${borderRadius});
+      max-height: 10rem;
+    `;
+});
+StyledStarterMessage.defaultProps = defaultThemeProp;
+export const StyledCloseButton = styled(Button) `
+  align-self: flex-start;
+`;
+StyledCloseButton.defaultProps = defaultThemeProp;
+export const StyledInitialMessageContainer = styled.div(({ theme: { base: { spacing } } }) => {
+    return css `
+      margin-block: calc(2 * ${spacing});
+    `;
+});
+StyledInitialMessageContainer.defaultProps = defaultThemeProp;
+export const StyledInputContainer = styled.div(({ theme: { base: { spacing } } }) => {
+    return css `
+      margin-block-end: calc(2 * ${spacing});
+      margin-inline: calc(2 * ${spacing});
+    `;
+});
+StyledInputContainer.defaultProps = defaultThemeProp;
+export const StyledProgressContainer = styled(Flex) `
+  height: 100%;
+  align-items: center;
+`;
+export const StyledChatButton = styled(Button)(({ theme: { base: { palette: { ai, 'primary-background': primaryBackground }, spacing } } }) => {
+    const hoverColors = getHoverColors(ai);
+    return css `
+    background-color: ${ai};
+    color: ${primaryBackground};
+    border: none;
+    margin: ${spacing};
+    &:hover {
+      background-color: ${hoverColors.background};
+      color: ${hoverColors.foreground};
+      border: none;
+    }
+    &:focus {
+      border: none;
+    }
+  `;
+});
+StyledChatButton.defaultProps = defaultThemeProp;
+export const StyledParagraph = styled.p(({ theme }) => {
+    return css `
+    margin-block-start: calc(0.5 * ${theme.base.spacing});
+  `;
+});
+StyledParagraph.defaultProps = defaultThemeProp;
+export const StyledSuggestion = styled(Button)(({ theme }) => {
+    return css `
+    width: fit-content;
+    & + & {
+      margin-inline-start: 0;
+      text-align: left;
+      padding: ${theme.base.spacing};
+    }
+  `;
+});
+StyledSuggestion.defaultProps = defaultThemeProp;
+export const StyledSuggestionsContainer = styled.div(({ theme: { base: { spacing } } }) => {
+    return css `
+      margin-block-start: calc(1.5 * ${spacing});
+    `;
+});
+StyledSuggestionsContainer.defaultProps = defaultThemeProp;
+export const StyledTimeStamp = styled(Text)(() => {
+    return css `
+    display: flex;
+    align-items: center;
+  `;
+});
+StyledTimeStamp.defaultProps = defaultThemeProp;
+export const StyledMessage = styled.p(({ theme }) => {
+    return css `
+    margin-block-start: calc(0.5 * ${theme.base.spacing});
+    overflow-wrap: break-word;
+  `;
+});
+StyledMessage.defaultProps = defaultThemeProp;
+export const StyledSuggestedMessage = styled.div(({ theme }) => {
+    return css `
+    column-gap: calc(2 * ${theme.base.spacing});
+    min-height: 2rem;
+    text-align: left;
+    border: 0.0625rem solid ${theme.base.palette['border-line']};
+    border-radius: calc(0.5 * ${theme.base['border-radius']});
+    padding-inline-end: calc(2 * ${theme.base.spacing});
+    cursor: pointer;
+    &:hover,
+    &:focus {
+      border: 0.0625rem solid ${theme.base.palette.interactive};
+    }
+  `;
+});
+StyledSuggestedMessage.defaultProps = defaultThemeProp;
+//# sourceMappingURL=GenAICoach.styles.js.map

package/lib/components/GenAICoach/GenAICoach.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.styles.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { useContext } from 'react';\n\nimport {\n AppShellContext,\n Button,\n Flex,\n MenuButton,\n StyledIcon,\n StyledText,\n Text,\n calculateFontSize,\n defaultThemeProp,\n getHoverColors\n} from '@pega/cosmos-react-core';\n\nimport type { CaseViewContextValue } from '../CaseView/CaseView.types';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n variant: GenAICoachProps['variant'];\n starterMessage: GenAICoachProps['starterMessage'];\n aboveLG: CaseViewContextValue['aboveLG'];\n}>(\n ({\n theme: {\n base: { palette, 'z-index': zIndex, spacing, breakpoints },\n components: {\n card: { 'border-radius': borderRadius }\n }\n },\n variant,\n aboveLG,\n starterMessage\n }) => {\n const { previewActive } = useContext(AppShellContext);\n\n return css`\n background: ${palette['primary-background']};\n min-width: var(--utilities-drawer-min-width);\n border-radius: ${borderRadius};\n ${isInUtilities(variant) &&\n css`\n min-height: 3rem;\n max-width: 31.25rem;\n box-shadow: 0 -1rem 1rem ${palette['app-background']};\n position: fixed;\n inset-block-end: calc(2 * ${spacing});\n inset-inline-end: calc(2 * ${spacing});\n z-index: calc(${zIndex.drawer} + 1);\n ${aboveLG\n ? css`\n width: 25rem;\n `\n : css`\n width: calc(var(--utilities-drawer-width) - 2rem);\n `}\n\n ${previewActive &&\n css`\n @media (min-width: ${breakpoints.xl}) {\n margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);\n }\n `}\n\n ${variant.state === 'minimized' &&\n css`\n max-height: 20rem;\n height: 20rem;\n `}\n\n ${variant.state === 'docked' &&\n css`\n height: 3rem;\n `}\n\n\n &::after {\n content: '';\n height: calc(2 * ${spacing});\n width: 100%;\n background: ${palette['app-background']};\n position: fixed;\n inset-block-end: 0;\n z-index: calc(${zIndex.drawer} + 1);\n }\n `}\n\n /** 85 percent of Utilities height */\n ${!starterMessage &&\n ((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n css`\n height: calc(0.85 * var(--case-view-height, 95vh));\n `}\n `;\n }\n);\n\nStyledGenAICoachContainer.defaultProps = defaultThemeProp;\n\nexport const StyledGenAIOptionsMenu = styled(MenuButton)(({\n theme: {\n base: {\n 'font-size': fontSize,\n 'font-scale': fontScale,\n 'font-weight': fontWeight,\n palette: { ai }\n }\n }\n}) => {\n const { l } = calculateFontSize(fontSize, fontScale);\n return css`\n color: inherit;\n ${StyledIcon}:first-child {\n color: ${ai};\n }\n ${StyledText} {\n font-weight: ${fontWeight['semi-bold']};\n font-size: ${l};\n }\n `;\n});\n\nStyledGenAIOptionsMenu.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestions = styled(MenuButton)(({\n theme: {\n base: {\n 'font-size': fontSize,\n 'font-scale': fontScale,\n palette: { ai }\n }\n }\n}) => {\n const { xxs: buttonFontSize } = calculateFontSize(fontSize, fontScale);\n return css`\n color: ${ai};\n font-size: ${buttonFontSize};\n `;\n});\n\nStyledSuggestions.defaultProps = defaultThemeProp;\n\nexport const StyledDisclaimerText = styled(Text)(({\n theme: {\n base: { 'font-size': fontSize, 'font-scale': fontScale, spacing }\n }\n}) => {\n const systemFontSize = calculateFontSize(fontSize, fontScale).xs;\n return css`\n font-size: ${systemFontSize};\n margin-block-start: ${spacing};\n opacity: 0.7;\n `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.ul(\n ({\n theme: {\n base: { spacing }\n }\n }) => {\n return css`\n list-style-type: none;\n margin-block-end: calc(2 * ${spacing});\n overflow-y: auto;\n\n ${StyledMessageWrapper} {\n padding-block: ${spacing};\n }\n `;\n }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessage = styled.div(\n ({\n theme: {\n base: { palette, 'border-radius': borderRadius }\n }\n }) => {\n return css`\n border: 0.0625rem solid ${palette['border-line']};\n border-radius: calc(0.5 * ${borderRadius});\n max-height: 10rem;\n `;\n }\n);\n\nStyledStarterMessage.defaultProps = defaultThemeProp;\n\nexport const StyledCloseButton = styled(Button)`\n align-self: flex-start;\n`;\n\nStyledCloseButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(\n ({\n theme: {\n base: { spacing }\n }\n }) => {\n return css`\n margin-block: calc(2 * ${spacing});\n `;\n }\n);\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div(\n ({\n theme: {\n base: { spacing }\n }\n }) => {\n return css`\n margin-block-end: calc(2 * ${spacing});\n margin-inline: calc(2 * ${spacing});\n `;\n }\n);\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledProgressContainer = styled(Flex)`\n height: 100%;\n align-items: center;\n`;\n\nexport const StyledChatButton = styled(Button)(({\n theme: {\n base: {\n palette: { ai, 'primary-background': primaryBackground },\n spacing\n }\n }\n}) => {\n const hoverColors = getHoverColors(ai);\n return css`\n background-color: ${ai};\n color: ${primaryBackground};\n border: none;\n margin: ${spacing};\n &:hover {\n background-color: ${hoverColors.background};\n color: ${hoverColors.foreground};\n border: none;\n }\n &:focus {\n border: none;\n }\n `;\n});\n\nStyledChatButton.defaultProps = defaultThemeProp;\n\nexport const StyledParagraph = styled.p(({ theme }) => {\n return css`\n margin-block-start: calc(0.5 * ${theme.base.spacing});\n `;\n});\n\nStyledParagraph.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({ theme }) => {\n return css`\n width: fit-content;\n & + & {\n margin-inline-start: 0;\n text-align: left;\n padding: ${theme.base.spacing};\n }\n `;\n});\n\nStyledSuggestion.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionsContainer = styled.div(\n ({\n theme: {\n base: { spacing }\n }\n }) => {\n return css`\n margin-block-start: calc(1.5 * ${spacing});\n `;\n }\n);\n\nStyledSuggestionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledTimeStamp = styled(Text)(() => {\n return css`\n display: flex;\n align-items: center;\n `;\n});\n\nStyledTimeStamp.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n return css`\n margin-block-start: calc(0.5 * ${theme.base.spacing});\n overflow-wrap: break-word;\n `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedMessage = styled.div(({ theme }) => {\n return css`\n column-gap: calc(2 * ${theme.base.spacing});\n min-height: 2rem;\n text-align: left;\n border: 0.0625rem solid ${theme.base.palette['border-line']};\n border-radius: calc(0.5 * ${theme.base['border-radius']});\n padding-inline-end: calc(2 * ${theme.base.spacing});\n cursor: pointer;\n &:hover,\n &:focus {\n border: 0.0625rem solid ${theme.base.palette.interactive};\n }\n `;\n});\n\nStyledSuggestedMessage.defaultProps = defaultThemeProp;\n"]}

package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const getGenAICoachTestIds: (testIdProp?: string \| undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly []>;
2	+ //# sourceMappingURL=GenAICoach.test-ids.d.ts.map

package/lib/components/GenAICoach/GenAICoach.test-ids.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"GenAICoach.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,mGAA6C,CAAC"}

package/lib/components/GenAICoach/GenAICoach.test-ids.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { createTestIds } from '@pega/cosmos-react-core';
+export const getGenAICoachTestIds = createTestIds('gen-ai-coach', []);
+//# sourceMappingURL=GenAICoach.test-ids.js.map

package/lib/components/GenAICoach/GenAICoach.test-ids.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.test-ids.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAAC,cAAc,EAAE,EAAW,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getGenAICoachTestIds = createTestIds('gen-ai-coach', [] as const);\n"]}

package/lib/components/GenAICoach/GenAICoach.types.d.ts ADDED Viewed

@@ -0,0 +1,53 @@
+import type { BaseProps, MenuProps, RequireAtLeastOne, TestIdProp, WithAttributes } from '@pega/cosmos-react-core';
+export type State = 'docked' | 'minimized' | 'maximized';
+export type Variant = {
+    placement: 'utilities';
+    state: State;
+    onStateChange: (state: State) => void;
+} | {
+    placement: 'fullpage';
+} | {
+    placement: 'dialog';
+    onClose: () => void;
+};
+export interface MessageProps {
+    id: string;
+    message: string;
+}
+export type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> & BaseProps & TestIdProp & MessageProps;
+export interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {
+    from: 'user';
+}
+export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps, 'onSend'>> & BaseProps & TestIdProp & Pick<MessageProps, 'id'> & {
+    from: 'coach';
+    coachName: string;
+    suggestions?: MessageProps[];
+    loading?: boolean;
+    message?: MessageProps['message'];
+}, 'loading' | 'message'>;
+export type GenAIMessageProps = UserMessageProps | CoachMessageProps;
+export type GenAICoachProps = WithAttributes<'div', TestIdProp & {
+    /** Chat loading indicator */
+    loading?: boolean;
+    /** Coaches available in the chat header */
+    coachOptions: MenuProps['items'];
+    /** Handle the coach selections */
+    onCoachChange: (id: MenuProps['id']) => void;
+    /** Suggested messages to start the conversation */
+    initialSuggestedMessages?: MessageProps[];
+    /** Additional suggestions presented at the bottom of the chat window */
+    suggestions?: MenuProps['items'];
+    /** Send prompts */
+    onSend: (message: MessageProps) => void;
+    /** Messages to be shown in the chatting window. */
+    messages?: GenAIMessageProps[];
+    /** starter message */
+    starterMessage?: GenAIMessageProps & {
+        onClose: () => void;
+    };
+    /** Placement of the component   */
+    variant: Variant;
+    /** callback when component is mounted */
+    onOpen?: () => void;
+}>;
+//# sourceMappingURL=GenAICoach.types.d.ts.map

package/lib/components/GenAICoach/GenAICoach.types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.types.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,OAAO,GACf;IACE,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACvC,GACD;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,GACzB;IAAE,SAAS,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GACxE,SAAS,GACT,UAAU,GACV,YAAY,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IAC3E,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAC/C,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,GACtC,SAAS,GACT,UAAU,GACV,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC,EACH,SAAS,GAAG,SAAS,CACtB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,UAAU,GAAG;IACX,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,YAAY,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC,kCAAkC;IAClC,aAAa,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,wBAAwB,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1C,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC,mBAAmB;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,sBAAsB;IACtB,cAAc,CAAC,EAAE,iBAAiB,GAAG;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CACF,CAAC"}

package/lib/components/GenAICoach/GenAICoach.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=GenAICoach.types.js.map

package/lib/components/GenAICoach/GenAICoach.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n BaseProps,\n MenuProps,\n RequireAtLeastOne,\n TestIdProp,\n WithAttributes\n} from '@pega/cosmos-react-core';\n\nexport type State = 'docked' | 'minimized' | 'maximized';\n\nexport type Variant =\n | {\n placement: 'utilities';\n state: State;\n onStateChange: (state: State) => void;\n }\n | { placement: 'fullpage' }\n | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n id: string;\n message: string;\n}\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n BaseProps &\n TestIdProp &\n MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n from: 'user';\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n Partial<Pick<GenAICoachProps, 'onSend'>> &\n BaseProps &\n TestIdProp &\n Pick<MessageProps, 'id'> & {\n from: 'coach';\n coachName: string;\n suggestions?: MessageProps[];\n loading?: boolean;\n message?: MessageProps['message'];\n },\n 'loading' | 'message'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\n\nexport type GenAICoachProps = WithAttributes<\n 'div',\n TestIdProp & {\n /** Chat loading indicator */\n loading?: boolean;\n /** Coaches available in the chat header */\n coachOptions: MenuProps['items'];\n /** Handle the coach selections */\n onCoachChange: (id: MenuProps['id']) => void;\n /** Suggested messages to start the conversation */\n initialSuggestedMessages?: MessageProps[];\n /** Additional suggestions presented at the bottom of the chat window */\n suggestions?: MenuProps['items'];\n /** Send prompts */\n onSend: (message: MessageProps) => void;\n /** Messages to be shown in the chatting window. */\n messages?: GenAIMessageProps[];\n /** starter message */\n starterMessage?: GenAIMessageProps & { onClose: () => void };\n /** Placement of the component */\n variant: Variant;\n /** callback when component is mounted */\n onOpen?: () => void;\n }\n>;\n"]}

package/lib/components/GenAICoach/GenAICoach.utils.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import type { CoachMessageProps, GenAIMessageProps, State, UserMessageProps, Variant } from './GenAICoach.types';
+export declare const isCoachMessage: (message: GenAIMessageProps) => message is CoachMessageProps;
+export declare const isUserMessage: (message: GenAIMessageProps) => message is UserMessageProps;
+export declare const isInUtilities: (item: Variant) => item is {
+    placement: 'utilities';
+    state: State;
+    onStateChange: (state: State) => void;
+};
+//# sourceMappingURL=GenAICoach.utils.d.ts.map

package/lib/components/GenAICoach/GenAICoach.utils.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.utils.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,EACL,gBAAgB,EAChB,OAAO,EACR,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,cAAc,YAAa,iBAAiB,iCAExD,CAAC;AAEF,eAAO,MAAM,aAAa,YAAa,iBAAiB,gCAEvD,CAAC;AAEF,eAAO,MAAM,aAAa,SAClB,OAAO;eAEF,WAAW;WACf,KAAK;2BACW,KAAK,KAAK,IAAI;CAGtC,CAAC"}

package/lib/components/GenAICoach/GenAICoach.utils.js ADDED Viewed

@@ -0,0 +1,10 @@
+export const isCoachMessage = (message) => {
+    return message.from === 'coach';
+};
+export const isUserMessage = (message) => {
+    return message.from === 'user';
+};
+export const isInUtilities = (item) => {
+    return item.placement === 'utilities';
+};
+//# sourceMappingURL=GenAICoach.utils.js.map

package/lib/components/GenAICoach/GenAICoach.utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GenAICoach.utils.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.utils.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAA0B,EAAgC,EAAE;IACzF,OAAO,OAAO,CAAC,IAAI,KAAK,OAAO,CAAC;AAClC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA0B,EAA+B,EAAE;IACvF,OAAO,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,IAAa,EAKb,EAAE;IACF,OAAO,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC;AACxC,CAAC,CAAC","sourcesContent":["import type {\n CoachMessageProps,\n GenAIMessageProps,\n State,\n UserMessageProps,\n Variant\n} from './GenAICoach.types';\n\nexport const isCoachMessage = (message: GenAIMessageProps): message is CoachMessageProps => {\n return message.from === 'coach';\n};\n\nexport const isUserMessage = (message: GenAIMessageProps): message is UserMessageProps => {\n return message.from === 'user';\n};\n\nexport const isInUtilities = (\n item: Variant\n): item is {\n placement: 'utilities';\n state: State;\n onStateChange: (state: State) => void;\n} => {\n return item.placement === 'utilities';\n};\n"]}

package/lib/components/GenAICoach/GenAIMessage.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import type { FunctionComponent } from 'react';
+import type { GenAIMessageProps } from './GenAICoach.types';
+declare const GenAIMessage: FunctionComponent<GenAIMessageProps>;
+export default GenAIMessage;
+//# sourceMappingURL=GenAIMessage.d.ts.map