@pega/cosmos-react-work 8.0.0-build.2.0 → 8.0.0-build.20.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';\n\nimport {\n  AppShellContext,\n  Button,\n  MenuButton,\n  StyledIcon,\n  StyledText,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  getHoverColors\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  starterMessage: GenAICoachProps['starterMessage'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant,\n    starterMessage\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        position: fixed;\n        inset-block-end: calc(2 * ${spacing});\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' || starterMessage) &&\n        css`\n          max-height: 20rem;\n          height: 20rem;\n        `}\n\n        ${variant.state === 'docked' &&\n        css`\n          height: 3rem;\n        `}\n\n\n        &::after {\n          content: '';\n          height: calc(2 * ${spacing});\n          width: 100%;\n          background: ${palette['app-background']};\n          position: fixed;\n          inset-block-end: 0;\n          z-index: calc(${zIndex.drawer} + 1);\n        }\n      `}\n\n      /*\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      ${!starterMessage &&\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)(({\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: calc(2 * ${spacing});\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      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessageCard = styled.div(\n  ({\n    theme: {\n      base: { palette, 'border-radius': borderRadius }\n    }\n  }) => {\n    return css`\n      border: 0.0625rem solid ${palette['border-line']};\n      border-radius: calc(0.5 * ${borderRadius});\n    `;\n  }\n);\n\nStyledStarterMessageCard.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessage = styled.div`\n  ${lineClamp(10)}\n`;\n\nexport const StyledCloseButton = styled(Button)`\n  align-self: flex-start;\n`;\n\nStyledCloseButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      margin-inline: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledChatButton = styled(Button)(({\n  theme: {\n    base: {\n      palette: { ai, 'primary-background': primaryBackground },\n      spacing\n    }\n  }\n}) => {\n  const hoverColors = getHoverColors(ai);\n  return css`\n    background-color: ${ai};\n    color: ${primaryBackground};\n    border: none;\n    margin: ${spacing};\n    &:hover {\n      background-color: ${hoverColors.background};\n      color: ${hoverColors.foreground};\n      border: none;\n    }\n    &:focus {\n      border: none;\n    }\n  `;\n});\n\nStyledChatButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\n      padding: ${spacing};\n    }\n  `;\n});\n\nStyledSuggestion.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionsContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: calc(1.5 * ${spacing});\n    `;\n  }\n);\n\nStyledSuggestionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledTimeStamp = styled(Text)(() => {\n  return css`\n    display: flex;\n    align-items: center;\n  `;\n});\n\nStyledTimeStamp.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    overflow-wrap: break-word;\n    ${StyledEditorContainer} {\n      padding: 0;\n    }\n  `;\n});\n\nStyledMessage.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedMessage = styled.div(({ theme }) => {\n  return css`\n    column-gap: calc(2 * ${theme.base.spacing});\n    min-height: 2rem;\n    text-align: left;\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n    padding-inline-end: calc(2 * ${theme.base.spacing});\n    cursor: pointer;\n    &:hover,\n    &:focus {\n      border: 0.0625rem solid ${theme.base.palette.interactive};\n    }\n    ${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      & > 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"]}
+{"version":3,"file":"GenAICoach.styles.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { useContext } from 'react';\n\nimport {\n  AppShellContext,\n  Button,\n  MenuButton,\n  StyledIcon,\n  StyledText,\n  Text,\n  calculateFontSize,\n  defaultThemeProp,\n  getHoverColors\n} from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\nimport { lineClamp } from '@pega/cosmos-react-core/lib/styles/mixins';\nimport { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';\n\nimport type { GenAICoachProps } from './GenAICoach.types';\nimport { isInUtilities } from './GenAICoach.utils';\n\nexport const StyledMessageWrapper = styled.li``;\n\nexport const StyledGenAICoachContainer = styled.div<{\n  variant: GenAICoachProps['variant'];\n  starterMessage: GenAICoachProps['starterMessage'];\n}>(\n  ({\n    theme: {\n      base: { palette, 'z-index': zIndex, spacing, breakpoints },\n      components: {\n        card: { 'border-radius': borderRadius }\n      }\n    },\n    variant,\n    starterMessage\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        position: fixed;\n        inset-block-end: calc(2 * ${spacing});\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' || starterMessage) &&\n        css`\n          max-height: 20rem;\n          height: 20rem;\n        `}\n\n        ${variant.state === 'docked' &&\n        css`\n          height: 3rem;\n        `}\n\n\n        &::after {\n          content: '';\n          height: calc(2 * ${spacing});\n          width: 100%;\n          background: ${palette['app-background']};\n          position: fixed;\n          inset-block-end: 0;\n          z-index: calc(${zIndex.drawer} + 1);\n        }\n      `}\n\n      /*\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      ${!starterMessage &&\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)(({\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: calc(2 * ${spacing});\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      overflow-y: auto;\n    `;\n  }\n);\n\nStyledMessagesContainer.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessageCard = styled.div(\n  ({\n    theme: {\n      base: { palette, 'border-radius': borderRadius }\n    }\n  }) => {\n    return css`\n      border: 0.0625rem solid ${palette['border-line']};\n      border-radius: calc(0.5 * ${borderRadius});\n    `;\n  }\n);\n\nStyledStarterMessageCard.defaultProps = defaultThemeProp;\n\nexport const StyledStarterMessage = styled.div`\n  ${lineClamp(10)}\n`;\n\nexport const StyledCloseButton = styled(Button)`\n  align-self: flex-start;\n`;\n\nStyledCloseButton.defaultProps = defaultThemeProp;\n\nexport const StyledInitialMessageContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInitialMessageContainer.defaultProps = defaultThemeProp;\n\nexport const StyledInputContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-end: calc(2 * ${spacing});\n      margin-inline: calc(2 * ${spacing});\n    `;\n  }\n);\n\nStyledInputContainer.defaultProps = defaultThemeProp;\n\nexport const StyledChatButton = styled(Button)(({\n  theme: {\n    base: {\n      palette: { ai, 'primary-background': primaryBackground },\n      spacing\n    }\n  }\n}) => {\n  const hoverColors = getHoverColors(ai);\n  return css`\n    background-color: ${ai};\n    color: ${primaryBackground};\n    border: none;\n    margin: ${spacing};\n    &:hover {\n      background-color: ${hoverColors.background};\n      color: ${hoverColors.foreground};\n      border: none;\n    }\n    &:focus {\n      border: none;\n    }\n  `;\n});\n\nStyledChatButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestion = styled(Button)(({\n  theme: {\n    base: { spacing }\n  }\n}) => {\n  return css`\n    width: fit-content;\n    & + & {\n      margin-inline-start: 0;\n      text-align: left;\n      padding: ${spacing};\n    }\n  `;\n});\n\nStyledSuggestion.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestionsContainer = styled.div(\n  ({\n    theme: {\n      base: { spacing }\n    }\n  }) => {\n    return css`\n      margin-block-start: calc(1.5 * ${spacing});\n    `;\n  }\n);\n\nStyledSuggestionsContainer.defaultProps = defaultThemeProp;\n\nexport const StyledTimeStamp = styled(Text)(() => {\n  return css`\n    display: flex;\n    align-items: center;\n  `;\n});\n\nStyledTimeStamp.defaultProps = defaultThemeProp;\n\nexport const StyledMessage = styled.p(({ theme }) => {\n  return css`\n    margin-block-start: calc(0.5 * ${theme.base.spacing});\n    overflow-wrap: break-word;\n    ${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: calc(3 * ${borderRadius});\n      border-start-end-radius: ${borderRadius};\n      border-end-start-radius: calc(3 * ${borderRadius});\n      border-end-end-radius: calc(3 * ${borderRadius});\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    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      & > 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"]}

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

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

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

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

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

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

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

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

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

@@ -1,6 +1,7 @@
 import type { Dispatch, SetStateAction } from 'react';
 import type { BaseProps, MenuProps, OmitStrict, ProgressProps, RequireAtLeastOne, TestIdProp, WithAttributes } from '@pega/cosmos-react-core';
 export type State = 'docked' | 'minimized' | 'maximized';
+export type Reaction = 'liked' | 'disliked';
 export type Variant = {
     placement: 'utilities';
     state: State;
@@ -15,18 +16,24 @@ export type Variant = {
 export interface MessageProps {
     id: string;
     message: string;
+    announceInteraction?: boolean;
 }
 export type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> & BaseProps & TestIdProp & MessageProps;
 export interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {
     from: 'user';
 }
-export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps, 'onSend'>> & BaseProps & TestIdProp & Pick<MessageProps, 'id'> & {
+export type CoachMessageProps = RequireAtLeastOne<Partial<Pick<GenAICoachProps, 'onSend'>> & BaseProps & TestIdProp & Pick<MessageProps, 'id' | 'announceInteraction'> & {
     from: 'coach';
     coachName: string;
     suggestions?: MessageProps[];
     loading?: boolean;
     error?: string;
     message?: MessageProps['message'];
+    feedback?: {
+        reaction: Reaction | undefined;
+        onReaction: (id: MessageProps['id'], reaction: Reaction) => void;
+        onFeedbackComplete: (id: MessageProps['id'], comment?: string) => void;
+    };
 }, 'loading' | 'message' | 'error'>;
 export type GenAIMessageProps = UserMessageProps | CoachMessageProps;
 export type GenAICoachProps = WithAttributes<'div', TestIdProp & {

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":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,OAAO,GACf;IACE,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CAC/D,GACD;IAAE,SAAS,EAAE,UAAU,CAAA;CAAE,GACzB;IAAE,SAAS,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,GACxE,SAAS,GACT,UAAU,GACV,YAAY,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,UAAU,EAAE,YAAY;IAC3E,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAC/C,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,GACtC,SAAS,GACT,UAAU,GACV,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,YAAY,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC,EACH,SAAS,GAAG,SAAS,GAAG,OAAO,CAChC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAErE,MAAM,MAAM,eAAe,GAAG,cAAc,CAC1C,KAAK,EACL,UAAU,GAAG;IACX,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC,SAAS,CAAC,CAAC;IAC7C,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC,kCAAkC;IAClC,aAAa,EAAE,CAAC,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC7C,mDAAmD;IACnD,wBAAwB,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1C,wEAAwE;IACxE,WAAW,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACjC,mBAAmB;IACnB,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC/B,sBAAsB;IACtB,cAAc,CAAC,EAAE,iBAAiB,GAAG;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC7D,mCAAmC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CACF,CAAC;AAEF,MAAM,WAAW,wBAAyB,SAAQ,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}
+{"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, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes\n} from '@pega/cosmos-react-core';\n\nexport type State = 'docked' | 'minimized' | 'maximized';\n\nexport type Variant =\n  | {\n      placement: 'utilities';\n      state: State;\n      onStateChange: (state: State) => void;\n      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}\n\nexport type InitialSuggestedMessageProps = Pick<GenAICoachProps, 'onSend'> &\n  BaseProps &\n  TestIdProp &\n  MessageProps;\n\nexport interface UserMessageProps extends BaseProps, TestIdProp, MessageProps {\n  from: 'user';\n}\n\nexport type CoachMessageProps = RequireAtLeastOne<\n  Partial<Pick<GenAICoachProps, 'onSend'>> &\n    BaseProps &\n    TestIdProp &\n    Pick<MessageProps, 'id'> & {\n      from: 'coach';\n      coachName: string;\n      suggestions?: MessageProps[];\n      loading?: boolean;\n      error?: string;\n      message?: MessageProps['message'];\n    },\n  'loading' | 'message' | 'error'\n>;\n\nexport type GenAIMessageProps = UserMessageProps | CoachMessageProps;\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: MessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** starter message */\n    starterMessage?: GenAIMessageProps & { onClose: () => void };\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\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, SetStateAction } from 'react';\n\nimport type {\n  BaseProps,\n  MenuProps,\n  OmitStrict,\n  ProgressProps,\n  RequireAtLeastOne,\n  TestIdProp,\n  WithAttributes\n} from '@pega/cosmos-react-core';\n\nexport type State = 'docked' | '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}\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'> & {\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 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: MessageProps) => void;\n    /** Messages to be shown in the chatting window. */\n    messages?: GenAIMessageProps[];\n    /** starter message */\n    starterMessage?: GenAIMessageProps & { onClose: () => void };\n    /** Placement of the component   */\n    variant: Variant;\n    /** callback when component is mounted */\n    onOpen?: () => void;\n    /**\n     * User would be guided with selective prompts to enable interaction with coach.\n     * @default false\n     */\n    guidedMode?: boolean;\n  }\n>;\n\nexport interface UtilitiesGenAICoachProps extends OmitStrict<GenAICoachProps, 'variant'> {\n  onClose?: () => void;\n}\n"]}

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

