@pega/cosmos-react-work 9.0.0-build.1.0 → 9.0.0-build.10.1

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

@@ -1 +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';\nimport { mix } from 'polished';\n\nimport {\n  AppShellContext,\n  Button,\n  FileList,\n  Flex,\n  MenuButton,\n  StyledEmptyState,\n  StyledErrorState,\n  StyledIcon,\n  StyledText,\n  SummaryItem,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\nimport { StyledProgress } from '@pega/cosmos-react-core/lib/components/Progress/Progress.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\nconst maxWidthMessage = '46rem';\n\nexport const StyledComposerSection = styled.div``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\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        border-radius: ${borderRadius} ${borderRadius} 0 0;\n        position: fixed;\n        inset-block-end: 0;\n        inset-inline-end: calc(2 * ${spacing});\n        z-index: calc(${zIndex.drawer} + 1);\n        width: 25rem;\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          height: 3rem;\n        `}\n      `}\n\n      /*\n        ~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer\n        FIXME: This is a stopgap to address issue in Android web views via React Native where VH units do not work\n      */\n      ${((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n      css`\n        height: calc(0.85 * var(--case-view-height, 95vh));\n        @media (pointer: coarse) and (max-width: ${breakpoints.md}) {\n          height: 40rem;\n        }\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)<{ inFullPage: boolean }>(({\n  inFullPage,\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    ${inFullPage &&\n    css`\n      padding-block-end: calc(2 * ${spacing});\n    `}\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      height: 100%;\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledFlexWrapper = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: ${spacing};\n      height: 100%;\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledFlexWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledGridContainer = styled.div<{ conversationHistory: boolean }>(\n  ({ theme: { base }, conversationHistory }) => {\n    return css`\n      height: 100%;\n      min-height: 0;\n      ${conversationHistory &&\n      css`\n        border: 0.0625rem solid ${base.palette['border-line']};\n        margin: calc(2 * ${base.spacing});\n        border-radius: ${base['border-radius']};\n      `}\n    `;\n  }\n);\n\nStyledGridContainer.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(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    margin-block-end: calc(2 * ${spacing});\n    margin-inline: calc(2 * ${spacing});\n    align-items: center;\n\n    ${StyledFormField}, ${StyledComposerSection} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    padding: ${spacing};\n    white-space: normal;\n    word-break: break-word;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\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    ${StyledEditorContainer} {\n      padding: 0;\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledUserMessage = styled.li(\n  ({\n    theme: {\n      base: {\n        'border-radius': borderRadius,\n        spacing,\n        palette: { 'secondary-background': secondaryBackground }\n      }\n    }\n  }) => {\n    return css`\n      overflow-wrap: break-word;\n      background: ${secondaryBackground};\n      margin-inline-start: calc(4 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n      padding: calc(0.5 * ${spacing});\n      border-start-start-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n      border-start-end-radius: min(${borderRadius}, 0.5rem);\n      border-end-start-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n      border-end-end-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n    `;\n  }\n);\n\nStyledUserMessage.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    max-width: calc(0.8 * ${maxWidthMessage});\n    width: 100%;\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    ${StyledCardContent} {\n      padding-inline: calc(2 * ${theme.base.spacing});\n      padding-block: calc(1.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledSuggestedMessage.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesList = styled.ul(\n  ({\n    theme: {\n      base: { shadow, spacing }\n    }\n  }) => {\n    return css`\n      padding-block-start: ${spacing};\n      list-style-type: none;\n      align-self: center;\n      max-width: ${maxWidthMessage};\n      width: 100%;\n      & > li {\n        max-width: calc(0.8 * ${maxWidthMessage});\n      }\n      & > li[from='user'] {\n        margin-inline-start: auto;\n        margin-block-end: ${spacing};\n      }\n      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledMessagesList.defaultProps = defaultThemeProp;\n\nexport const StyledHistoryContainer = styled(Flex)<{ inFullPage: boolean }>(\n  ({ theme, inFullPage }) => css`\n    height: 100%;\n    min-height: 0;\n    ${inFullPage &&\n    css`\n      border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};\n    `}\n\n    ${StyledEmptyState}, ${StyledErrorState} {\n      justify-content: flex-start;\n      padding-inline: calc(2 * ${theme.base.spacing});\n    }\n  `\n);\n\nStyledHistoryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled(Flex)(\n  ({ theme }) => css`\n    height: 100%;\n    overflow-y: auto;\n    margin-block-end: calc(2 * ${theme.base.spacing});\n  `\n);\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledHistorySummaryListItem = styled(SummaryItem)(({ theme }) => {\n  const hoverColor = tryCatch(() =>\n    mix(0.95, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block: ${theme.base.spacing};\n    border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};\n\n    &:hover {\n      background-color: ${hoverColor};\n      cursor: pointer;\n    }\n    &[aria-selected='true'] {\n      background-color: ${hoverColor};\n    }\n    &:focus {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledHistorySummaryListItem.defaultProps = defaultThemeProp;\n\nexport const StyledLoadingItem = styled.li`\n  ${StyledProgress} {\n    margin: 0;\n  }\n`;\n\nexport const StyledGroupHeader = styled.div(({ theme }) => {\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block-start: calc(2 * ${theme.base.spacing});\n    padding-block-end: calc(0.5 * ${theme.base.spacing});\n    border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n  `;\n});\n\nStyledGroupHeader.defaultProps = defaultThemeProp;\n\nexport const StyledErrorContainer = styled.div(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledErrorContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInput = styled.input(() => {\n  return css`\n    display: none;\n  `;\n});\n\nexport const StyledAttachmentsList = styled(FileList)(({ theme }) => {\n  return css`\n    padding: ${theme.base.spacing};\n  `;\n});\n\nStyledAttachmentsList.defaultProps = defaultThemeProp;\n\nexport const StyledGuidedSuggestions = styled(MenuButton)`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n  > span {\n    justify-content: center;\n  }\n`;\n"]}
+{"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';\nimport { mix } from 'polished';\n\nimport {\n  AppShellContext,\n  Button,\n  FileList,\n  Flex,\n  MenuButton,\n  StyledEmptyState,\n  StyledErrorState,\n  StyledIcon,\n  StyledText,\n  SummaryItem,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\nimport { StyledProgress } from '@pega/cosmos-react-core/lib/components/Progress/Progress.styles';\nimport { resizeDrawerMaxWidth } from '@pega/cosmos-react-core/lib/styles/constants';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\nconst maxWidthMessage = '46rem';\n\nexport const StyledComposerSection = styled.div``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant\n  }) => {\n    const { previewActive } = useContext(AppShellContext);\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        border-radius: ${borderRadius} ${borderRadius} 0 0;\n        position: fixed;\n        inset-block-end: 0;\n        inset-inline-end: calc(2 * ${spacing});\n        z-index: calc(${zIndex.drawer} + 1);\n        width: 25rem;\n\n        ${previewActive &&\n        css`\n          @media (min-width: ${breakpoints.xl}) {\n            margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});\n          }\n        `}\n\n        ${variant.state === 'minimized' &&\n        css`\n          height: 3rem;\n        `}\n      `}\n\n      /*\n        ~85% of Utilities height and fixed height if screen size less than md and devices with coarse pointer\n        FIXME: This is a stopgap to address issue in Android web views via React Native where VH units do not work\n      */\n      ${((isInUtilities(variant) && variant.state === 'maximized') || !isInUtilities(variant)) &&\n      css`\n        height: calc(0.85 * var(--case-view-height, 95vh));\n        @media (pointer: coarse) and (max-width: ${breakpoints.md}) {\n          height: 40rem;\n        }\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)<{ inFullPage: boolean }>(({\n  inFullPage,\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    ${inFullPage &&\n    css`\n      padding-block-end: calc(2 * ${spacing});\n    `}\n    opacity: 0.7;\n  `;\n});\n\nStyledDisclaimerText.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      height: 100%;\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledFlexWrapper = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: ${spacing};\n      height: 100%;\n      overflow-y: auto;\n    `;\n  }\n);\n\nStyledFlexWrapper.defaultProps = defaultThemeProp;\n\nexport const StyledGridContainer = styled.div<{ conversationHistory: boolean }>(\n  ({ theme: { base }, conversationHistory }) => {\n    return css`\n      height: 100%;\n      min-height: 0;\n      ${conversationHistory &&\n      css`\n        border: 0.0625rem solid ${base.palette['border-line']};\n        margin: calc(2 * ${base.spacing});\n        border-radius: ${base['border-radius']};\n      `}\n    `;\n  }\n);\n\nStyledGridContainer.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(Flex)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    margin-block-end: calc(2 * ${spacing});\n    margin-inline: calc(2 * ${spacing});\n    align-items: center;\n\n    ${StyledFormField}, ${StyledComposerSection} {\n      width: 100%;\n      max-width: ${maxWidthMessage};\n    }\n  `;\n});\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    padding: ${spacing};\n    white-space: normal;\n    word-break: break-word;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\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    ${StyledEditorContainer} {\n      padding: 0;\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledUserMessage = styled.li(\n  ({\n    theme: {\n      base: {\n        'border-radius': borderRadius,\n        spacing,\n        palette: { 'secondary-background': secondaryBackground }\n      }\n    }\n  }) => {\n    return css`\n      overflow-wrap: break-word;\n      background: ${secondaryBackground};\n      margin-inline-start: calc(4 * ${spacing});\n      margin-block-end: calc(0.5 * ${spacing});\n      padding: calc(0.5 * ${spacing});\n      border-start-start-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n      border-start-end-radius: min(${borderRadius}, 0.5rem);\n      border-end-start-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n      border-end-end-radius: min(calc(3 * ${borderRadius}), 1.5rem);\n    `;\n  }\n);\n\nStyledUserMessage.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    max-width: calc(0.8 * ${maxWidthMessage});\n    width: 100%;\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    ${StyledCardContent} {\n      padding-inline: calc(2 * ${theme.base.spacing});\n      padding-block: calc(1.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledSuggestedMessage.defaultProps = defaultThemeProp;\n\nexport const StyledMessagesList = styled.ul(\n  ({\n    theme: {\n      base: { shadow, spacing }\n    }\n  }) => {\n    return css`\n      padding-block-start: ${spacing};\n      list-style-type: none;\n      align-self: center;\n      max-width: ${maxWidthMessage};\n      width: 100%;\n      & > li {\n        max-width: calc(0.8 * ${maxWidthMessage});\n      }\n      & > li[from='user'] {\n        margin-inline-start: auto;\n        margin-block-end: ${spacing};\n      }\n      & > li[type='message'] {\n        &:focus-visible {\n          outline: none;\n          box-shadow: ${shadow.focus};\n        }\n        margin-block-end: ${spacing};\n      }\n    `;\n  }\n);\n\nStyledMessagesList.defaultProps = defaultThemeProp;\n\nexport const StyledHistoryContainer = styled(Flex)<{ inFullPage: boolean }>(\n  ({ theme, inFullPage }) => css`\n    height: 100%;\n    min-height: 0;\n    ${inFullPage &&\n    css`\n      border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};\n    `}\n\n    ${StyledEmptyState}, ${StyledErrorState} {\n      justify-content: flex-start;\n      padding-inline: calc(2 * ${theme.base.spacing});\n    }\n  `\n);\n\nStyledHistoryContainer.defaultProps = defaultThemeProp;\n\nexport const StyledList = styled(Flex)(\n  ({ theme }) => css`\n    height: 100%;\n    overflow-y: auto;\n    margin-block-end: calc(2 * ${theme.base.spacing});\n  `\n);\n\nStyledList.defaultProps = defaultThemeProp;\n\nexport const StyledHistorySummaryListItem = styled(SummaryItem)(({ theme }) => {\n  const hoverColor = tryCatch(() =>\n    mix(0.95, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block: ${theme.base.spacing};\n    border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};\n\n    &:hover {\n      background-color: ${hoverColor};\n      cursor: pointer;\n    }\n    &[aria-selected='true'] {\n      background-color: ${hoverColor};\n    }\n    &:focus {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n  `;\n});\n\nStyledHistorySummaryListItem.defaultProps = defaultThemeProp;\n\nexport const StyledLoadingItem = styled.li`\n  ${StyledProgress} {\n    margin: 0;\n  }\n`;\n\nexport const StyledGroupHeader = styled.div(({ theme }) => {\n  return css`\n    padding-inline: calc(2 * ${theme.base.spacing});\n    padding-block-start: calc(2 * ${theme.base.spacing});\n    padding-block-end: calc(0.5 * ${theme.base.spacing});\n    border-block-end: 0.0625rem solid ${theme.base.palette['border-line']};\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n  `;\n});\n\nStyledGroupHeader.defaultProps = defaultThemeProp;\n\nexport const StyledErrorContainer = styled.div(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.urgent};\n  `;\n});\n\nStyledErrorContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInput = styled.input(() => {\n  return css`\n    display: none;\n  `;\n});\n\nexport const StyledAttachmentsList = styled(FileList)(({ theme }) => {\n  return css`\n    padding: ${theme.base.spacing};\n  `;\n});\n\nStyledAttachmentsList.defaultProps = defaultThemeProp;\n\nexport const StyledGuidedSuggestions = styled(MenuButton)`\n  width: 100%;\n  max-width: ${maxWidthMessage};\n  > span {\n    justify-content: center;\n  }\n`;\n"]}

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

@@ -35,8 +35,11 @@ export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps,
     coachName: string;
     suggestions?: MessageProps[];
     loading?: boolean;
+    enableStreaming?: boolean;
+    allChunksReceived?: boolean;
     error?: string;
     message?: MessageProps['message'];
+    onStreamingUpdate?: (isStreamingDone: boolean) => void;
     feedback?: {
         reaction: Reaction | undefined;
         onReaction: (id: MessageProps['id'], reaction: Reaction) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.types.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GenAICoach.types.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Dispatch, Ref, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps,\n  FileItemProps,\n  FileDisplayProps,\n  LightboxProps\n} from '@pega/cosmos-react-core';\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n      setGenAIHeight?: Dispatch<SetStateAction<number | undefined>>;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message: string;\n  announceInteraction?: boolean;\n  attachments?: FileDisplayProps[];\n  /**\n   * Whether the message is a suggestion from the composer\n   * @default false\n   */\n  fromComposer?: boolean;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLLIElement>;\n}\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' | 'announceInteraction' | 'ref'> & {\n      from: 'coach';\n      coachName: string;\n      suggestions?: MessageProps[];\n      loading?: boolean;\n      error?: string;\n      message?: MessageProps['message'];\n      feedback?: {\n        reaction: Reaction | undefined;\n        onReaction: (id: MessageProps['id'], reaction: Reaction) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n      };\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type SendMessageProps = OmitStrict<MessageProps, 'attachments'> & {\n  attachmentIds?: string[];\n};\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\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: SendMessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n    /** Callback when attachment icon is clicked */\n    onAddAttachment?: (files: File[]) => void;\n    /** Attachments list */\n    attachments?: FileItemProps[];\n    /** Error in attachments */\n    attachmentsError?: string;\n    /** Configuration for the Lightbox component that handles preview of media attachments and files */\n    lightboxPreviewProps?: LightboxProps;\n  }\n>;\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n"]}
+{"version":3,"file":"GenAICoach.types.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Dispatch, Ref, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes,\n  ActionsProps,\n  FileItemProps,\n  FileDisplayProps,\n  LightboxProps\n} from '@pega/cosmos-react-core';\n\nexport type State = 'minimized' | 'maximized';\nexport type Reaction = 'liked' | 'disliked';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n      setGenAIHeight?: Dispatch<SetStateAction<number | undefined>>;\n    }\n  | { placement: 'fullpage' }\n  | { placement: 'dialog'; onClose: () => void };\n\nexport interface MessageProps {\n  id: string;\n  message: string;\n  announceInteraction?: boolean;\n  attachments?: FileDisplayProps[];\n  /**\n   * Whether the message is a suggestion from the composer\n   * @default false\n   */\n  fromComposer?: boolean;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLLIElement>;\n}\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' | 'announceInteraction' | 'ref'> & {\n      from: 'coach';\n      coachName: string;\n      suggestions?: MessageProps[];\n      loading?: boolean;\n      enableStreaming?: boolean;\n      allChunksReceived?: boolean;\n      error?: string;\n      message?: MessageProps['message'];\n      onStreamingUpdate?: (isStreamingDone: boolean) => void;\n      feedback?: {\n        reaction: Reaction | undefined;\n        onReaction: (id: MessageProps['id'], reaction: Reaction) => void;\n        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;\n      };\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\n\nexport interface ConversationHistoryProps extends TestIdProp {\n  /** List of History items. */\n  data: {\n    id: string;\n    section: string;\n    conversations: {\n      id: string;\n      title: string;\n    }[];\n  }[];\n  /** Click event for items within the list. */\n  onItemClick?: (conversationId: string) => void;\n  /** List loading state. */\n  loading?: boolean;\n  /** Called at scroll trigger to load more items. */\n  loadMore?: () => void;\n  /** True if History view is rendered in Full page view.  */\n  inFullPage?: boolean;\n  /** Callback triggered when closing the history view. */\n  onDismiss: () => void;\n  /** Id of the selected item. */\n  selectedItemId?: string;\n  /** Set if there is an error in retreiving the data. */\n  error?: string;\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport type SendMessageProps = OmitStrict<MessageProps, 'attachments'> & {\n  attachmentIds?: string[];\n};\n\nexport type GenAICoachProps = WithAttributes<\n  'div',\n  TestIdProp & {\n    /** Chat loading indicator */\n    loading?: boolean | ProgressProps['message'];\n    /** Set if there is an error in retreiving the data */\n    error?: string;\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: SendMessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n    /** Pass an array of Action objects to show Action button. */\n    actions?: ActionsProps;\n    /** Pass data to show history view. */\n    conversationHistory?: ConversationHistoryProps;\n    /** Callback triggered when the layout component changes. */\n    onLayoutChange?: (inFullPage: boolean) => void;\n    /** Callback when attachment icon is clicked */\n    onAddAttachment?: (files: File[]) => void;\n    /** Attachments list */\n    attachments?: FileItemProps[];\n    /** Error in attachments */\n    attachmentsError?: string;\n    /** Configuration for the Lightbox component that handles preview of media attachments and files */\n    lightboxPreviewProps?: LightboxProps;\n  }\n>;\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n"]}

package/lib/components/GenAICoach/GenAIMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAIMessage.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAiBL,KAAK,+BAA+B,EACrC,MAAM,yBAAyB,CAAC;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAmB5D,QAAA,MAAM,YAAY,EAAE,+BAA+B,CAAC,iBAAiB,CAkNpE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GenAIMessage.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"AAGA,OAAO,EAiBL,KAAK,+BAA+B,EACrC,MAAM,yBAAyB,CAAC;AASjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAoB5D,QAAA,MAAM,YAAY,EAAE,+BAA+B,CAAC,iBAAiB,CAqPpE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/GenAICoach/GenAIMessage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { Button, Flex, Icon, Progress, registerIcon, useI18n, useTheme, Text, useTestIds, ErrorState, useElement, Tooltip, TextArea, FormDialog, useElementFocus, markdownToPlainText } from '@pega/cosmos-react-core';
 import * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
@@ -7,9 +7,11 @@ import * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons
 import * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';
 import * as thumbsDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down.icon';
 import { RichTextViewer } from '@pega/cosmos-react-rte';
+import { useAnimatedText } from '@pega/cosmos-react-core';
 import { StyledAttachmentsList, StyledMessage, StyledSuggestion, StyledSuggestionsContainer, StyledUserMessage } from './GenAICoach.styles';
 import { getGenAICoachTestIds } from './GenAICoach.test-ids';
 import { isCoachMessage, isUserMessage } from './GenAICoach.utils';
+import GenAIMessageProgress from './GenAIMessageProgress';
 registerIcon(polarisSolidIcon, thumbsUpSolidIcon, thumbsUpIcon, thumbsDownSolidIcon, thumbsDownIcon);
 const GenAIMessage = forwardRef(function GenAIMessage(props, ref) {
     const testIds = useTestIds(props.testId, getGenAICoachTestIds);
@@ -22,6 +24,20 @@ const GenAIMessage = forwardRef(function GenAIMessage(props, ref) {
     const { message, announceInteraction, ...restProps } = props;
     const plainTextMessage = markdownToPlainText(message ?? '');
     let ariaLabel = plainTextMessage;
+    const isStreamingMessage = isCoachMessage(props) && props.enableStreaming;
+    const allChunksReceived = isCoachMessage(props) && props.allChunksReceived;
+    const enableStreaming = !!isStreamingMessage && !allChunksReceived;
+    const { text: streamingMessage, isAnimationDone: isStreamingDone } = useAnimatedText({
+        text: message ?? '',
+        allContentReceived: allChunksReceived === undefined ? true : allChunksReceived,
+        enabled: enableStreaming,
+        tokenizeMarkdown: true
+    });
+    useEffect(() => {
+        if (isStreamingMessage && props.onStreamingUpdate) {
+            props.onStreamingUpdate(!!allChunksReceived && isStreamingDone);
+        }
+    }, [enableStreaming, isStreamingDone, allChunksReceived]);
     useElementFocus(wrapperEl, { shouldFocus: !showDialog && focusOnInteractionRef.current });
     useEffect(() => {
         if (!showDialog && focusOnInteractionRef.current) {
@@ -46,31 +62,32 @@ const GenAIMessage = forwardRef(function GenAIMessage(props, ref) {
         if (announceInteraction) {
             ariaLabel = `${ariaLabel} ${t('interaction_message')}`;
         }
-        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.coachMessage, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, ref: ref, children: [_jsxs(Flex, { container: { gap: 1 }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai, size: 's' }), _jsx(Text, { as: 'span', variant: 'h4', children: coachName })] }), _jsx(StyledMessage, { children: loading || error ? (_jsx(_Fragment, { children: loading ? (_jsx(Progress, { variant: 'ellipsis', placement: 'inline' })) : (_jsx(ErrorState, { message: error })) })) : (_jsxs(_Fragment, { children: [message && _jsx(RichTextViewer, { content: message, type: 'markdown' }), feedback && (_jsx(Flex, { container: { pad: [0.5, undefined] }, children: reaction ? (_jsxs(_Fragment, { children: [_jsx(Flex, { container: { pad: 0.5 }, "aria-label": selectedFeedbackResponse, ref: setWrapperEl, tabIndex: -1, children: _jsx(Icon, { name: reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid' }) }), showDialog ? (onFeedbackComplete &&
-                                            wrapperEl && (_jsx(FormDialog, { target: wrapperEl, heading: t('share_feedback'), onCancel: () => {
-                                                focusOnInteractionRef.current = true;
-                                                setShowDialog(false);
-                                                onFeedbackComplete(messageId);
-                                            }, onSubmit: () => {
-                                                focusOnInteractionRef.current = true;
-                                                setShowDialog(false);
-                                                onFeedbackComplete(messageId, feedbackVal);
-                                            }, onKeyDown: e => e.stopPropagation(), children: _jsx(TextArea, { value: feedbackVal, onChange: e => setFeedbackVal(e.target.value), onKeyDown: (e) => {
-                                                    if (e.key === 'Enter' && !e.shiftKey) {
-                                                        e.preventDefault();
-                                                        focusOnInteractionRef.current = true;
-                                                        setShowDialog(false);
-                                                        onFeedbackComplete(messageId, feedbackVal);
-                                                    }
-                                                }, autoResize: false }) }))) : (_jsx(Tooltip, { target: wrapperEl, describeTarget: false, children: reaction === 'liked' ? t('good_response') : t('bad_response') }))] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { label: t('good_response'), variant: 'simple', icon: true, compact: true, onClick: () => {
-                                                onReaction?.(messageId, 'liked');
-                                                focusOnInteractionRef.current = true;
-                                            }, children: _jsx(Icon, { name: 'thumbs-up' }) }), _jsx(Button, { label: t('bad_response'), variant: 'simple', icon: true, compact: true, onClick: () => {
-                                                setShowDialog(true);
-                                                onReaction?.(messageId, 'disliked');
-                                            }, children: _jsx(Icon, { name: 'thumbs-down' }) })] })) })), suggestions && (_jsx(Flex, { as: StyledSuggestionsContainer, container: { direction: 'column', gap: 1 }, children: suggestions.map(({ id, message: prompt }) => {
-                                    return (_jsx(Button, { as: StyledSuggestion, onClick: onSend ? () => onSend({ id, message: prompt }) : undefined, children: prompt }, id));
-                                }) }))] })) })] }));
+        const streamingContent = isStreamingMessage && (_jsx(_Fragment, { children: message ? (_jsxs(_Fragment, { children: [_jsx(RichTextViewer, { content: isStreamingMessage ? streamingMessage : message, type: 'markdown' }), loading && _jsx(Progress, { variant: 'ellipsis', placement: 'inline' })] })) : (loading && _jsx(GenAIMessageProgress, {})) }));
+        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.coachMessage, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, ref: ref, children: [_jsxs(Flex, { container: { gap: 1 }, children: [_jsx(Icon, { name: 'polaris-solid', color: theme.base.palette.ai, size: 's' }), _jsx(Text, { as: 'span', variant: 'h4', children: coachName })] }), _jsxs(StyledMessage, { children: [streamingContent, loading || error ? (_jsxs(_Fragment, { children: [loading && !isStreamingMessage && _jsx(GenAIMessageProgress, {}), error && _jsx(ErrorState, { message: error })] })) : (_jsxs(_Fragment, { children: [!isStreamingMessage && message && (_jsx(RichTextViewer, { content: message, type: 'markdown' })), feedback && (_jsx(Flex, { container: { pad: [0.5, undefined] }, children: reaction ? (_jsxs(_Fragment, { children: [_jsx(Flex, { container: { pad: 0.5 }, "aria-label": selectedFeedbackResponse, ref: setWrapperEl, tabIndex: -1, children: _jsx(Icon, { name: reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid' }) }), showDialog ? (onFeedbackComplete &&
+                                                wrapperEl && (_jsx(FormDialog, { target: wrapperEl, heading: t('share_feedback'), onCancel: () => {
+                                                    focusOnInteractionRef.current = true;
+                                                    setShowDialog(false);
+                                                    onFeedbackComplete(messageId);
+                                                }, onSubmit: () => {
+                                                    focusOnInteractionRef.current = true;
+                                                    setShowDialog(false);
+                                                    onFeedbackComplete(messageId, feedbackVal);
+                                                }, onKeyDown: e => e.stopPropagation(), children: _jsx(TextArea, { value: feedbackVal, onChange: e => setFeedbackVal(e.target.value), onKeyDown: (e) => {
+                                                        if (e.key === 'Enter' && !e.shiftKey) {
+                                                            e.preventDefault();
+                                                            focusOnInteractionRef.current = true;
+                                                            setShowDialog(false);
+                                                            onFeedbackComplete(messageId, feedbackVal);
+                                                        }
+                                                    }, autoResize: false }) }))) : (_jsx(Tooltip, { target: wrapperEl, describeTarget: false, children: reaction === 'liked' ? t('good_response') : t('bad_response') }))] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { label: t('good_response'), variant: 'simple', icon: true, compact: true, onClick: () => {
+                                                    onReaction?.(messageId, 'liked');
+                                                    focusOnInteractionRef.current = true;
+                                                }, children: _jsx(Icon, { name: 'thumbs-up' }) }), _jsx(Button, { label: t('bad_response'), variant: 'simple', icon: true, compact: true, onClick: () => {
+                                                    setShowDialog(true);
+                                                    onReaction?.(messageId, 'disliked');
+                                                }, children: _jsx(Icon, { name: 'thumbs-down' }) })] })) })), suggestions && (_jsx(Flex, { as: StyledSuggestionsContainer, container: { direction: 'column', gap: 1 }, children: suggestions.map(({ id, message: prompt }) => {
+                                        return (_jsx(Button, { as: StyledSuggestion, onClick: onSend ? () => onSend({ id, message: prompt }) : undefined, children: prompt }, id));
+                                    }) }))] }))] })] }));
     }
     if (isUserMessage(props)) {
         if (plainTextMessage) {

package/lib/components/GenAICoach/GenAIMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAIMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, PropsWithoutRef } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  Progress,\n  registerIcon,\n  useI18n,\n  useTheme,\n  Text,\n  useTestIds,\n  ErrorState,\n  useElement,\n  Tooltip,\n  TextArea,\n  FormDialog,\n  useElementFocus,\n  markdownToPlainText,\n  type ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';\nimport * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';\nimport * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';\nimport * as thumbsDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\n\nimport type { GenAIMessageProps } from './GenAICoach.types';\nimport {\n  StyledAttachmentsList,\n  StyledMessage,\n  StyledSuggestion,\n  StyledSuggestionsContainer,\n  StyledUserMessage\n} from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isUserMessage } from './GenAICoach.utils';\n\nregisterIcon(\n  polarisSolidIcon,\n  thumbsUpSolidIcon,\n  thumbsUpIcon,\n  thumbsDownSolidIcon,\n  thumbsDownIcon\n);\n\nconst GenAIMessage: ForwardRefForwardPropsComponent<GenAIMessageProps> = forwardRef(\n  function GenAIMessage(props: PropsWithoutRef<GenAIMessageProps>, ref: GenAIMessageProps['ref']) {\n    const testIds = useTestIds(props.testId, getGenAICoachTestIds);\n    const theme = useTheme();\n    const t = useI18n();\n    const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>(null);\n    const [feedbackVal, setFeedbackVal] = useState('');\n    const [showDialog, setShowDialog] = useState(false);\n    const focusOnInteractionRef = useRef(false);\n\n    const { message, announceInteraction, ...restProps } = props;\n    const plainTextMessage = markdownToPlainText(message ?? '');\n    let ariaLabel = plainTextMessage;\n\n    useElementFocus(wrapperEl, { shouldFocus: !showDialog && focusOnInteractionRef.current });\n\n    useEffect(() => {\n      if (!showDialog && focusOnInteractionRef.current) {\n        focusOnInteractionRef.current = false;\n      }\n    }, [showDialog]);\n\n    if (isCoachMessage(props)) {\n      const { id: messageId, coachName, suggestions, onSend, loading, error, feedback } = props;\n\n      const { reaction, onReaction, onFeedbackComplete } = feedback ?? {};\n\n      let selectedFeedbackResponse;\n\n      let feedbackAriaLabel = t('sender_replied_message', [coachName, plainTextMessage ?? '']);\n\n      if (feedback && reaction) {\n        selectedFeedbackResponse = t('selected_noun', [\n          reaction === 'liked' ? t('good_response') : t('bad_response')\n        ]);\n\n        feedbackAriaLabel = `${feedbackAriaLabel} ${selectedFeedbackResponse}`;\n      }\n\n      ariaLabel =\n        suggestions && suggestions.length > 0\n          ? `${feedbackAriaLabel} ${t('suggestions_in_message', [suggestions.length])}`\n          : feedbackAriaLabel;\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      return (\n        <Flex\n          as='li'\n          data-testid={testIds.coachMessage}\n          {...restProps}\n          container={{ direction: 'column', pad: [1, 0] }}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          <Flex container={{ gap: 1 }}>\n            <Icon name='polaris-solid' color={theme.base.palette.ai} size='s' />\n            <Text as='span' variant='h4'>\n              {coachName}\n            </Text>\n          </Flex>\n          <StyledMessage>\n            {loading || error ? (\n              <>\n                {loading ? (\n                  <Progress variant='ellipsis' placement='inline' />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </>\n            ) : (\n              <>\n                {message && <RichTextViewer content={message} type='markdown' />}\n                {feedback && (\n                  <Flex container={{ pad: [0.5, undefined] }}>\n                    {reaction ? (\n                      <>\n                        <Flex\n                          container={{ pad: 0.5 }}\n                          aria-label={selectedFeedbackResponse}\n                          ref={setWrapperEl}\n                          tabIndex={-1}\n                        >\n                          <Icon\n                            name={reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid'}\n                          />\n                        </Flex>\n                        {showDialog ? (\n                          onFeedbackComplete &&\n                          wrapperEl && (\n                            <FormDialog\n                              target={wrapperEl}\n                              heading={t('share_feedback')}\n                              onCancel={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId);\n                              }}\n                              onSubmit={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId, feedbackVal);\n                              }}\n                              onKeyDown={e => e.stopPropagation()}\n                            >\n                              <TextArea\n                                value={feedbackVal}\n                                onChange={e => setFeedbackVal(e.target.value)}\n                                onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                                  if (e.key === 'Enter' && !e.shiftKey) {\n                                    e.preventDefault();\n                                    focusOnInteractionRef.current = true;\n                                    setShowDialog(false);\n                                    onFeedbackComplete(messageId, feedbackVal);\n                                  }\n                                }}\n                                autoResize={false}\n                              />\n                            </FormDialog>\n                          )\n                        ) : (\n                          <Tooltip target={wrapperEl} describeTarget={false}>\n                            {reaction === 'liked' ? t('good_response') : t('bad_response')}\n                          </Tooltip>\n                        )}\n                      </>\n                    ) : (\n                      <>\n                        <Button\n                          label={t('good_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            onReaction?.(messageId, 'liked');\n                            focusOnInteractionRef.current = true;\n                          }}\n                        >\n                          <Icon name='thumbs-up' />\n                        </Button>\n\n                        <Button\n                          label={t('bad_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            setShowDialog(true);\n                            onReaction?.(messageId, 'disliked');\n                          }}\n                        >\n                          <Icon name='thumbs-down' />\n                        </Button>\n                      </>\n                    )}\n                  </Flex>\n                )}\n                {suggestions && (\n                  <Flex as={StyledSuggestionsContainer} container={{ direction: 'column', gap: 1 }}>\n                    {suggestions.map(({ id, message: prompt }) => {\n                      return (\n                        <Button\n                          as={StyledSuggestion}\n                          onClick={onSend ? () => onSend({ id, message: prompt }) : undefined}\n                          key={id}\n                        >\n                          {prompt}\n                        </Button>\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </StyledMessage>\n        </Flex>\n      );\n    }\n\n    if (isUserMessage(props)) {\n      if (plainTextMessage) {\n        ariaLabel = t('you_asked', [plainTextMessage]);\n      }\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      return (\n        <StyledUserMessage\n          as={StyledUserMessage}\n          data-testid={testIds.userMessage}\n          {...restProps}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          {props.attachments && props.attachments.length > 0 && (\n            <StyledAttachmentsList type='display' items={props.attachments} />\n          )}\n          {message && <RichTextViewer content={message} type='markdown' />}\n        </StyledUserMessage>\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default GenAIMessage;\n"]}
+{"version":3,"file":"GenAIMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent, PropsWithoutRef } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  Progress,\n  registerIcon,\n  useI18n,\n  useTheme,\n  Text,\n  useTestIds,\n  ErrorState,\n  useElement,\n  Tooltip,\n  TextArea,\n  FormDialog,\n  useElementFocus,\n  markdownToPlainText,\n  type ForwardRefForwardPropsComponent\n} from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';\nimport * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';\nimport * as thumbsDownSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down-solid.icon';\nimport * as thumbsDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-down.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\nimport { useAnimatedText } from '@pega/cosmos-react-core';\n\nimport type { GenAIMessageProps } from './GenAICoach.types';\nimport {\n  StyledAttachmentsList,\n  StyledMessage,\n  StyledSuggestion,\n  StyledSuggestionsContainer,\n  StyledUserMessage\n} from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isUserMessage } from './GenAICoach.utils';\nimport GenAIMessageProgress from './GenAIMessageProgress';\n\nregisterIcon(\n  polarisSolidIcon,\n  thumbsUpSolidIcon,\n  thumbsUpIcon,\n  thumbsDownSolidIcon,\n  thumbsDownIcon\n);\n\nconst GenAIMessage: ForwardRefForwardPropsComponent<GenAIMessageProps> = forwardRef(\n  function GenAIMessage(props: PropsWithoutRef<GenAIMessageProps>, ref: GenAIMessageProps['ref']) {\n    const testIds = useTestIds(props.testId, getGenAICoachTestIds);\n    const theme = useTheme();\n    const t = useI18n();\n    const [wrapperEl, setWrapperEl] = useElement<HTMLDivElement>(null);\n    const [feedbackVal, setFeedbackVal] = useState('');\n    const [showDialog, setShowDialog] = useState(false);\n    const focusOnInteractionRef = useRef(false);\n\n    const { message, announceInteraction, ...restProps } = props;\n    const plainTextMessage = markdownToPlainText(message ?? '');\n    let ariaLabel = plainTextMessage;\n\n    const isStreamingMessage = isCoachMessage(props) && props.enableStreaming;\n    const allChunksReceived = isCoachMessage(props) && props.allChunksReceived;\n    const enableStreaming = !!isStreamingMessage && !allChunksReceived;\n\n    const { text: streamingMessage, isAnimationDone: isStreamingDone } = useAnimatedText({\n      text: message ?? '',\n      allContentReceived: allChunksReceived === undefined ? true : allChunksReceived,\n      enabled: enableStreaming,\n      tokenizeMarkdown: true\n    });\n\n    useEffect(() => {\n      if (isStreamingMessage && props.onStreamingUpdate) {\n        props.onStreamingUpdate(!!allChunksReceived && isStreamingDone);\n      }\n    }, [enableStreaming, isStreamingDone, allChunksReceived]);\n\n    useElementFocus(wrapperEl, { shouldFocus: !showDialog && focusOnInteractionRef.current });\n\n    useEffect(() => {\n      if (!showDialog && focusOnInteractionRef.current) {\n        focusOnInteractionRef.current = false;\n      }\n    }, [showDialog]);\n\n    if (isCoachMessage(props)) {\n      const { id: messageId, coachName, suggestions, onSend, loading, error, feedback } = props;\n\n      const { reaction, onReaction, onFeedbackComplete } = feedback ?? {};\n\n      let selectedFeedbackResponse;\n\n      let feedbackAriaLabel = t('sender_replied_message', [coachName, plainTextMessage ?? '']);\n\n      if (feedback && reaction) {\n        selectedFeedbackResponse = t('selected_noun', [\n          reaction === 'liked' ? t('good_response') : t('bad_response')\n        ]);\n\n        feedbackAriaLabel = `${feedbackAriaLabel} ${selectedFeedbackResponse}`;\n      }\n\n      ariaLabel =\n        suggestions && suggestions.length > 0\n          ? `${feedbackAriaLabel} ${t('suggestions_in_message', [suggestions.length])}`\n          : feedbackAriaLabel;\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      const streamingContent = isStreamingMessage && (\n        <>\n          {message ? (\n            <>\n              <RichTextViewer\n                content={isStreamingMessage ? streamingMessage : message}\n                type='markdown'\n              />\n              {loading && <Progress variant='ellipsis' placement='inline' />}\n            </>\n          ) : (\n            loading && <GenAIMessageProgress />\n          )}\n        </>\n      );\n\n      return (\n        <Flex\n          as='li'\n          data-testid={testIds.coachMessage}\n          {...restProps}\n          container={{ direction: 'column', pad: [1, 0] }}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          <Flex container={{ gap: 1 }}>\n            <Icon name='polaris-solid' color={theme.base.palette.ai} size='s' />\n            <Text as='span' variant='h4'>\n              {coachName}\n            </Text>\n          </Flex>\n          <StyledMessage>\n            {/* Streaming loader and content */}\n            {streamingContent}\n            {loading || error ? (\n              <>\n                {loading && !isStreamingMessage && <GenAIMessageProgress />}\n                {error && <ErrorState message={error} />}\n              </>\n            ) : (\n              <>\n                {/* Non streaming content */}\n                {!isStreamingMessage && message && (\n                  <RichTextViewer content={message} type='markdown' />\n                )}\n                {feedback && (\n                  <Flex container={{ pad: [0.5, undefined] }}>\n                    {reaction ? (\n                      <>\n                        <Flex\n                          container={{ pad: 0.5 }}\n                          aria-label={selectedFeedbackResponse}\n                          ref={setWrapperEl}\n                          tabIndex={-1}\n                        >\n                          <Icon\n                            name={reaction === 'liked' ? 'thumbs-up-solid' : 'thumbs-down-solid'}\n                          />\n                        </Flex>\n                        {showDialog ? (\n                          onFeedbackComplete &&\n                          wrapperEl && (\n                            <FormDialog\n                              target={wrapperEl}\n                              heading={t('share_feedback')}\n                              onCancel={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId);\n                              }}\n                              onSubmit={() => {\n                                focusOnInteractionRef.current = true;\n                                setShowDialog(false);\n                                onFeedbackComplete(messageId, feedbackVal);\n                              }}\n                              onKeyDown={e => e.stopPropagation()}\n                            >\n                              <TextArea\n                                value={feedbackVal}\n                                onChange={e => setFeedbackVal(e.target.value)}\n                                onKeyDown={(e: KeyboardEvent<HTMLTextAreaElement>) => {\n                                  if (e.key === 'Enter' && !e.shiftKey) {\n                                    e.preventDefault();\n                                    focusOnInteractionRef.current = true;\n                                    setShowDialog(false);\n                                    onFeedbackComplete(messageId, feedbackVal);\n                                  }\n                                }}\n                                autoResize={false}\n                              />\n                            </FormDialog>\n                          )\n                        ) : (\n                          <Tooltip target={wrapperEl} describeTarget={false}>\n                            {reaction === 'liked' ? t('good_response') : t('bad_response')}\n                          </Tooltip>\n                        )}\n                      </>\n                    ) : (\n                      <>\n                        <Button\n                          label={t('good_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            onReaction?.(messageId, 'liked');\n                            focusOnInteractionRef.current = true;\n                          }}\n                        >\n                          <Icon name='thumbs-up' />\n                        </Button>\n\n                        <Button\n                          label={t('bad_response')}\n                          variant='simple'\n                          icon\n                          compact\n                          onClick={() => {\n                            setShowDialog(true);\n                            onReaction?.(messageId, 'disliked');\n                          }}\n                        >\n                          <Icon name='thumbs-down' />\n                        </Button>\n                      </>\n                    )}\n                  </Flex>\n                )}\n                {suggestions && (\n                  <Flex as={StyledSuggestionsContainer} container={{ direction: 'column', gap: 1 }}>\n                    {suggestions.map(({ id, message: prompt }) => {\n                      return (\n                        <Button\n                          as={StyledSuggestion}\n                          onClick={onSend ? () => onSend({ id, message: prompt }) : undefined}\n                          key={id}\n                        >\n                          {prompt}\n                        </Button>\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </StyledMessage>\n        </Flex>\n      );\n    }\n\n    if (isUserMessage(props)) {\n      if (plainTextMessage) {\n        ariaLabel = t('you_asked', [plainTextMessage]);\n      }\n\n      if (announceInteraction) {\n        ariaLabel = `${ariaLabel} ${t('interaction_message')}`;\n      }\n\n      return (\n        <StyledUserMessage\n          as={StyledUserMessage}\n          data-testid={testIds.userMessage}\n          {...restProps}\n          type='message'\n          aria-label={ariaLabel}\n          ref={ref}\n        >\n          {props.attachments && props.attachments.length > 0 && (\n            <StyledAttachmentsList type='display' items={props.attachments} />\n          )}\n          {message && <RichTextViewer content={message} type='markdown' />}\n        </StyledUserMessage>\n      );\n    }\n\n    return null;\n  }\n);\n\nexport default GenAIMessage;\n"]}

package/lib/components/GenAICoach/GenAIMessageProgress.d.ts

@@ -0,0 +1,3 @@
+declare const GenAIMessageProgress: () => import("react/jsx-runtime").JSX.Element;
+export default GenAIMessageProgress;
+//# sourceMappingURL=GenAIMessageProgress.d.ts.map

package/lib/components/GenAICoach/GenAIMessageProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIMessageProgress.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessageProgress.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB,+CA8CzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/GenAICoach/GenAIMessageProgress.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { Progress, Text, useI18n } from '@pega/cosmos-react-core';
+const baseDuration = 900;
+const GenAIMessageProgress = () => {
+    const t = useI18n();
+    const progressMessages = useMemo(() => [
+        { message: t('thinking'), duration: baseDuration },
+        { message: t('analyzing_data_sources'), duration: baseDuration },
+        { message: t('generating_response'), duration: baseDuration * 3 },
+        { message: t('double_checking_results'), duration: baseDuration * 4 },
+        { message: t('finalizing_response'), duration: baseDuration * 5 },
+        { message: t('double_checking_results'), duration: baseDuration * 7 },
+        { message: t('analyzing_data_sources'), duration: baseDuration * 9 },
+        { message: t('finalizing_response'), duration: baseDuration * 10 }
+    ], [t]);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    useEffect(() => {
+        let timeoutId;
+        const scheduleNextMessage = (index) => {
+            if (index >= progressMessages.length - 1)
+                return;
+            const currentMessage = progressMessages[index];
+            timeoutId = setTimeout(() => {
+                setCurrentIndex(index + 1);
+                scheduleNextMessage(index + 1);
+            }, currentMessage.duration);
+        };
+        // Start with the first message and schedule the next one
+        scheduleNextMessage(0);
+        return () => {
+            if (timeoutId)
+                clearTimeout(timeoutId);
+        };
+    }, [progressMessages]);
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { children: progressMessages[currentIndex].message }), _jsx(Progress, { variant: 'ellipsis', placement: 'inline' })] }));
+};
+export default GenAIMessageProgress;
+//# sourceMappingURL=GenAIMessageProgress.js.map