@@ -2,7 +2,7 @@ import type { CoachMessageProps, GenAIMessageProps, State, UserMessageProps, Var
 export declare const isCoachMessage: (message: GenAIMessageProps) => message is CoachMessageProps;
 export declare const isUserMessage: (message: GenAIMessageProps) => message is UserMessageProps;
 export declare const isInUtilities: (item: Variant) => item is {
-    placement: 'utilities';
+    placement: "utilities";
     state: State;
     onStateChange: (state: State) => void;
 };

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

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

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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAiB/C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAO5D,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAwFtD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"GenAIMessage.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAIMessage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAiB,MAAM,OAAO,CAAC;AA0B9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AA6B5D,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA0MtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/GenAICoach/GenAIMessage.js

@@ -1,32 +1,94 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Flex, Icon, Progress, registerIcon, useI18n, useTheme, Text, useTestIds, ErrorState } from '@pega/cosmos-react-core';
+import { useEffect, useRef, useState } from 'react';
+import { marked } from 'marked';
+import { Button, Flex, Icon, Progress, registerIcon, useI18n, useTheme, Text, useTestIds, ErrorState, useElement, Tooltip, TextArea, FormDialog } from '@pega/cosmos-react-core';
 import * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';
+import * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';
+import * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';
+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 { StyledMessage, StyledSuggestion, StyledSuggestionsContainer } from './GenAICoach.styles';
+import { StyledMessage, StyledSuggestion, StyledSuggestionsContainer, StyledUserMessage } from './GenAICoach.styles';
 import { getGenAICoachTestIds } from './GenAICoach.test-ids';
 import { isCoachMessage, isUserMessage } from './GenAICoach.utils';
-registerIcon(polarisSolidIcon);
+registerIcon(polarisSolidIcon, thumbsUpSolidIcon, thumbsUpIcon, thumbsDownSolidIcon, thumbsDownIcon);
+const markdownToPlainText = (markdown) => {
+    // Convert Markdown to HTML
+    const html = marked(markdown);
+    // Use DOMParser to parse HTML and extract plain text
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(html, 'text/html');
+    return doc.body.textContent ?? '';
+};
 const GenAIMessage = function GenAIMessage(props) {
     const testIds = useTestIds(props.testId, getGenAICoachTestIds);
     const theme = useTheme();
     const t = useI18n();
-    const { message, ...restProps } = props;
-    let ariaLabel = message;
+    const [wrapperEl, setWrapperEl] = useElement(null);
+    const [feedbackVal, setFeedbackVal] = useState('');
+    const [showDialog, setShowDialog] = useState(false);
+    const focusOnInteractionRef = useRef(false);
+    const { message, announceInteraction, ...restProps } = props;
+    const plainTextMessage = markdownToPlainText(message ?? '');
+    let ariaLabel = plainTextMessage;
+    useEffect(() => {
+        if (!showDialog && focusOnInteractionRef.current) {
+            wrapperEl?.focus();
+            focusOnInteractionRef.current = false;
+        }
+    }, [wrapperEl, showDialog]);
     if (isCoachMessage(props)) {
-        const { coachName, suggestions, onSend, loading, error } = props;
+        const { id: messageId, coachName, suggestions, onSend, loading, error, feedback } = props;
+        const { reaction, onReaction, onFeedbackComplete } = feedback ?? {};
+        let selectedFeedbackResponse;
+        let feedbackAriaLabel = t('sender_replied_message', [coachName, plainTextMessage ?? '']);
+        if (feedback && reaction) {
+            selectedFeedbackResponse = t('selected_noun', [
+                reaction === 'liked' ? t('good_response') : t('bad_response')
+            ]);
+            feedbackAriaLabel = `${feedbackAriaLabel} ${selectedFeedbackResponse}`;
+        }
         ariaLabel =
             suggestions && suggestions.length > 0
-                ? `${t('sender_replied_message', [coachName, message || ''])} ${t('suggestions_in_message', [suggestions.length])}`
-                : t('sender_replied_message', [coachName, message || '']);
-        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.root, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, 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' }), suggestions && (_jsx(Flex, { as: StyledSuggestionsContainer, container: { direction: 'column', gap: 1 }, children: suggestions.map(({ id, message: prompt }) => {
+                ? `${feedbackAriaLabel} ${t('suggestions_in_message', [suggestions.length])}`
+                : feedbackAriaLabel;
+        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, 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));
                                 }) }))] })) })] }));
     }
     if (isUserMessage(props)) {
-        if (message) {
-            ariaLabel = t('you_asked', [message]);
+        if (plainTextMessage) {
+            ariaLabel = t('you_asked', [plainTextMessage]);
+        }
+        if (announceInteraction) {
+            ariaLabel = `${ariaLabel} ${t('interaction_message')}`;
         }
-        return (_jsxs(Flex, { as: 'li', "data-testid": testIds.root, ...restProps, container: { direction: 'column', pad: [1, 0] }, type: 'message', "aria-label": ariaLabel, children: [_jsx(Text, { as: 'span', variant: 'h4', children: t('you') }), _jsx(StyledMessage, { children: message && _jsx(RichTextViewer, { content: message, type: 'markdown' }) })] }));
+        return (_jsx(StyledUserMessage, { as: StyledUserMessage, "data-testid": testIds.userMessage, ...restProps, type: 'message', "aria-label": ariaLabel, children: message && _jsx(RichTextViewer, { content: message, type: 'markdown' }) }));
     }
     return null;
 };

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 type { FunctionComponent } 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} from '@pega/cosmos-react-core';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport { RichTextViewer } from '@pega/cosmos-react-rte';\n\nimport type { GenAIMessageProps } from './GenAICoach.types';\nimport { StyledMessage, StyledSuggestion, StyledSuggestionsContainer } from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isUserMessage } from './GenAICoach.utils';\n\nregisterIcon(polarisSolidIcon);\n\nconst GenAIMessage: FunctionComponent<GenAIMessageProps> = function GenAIMessage(props) {\n  const testIds = useTestIds(props.testId, getGenAICoachTestIds);\n  const theme = useTheme();\n  const t = useI18n();\n\n  const { message, ...restProps } = props;\n  let ariaLabel = message;\n\n  if (isCoachMessage(props)) {\n    const { coachName, suggestions, onSend, loading, error } = props;\n    ariaLabel =\n      suggestions && suggestions.length > 0\n        ? `${t('sender_replied_message', [coachName, message || ''])} ${t('suggestions_in_message', [suggestions.length])}`\n        : t('sender_replied_message', [coachName, message || '']);\n\n    return (\n      <Flex\n        as='li'\n        data-testid={testIds.root}\n        {...restProps}\n        container={{ direction: 'column', pad: [1, 0] }}\n        type='message'\n        aria-label={ariaLabel}\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              {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 (message) {\n      ariaLabel = t('you_asked', [message]);\n    }\n    return (\n      <Flex\n        as='li'\n        data-testid={testIds.root}\n        {...restProps}\n        container={{ direction: 'column', pad: [1, 0] }}\n        type='message'\n        aria-label={ariaLabel}\n      >\n        <Text as='span' variant='h4'>\n          {t('you')}\n        </Text>\n        <StyledMessage>\n          {message && <RichTextViewer content={message} type='markdown' />}\n        </StyledMessage>\n      </Flex>\n    );\n  }\n\n  return null;\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 { useEffect, useRef, useState } from 'react';\nimport type { FunctionComponent, KeyboardEvent } from 'react';\nimport { marked } from 'marked';\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} 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  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 markdownToPlainText = (markdown: string) => {\n  // Convert Markdown to HTML\n  const html = marked(markdown);\n\n  // Use DOMParser to parse HTML and extract plain text\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(html, 'text/html');\n\n  return doc.body.textContent ?? '';\n};\n\nconst GenAIMessage: FunctionComponent<GenAIMessageProps> = function GenAIMessage(props) {\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  useEffect(() => {\n    if (!showDialog && focusOnInteractionRef.current) {\n      wrapperEl?.focus();\n      focusOnInteractionRef.current = false;\n    }\n  }, [wrapperEl, 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      >\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      >\n        {message && <RichTextViewer content={message} type='markdown' />}\n      </StyledUserMessage>\n    );\n  }\n\n  return null;\n};\n\nexport default GenAIMessage;\n"]}

package/lib/components/GenAICoach/InitialSuggestedMessage.js

@@ -12,7 +12,7 @@ const InitialSuggestedMessage = function SuggestionCard({ id, message, testId, o
                 e.preventDefault();
                 onSend({ id, message });
             }
-        }, "data-testId": testIds.root, children: [_jsx(CardContent, { children: _jsx(Flex, { container: { alignItems: 'center' }, children: message }) }), _jsx(Flex, { container: { alignItems: 'center' }, children: _jsx(Icon, { name: `arrow-${end}` }) })] }));
+        }, "data-testid": testIds.root, children: [_jsx(CardContent, { children: _jsx(Flex, { container: { alignItems: 'center' }, children: message }) }), _jsx(Flex, { container: { alignItems: 'center' }, children: _jsx(Icon, { name: `arrow-${end}` }) })] }));
 };
 export default InitialSuggestedMessage;
 //# sourceMappingURL=InitialSuggestedMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InitialSuggestedMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/InitialSuggestedMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGlG,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,uBAAuB,GAC3B,SAAS,cAAc,CAAC,EACtB,EAAE,EACF,OAAO,EACP,MAAM,EACN,MAAM,EACwC;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACzD,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EACjC,EAAE,EAAE,sBAAsB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAC1B,CAAC,EACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;YAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;gBACrB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;aACzB;QACH,CAAC,iBACY,OAAO,CAAC,IAAI,aAEzB,KAAC,WAAW,cACV,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAG,OAAO,GAAQ,GAC/C,EACd,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YACvC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAG,EAAE,GAAI,GACzB,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,uBAAuB,CAAC","sourcesContent":["import type { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport { Card, CardContent, Flex, Icon, useDirection, useTestIds } from '@pega/cosmos-react-core';\n\nimport type { InitialSuggestedMessageProps } from './GenAICoach.types';\nimport { StyledSuggestedMessage } from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\n\nconst InitialSuggestedMessage: FunctionComponent<InitialSuggestedMessageProps> =\n  function SuggestionCard({\n    id,\n    message,\n    testId,\n    onSend\n  }: PropsWithoutRef<InitialSuggestedMessageProps>) {\n    const testIds = useTestIds(testId, getGenAICoachTestIds);\n    const { end } = useDirection();\n\n    return (\n      <Card\n        container={{ justify: 'between' }}\n        as={StyledSuggestedMessage}\n        onClick={() => {\n          onSend({ id, message });\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            onSend({ id, message });\n          }\n        }}\n        data-testId={testIds.root}\n      >\n        <CardContent>\n          <Flex container={{ alignItems: 'center' }}>{message}</Flex>\n        </CardContent>\n        <Flex container={{ alignItems: 'center' }}>\n          <Icon name={`arrow-${end}`} />\n        </Flex>\n      </Card>\n    );\n  };\n\nexport default InitialSuggestedMessage;\n"]}