package/lib/components/GenAICoach/GenAIMessageProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenAIMessageProgress.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessageProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElE,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC;QACJ,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE;QAClD,EAAE,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE;QAChE,EAAE,OAAO,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE;QACjE,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE;QACrE,EAAE,OAAO,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE;QACjE,EAAE,OAAO,EAAE,CAAC,CAAC,yBAAyB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE;QACrE,EAAE,OAAO,EAAE,CAAC,CAAC,wBAAwB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,CAAC,EAAE;QACpE,EAAE,OAAO,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,YAAY,GAAG,EAAE,EAAE;KACnE,EACD,CAAC,CAAC,CAAC,CACJ,CAAC;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAwC,CAAC;QAE7C,MAAM,mBAAmB,GAAG,CAAC,KAAa,EAAE,EAAE;YAC5C,IAAI,KAAK,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBAAE,OAAO;YAEjD,MAAM,cAAc,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAE/C,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,eAAe,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBAC3B,mBAAmB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACjC,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,yDAAyD;QACzD,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAEvB,OAAO,GAAG,EAAE;YACV,IAAI,SAAS;gBAAE,YAAY,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,8BACE,KAAC,IAAI,cAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,GAAQ,EACrD,KAAC,QAAQ,IAAC,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,QAAQ,GAAG,IACjD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC","sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Progress, Text, useI18n } from '@pega/cosmos-react-core';\n\nconst baseDuration = 900;\n\nconst GenAIMessageProgress = () => {\n  const t = useI18n();\n\n  const progressMessages = useMemo(\n    () => [\n      { message: t('thinking'), duration: baseDuration },\n      { message: t('analyzing_data_sources'), duration: baseDuration },\n      { message: t('generating_response'), duration: baseDuration * 3 },\n      { message: t('double_checking_results'), duration: baseDuration * 4 },\n      { message: t('finalizing_response'), duration: baseDuration * 5 },\n      { message: t('double_checking_results'), duration: baseDuration * 7 },\n      { message: t('analyzing_data_sources'), duration: baseDuration * 9 },\n      { message: t('finalizing_response'), duration: baseDuration * 10 }\n    ],\n    [t]\n  );\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  useEffect(() => {\n    let timeoutId: ReturnType<typeof setTimeout>;\n\n    const scheduleNextMessage = (index: number) => {\n      if (index >= progressMessages.length - 1) return;\n\n      const currentMessage = progressMessages[index];\n\n      timeoutId = setTimeout(() => {\n        setCurrentIndex(index + 1);\n        scheduleNextMessage(index + 1);\n      }, currentMessage.duration);\n    };\n\n    // Start with the first message and schedule the next one\n    scheduleNextMessage(0);\n\n    return () => {\n      if (timeoutId) clearTimeout(timeoutId);\n    };\n  }, [progressMessages]);\n\n  return (\n    <>\n      <Text>{progressMessages[currentIndex].message}</Text>\n      <Progress variant='ellipsis' placement='inline' />\n    </>\n  );\n};\n\nexport default GenAIMessageProgress;\n"]}

package/lib/components/HierarchicalAssignments/AssignmentDetail.d.ts

@@ -1,6 +1,7 @@
 import type { HeadingTag } from '@pega/cosmos-react-core';
 import type { AssignmentProps } from './HierarchicalAssignments.types';
-export declare const AssignmentDetail: ({ processName, name, headingTag }: Pick<AssignmentProps, "processName" | "name"> & {
+export declare const AssignmentDetail: ({ processName, name, active, headingTag }: Pick<AssignmentProps, "processName" | "name"> & {
+    active?: boolean;
     headingTag?: HeadingTag;
 }) => import("react/jsx-runtime").JSX.Element;
 export default AssignmentDetail;

package/lib/components/HierarchicalAssignments/AssignmentDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AssignmentDetail.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,4CAa7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AssignmentDetail.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAEvE,eAAO,MAAM,gBAAgB,GAAI,2CAK9B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,GAAG;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,4CAiBA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/HierarchicalAssignments/AssignmentDetail.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text, Tooltip, useElement } from '@pega/cosmos-react-core';
-export const AssignmentDetail = ({ processName, name, headingTag }) => {
+export const AssignmentDetail = ({ processName, name, active, headingTag }) => {
     const [element, setElement] = useElement();
     const assignmentDetail = processName ? `${processName} - ${name}` : name;
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { variant: headingTag, ref: setElement, children: assignmentDetail }), _jsx(Tooltip, { target: element, smart: true, children: assignmentDetail })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Text, { variant: headingTag, ref: setElement, "data-focusable-form-heading": active ? '' : undefined, children: assignmentDetail }), _jsx(Tooltip, { target: element, smart: true, children: assignmentDetail })] }));
 };
 export default AssignmentDetail;
 //# sourceMappingURL=AssignmentDetail.js.map