+{"version":3,"file":"InitialSuggestedMessage.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/InitialSuggestedMessage.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGlG,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,uBAAuB,GAC3B,SAAS,cAAc,CAAC,EACtB,EAAE,EACF,OAAO,EACP,MAAM,EACN,MAAM,EACwC;IAC9C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACzD,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAE/B,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EACjC,EAAE,EAAE,sBAAsB,EAC1B,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;QAC1B,CAAC,EACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;YAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,iBACY,OAAO,CAAC,IAAI,aAEzB,KAAC,WAAW,cACV,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAG,OAAO,GAAQ,GAC/C,EACd,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YACvC,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAG,EAAE,GAAI,GACzB,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEJ,eAAe,uBAAuB,CAAC","sourcesContent":["import type { FunctionComponent, PropsWithoutRef } from 'react';\n\nimport { Card, CardContent, Flex, Icon, useDirection, useTestIds } from '@pega/cosmos-react-core';\n\nimport type { InitialSuggestedMessageProps } from './GenAICoach.types';\nimport { StyledSuggestedMessage } from './GenAICoach.styles';\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\n\nconst InitialSuggestedMessage: FunctionComponent<InitialSuggestedMessageProps> =\n  function SuggestionCard({\n    id,\n    message,\n    testId,\n    onSend\n  }: PropsWithoutRef<InitialSuggestedMessageProps>) {\n    const testIds = useTestIds(testId, getGenAICoachTestIds);\n    const { end } = useDirection();\n\n    return (\n      <Card\n        container={{ justify: 'between' }}\n        as={StyledSuggestedMessage}\n        onClick={() => {\n          onSend({ id, message });\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === 'Enter') {\n            e.preventDefault();\n            onSend({ id, message });\n          }\n        }}\n        data-testid={testIds.root}\n      >\n        <CardContent>\n          <Flex container={{ alignItems: 'center' }}>{message}</Flex>\n        </CardContent>\n        <Flex container={{ alignItems: 'center' }}>\n          <Icon name={`arrow-${end}`} />\n        </Flex>\n      </Card>\n    );\n  };\n\nexport default InitialSuggestedMessage;\n"]}

package/lib/components/Glimpse/Glimpse.d.ts

@@ -1,5 +1,5 @@
-import type { FunctionComponent, MouseEventHandler, Ref } from 'react';
-import type { BaseProps, ButtonProps, FieldValueListProps, ForwardProps, InfoDialogProps, NoChildrenProp, OmitStrict } from '@pega/cosmos-react-core';
+import type { MouseEventHandler, Ref } from 'react';
+import type { BaseProps, ButtonProps, FieldValueListProps, ForwardRefForwardPropsComponent, InfoDialogProps, NoChildrenProp, OmitStrict } from '@pega/cosmos-react-core';
 type InfoDialogSummaryHeading = Extract<InfoDialogProps['heading'], object>;
 export interface GlimpseProps extends BaseProps, OmitStrict<InfoDialogProps, 'children'>, NoChildrenProp {
     /** The unique id for the operator. */
@@ -15,6 +15,6 @@ export interface GlimpseProps extends BaseProps, OmitStrict<InfoDialogProps, 'ch
     /** A URL location to navigate to. Passing an href will render View profile button as a link. */
     href?: ButtonProps['href'];
 }
-declare const Glimpse: FunctionComponent<GlimpseProps & ForwardProps>;
+declare const Glimpse: ForwardRefForwardPropsComponent<GlimpseProps>;
 export default Glimpse;
 //# sourceMappingURL=Glimpse.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Glimpse.d.ts","sourceRoot":"","sources":["../../../src/components/Glimpse/Glimpse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAGpG,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,YAAY,EACZ,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,KAAK,wBAAwB,GAAG,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5E,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,UAAU,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,cAAc;IAChB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,qDAAqD;IACrD,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,oGAAoG;IACpG,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,gGAAgG;IAChG,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,iBAAiB,CAAC,YAAY,GAAG,YAAY,CA0C1D,CAAC;AAEH,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Glimpse.d.ts","sourceRoot":"","sources":["../../../src/components/Glimpse/Glimpse.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,iBAAiB,EAAmB,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjF,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,mBAAmB,EACnB,+BAA+B,EAC/B,eAAe,EACf,cAAc,EACd,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,KAAK,wBAAwB,GAAG,OAAO,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;AAE5E,MAAM,WAAW,YACf,SAAQ,SAAS,EACf,UAAU,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,cAAc;IAChB,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,qDAAqD;IACrD,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,qDAAqD;IACrD,MAAM,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACvC,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,oGAAoG;IACpG,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,gGAAgG;IAChG,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B;AAED,QAAA,MAAM,OAAO,EAAE,+BAA+B,CAAC,YAAY,CA0CzD,CAAC;AAEH,eAAe,OAAO,CAAC"}