package/lib/components/HierarchicalAssignments/AssignmentDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignmentDetail.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAKpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,IAAI,EACJ,UAAU,EACkE,EAAE,EAAE;IAChF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,EAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,UAAU,YACvC,gBAAgB,GACZ,EACP,KAAC,OAAO,IAAC,MAAM,EAAE,OAAO,EAAE,KAAK,kBAC5B,gBAAgB,GACT,IACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { Text, Tooltip, useElement } from '@pega/cosmos-react-core';\nimport type { HeadingTag } from '@pega/cosmos-react-core';\n\nimport type { AssignmentProps } from './HierarchicalAssignments.types';\n\nexport const AssignmentDetail = ({\n  processName,\n  name,\n  headingTag\n}: Pick<AssignmentProps, 'processName' | 'name'> & { headingTag?: HeadingTag }) => {\n  const [element, setElement] = useElement<HTMLElement>();\n  const assignmentDetail = processName ? `${processName} - ${name}` : name;\n  return (\n    <>\n      <Text variant={headingTag} ref={setElement}>\n        {assignmentDetail}\n      </Text>\n      <Tooltip target={element} smart>\n        {assignmentDetail}\n      </Tooltip>\n    </>\n  );\n};\n\nexport default AssignmentDetail;\n"]}
+{"version":3,"file":"AssignmentDetail.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAKpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,WAAW,EACX,IAAI,EACJ,MAAM,EACN,UAAU,EAIX,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,UAAU,EAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,WAAW,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,OAAO,CACL,8BACE,KAAC,IAAI,IACH,OAAO,EAAE,UAAU,EACnB,GAAG,EAAE,UAAU,iCACc,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAEnD,gBAAgB,GACZ,EACP,KAAC,OAAO,IAAC,MAAM,EAAE,OAAO,EAAE,KAAK,kBAC5B,gBAAgB,GACT,IACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { Text, Tooltip, useElement } from '@pega/cosmos-react-core';\nimport type { HeadingTag } from '@pega/cosmos-react-core';\n\nimport type { AssignmentProps } from './HierarchicalAssignments.types';\n\nexport const AssignmentDetail = ({\n  processName,\n  name,\n  active,\n  headingTag\n}: Pick<AssignmentProps, 'processName' | 'name'> & {\n  active?: boolean;\n  headingTag?: HeadingTag;\n}) => {\n  const [element, setElement] = useElement<HTMLElement>();\n  const assignmentDetail = processName ? `${processName} - ${name}` : name;\n  return (\n    <>\n      <Text\n        variant={headingTag}\n        ref={setElement}\n        data-focusable-form-heading={active ? '' : undefined}\n      >\n        {assignmentDetail}\n      </Text>\n      <Tooltip target={element} smart>\n        {assignmentDetail}\n      </Tooltip>\n    </>\n  );\n};\n\nexport default AssignmentDetail;\n"]}

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalAssignments.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,2BAA2B,EAAiB,MAAM,iCAAiC,CAAC;;;;AAwOlG,wBAAuF"}
+{"version":3,"file":"HierarchicalAssignments.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,2BAA2B,EAAiB,MAAM,iCAAiC,CAAC;;;;AA6OlG,wBAAuF"}

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.js

@@ -136,7 +136,7 @@ const HierarchicalAssignments = forwardRef(({ assignments, childCases, collapsed
         }
     }, [childCases, expandAllCases]);
     if (openItem?.content) {
-        return (_jsx(StyledAssignments, { "data-testid": testIds.root, ref: ref, expanded: true, children: _jsx(TaskItem, { ...openItem, headingTag: 'h2' }) }));
+        return (_jsx(StyledAssignments, { "data-testid": testIds.root, ref: ref, expanded: true, "data-focusable-form-container": '', children: _jsx(TaskItem, { ...openItem, headingTag: 'h2' }) }));
     }
     return (_jsx(_Fragment, { children: showAssignmentList && (_jsx(StyledAssignments, { "data-testid": testIds.root, ref: ref, expanded: open, children: _jsxs(_Fragment, { children: [_jsx(CardHeader, { ref: containerRef, container: { justify: 'start', alignItems: 'center', gap: 1 }, children: _jsx(StyledTitleExpandButton, { "data-testid": testIds.toggleAction, type: 'button', variant: 'text', onClick: () => {
                                 onToggleCollapsed?.(!collapsed);

package/lib/components/HierarchicalAssignments/HierarchicalAssignments.js.map

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalAssignments.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, forwardRef, useRef, useCallback, useMemo, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  CardHeader,\n  useI18n,\n  Icon,\n  Text,\n  Flex,\n  useUID,\n  Progress,\n  useTestIds,\n  withTestIds,\n  useBreakpoint,\n  ExpandCollapse,\n  useLiveLog,\n  useEvent\n} from '@pega/cosmos-react-core';\n\nimport { TaskItem } from '../Tasks/TaskList';\n\nimport {\n  StyledAssignments,\n  StyledExpandButton as StyledTitleExpandButton\n} from './Assignments.styles';\nimport type { HierarchicalAssignmentProps, CaseListProps } from './HierarchicalAssignments.types';\nimport { getHierarchicalAssignmentsTestIds } from './HierarchicalAssignments.test-ids';\nimport AssignmentTreeContext from './AssignmentContext';\nimport AssignmentTree from './AssignmentTree';\nimport {\n  getNextNode,\n  getPreviousNode,\n  getParentNode,\n  getFirstChildNode,\n  getDeepestNode,\n  getCaseIdsWithChildren\n} from './helpers';\n\nconst HierarchicalAssignments = forwardRef(\n  (\n    {\n      assignments,\n      childCases,\n      collapsed = false,\n      onToggleCollapsed,\n      openItem,\n      progress,\n      name,\n      testId,\n      expandAllCases = true\n    }: PropsWithoutRef<HierarchicalAssignmentProps>,\n    ref: HierarchicalAssignmentProps['ref']\n  ) => {\n    const t = useI18n();\n    const id = useUID();\n    const { announcePolite } = useLiveLog();\n    const testIds = useTestIds(testId, getHierarchicalAssignmentsTestIds);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const isMediumOrAbove = useBreakpoint('sm', { breakpointRef: containerRef });\n    const open = !collapsed;\n    const [focusedNodeId, setFocusedNodeId] = useState<string>();\n    const parentRef = useRef<HTMLUListElement>(null);\n    const [caseIdExpandList, setCaseIdExpandList] = useState<CaseListProps['id'][]>([]);\n    const [nodeInternalFocus, setNodeInternalFocus] = useState(false);\n    const reverseTabFlow = useRef(false);\n\n    useEvent(\n      'focusin',\n      e => {\n        if (e?.relatedTarget && e.relatedTarget instanceof Node) {\n          if (\n            !(parentRef.current?.contains(e.relatedTarget) && parentRef.current !== e.relatedTarget)\n          ) {\n            announcePolite({ message: t('key_navigation_instruction') });\n          }\n        } else if (!e?.relatedTarget) {\n          announcePolite({ message: t('key_navigation_instruction') });\n        }\n      },\n      { target: parentRef }\n    );\n\n    const setNodeInternalFocusHandler = useCallback((value: boolean) => {\n      setNodeInternalFocus(value);\n    }, []);\n\n    useEffect(() => {\n      if (collapsed || progress) {\n        setFocusedNodeId(undefined);\n      }\n    }, [collapsed, progress]);\n\n    const header = (\n      <Flex container={{ alignItems: 'center', gap: 1 }}>\n        <Icon name='caret-right' />\n        <Text variant='h2'>{name ?? t('assignments')}</Text>\n      </Flex>\n    );\n\n    const firstNode = useMemo(() => {\n      if (assignments?.length) {\n        return assignments[0].id;\n      }\n      if (childCases?.length) {\n        return childCases[0].id;\n      }\n    }, [assignments, childCases]);\n\n    const showAssignmentList = !!(assignments?.length || childCases?.length);\n    const lastNodeId = useMemo(() => {\n      const nodeList = {\n        assignments: assignments?.length ? assignments : [],\n        childCases: childCases?.length ? childCases : []\n      };\n      const nodes = [...nodeList.assignments, ...nodeList.childCases];\n      return getDeepestNode(nodeList, nodes[nodes.length - 1]?.id, caseIdExpandList)?.id;\n    }, [assignments, childCases, caseIdExpandList]);\n\n    const changeFocusHandler = useCallback(\n      (nodeId: string, key?: string, expandList?: string[]) => {\n        const nodeList = {\n          assignments: assignments?.length ? assignments : [],\n          childCases: childCases?.length ? childCases : []\n        };\n        const expandedChildCase = expandList?.length ? expandList : [];\n        switch (key) {\n          case 'down': {\n            const nextNode = getNextNode(nodeList, nodeId, expandedChildCase);\n            if (nextNode) {\n              setFocusedNodeId(nextNode?.id);\n            }\n            break;\n          }\n          case 'up': {\n            const previousNode = getPreviousNode(nodeList, nodeId, expandedChildCase);\n            if (previousNode) {\n              setFocusedNodeId(previousNode?.id);\n            }\n            break;\n          }\n          case 'left': {\n            const parentNode = getParentNode(nodeList, nodeId);\n            if (parentNode) {\n              setFocusedNodeId(parentNode.id);\n            }\n            break;\n          }\n          case 'right': {\n            const childNode = getFirstChildNode(nodeList, nodeId, expandedChildCase);\n            if (childNode) {\n              setFocusedNodeId(childNode.id);\n            }\n            break;\n          }\n          default: {\n            if (nodeId !== focusedNodeId) setFocusedNodeId(nodeId);\n            break;\n          }\n        }\n      },\n      [assignments, childCases, focusedNodeId]\n    );\n\n    const assignmentContextValue = useMemo(() => {\n      return {\n        firstNodeId: firstNode,\n        lastNodeId,\n        focusedNodeId,\n        changeFocusHandler,\n        caseIdExpandList,\n        isMediumOrAbove,\n        parentRef,\n        nodeInternalFocus,\n        setNodeInternalFocusHandler,\n        reverseTabFlow\n      };\n    }, [\n      firstNode,\n      changeFocusHandler,\n      focusedNodeId,\n      caseIdExpandList,\n      lastNodeId,\n      isMediumOrAbove,\n      nodeInternalFocus\n    ]);\n\n    const childCaseToggleHandler = (value: boolean, selectedCaseId: CaseListProps['id']) => {\n      if (value) {\n        setCaseIdExpandList(prevState => [...prevState, selectedCaseId]);\n      } else {\n        setCaseIdExpandList(prevState => {\n          return prevState.filter(caseId => caseId !== selectedCaseId);\n        });\n      }\n    };\n\n    useEffect(() => {\n      if (expandAllCases && childCases?.length) {\n        setCaseIdExpandList(getCaseIdsWithChildren(childCases));\n      }\n    }, [childCases, expandAllCases]);\n\n    if (openItem?.content) {\n      return (\n        <StyledAssignments data-testid={testIds.root} ref={ref} expanded>\n          <TaskItem {...openItem} headingTag='h2' />\n        </StyledAssignments>\n      );\n    }\n\n    return (\n      <>\n        {showAssignmentList && (\n          <StyledAssignments data-testid={testIds.root} ref={ref} expanded={open}>\n            <>\n              <CardHeader\n                ref={containerRef}\n                container={{ justify: 'start', alignItems: 'center', gap: 1 }}\n              >\n                <StyledTitleExpandButton\n                  data-testid={testIds.toggleAction}\n                  type='button'\n                  variant='text'\n                  onClick={() => {\n                    onToggleCollapsed?.(!collapsed);\n                  }}\n                  aria-controls={id}\n                  aria-expanded={open}\n                  aria-label={name || t('assignments')}\n                >\n                  {header}\n                </StyledTitleExpandButton>\n              </CardHeader>\n              {open && (\n                <ExpandCollapse id={id} collapsed={collapsed}>\n                  {progress ? (\n                    <Progress delay placement='block' message={t('loading')} />\n                  ) : (\n                    <AssignmentTreeContext.Provider value={assignmentContextValue}>\n                      <AssignmentTree\n                        assignments={assignments}\n                        childCases={childCases}\n                        childCaseToggleHandler={childCaseToggleHandler}\n                        ref={parentRef}\n                      />\n                    </AssignmentTreeContext.Provider>\n                  )}\n                </ExpandCollapse>\n              )}\n            </>\n          </StyledAssignments>\n        )}\n      </>\n    );\n  }\n);\n\nexport default withTestIds(HierarchicalAssignments, getHierarchicalAssignmentsTestIds);\n"]}
+{"version":3,"file":"HierarchicalAssignments.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/HierarchicalAssignments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, forwardRef, useRef, useCallback, useMemo, useEffect } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport {\n  CardHeader,\n  useI18n,\n  Icon,\n  Text,\n  Flex,\n  useUID,\n  Progress,\n  useTestIds,\n  withTestIds,\n  useBreakpoint,\n  ExpandCollapse,\n  useLiveLog,\n  useEvent\n} from '@pega/cosmos-react-core';\n\nimport { TaskItem } from '../Tasks/TaskList';\n\nimport {\n  StyledAssignments,\n  StyledExpandButton as StyledTitleExpandButton\n} from './Assignments.styles';\nimport type { HierarchicalAssignmentProps, CaseListProps } from './HierarchicalAssignments.types';\nimport { getHierarchicalAssignmentsTestIds } from './HierarchicalAssignments.test-ids';\nimport AssignmentTreeContext from './AssignmentContext';\nimport AssignmentTree from './AssignmentTree';\nimport {\n  getNextNode,\n  getPreviousNode,\n  getParentNode,\n  getFirstChildNode,\n  getDeepestNode,\n  getCaseIdsWithChildren\n} from './helpers';\n\nconst HierarchicalAssignments = forwardRef(\n  (\n    {\n      assignments,\n      childCases,\n      collapsed = false,\n      onToggleCollapsed,\n      openItem,\n      progress,\n      name,\n      testId,\n      expandAllCases = true\n    }: PropsWithoutRef<HierarchicalAssignmentProps>,\n    ref: HierarchicalAssignmentProps['ref']\n  ) => {\n    const t = useI18n();\n    const id = useUID();\n    const { announcePolite } = useLiveLog();\n    const testIds = useTestIds(testId, getHierarchicalAssignmentsTestIds);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const isMediumOrAbove = useBreakpoint('sm', { breakpointRef: containerRef });\n    const open = !collapsed;\n    const [focusedNodeId, setFocusedNodeId] = useState<string>();\n    const parentRef = useRef<HTMLUListElement>(null);\n    const [caseIdExpandList, setCaseIdExpandList] = useState<CaseListProps['id'][]>([]);\n    const [nodeInternalFocus, setNodeInternalFocus] = useState(false);\n    const reverseTabFlow = useRef(false);\n\n    useEvent(\n      'focusin',\n      e => {\n        if (e?.relatedTarget && e.relatedTarget instanceof Node) {\n          if (\n            !(parentRef.current?.contains(e.relatedTarget) && parentRef.current !== e.relatedTarget)\n          ) {\n            announcePolite({ message: t('key_navigation_instruction') });\n          }\n        } else if (!e?.relatedTarget) {\n          announcePolite({ message: t('key_navigation_instruction') });\n        }\n      },\n      { target: parentRef }\n    );\n\n    const setNodeInternalFocusHandler = useCallback((value: boolean) => {\n      setNodeInternalFocus(value);\n    }, []);\n\n    useEffect(() => {\n      if (collapsed || progress) {\n        setFocusedNodeId(undefined);\n      }\n    }, [collapsed, progress]);\n\n    const header = (\n      <Flex container={{ alignItems: 'center', gap: 1 }}>\n        <Icon name='caret-right' />\n        <Text variant='h2'>{name ?? t('assignments')}</Text>\n      </Flex>\n    );\n\n    const firstNode = useMemo(() => {\n      if (assignments?.length) {\n        return assignments[0].id;\n      }\n      if (childCases?.length) {\n        return childCases[0].id;\n      }\n    }, [assignments, childCases]);\n\n    const showAssignmentList = !!(assignments?.length || childCases?.length);\n    const lastNodeId = useMemo(() => {\n      const nodeList = {\n        assignments: assignments?.length ? assignments : [],\n        childCases: childCases?.length ? childCases : []\n      };\n      const nodes = [...nodeList.assignments, ...nodeList.childCases];\n      return getDeepestNode(nodeList, nodes[nodes.length - 1]?.id, caseIdExpandList)?.id;\n    }, [assignments, childCases, caseIdExpandList]);\n\n    const changeFocusHandler = useCallback(\n      (nodeId: string, key?: string, expandList?: string[]) => {\n        const nodeList = {\n          assignments: assignments?.length ? assignments : [],\n          childCases: childCases?.length ? childCases : []\n        };\n        const expandedChildCase = expandList?.length ? expandList : [];\n        switch (key) {\n          case 'down': {\n            const nextNode = getNextNode(nodeList, nodeId, expandedChildCase);\n            if (nextNode) {\n              setFocusedNodeId(nextNode?.id);\n            }\n            break;\n          }\n          case 'up': {\n            const previousNode = getPreviousNode(nodeList, nodeId, expandedChildCase);\n            if (previousNode) {\n              setFocusedNodeId(previousNode?.id);\n            }\n            break;\n          }\n          case 'left': {\n            const parentNode = getParentNode(nodeList, nodeId);\n            if (parentNode) {\n              setFocusedNodeId(parentNode.id);\n            }\n            break;\n          }\n          case 'right': {\n            const childNode = getFirstChildNode(nodeList, nodeId, expandedChildCase);\n            if (childNode) {\n              setFocusedNodeId(childNode.id);\n            }\n            break;\n          }\n          default: {\n            if (nodeId !== focusedNodeId) setFocusedNodeId(nodeId);\n            break;\n          }\n        }\n      },\n      [assignments, childCases, focusedNodeId]\n    );\n\n    const assignmentContextValue = useMemo(() => {\n      return {\n        firstNodeId: firstNode,\n        lastNodeId,\n        focusedNodeId,\n        changeFocusHandler,\n        caseIdExpandList,\n        isMediumOrAbove,\n        parentRef,\n        nodeInternalFocus,\n        setNodeInternalFocusHandler,\n        reverseTabFlow\n      };\n    }, [\n      firstNode,\n      changeFocusHandler,\n      focusedNodeId,\n      caseIdExpandList,\n      lastNodeId,\n      isMediumOrAbove,\n      nodeInternalFocus\n    ]);\n\n    const childCaseToggleHandler = (value: boolean, selectedCaseId: CaseListProps['id']) => {\n      if (value) {\n        setCaseIdExpandList(prevState => [...prevState, selectedCaseId]);\n      } else {\n        setCaseIdExpandList(prevState => {\n          return prevState.filter(caseId => caseId !== selectedCaseId);\n        });\n      }\n    };\n\n    useEffect(() => {\n      if (expandAllCases && childCases?.length) {\n        setCaseIdExpandList(getCaseIdsWithChildren(childCases));\n      }\n    }, [childCases, expandAllCases]);\n\n    if (openItem?.content) {\n      return (\n        <StyledAssignments\n          data-testid={testIds.root}\n          ref={ref}\n          expanded\n          data-focusable-form-container=''\n        >\n          <TaskItem {...openItem} headingTag='h2' />\n        </StyledAssignments>\n      );\n    }\n\n    return (\n      <>\n        {showAssignmentList && (\n          <StyledAssignments data-testid={testIds.root} ref={ref} expanded={open}>\n            <>\n              <CardHeader\n                ref={containerRef}\n                container={{ justify: 'start', alignItems: 'center', gap: 1 }}\n              >\n                <StyledTitleExpandButton\n                  data-testid={testIds.toggleAction}\n                  type='button'\n                  variant='text'\n                  onClick={() => {\n                    onToggleCollapsed?.(!collapsed);\n                  }}\n                  aria-controls={id}\n                  aria-expanded={open}\n                  aria-label={name || t('assignments')}\n                >\n                  {header}\n                </StyledTitleExpandButton>\n              </CardHeader>\n              {open && (\n                <ExpandCollapse id={id} collapsed={collapsed}>\n                  {progress ? (\n                    <Progress delay placement='block' message={t('loading')} />\n                  ) : (\n                    <AssignmentTreeContext.Provider value={assignmentContextValue}>\n                      <AssignmentTree\n                        assignments={assignments}\n                        childCases={childCases}\n                        childCaseToggleHandler={childCaseToggleHandler}\n                        ref={parentRef}\n                      />\n                    </AssignmentTreeContext.Provider>\n                  )}\n                </ExpandCollapse>\n              )}\n            </>\n          </StyledAssignments>\n        )}\n      </>\n    );\n  }\n);\n\nexport default withTestIds(HierarchicalAssignments, getHierarchicalAssignmentsTestIds);\n"]}

package/lib/components/Stages/StageGlimpse.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from 'react';
+import { type FunctionComponent } from 'react';
 import type { StageProps } from './Stages.types';
 export interface StageGlimpseProps {
     stage: StageProps;

package/lib/components/Stages/StageGlimpse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageGlimpse.d.ts","sourceRoot":"","sources":["../../../src/components/Stages/StageGlimpse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA6BtD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"StageGlimpse.d.ts","sourceRoot":"","sources":["../../../src/components/Stages/StageGlimpse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAKjD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA+CtD,CAAC;AAEF,eAAe,YAAY,CAAC"}