package/lib/components/Glimpse/Glimpse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Glimpse.js","sourceRoot":"","sources":["../../../src/components/Glimpse/Glimpse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA+B5F,MAAM,OAAO,GAAmD,UAAU,CAAC,SAAS,OAAO,CACzF,EACE,OAAO,EACP,MAAM,GAAG,EAAE,EACX,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,GAAG,SAAS,EACkB,EAChC,GAAwB;IAExB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,UAAU,OACL,SAAS,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,YAEP,CAAC,OAAO,IAAI,QAAQ,IAAI,MAAM,CAAC,MAAM,IAAI,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAChE,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,aAClE,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,EACvD,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;wBAC5C,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;wBACnB,SAAS,EAAE,CAAC;oBACd,CAAC,YAEA,CAAC,CAAC,cAAc,CAAC,GACX,CACV,IACI,CACR,CAAC,CAAC,CAAC,IAAI,GACG,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { FunctionComponent, MouseEvent, MouseEventHandler, PropsWithoutRef, Ref } from 'react';\n\nimport { Button, FieldValueList, Flex, InfoDialog, useI18n } from '@pega/cosmos-react-core';\nimport type {\n  BaseProps,\n  ButtonProps,\n  FieldValueListProps,\n  ForwardProps,\n  InfoDialogProps,\n  NoChildrenProp,\n  OmitStrict\n} from '@pega/cosmos-react-core';\n\ntype InfoDialogSummaryHeading = Extract<InfoDialogProps['heading'], object>;\n\nexport interface GlimpseProps\n  extends BaseProps,\n    OmitStrict<InfoDialogProps, 'children'>,\n    NoChildrenProp {\n  /** The unique id for the operator. */\n  id: string;\n  /** Primary, secondary and avatar for the glimpse. */\n  heading?: InfoDialogSummaryHeading;\n  /** The set of field values to render in the list. */\n  fields?: FieldValueListProps['fields'];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** Callback for click event on View profile button. Passing this will render View profile button */\n  onViewProfile?: MouseEventHandler<HTMLButtonElement>;\n  /** A URL location to navigate to. Passing an href will render View profile button as a link. */\n  href?: ButtonProps['href'];\n}\n\nconst Glimpse: FunctionComponent<GlimpseProps & ForwardProps> = forwardRef(function Glimpse(\n  {\n    heading,\n    fields = [],\n    target,\n    onDismiss,\n    href,\n    progress,\n    onViewProfile,\n    ...restProps\n  }: PropsWithoutRef<GlimpseProps>,\n  ref: GlimpseProps['ref']\n) {\n  const t = useI18n();\n\n  return (\n    <InfoDialog\n      {...restProps}\n      target={target}\n      heading={heading}\n      progress={progress}\n      onDismiss={onDismiss}\n      ref={ref}\n    >\n      {!heading || progress || fields.length || onViewProfile || href ? (\n        <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n          {fields.length > 0 && <FieldValueList fields={fields} />}\n          {(onViewProfile || href) && (\n            <Button\n              href={href}\n              onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                onViewProfile?.(e);\n                onDismiss();\n              }}\n            >\n              {t('view_profile')}\n            </Button>\n          )}\n        </Flex>\n      ) : null}\n    </InfoDialog>\n  );\n});\n\nexport default Glimpse;\n"]}
+{"version":3,"file":"Glimpse.js","sourceRoot":"","sources":["../../../src/components/Glimpse/Glimpse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAGnC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AA+B5F,MAAM,OAAO,GAAkD,UAAU,CAAC,SAAS,OAAO,CACxF,EACE,OAAO,EACP,MAAM,GAAG,EAAE,EACX,MAAM,EACN,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,GAAG,SAAS,EACkB,EAChC,GAAwB;IAExB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,OAAO,CACL,KAAC,UAAU,OACL,SAAS,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,YAEP,CAAC,OAAO,IAAI,QAAQ,IAAI,MAAM,CAAC,MAAM,IAAI,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,CAChE,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,aAClE,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,KAAC,cAAc,IAAC,MAAM,EAAE,MAAM,GAAI,EACvD,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAC1B,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;wBAC5C,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;wBACnB,SAAS,EAAE,CAAC;oBACd,CAAC,YAEA,CAAC,CAAC,cAAc,CAAC,GACX,CACV,IACI,CACR,CAAC,CAAC,CAAC,IAAI,GACG,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,OAAO,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { MouseEvent, MouseEventHandler, PropsWithoutRef, Ref } from 'react';\n\nimport { Button, FieldValueList, Flex, InfoDialog, useI18n } from '@pega/cosmos-react-core';\nimport type {\n  BaseProps,\n  ButtonProps,\n  FieldValueListProps,\n  ForwardRefForwardPropsComponent,\n  InfoDialogProps,\n  NoChildrenProp,\n  OmitStrict\n} from '@pega/cosmos-react-core';\n\ntype InfoDialogSummaryHeading = Extract<InfoDialogProps['heading'], object>;\n\nexport interface GlimpseProps\n  extends BaseProps,\n    OmitStrict<InfoDialogProps, 'children'>,\n    NoChildrenProp {\n  /** The unique id for the operator. */\n  id: string;\n  /** Primary, secondary and avatar for the glimpse. */\n  heading?: InfoDialogSummaryHeading;\n  /** The set of field values to render in the list. */\n  fields?: FieldValueListProps['fields'];\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** Callback for click event on View profile button. Passing this will render View profile button */\n  onViewProfile?: MouseEventHandler<HTMLButtonElement>;\n  /** A URL location to navigate to. Passing an href will render View profile button as a link. */\n  href?: ButtonProps['href'];\n}\n\nconst Glimpse: ForwardRefForwardPropsComponent<GlimpseProps> = forwardRef(function Glimpse(\n  {\n    heading,\n    fields = [],\n    target,\n    onDismiss,\n    href,\n    progress,\n    onViewProfile,\n    ...restProps\n  }: PropsWithoutRef<GlimpseProps>,\n  ref: GlimpseProps['ref']\n) {\n  const t = useI18n();\n\n  return (\n    <InfoDialog\n      {...restProps}\n      target={target}\n      heading={heading}\n      progress={progress}\n      onDismiss={onDismiss}\n      ref={ref}\n    >\n      {!heading || progress || fields.length || onViewProfile || href ? (\n        <Flex container={{ direction: 'column', alignItems: 'start', gap: 2 }}>\n          {fields.length > 0 && <FieldValueList fields={fields} />}\n          {(onViewProfile || href) && (\n            <Button\n              href={href}\n              onClick={(e: MouseEvent<HTMLButtonElement>) => {\n                onViewProfile?.(e);\n                onDismiss();\n              }}\n            >\n              {t('view_profile')}\n            </Button>\n          )}\n        </Flex>\n      ) : null}\n    </InfoDialog>\n  );\n});\n\nexport default Glimpse;\n"]}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TestIdProp } from '@pega/cosmos-react-core';
 import type { CaseListProps, ItemsProps, AssignmentProps } from './HierarchicalAssignments.types';
 interface AssignmentContainerProps extends CaseListProps {
@@ -26,8 +25,8 @@ interface AssignmentTopContainerProps extends ItemsProps, TestIdProp {
     name?: never;
 }
 export declare const maxDepth = 5;
-declare const _default: (({ assignments, childCases, id, depth, status, link, collapsed, onToggleCollapsed, firstItemId, name, testId, isMediumOrAbove }: AssignmentContainerProps | AssignmentTopContainerProps) => JSX.Element) & {
-    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action", "label", "id", "status"]>;
+declare const _default: (({ assignments, childCases, id, depth, status, link, collapsed, onToggleCollapsed, firstItemId, name, testId, isMediumOrAbove }: AssignmentTopContainerProps | AssignmentContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["toggle-action", "label", "id", "status"]>;
 };
 export default _default;
 //# sourceMappingURL=AssignmentContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssignmentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAalG,UAAU,wBAAyB,SAAQ,aAAa;IACtD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;CAC1B;AACD,UAAU,2BAA4B,SAAQ,UAAU,EAAE,UAAU;IAClE,qEAAqE;IACrE,KAAK,EAAE,CAAC,CAAC;IACT,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;IACzB,qIAAqI;IACrI,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,yIAAyI;IACzI,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,QAAQ,IAAI,CAAC;;;;AAiL1B,wBAAgE"}
+{"version":3,"file":"AssignmentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAUL,KAAK,UAAU,EAChB,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAalG,UAAU,wBAAyB,SAAQ,aAAa;IACtD,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;CAC1B;AACD,UAAU,2BAA4B,SAAQ,UAAU,EAAE,UAAU;IAClE,qEAAqE;IACrE,KAAK,EAAE,CAAC,CAAC;IACT,yDAAyD;IACzD,WAAW,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,kEAAkE;IAClE,eAAe,EAAE,OAAO,CAAC;IACzB,qIAAqI;IACrI,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,yIAAyI;IACzI,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,uIAAuI;IACvI,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,eAAO,MAAM,QAAQ,IAAI,CAAC;0JAevB,2BAA2B,GAAG,wBAAwB;;;AAkKzD,wBAAgE"}

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

@@ -1 +1 @@
-{"version":3,"file":"AssignmentContainer.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport {\n  Flex,\n  useI18n,\n  ExpandCollapse,\n  Icon,\n  Text,\n  Link,\n  Status,\n  withTestIds,\n  useTestIds,\n  type TestIdProp\n} from '@pega/cosmos-react-core';\n\nimport type { CaseListProps, ItemsProps, AssignmentProps } from './HierarchicalAssignments.types';\nimport AssignmentItem from './AssignmentItem';\nimport {\n  StyledExpandButton,\n  StyledHeaderContainer,\n  StyledAssignmentContainer,\n  StyledLinkContainer,\n  StyledMetaListContainer,\n  StyledMetaIdStatusContainer,\n  StyledSummaryItem\n} from './Assignments.styles';\nimport { getCaseTestIds } from './HierarchicalAssignments.test-ids';\n\ninterface AssignmentContainerProps extends CaseListProps {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: number;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n}\ninterface AssignmentTopContainerProps extends ItemsProps, TestIdProp {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: 0;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n  /** AssignmentContainer is a Recursion component, where id will not be passed as prop on initial call from HierarchicalAssignment. */\n  id?: never;\n  /** AssignmentContainer is a Recursion component, where status will not be passed as prop on initial call from HierarchicalAssignment. */\n  status?: never;\n  /** AssignmentContainer is a Recursion component, where link will not be passed as prop on initial call from HierarchicalAssignment. */\n  link?: never;\n  /** AssignmentContainer is a Recursion component, where name will not be passed as prop on initial call from HierarchicalAssignment. */\n  name?: never;\n}\n\nexport const maxDepth = 5;\n\nconst AssignmentContainer = ({\n  assignments,\n  childCases,\n  id,\n  depth,\n  status,\n  link,\n  collapsed = false,\n  onToggleCollapsed,\n  firstItemId,\n  name,\n  testId,\n  isMediumOrAbove\n}: AssignmentTopContainerProps | AssignmentContainerProps) => {\n  const t = useI18n();\n  const [open, setOpen] = useState(collapsed);\n\n  const testIds = useTestIds(testId, getCaseTestIds);\n\n  const header = useMemo(() => {\n    if (!status) {\n      return;\n    }\n    const { text, variant } = status;\n    const hasChildren = !!(childCases?.length || assignments?.length);\n    const indent = depth !== 1 && !hasChildren;\n    return (\n      <Flex\n        data-testid={testIds.root}\n        as={StyledHeaderContainer}\n        container={{ alignItems: 'center', gap: 1 }}\n        depth={depth}\n        role='treeitem'\n      >\n        {hasChildren && (\n          <StyledExpandButton\n            data-testid={testIds.toggleAction}\n            type='button'\n            variant='text'\n            aria-controls={id}\n            aria-expanded={open}\n            aria-label={t('childCase')}\n            onClick={() => {\n              onToggleCollapsed?.(!open, id);\n              setOpen(prev => !prev);\n            }}\n          >\n            <Icon name='caret-right' />\n          </StyledExpandButton>\n        )}\n        {isMediumOrAbove ? (\n          <StyledMetaListContainer\n            wrapItems\n            indent={indent}\n            items={[\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove} key={`${id}-caseName`}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>,\n              <StyledMetaIdStatusContainer\n                key={`${id}-id-status`}\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='secondary' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            ]}\n          />\n        ) : (\n          <StyledSummaryItem\n            indent={indent}\n            primary={\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>\n            }\n            secondary={\n              <StyledMetaIdStatusContainer\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='secondary' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            }\n          />\n        )}\n      </Flex>\n    );\n  }, [childCases, assignments, id, open, name, status, isMediumOrAbove]);\n\n  return (\n    <StyledAssignmentContainer depth={depth} hideBorders={firstItemId === id}>\n      {!id &&\n        assignments?.map(item => {\n          return (\n            <AssignmentItem\n              {...item}\n              key={item.id}\n              depth={depth}\n              assigneeName={item?.assigneeName}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          );\n        })}\n      {id && status && header}\n      <ExpandCollapse collapsed={!open} id={id}>\n        {id &&\n          assignments?.map(item => {\n            return (\n              <AssignmentItem\n                {...item}\n                key={item.id}\n                depth={depth}\n                assigneeName={item?.assigneeName}\n                testId={testId}\n                isMediumOrAbove={isMediumOrAbove}\n              />\n            );\n          })}\n\n        {childCases?.map(item => {\n          const childDepth = Math.min(depth + 1, maxDepth);\n          return item.id && item.status ? (\n            <AssignmentContainer\n              {...item}\n              key={item.id}\n              depth={childDepth}\n              onToggleCollapsed={onToggleCollapsed}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          ) : null;\n        })}\n      </ExpandCollapse>\n    </StyledAssignmentContainer>\n  );\n};\nexport default withTestIds(AssignmentContainer, getCaseTestIds);\n"]}
+{"version":3,"file":"AssignmentContainer.js","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport {\n  Flex,\n  useI18n,\n  ExpandCollapse,\n  Icon,\n  Text,\n  Link,\n  Status,\n  withTestIds,\n  useTestIds,\n  type TestIdProp\n} from '@pega/cosmos-react-core';\n\nimport type { CaseListProps, ItemsProps, AssignmentProps } from './HierarchicalAssignments.types';\nimport AssignmentItem from './AssignmentItem';\nimport {\n  StyledExpandButton,\n  StyledHeaderContainer,\n  StyledAssignmentContainer,\n  StyledLinkContainer,\n  StyledMetaListContainer,\n  StyledMetaIdStatusContainer,\n  StyledSummaryItem\n} from './Assignments.styles';\nimport { getCaseTestIds } from './HierarchicalAssignments.test-ids';\n\ninterface AssignmentContainerProps extends CaseListProps {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: number;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n}\ninterface AssignmentTopContainerProps extends ItemsProps, TestIdProp {\n  /** Depth of the tree component, used for CSS indentation purpose. */\n  depth: 0;\n  /** First Id of Assignment or childCase from the list. */\n  firstItemId?: AssignmentProps['id'] | CaseListProps['id'];\n  /** Boolean indicating if the given breakpoint is active or not */\n  isMediumOrAbove: boolean;\n  /** AssignmentContainer is a Recursion component, where id will not be passed as prop on initial call from HierarchicalAssignment. */\n  id?: never;\n  /** AssignmentContainer is a Recursion component, where status will not be passed as prop on initial call from HierarchicalAssignment. */\n  status?: never;\n  /** AssignmentContainer is a Recursion component, where link will not be passed as prop on initial call from HierarchicalAssignment. */\n  link?: never;\n  /** AssignmentContainer is a Recursion component, where name will not be passed as prop on initial call from HierarchicalAssignment. */\n  name?: never;\n}\n\nexport const maxDepth = 5;\n\nconst AssignmentContainer = ({\n  assignments,\n  childCases,\n  id,\n  depth,\n  status,\n  link,\n  collapsed = false,\n  onToggleCollapsed,\n  firstItemId,\n  name,\n  testId,\n  isMediumOrAbove\n}: AssignmentTopContainerProps | AssignmentContainerProps) => {\n  const t = useI18n();\n  const [open, setOpen] = useState(collapsed);\n\n  const testIds = useTestIds(testId, getCaseTestIds);\n\n  const header = useMemo(() => {\n    if (!status) {\n      return;\n    }\n    const { text, variant } = status;\n    const hasChildren = !!(childCases?.length || assignments?.length);\n    const indent = depth !== 1 && !hasChildren;\n    return (\n      <Flex\n        data-testid={testIds.root}\n        as={StyledHeaderContainer}\n        container={{ alignItems: 'center', gap: 1 }}\n        depth={depth}\n        role='treeitem'\n      >\n        {hasChildren && (\n          <StyledExpandButton\n            data-testid={testIds.toggleAction}\n            type='button'\n            variant='text'\n            aria-controls={id}\n            aria-expanded={open}\n            aria-label={t('childCase')}\n            onClick={() => {\n              onToggleCollapsed?.(!open, id);\n              setOpen(prev => !prev);\n            }}\n          >\n            <Icon name='caret-right' />\n          </StyledExpandButton>\n        )}\n        {isMediumOrAbove ? (\n          <StyledMetaListContainer\n            wrapItems\n            indent={indent}\n            items={[\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove} key={`${id}-caseName`}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>,\n              <StyledMetaIdStatusContainer\n                key={`${id}-id-status`}\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='secondary' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            ]}\n          />\n        ) : (\n          <StyledSummaryItem\n            indent={indent}\n            primary={\n              <StyledLinkContainer isMediumOrAbove={isMediumOrAbove}>\n                <Link\n                  data-testid={testIds.label}\n                  href={link?.href}\n                  previewable\n                  onPreview={link?.onPreview}\n                  target={link?.target}\n                  icon\n                >\n                  {name}\n                </Link>\n              </StyledLinkContainer>\n            }\n            secondary={\n              <StyledMetaIdStatusContainer\n                wrapItems={false}\n                items={[\n                  <Text data-testid={testIds.id} variant='secondary' key={`${id}-id`}>\n                    {id}\n                  </Text>,\n                  <Status\n                    data-testid={testIds.status}\n                    variant={variant ?? 'info'}\n                    key={`${id}-status`}\n                  >\n                    {text}\n                  </Status>\n                ]}\n              />\n            }\n          />\n        )}\n      </Flex>\n    );\n  }, [childCases, assignments, id, open, name, status, isMediumOrAbove]);\n\n  return (\n    <StyledAssignmentContainer depth={depth} hideBorders={firstItemId === id}>\n      {!id &&\n        assignments?.map(item => {\n          return (\n            <AssignmentItem\n              {...item}\n              key={item.id}\n              depth={depth}\n              assigneeName={item?.assigneeName}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          );\n        })}\n      {id && status && header}\n      <ExpandCollapse collapsed={!open} id={id}>\n        {id &&\n          assignments?.map(item => {\n            return (\n              <AssignmentItem\n                {...item}\n                key={item.id}\n                depth={depth}\n                assigneeName={item?.assigneeName}\n                testId={testId}\n                isMediumOrAbove={isMediumOrAbove}\n              />\n            );\n          })}\n\n        {childCases?.map(item => {\n          const childDepth = Math.min(depth + 1, maxDepth);\n          return item.id && item.status ? (\n            <AssignmentContainer\n              {...item}\n              key={item.id}\n              depth={childDepth}\n              onToggleCollapsed={onToggleCollapsed}\n              firstItemId={firstItemId}\n              testId={testId}\n              isMediumOrAbove={isMediumOrAbove}\n            />\n          ) : null;\n        })}\n      </ExpandCollapse>\n    </StyledAssignmentContainer>\n  );\n};\nexport default withTestIds(AssignmentContainer, getCaseTestIds);\n"]}

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 import type { AssignmentProps } from './HierarchicalAssignments.types';
-export declare const AssignmentDetail: ({ processName, name }: Pick<AssignmentProps, 'processName' | 'name'>) => JSX.Element;
+export declare const AssignmentDetail: ({ processName, name }: Pick<AssignmentProps, "processName" | "name">) => import("react/jsx-runtime").JSX.Element;
 export default AssignmentDetail;
 //# sourceMappingURL=AssignmentDetail.d.ts.map

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":";AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,eAAO,MAAM,gBAAgB,0BAG1B,KAAK,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,gBAa/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AssignmentDetail.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentDetail.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGvE,eAAO,MAAM,gBAAgB,0BAG1B,IAAI,CAAC,eAAe,EAAE,aAAa,GAAG,MAAM,CAAC,4CAa/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 import type { AssignmentProps } from './HierarchicalAssignments.types';
 declare const _default: (({ processName, name, assigneeName, urgency, depth, id, firstItemId, assigneeId, onOpen, onAssigneeClick, testId, isMediumOrAbove }: AssignmentProps & {
     depth: number;
-    firstItemId?: string | undefined;
+    firstItemId?: string;
     isMediumOrAbove: boolean;
-}) => JSX.Element) & {
-    getTestIds: (testIdProp?: string | null | undefined) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["label", "assignee", "urgency", "action"]>;
+}) => import("react/jsx-runtime").JSX.Element) & {
+    getTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["label", "assignee", "urgency", "action"]>;
 };
 export default _default;
 //# sourceMappingURL=AssignmentItem.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssignmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;;;;;;;;AAoGvE,wBAAiE"}
+{"version":3,"file":"AssignmentItem.d.ts","sourceRoot":"","sources":["../../../src/components/HierarchicalAssignments/AssignmentItem.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;8JAkBpE,eAAe,GAAG;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC1B;;;AA8ED,wBAAiE"}