@pega/cosmos-react-social 5.0.0-dev.4.5 → 5.0.0-dev.4.7

package/lib/components/Feed/Feed.js

@@ -49,7 +49,7 @@ const StyledLoadMore = styled.div(({ theme }) => {
 });
 StyledLoadMore.defaultProps = defaultThemeProp;
 const Feed = forwardRef(function Feed(props, ref) {
-    const { loadingPosts = false, variant, children, userInfo, className, title, searchTypes, onDecoratorSearch, searchResults = [], onMentionClick, onMentionPreview, onTagClick, mentionContent, interactionRenderers = [], markdownMap, filters, onFilterChange, onLoadMore, newPostRegion, posts = [], ...restProps } = props;
+    const { loadingPosts = false, variant, children, userInfo, className, title, searchTypes, onDecoratorSearch, searchResults = [], onAutopilotClick, onMentionClick, onMentionPreview, onTagClick, mentionContent, interactionRenderers = [], markdownMap, filters, onFilterChange, onLoadMore, newPostRegion, posts = [], enableAutopilot, ...restProps } = props;
     const t = useI18n();
     const [popoverEl, setPopoverEl] = useElement();
     const [buttonEl, setButtonEl] = useElement();
@@ -124,6 +124,7 @@ const Feed = forwardRef(function Feed(props, ref) {
             searchResults,
             showSearchResults,
             setShowSearchResults,
+            onAutopilotClick,
             onMentionClick,
             onMentionPreview,
             onTagClick,
@@ -131,7 +132,8 @@ const Feed = forwardRef(function Feed(props, ref) {
             markdownMap,
             userInfo,
             announce,
-            feedRef
+            feedRef,
+            enableAutopilot
         }, children: _jsxs(StyledFeed, { ref: feedRef, ...restProps, children: [_jsx(FeedAnnouncer, { children: announcementText }), _jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(Text, { variant: 'h2', children: title }), filters && filters.length > 0 && (_jsx(Button, { as: FeedButton, ref: setButtonEl, variant: 'simple', icon: true, onClick: () => setMountPopover(curr => !curr), label: t('filters'), emphasized: true, children: _jsx(Icon, { name: filters?.map(filter => !!filter.on).reduce((acc, curr) => acc || curr)
                                             ? 'filter-on'
                                             : 'filter' }) })), _jsx(Popover, { show: !!filters && mountPopover, ref: setPopoverEl, target: buttonEl, as: StyledFilterMenu, hideOnTargetHidden: true, onKeyDown: (event) => {

package/lib/components/Feed/Feed.js.map

@@ -1 +1 @@
-{"version":3,"file":"Feed.js","sourceRoot":"","sources":["../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, FC, useState, useRef, useEffect, useCallback, forwardRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  defaultThemeProp,\n  Flex,\n  ForwardProps,\n  getFocusables,\n  Icon,\n  registerIcon,\n  Popover,\n  StyledCard,\n  Switch,\n  Text,\n  Progress,\n  usePrevious,\n  useItemIntersection,\n  useUID,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport { useArrows, useElement, useI18n, useOuterEvent } from '@pega/cosmos-react-core/lib/hooks';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport * as filterOnIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter-on.icon';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\n\nimport { FeedContext } from './Feed.context';\nimport FeedButton from './FeedButton';\nimport FeedAnnouncer from './FeedAnnouncer';\nimport { FeedProps } from './Feed.types';\n\nregisterIcon(filterIcon, filterOnIcon);\n\nconst StyledFeed = styled.div`\n  ${StyledCardHeader}:not(${StyledCard} ${StyledCard} > ${StyledCardHeader}) {\n    padding-bottom: 0.25rem;\n  }\n`;\n\nStyledFeed.defaultProps = defaultThemeProp;\n\nconst StyledFilterMenu = styled.div(({ theme }) => {\n  return css`\n    fieldset {\n      padding-block-end: calc(2 * ${theme.base.spacing});\n      border: none;\n      max-height: inherit;\n\n      legend {\n        padding-block-start: calc(2 * ${theme.base.spacing});\n        padding-inline: calc(2 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledFilterMenu.defaultProps = defaultThemeProp;\n\nconst StyledFilterList = styled.ul(({ theme }) => {\n  return css`\n    list-style-type: none;\n    min-width: ${theme.base['content-width'].xs};\n    padding-inline: calc(2 * ${theme.base.spacing});\n    overflow: auto;\n  `;\n});\n\nStyledFilterList.defaultProps = defaultThemeProp;\n\nconst StyledLoadMore = styled.div(({ theme }) => {\n  return css`\n    margin-top: ${theme.base.spacing};\n    min-height: 2rem;\n    min-width: 2rem;\n  `;\n});\n\nStyledLoadMore.defaultProps = defaultThemeProp;\n\nconst Feed: FC<ForwardProps & FeedProps> = forwardRef(function Feed(\n  props: ForwardProps & FeedProps,\n  ref: Ref<HTMLDivElement>\n) {\n  const {\n    loadingPosts = false,\n    variant,\n    children,\n    userInfo,\n    className,\n    title,\n    searchTypes,\n    onDecoratorSearch,\n    searchResults = [],\n    onMentionClick,\n    onMentionPreview,\n    onTagClick,\n    mentionContent,\n    interactionRenderers = [],\n    markdownMap,\n    filters,\n    onFilterChange,\n    onLoadMore,\n    newPostRegion,\n    posts = [],\n    ...restProps\n  } = props;\n  const t = useI18n();\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const [buttonEl, setButtonEl] = useElement<HTMLElement>();\n  const [mountPopover, setMountPopover] = useState(false);\n  const [showSearchResults, setShowSearchResults] = useState(false);\n  const prevPosts = usePrevious(posts);\n  const [announcementText, setAnnouncementText] = useState('');\n\n  const feedRef = useConsolidatedRef(ref);\n\n  const filterRef = useRef(null);\n  useArrows(filterRef);\n\n  useOuterEvent('mousedown', [popoverEl, buttonEl], () => {\n    setMountPopover(false);\n  });\n\n  useOuterEvent('focusin', [popoverEl], () => {\n    setMountPopover(false);\n  });\n\n  const onKeydown = ({ key }: KeyboardEvent) => {\n    if (key === 'Escape') setMountPopover(false);\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  const id = useUID();\n  useItemIntersection(\n    { current: null },\n    posts.length - 1,\n    () => {\n      onLoadMore?.();\n    },\n    `#${id} > article[role='none']`\n  );\n\n  const announce = useCallback((announcement: string) => {\n    setAnnouncementText('');\n    return setTimeout(() => {\n      setAnnouncementText(announcement);\n    }, 0);\n  }, []);\n\n  useEffect(() => {\n    if (loadingPosts) {\n      const timeoutId = announce(t('loading_post'));\n      return () => clearTimeout(timeoutId);\n    }\n  }, [loadingPosts]);\n\n  useEffect(() => {\n    if (prevPosts) {\n      let timeoutId: ReturnType<typeof setTimeout>;\n      const difference = posts.length - prevPosts.length;\n      if (difference < 0) announce(t('feed_post_removed'));\n      else if (difference > 0)\n        announce(t('feed_new_post_added', [difference], { count: difference }));\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [posts]);\n\n  useEffect(() => {\n    if (mountPopover) {\n      setTimeout(() => {\n        const focusables = getFocusables(filterRef);\n        focusables[0]?.focus();\n      }, 0);\n    }\n  }, [mountPopover]);\n\n  return (\n    <FeedContext.Provider\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      value={{\n        searchTypes,\n        onSearch: e => {\n          if (onDecoratorSearch) onDecoratorSearch(e);\n        },\n        searchResults,\n        showSearchResults,\n        setShowSearchResults,\n        onMentionClick,\n        onMentionPreview,\n        onTagClick,\n        interactionRenderers,\n        markdownMap,\n        userInfo,\n        announce,\n        feedRef\n      }}\n    >\n      <StyledFeed ref={feedRef} {...restProps}>\n        <FeedAnnouncer>{announcementText}</FeedAnnouncer>\n        <Card>\n          <CardHeader>\n            <Text variant='h2'>{title}</Text>\n            {filters && filters.length > 0 && (\n              <Button\n                as={FeedButton}\n                ref={setButtonEl}\n                variant='simple'\n                icon\n                onClick={() => setMountPopover(curr => !curr)}\n                label={t('filters')}\n                emphasized\n              >\n                <Icon\n                  name={\n                    filters?.map(filter => !!filter.on).reduce((acc, curr) => acc || curr)\n                      ? 'filter-on'\n                      : 'filter'\n                  }\n                />\n              </Button>\n            )}\n\n            <Popover\n              show={!!filters && mountPopover}\n              ref={setPopoverEl}\n              target={buttonEl}\n              as={StyledFilterMenu}\n              hideOnTargetHidden\n              onKeyDown={(event: KeyboardEvent) => {\n                if (event.key === 'Tab') {\n                  event.preventDefault();\n                  buttonEl?.focus();\n                }\n              }}\n            >\n              <Flex container={{ direction: 'column', gap: 2 }} as='fieldset'>\n                <Text variant='h3' as='legend'>\n                  {t('filters')}\n                </Text>\n                <StyledFilterList ref={filterRef}>\n                  {filters?.map(filter => {\n                    return (\n                      <li key={filter.id}>\n                        <Switch\n                          {...filter}\n                          onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                            onFilterChange?.(event.target.id, event.target.checked)\n                          }\n                        />\n                      </li>\n                    );\n                  })}\n                </StyledFilterList>\n              </Flex>\n            </Popover>\n          </CardHeader>\n\n          <CardContent>{newPostRegion}</CardContent>\n        </Card>\n\n        <div id={id}>{posts}</div>\n\n        {loadingPosts && (\n          <Flex container={{ justify: 'center' }} as={StyledLoadMore}>\n            <Progress placement='inline' />\n          </Flex>\n        )}\n      </StyledFeed>\n    </FeedContext.Provider>\n  );\n});\n\nexport default Feed;\n"]}
+{"version":3,"file":"Feed.js","sourceRoot":"","sources":["../../../src/components/Feed/Feed.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ChangeEvent, FC, useState, useRef, useEffect, useCallback, forwardRef, Ref } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  defaultThemeProp,\n  Flex,\n  ForwardProps,\n  getFocusables,\n  Icon,\n  registerIcon,\n  Popover,\n  StyledCard,\n  Switch,\n  Text,\n  Progress,\n  usePrevious,\n  useItemIntersection,\n  useUID,\n  useConsolidatedRef\n} from '@pega/cosmos-react-core';\nimport { useArrows, useElement, useI18n, useOuterEvent } from '@pega/cosmos-react-core/lib/hooks';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport * as filterOnIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter-on.icon';\nimport { StyledCardHeader } from '@pega/cosmos-react-core/lib/components/Card/CardHeader';\n\nimport { FeedContext } from './Feed.context';\nimport FeedButton from './FeedButton';\nimport FeedAnnouncer from './FeedAnnouncer';\nimport { FeedProps } from './Feed.types';\n\nregisterIcon(filterIcon, filterOnIcon);\n\nconst StyledFeed = styled.div`\n  ${StyledCardHeader}:not(${StyledCard} ${StyledCard} > ${StyledCardHeader}) {\n    padding-bottom: 0.25rem;\n  }\n`;\n\nStyledFeed.defaultProps = defaultThemeProp;\n\nconst StyledFilterMenu = styled.div(({ theme }) => {\n  return css`\n    fieldset {\n      padding-block-end: calc(2 * ${theme.base.spacing});\n      border: none;\n      max-height: inherit;\n\n      legend {\n        padding-block-start: calc(2 * ${theme.base.spacing});\n        padding-inline: calc(2 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledFilterMenu.defaultProps = defaultThemeProp;\n\nconst StyledFilterList = styled.ul(({ theme }) => {\n  return css`\n    list-style-type: none;\n    min-width: ${theme.base['content-width'].xs};\n    padding-inline: calc(2 * ${theme.base.spacing});\n    overflow: auto;\n  `;\n});\n\nStyledFilterList.defaultProps = defaultThemeProp;\n\nconst StyledLoadMore = styled.div(({ theme }) => {\n  return css`\n    margin-top: ${theme.base.spacing};\n    min-height: 2rem;\n    min-width: 2rem;\n  `;\n});\n\nStyledLoadMore.defaultProps = defaultThemeProp;\n\nconst Feed: FC<ForwardProps & FeedProps> = forwardRef(function Feed(\n  props: ForwardProps & FeedProps,\n  ref: Ref<HTMLDivElement>\n) {\n  const {\n    loadingPosts = false,\n    variant,\n    children,\n    userInfo,\n    className,\n    title,\n    searchTypes,\n    onDecoratorSearch,\n    searchResults = [],\n    onAutopilotClick,\n    onMentionClick,\n    onMentionPreview,\n    onTagClick,\n    mentionContent,\n    interactionRenderers = [],\n    markdownMap,\n    filters,\n    onFilterChange,\n    onLoadMore,\n    newPostRegion,\n    posts = [],\n    enableAutopilot,\n    ...restProps\n  } = props;\n  const t = useI18n();\n  const [popoverEl, setPopoverEl] = useElement<HTMLElement>();\n  const [buttonEl, setButtonEl] = useElement<HTMLElement>();\n  const [mountPopover, setMountPopover] = useState(false);\n  const [showSearchResults, setShowSearchResults] = useState(false);\n  const prevPosts = usePrevious(posts);\n  const [announcementText, setAnnouncementText] = useState('');\n\n  const feedRef = useConsolidatedRef(ref);\n\n  const filterRef = useRef(null);\n  useArrows(filterRef);\n\n  useOuterEvent('mousedown', [popoverEl, buttonEl], () => {\n    setMountPopover(false);\n  });\n\n  useOuterEvent('focusin', [popoverEl], () => {\n    setMountPopover(false);\n  });\n\n  const onKeydown = ({ key }: KeyboardEvent) => {\n    if (key === 'Escape') setMountPopover(false);\n  };\n\n  useEffect(() => {\n    document.addEventListener('keydown', onKeydown);\n    return () => {\n      document.removeEventListener('keydown', onKeydown);\n    };\n  }, []);\n\n  const id = useUID();\n  useItemIntersection(\n    { current: null },\n    posts.length - 1,\n    () => {\n      onLoadMore?.();\n    },\n    `#${id} > article[role='none']`\n  );\n\n  const announce = useCallback((announcement: string) => {\n    setAnnouncementText('');\n    return setTimeout(() => {\n      setAnnouncementText(announcement);\n    }, 0);\n  }, []);\n\n  useEffect(() => {\n    if (loadingPosts) {\n      const timeoutId = announce(t('loading_post'));\n      return () => clearTimeout(timeoutId);\n    }\n  }, [loadingPosts]);\n\n  useEffect(() => {\n    if (prevPosts) {\n      let timeoutId: ReturnType<typeof setTimeout>;\n      const difference = posts.length - prevPosts.length;\n      if (difference < 0) announce(t('feed_post_removed'));\n      else if (difference > 0)\n        announce(t('feed_new_post_added', [difference], { count: difference }));\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [posts]);\n\n  useEffect(() => {\n    if (mountPopover) {\n      setTimeout(() => {\n        const focusables = getFocusables(filterRef);\n        focusables[0]?.focus();\n      }, 0);\n    }\n  }, [mountPopover]);\n\n  return (\n    <FeedContext.Provider\n      // eslint-disable-next-line react/jsx-no-constructed-context-values\n      value={{\n        searchTypes,\n        onSearch: e => {\n          if (onDecoratorSearch) onDecoratorSearch(e);\n        },\n        searchResults,\n        showSearchResults,\n        setShowSearchResults,\n        onAutopilotClick,\n        onMentionClick,\n        onMentionPreview,\n        onTagClick,\n        interactionRenderers,\n        markdownMap,\n        userInfo,\n        announce,\n        feedRef,\n        enableAutopilot\n      }}\n    >\n      <StyledFeed ref={feedRef} {...restProps}>\n        <FeedAnnouncer>{announcementText}</FeedAnnouncer>\n        <Card>\n          <CardHeader>\n            <Text variant='h2'>{title}</Text>\n            {filters && filters.length > 0 && (\n              <Button\n                as={FeedButton}\n                ref={setButtonEl}\n                variant='simple'\n                icon\n                onClick={() => setMountPopover(curr => !curr)}\n                label={t('filters')}\n                emphasized\n              >\n                <Icon\n                  name={\n                    filters?.map(filter => !!filter.on).reduce((acc, curr) => acc || curr)\n                      ? 'filter-on'\n                      : 'filter'\n                  }\n                />\n              </Button>\n            )}\n\n            <Popover\n              show={!!filters && mountPopover}\n              ref={setPopoverEl}\n              target={buttonEl}\n              as={StyledFilterMenu}\n              hideOnTargetHidden\n              onKeyDown={(event: KeyboardEvent) => {\n                if (event.key === 'Tab') {\n                  event.preventDefault();\n                  buttonEl?.focus();\n                }\n              }}\n            >\n              <Flex container={{ direction: 'column', gap: 2 }} as='fieldset'>\n                <Text variant='h3' as='legend'>\n                  {t('filters')}\n                </Text>\n                <StyledFilterList ref={filterRef}>\n                  {filters?.map(filter => {\n                    return (\n                      <li key={filter.id}>\n                        <Switch\n                          {...filter}\n                          onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                            onFilterChange?.(event.target.id, event.target.checked)\n                          }\n                        />\n                      </li>\n                    );\n                  })}\n                </StyledFilterList>\n              </Flex>\n            </Popover>\n          </CardHeader>\n\n          <CardContent>{newPostRegion}</CardContent>\n        </Card>\n\n        <div id={id}>{posts}</div>\n\n        {loadingPosts && (\n          <Flex container={{ justify: 'center' }} as={StyledLoadMore}>\n            <Progress placement='inline' />\n          </Flex>\n        )}\n      </StyledFeed>\n    </FeedContext.Provider>\n  );\n});\n\nexport default Feed;\n"]}

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

@@ -32,6 +32,10 @@ export interface FeedProps extends NoChildrenProp {
     onDecoratorSearch?: FeedContextValue['onSearch'];
     /** Results that will be shown in a Popover for a mention or tag search. */
     searchResults?: FeedContextValue['searchResults'];
+    /** If true, the Autopilot feature will be enabled for all posts and replies. */
+    enableAutopilot?: boolean;
+    /** A callback that is triggered when an Autopilot mention is clicked. The callback sends back the target of the element. The callback should return a function component. */
+    onAutopilotClick?: FeedContextValue['onAutopilotClick'];
     /** A callback that is triggered when a mention button is clicked. The callback sends back the id, text, and type of the mention. The callback should return a function component. */
     onMentionClick?: FeedContextValue['onMentionClick'];
     /** A callback that is triggered when a mention link is previewed. The callback sends back the id, text, and type of the mention. */

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Feed.types.js","sourceRoot":"","sources":["../../../src/components/Feed/Feed.types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  Dispatch,\n  MouseEvent,\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n  Ref,\n  SetStateAction\n} from 'react';\n\nimport {\n  AvatarProps,\n  DateTimeDisplayProps,\n  FileUploadItemProps,\n  MenuItemProps,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorProps, RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { FeedContextValue } from './Feed.context';\n\nexport interface SubComponentVariant {\n  variant: 'post' | 'reply';\n}\n\nexport interface Filter {\n  /** Sets DOM id for the control and associates label element via 'for' attribute. */\n  id: string;\n  /** Pass a string or a fragment with an Icon and string for the filter label. */\n  label: ReactNode;\n  /**\n   * Disables the filter.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Sets on prop via onFilterChange.\n   * @default false\n   */\n  on?: boolean;\n}\n\nexport interface FeedProps extends NoChildrenProp {\n  /** Title for the feed. */\n  title: string;\n  /** Information related to the user of the Feed. */\n  userInfo: FeedContextValue['userInfo'];\n  /** A set of search types that can be used to determine which data set to conduct a mention search on. */\n  searchTypes?: FeedContextValue['searchTypes'];\n  /** A callback that runs when a decorator search has been run inside of the feed. */\n  onDecoratorSearch?: FeedContextValue['onSearch'];\n  /** Results that will be shown in a Popover for a mention or tag search. */\n  searchResults?: FeedContextValue['searchResults'];\n  /** A callback that is triggered when a mention button is clicked. The callback sends back the id, text, and type of the mention. The callback should return a function component. */\n  onMentionClick?: FeedContextValue['onMentionClick'];\n  /** A callback that is triggered when a mention link is previewed. The callback sends back the id, text, and type of the mention. */\n  onMentionPreview?: FeedContextValue['onMentionPreview'];\n  /** A callback that is triggered when a hashtag is clicked. The callback sends back the test of the tag. */\n  onTagClick?: FeedContextValue['onTagClick'];\n  /** A list of configuration objects used to render custom components within Feed posts and replies based off of a given regex pattern. */\n  interactionRenderers?: FeedContextValue['interactionRenderers'];\n  /** A mapping for various element types to render custom components for within posts. */\n  markdownMap?: FeedContextValue['markdownMap'];\n  /** A set of filters to apply to the Feed. */\n  filters?: Filter[];\n  /** A callback that runs when the filter is toggled. */\n  onFilterChange?: (filterId: string, on: boolean) => void;\n  /** A callback that is triggered when the bottom of the Feed is scrolled into view so that additional posts may be displayed. */\n  onLoadMore?: () => void;\n  /** Indicates if the posts are being currently loading */\n  loadingPosts?: boolean;\n  /** A region to hold the new post component */\n  newPostRegion?: ReactNode;\n  /** A list of FeedPost components */\n  posts?: ReactNode[];\n}\n\nexport type FeedRichTextProps = Pick<\n  RichTextEditorProps,\n  'label' | 'onChange' | 'onFocus' | 'onBlur' | 'height'\n>;\n\nexport type AttachedFiles = FileUploadItemProps & File;\n\nexport interface FeedAttachmentsProps extends SubComponentVariant {\n  attachments?: AttachedFiles[];\n  readOnly?: boolean;\n  ref?: Ref<HTMLUListElement>;\n}\nexport interface FeedCompositionBaseProps {\n  /** A unique ID for the new message. */\n  id: string;\n  /** A set of attachment files. */\n  attachments?: AttachedFiles[];\n  /** A callback containing a list of added files that will run whenever files are added to the message. */\n  onFilesAdded?: (files: AttachedFiles[]) => void;\n  /** Callback that runs when the submit button has been clicked. */\n  onSubmit: (event: {\n    id: string;\n    value: string;\n    attachments: AttachedFiles[];\n    recipients?: RecipientMenuItem[];\n    username: string;\n    clear: () => void;\n  }) => void;\n}\n\nexport interface FeedInputRegionProps extends SubComponentVariant, FeedCompositionBaseProps {\n  inputRegionEl: HTMLDivElement | null;\n  rteRef: MutableRefObject<RichTextEditorState | undefined>;\n  selectedRecipients?: RecipientMenuItem[];\n}\n\nexport interface FeedEditRegionProps\n  extends SubComponentVariant,\n    Pick<FeedMessageBaseProps, 'id' | 'content' | 'onEditSubmit'> {\n  setEditMode: Dispatch<SetStateAction<boolean>>;\n  emptyEditText: boolean;\n  setEmptyEditText: Dispatch<SetStateAction<boolean>>;\n}\n\nexport interface FeedNewPostProps extends FeedCompositionBaseProps {\n  /** If true, the new post input will focus on page load.  */\n  autoFocus?: boolean;\n  /** Array of private recipient options. */\n  recipients?: PostTypeMenuProps['recipients'];\n  /** Handler for new search on private recipient options. */\n  onRecipientSearch?: (newSearch: string) => void;\n}\n\nexport interface FeedReplyInputProps extends FeedCompositionBaseProps {\n  /** Callback that sets returns a shared ref to the RTE component */\n  onSetInputRef?: (event: { ref: MutableRefObject<RichTextEditorState | undefined> }) => void;\n}\n\nexport interface FeedModalListProps {\n  /** The count for the list of items. */\n  count: number;\n  /** The heading for the Modal. */\n  heading: string;\n  /** The list of MenuItems to render in the Modal. */\n  listItems: MenuItemProps[];\n  /** A callback that is triggered when the bottom of the Modal list is scrolled into view so that additional data may be displayed. */\n  onLoadMore?: () => void;\n  /** Indicates if the data is being currently loading */\n  loading?: boolean;\n}\n\nexport type PostType = 'post' | 'private';\n\nexport interface RecipientOption {\n  /** Pretty printed recipient name */\n  primary: string;\n  /** Functional identifier of unique recipient */\n  value: string;\n}\n\nexport interface RecipientMenuItem {\n  id: string;\n  selected?: boolean;\n  primary: RecipientOption['primary'];\n  value: RecipientOption['value'];\n  secondary?: MenuItemProps['secondary'];\n  visual?: MenuItemProps['visual'];\n}\nexport interface PostTypeMenuProps {\n  /** Array of private recipient options */\n  recipients: RecipientOption[];\n  /** Post type update handler */\n  onSetPostType: (postType: PostType) => void;\n  /** Private post recipient list update handler */\n  onSelectedRecipientsUpdate: (recipients: RecipientMenuItem[]) => void;\n  /** Handler for new search on private recipient options */\n  onRecipientSearch: (newSearch: string) => void;\n  reset: boolean;\n  onReset: () => void;\n}\n\nexport interface PostTypeMenuState {\n  postType: PostType;\n  itemsLoading: boolean;\n  showTypeMenu: boolean;\n  showRecipientMenu: boolean;\n  viewingRecipients: boolean;\n  searchValue: string;\n  typeMenuItems: {\n    id: string;\n    primary: string;\n    selected: boolean;\n    value: PostType;\n  }[];\n  recipientMenuItems: RecipientMenuItem[];\n  multiSelectItems: RecipientMenuItem[];\n}\n\nexport interface FeedContentProps {\n  children: ReactElement | string;\n  /**\n   * A maximum height in pixels to display post content within before prompting to expand the post.\n   * @default Infinity\n   */\n  maxContentHeight?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface FeedMessageBaseProps {\n  /** Unique ID for the message. */\n  id: string;\n  /** Display name for the message author. */\n  fullname: string;\n  /** Username for the message author. */\n  username: string;\n  /** A timestamp of when the message was initially submitted. */\n  postTimestamp: DateTimeDisplayProps['value'];\n  /** The message content. */\n  content: ReactElement | string;\n  /** Attachments on the message. */\n  attachments?: AttachedFiles[];\n  /** An image source for the message author's Avatar. */\n  avatarSrc?: string;\n  /** The name of an icon to render within the Avatar. */\n  icon?: string;\n  /** The status of the message author. */\n  userStatus?: AvatarProps['status'];\n  /** Set true if the user has liked the message. */\n  liked?: boolean;\n  /** A set of users that have liked the message. */\n  likes?: MenuItemProps[];\n  /** The total count of likes on the message. */\n  likeCount?: number;\n  /**\n   * If true, the like and comment buttons will be enabled.\n   * @default true\n   */\n  interactionsEnabled?: boolean;\n  /**\n   * A maximum height in pixels to display message content within before prompting to expand the message.\n   * @default Infinity\n   */\n  maxContentHeight?: FeedContentProps['maxContentHeight'];\n  /** A set of menu options for actions on the message. */\n  menuItems?: MenuItemProps[];\n  /** Callback that updates the message after being edited. If undefined, the message will not be editable. */\n  onEditSubmit?: (event: { id: string; value: string }) => void;\n  /**\n   * Flag that indicates if a message has been previously edited.\n   * @default false\n   */\n  edited?: boolean;\n  /** A timestamp of when the message was last edited. This will only display if edited prop is true. */\n  editTimestamp?: DateTimeDisplayProps['value'];\n  /** Callback that runs when the mouse pointer hovers over the message. */\n  onMouseEnter?: (event: { id: string }) => void;\n  /** Callback that runs when the mouse pointer leaves the message. */\n  onMouseLeave?: (event: { id: string }) => void;\n  /** Callback that runs when the author's name or Avatar has been clicked. */\n  onUserClick?: (event: { id: string; username: string }, clickEvent?: MouseEvent) => void;\n  /** Callback that runs when the comment button has been clicked. */\n  onCommentClick: (event: { id: string; username: string }) => void;\n  /** Callback that runs when the like button has been clicked. */\n  onLikeClick: (event: { id: string; user: MenuItemProps }) => void;\n  /** Callback that runs when the like count on a message is hovered, focused, or clicked. */\n  onLikeCountInteraction?: () => void;\n  /** Callback that runs when the bottom of the extended like list Modal is reached, allowing for more likes to be loaded. */\n  onLoadMoreLikes?: () => void;\n  /** A loading indicator for the likes Modal. */\n  likesLoading?: boolean;\n}\n\nexport interface FeedPostProps extends FeedMessageBaseProps {\n  /**\n   * The type of message. If private, then only the designated recipients will be able to view the message.\n   * @default 'public'\n   */\n  postType?: 'public' | 'private';\n  /** The set of recipients assigned to a private message. */\n  recipients?: MenuItemProps[];\n  /** The total number of private recipients. */\n  recipientsCount?: number;\n  /** The context of the message. */\n  postContext?: ReactElement | string;\n  /** Callback that runs when the private recipient icon on a post is hovered, focused, or clicked. */\n  onRecipientInteraction?: () => void;\n  /** Callback that runs when the bottom of the extended private recipient list Modal is reached, allowing for more recipients to be loaded. */\n  onLoadMoreRecipients?: () => void;\n  /** A loading indicator for the recipients Modal. */\n  recipientsLoading?: boolean;\n  /** Props that will be passed into the reply input, see FeedReplyInput for more information. */\n  replyInput: Pick<FeedReplyInputProps, 'onSubmit' | 'onFilesAdded' | 'attachments'>;\n  /** The default visibility for the reply input. */\n  replyInputShown?: boolean;\n  /** An array to of replies for this message. */\n  replies?: ReactElement[];\n  /** A total count of all replies. */\n  replyCount?: number;\n  /** Callback that runs when the user clicks Show more button for the replies. */\n  onShowMoreReplies?: (event: { id: string }) => void;\n  /** Callback that runs when the user clicks Show less button for the replies. */\n  onShowLessReplies?: (event: { id: string }) => void;\n  /** A loading indicator for the replies. */\n  repliesLoading?: boolean;\n}\n\nexport type FeedReplyProps = FeedMessageBaseProps;\n\nexport interface FeedContentHeaderProps extends SubComponentVariant {\n  id: FeedMessageBaseProps['id'];\n  fullname: FeedMessageBaseProps['fullname'];\n  username: FeedMessageBaseProps['username'];\n  postTimestamp: FeedMessageBaseProps['postTimestamp'];\n  content: FeedMessageBaseProps['content'];\n  avatarSrc?: FeedMessageBaseProps['avatarSrc'];\n  icon?: FeedMessageBaseProps['icon'];\n  userStatus?: FeedMessageBaseProps['userStatus'];\n  postType?: FeedPostProps['postType'];\n  postContext?: FeedPostProps['postContext'];\n  recipients?: FeedPostProps['recipients'];\n  recipientsCount?: FeedPostProps['recipientsCount'];\n  menuItems?: FeedMessageBaseProps['menuItems'];\n  edited?: FeedMessageBaseProps['edited'];\n  editTimestamp?: FeedMessageBaseProps['editTimestamp'];\n  recipientsLoading?: FeedPostProps['recipientsLoading'];\n  onEditSubmit?: FeedMessageBaseProps['onEditSubmit'];\n  onLoadMoreRecipients?: FeedPostProps['onLoadMoreRecipients'];\n  onRecipientInteraction?: FeedPostProps['onRecipientInteraction'];\n  onUserClick?: FeedMessageBaseProps['onUserClick'];\n  setEditMode: Dispatch<SetStateAction<boolean>>;\n}\n\nexport interface FeedContentFooterProps extends SubComponentVariant {\n  id: FeedMessageBaseProps['id'];\n  username: FeedMessageBaseProps['username'];\n  liked?: FeedMessageBaseProps['liked'];\n  likes?: FeedMessageBaseProps['likes'];\n  likeCount?: FeedMessageBaseProps['likeCount'];\n  interactionsEnabled?: FeedMessageBaseProps['interactionsEnabled'];\n  onCommentClick: FeedMessageBaseProps['onCommentClick'];\n  onLikeClick: FeedMessageBaseProps['onLikeClick'];\n  onLikeCountInteraction?: FeedMessageBaseProps['onLikeCountInteraction'];\n  onLoadMoreLikes?: FeedMessageBaseProps['onLoadMoreLikes'];\n  likesLoading?: FeedMessageBaseProps['likesLoading'];\n  replies?: FeedPostProps['replies'];\n  replyCount?: FeedPostProps['replyCount'];\n  onShowMoreReplies?: FeedPostProps['onShowMoreReplies'];\n  onShowLessReplies?: FeedPostProps['onShowMoreReplies'];\n  repliesLoading?: FeedPostProps['repliesLoading'];\n  replyInputOpen?: boolean;\n  setReplyInputOpen?: Dispatch<SetStateAction<boolean>>;\n}\n"]}
+{"version":3,"file":"Feed.types.js","sourceRoot":"","sources":["../../../src/components/Feed/Feed.types.ts"],"names":[],"mappings":"","sourcesContent":["import {\n  Dispatch,\n  MouseEvent,\n  MutableRefObject,\n  ReactElement,\n  ReactNode,\n  Ref,\n  SetStateAction\n} from 'react';\n\nimport {\n  AvatarProps,\n  DateTimeDisplayProps,\n  FileUploadItemProps,\n  MenuItemProps,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorProps, RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { FeedContextValue } from './Feed.context';\n\nexport interface SubComponentVariant {\n  variant: 'post' | 'reply';\n}\n\nexport interface Filter {\n  /** Sets DOM id for the control and associates label element via 'for' attribute. */\n  id: string;\n  /** Pass a string or a fragment with an Icon and string for the filter label. */\n  label: ReactNode;\n  /**\n   * Disables the filter.\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Sets on prop via onFilterChange.\n   * @default false\n   */\n  on?: boolean;\n}\n\nexport interface FeedProps extends NoChildrenProp {\n  /** Title for the feed. */\n  title: string;\n  /** Information related to the user of the Feed. */\n  userInfo: FeedContextValue['userInfo'];\n  /** A set of search types that can be used to determine which data set to conduct a mention search on. */\n  searchTypes?: FeedContextValue['searchTypes'];\n  /** A callback that runs when a decorator search has been run inside of the feed. */\n  onDecoratorSearch?: FeedContextValue['onSearch'];\n  /** Results that will be shown in a Popover for a mention or tag search. */\n  searchResults?: FeedContextValue['searchResults'];\n  /** If true, the Autopilot feature will be enabled for all posts and replies. */\n  enableAutopilot?: boolean;\n  /** A callback that is triggered when an Autopilot mention is clicked. The callback sends back the target of the element. The callback should return a function component. */\n  onAutopilotClick?: FeedContextValue['onAutopilotClick'];\n  /** A callback that is triggered when a mention button is clicked. The callback sends back the id, text, and type of the mention. The callback should return a function component. */\n  onMentionClick?: FeedContextValue['onMentionClick'];\n  /** A callback that is triggered when a mention link is previewed. The callback sends back the id, text, and type of the mention. */\n  onMentionPreview?: FeedContextValue['onMentionPreview'];\n  /** A callback that is triggered when a hashtag is clicked. The callback sends back the test of the tag. */\n  onTagClick?: FeedContextValue['onTagClick'];\n  /** A list of configuration objects used to render custom components within Feed posts and replies based off of a given regex pattern. */\n  interactionRenderers?: FeedContextValue['interactionRenderers'];\n  /** A mapping for various element types to render custom components for within posts. */\n  markdownMap?: FeedContextValue['markdownMap'];\n  /** A set of filters to apply to the Feed. */\n  filters?: Filter[];\n  /** A callback that runs when the filter is toggled. */\n  onFilterChange?: (filterId: string, on: boolean) => void;\n  /** A callback that is triggered when the bottom of the Feed is scrolled into view so that additional posts may be displayed. */\n  onLoadMore?: () => void;\n  /** Indicates if the posts are being currently loading */\n  loadingPosts?: boolean;\n  /** A region to hold the new post component */\n  newPostRegion?: ReactNode;\n  /** A list of FeedPost components */\n  posts?: ReactNode[];\n}\n\nexport type FeedRichTextProps = Pick<\n  RichTextEditorProps,\n  'label' | 'onChange' | 'onFocus' | 'onBlur' | 'height'\n>;\n\nexport type AttachedFiles = FileUploadItemProps & File;\n\nexport interface FeedAttachmentsProps extends SubComponentVariant {\n  attachments?: AttachedFiles[];\n  readOnly?: boolean;\n  ref?: Ref<HTMLUListElement>;\n}\nexport interface FeedCompositionBaseProps {\n  /** A unique ID for the new message. */\n  id: string;\n  /** A set of attachment files. */\n  attachments?: AttachedFiles[];\n  /** A callback containing a list of added files that will run whenever files are added to the message. */\n  onFilesAdded?: (files: AttachedFiles[]) => void;\n  /** Callback that runs when the submit button has been clicked. */\n  onSubmit: (event: {\n    id: string;\n    value: string;\n    attachments: AttachedFiles[];\n    recipients?: RecipientMenuItem[];\n    username: string;\n    clear: () => void;\n  }) => void;\n}\n\nexport interface FeedInputRegionProps extends SubComponentVariant, FeedCompositionBaseProps {\n  inputRegionEl: HTMLDivElement | null;\n  rteRef: MutableRefObject<RichTextEditorState | undefined>;\n  selectedRecipients?: RecipientMenuItem[];\n}\n\nexport interface FeedEditRegionProps\n  extends SubComponentVariant,\n    Pick<FeedMessageBaseProps, 'id' | 'content' | 'onEditSubmit'> {\n  setEditMode: Dispatch<SetStateAction<boolean>>;\n  emptyEditText: boolean;\n  setEmptyEditText: Dispatch<SetStateAction<boolean>>;\n}\n\nexport interface FeedNewPostProps extends FeedCompositionBaseProps {\n  /** If true, the new post input will focus on page load.  */\n  autoFocus?: boolean;\n  /** Array of private recipient options. */\n  recipients?: PostTypeMenuProps['recipients'];\n  /** Handler for new search on private recipient options. */\n  onRecipientSearch?: (newSearch: string) => void;\n}\n\nexport interface FeedReplyInputProps extends FeedCompositionBaseProps {\n  /** Callback that sets returns a shared ref to the RTE component */\n  onSetInputRef?: (event: { ref: MutableRefObject<RichTextEditorState | undefined> }) => void;\n}\n\nexport interface FeedModalListProps {\n  /** The count for the list of items. */\n  count: number;\n  /** The heading for the Modal. */\n  heading: string;\n  /** The list of MenuItems to render in the Modal. */\n  listItems: MenuItemProps[];\n  /** A callback that is triggered when the bottom of the Modal list is scrolled into view so that additional data may be displayed. */\n  onLoadMore?: () => void;\n  /** Indicates if the data is being currently loading */\n  loading?: boolean;\n}\n\nexport type PostType = 'post' | 'private';\n\nexport interface RecipientOption {\n  /** Pretty printed recipient name */\n  primary: string;\n  /** Functional identifier of unique recipient */\n  value: string;\n}\n\nexport interface RecipientMenuItem {\n  id: string;\n  selected?: boolean;\n  primary: RecipientOption['primary'];\n  value: RecipientOption['value'];\n  secondary?: MenuItemProps['secondary'];\n  visual?: MenuItemProps['visual'];\n}\nexport interface PostTypeMenuProps {\n  /** Array of private recipient options */\n  recipients: RecipientOption[];\n  /** Post type update handler */\n  onSetPostType: (postType: PostType) => void;\n  /** Private post recipient list update handler */\n  onSelectedRecipientsUpdate: (recipients: RecipientMenuItem[]) => void;\n  /** Handler for new search on private recipient options */\n  onRecipientSearch: (newSearch: string) => void;\n  reset: boolean;\n  onReset: () => void;\n}\n\nexport interface PostTypeMenuState {\n  postType: PostType;\n  itemsLoading: boolean;\n  showTypeMenu: boolean;\n  showRecipientMenu: boolean;\n  viewingRecipients: boolean;\n  searchValue: string;\n  typeMenuItems: {\n    id: string;\n    primary: string;\n    selected: boolean;\n    value: PostType;\n  }[];\n  recipientMenuItems: RecipientMenuItem[];\n  multiSelectItems: RecipientMenuItem[];\n}\n\nexport interface FeedContentProps {\n  children: ReactElement | string;\n  /**\n   * A maximum height in pixels to display post content within before prompting to expand the post.\n   * @default Infinity\n   */\n  maxContentHeight?: number;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface FeedMessageBaseProps {\n  /** Unique ID for the message. */\n  id: string;\n  /** Display name for the message author. */\n  fullname: string;\n  /** Username for the message author. */\n  username: string;\n  /** A timestamp of when the message was initially submitted. */\n  postTimestamp: DateTimeDisplayProps['value'];\n  /** The message content. */\n  content: ReactElement | string;\n  /** Attachments on the message. */\n  attachments?: AttachedFiles[];\n  /** An image source for the message author's Avatar. */\n  avatarSrc?: string;\n  /** The name of an icon to render within the Avatar. */\n  icon?: string;\n  /** The status of the message author. */\n  userStatus?: AvatarProps['status'];\n  /** Set true if the user has liked the message. */\n  liked?: boolean;\n  /** A set of users that have liked the message. */\n  likes?: MenuItemProps[];\n  /** The total count of likes on the message. */\n  likeCount?: number;\n  /**\n   * If true, the like and comment buttons will be enabled.\n   * @default true\n   */\n  interactionsEnabled?: boolean;\n  /**\n   * A maximum height in pixels to display message content within before prompting to expand the message.\n   * @default Infinity\n   */\n  maxContentHeight?: FeedContentProps['maxContentHeight'];\n  /** A set of menu options for actions on the message. */\n  menuItems?: MenuItemProps[];\n  /** Callback that updates the message after being edited. If undefined, the message will not be editable. */\n  onEditSubmit?: (event: { id: string; value: string }) => void;\n  /**\n   * Flag that indicates if a message has been previously edited.\n   * @default false\n   */\n  edited?: boolean;\n  /** A timestamp of when the message was last edited. This will only display if edited prop is true. */\n  editTimestamp?: DateTimeDisplayProps['value'];\n  /** Callback that runs when the mouse pointer hovers over the message. */\n  onMouseEnter?: (event: { id: string }) => void;\n  /** Callback that runs when the mouse pointer leaves the message. */\n  onMouseLeave?: (event: { id: string }) => void;\n  /** Callback that runs when the author's name or Avatar has been clicked. */\n  onUserClick?: (event: { id: string; username: string }, clickEvent?: MouseEvent) => void;\n  /** Callback that runs when the comment button has been clicked. */\n  onCommentClick: (event: { id: string; username: string }) => void;\n  /** Callback that runs when the like button has been clicked. */\n  onLikeClick: (event: { id: string; user: MenuItemProps }) => void;\n  /** Callback that runs when the like count on a message is hovered, focused, or clicked. */\n  onLikeCountInteraction?: () => void;\n  /** Callback that runs when the bottom of the extended like list Modal is reached, allowing for more likes to be loaded. */\n  onLoadMoreLikes?: () => void;\n  /** A loading indicator for the likes Modal. */\n  likesLoading?: boolean;\n}\n\nexport interface FeedPostProps extends FeedMessageBaseProps {\n  /**\n   * The type of message. If private, then only the designated recipients will be able to view the message.\n   * @default 'public'\n   */\n  postType?: 'public' | 'private';\n  /** The set of recipients assigned to a private message. */\n  recipients?: MenuItemProps[];\n  /** The total number of private recipients. */\n  recipientsCount?: number;\n  /** The context of the message. */\n  postContext?: ReactElement | string;\n  /** Callback that runs when the private recipient icon on a post is hovered, focused, or clicked. */\n  onRecipientInteraction?: () => void;\n  /** Callback that runs when the bottom of the extended private recipient list Modal is reached, allowing for more recipients to be loaded. */\n  onLoadMoreRecipients?: () => void;\n  /** A loading indicator for the recipients Modal. */\n  recipientsLoading?: boolean;\n  /** Props that will be passed into the reply input, see FeedReplyInput for more information. */\n  replyInput: Pick<FeedReplyInputProps, 'onSubmit' | 'onFilesAdded' | 'attachments'>;\n  /** The default visibility for the reply input. */\n  replyInputShown?: boolean;\n  /** An array to of replies for this message. */\n  replies?: ReactElement[];\n  /** A total count of all replies. */\n  replyCount?: number;\n  /** Callback that runs when the user clicks Show more button for the replies. */\n  onShowMoreReplies?: (event: { id: string }) => void;\n  /** Callback that runs when the user clicks Show less button for the replies. */\n  onShowLessReplies?: (event: { id: string }) => void;\n  /** A loading indicator for the replies. */\n  repliesLoading?: boolean;\n}\n\nexport type FeedReplyProps = FeedMessageBaseProps;\n\nexport interface FeedContentHeaderProps extends SubComponentVariant {\n  id: FeedMessageBaseProps['id'];\n  fullname: FeedMessageBaseProps['fullname'];\n  username: FeedMessageBaseProps['username'];\n  postTimestamp: FeedMessageBaseProps['postTimestamp'];\n  content: FeedMessageBaseProps['content'];\n  avatarSrc?: FeedMessageBaseProps['avatarSrc'];\n  icon?: FeedMessageBaseProps['icon'];\n  userStatus?: FeedMessageBaseProps['userStatus'];\n  postType?: FeedPostProps['postType'];\n  postContext?: FeedPostProps['postContext'];\n  recipients?: FeedPostProps['recipients'];\n  recipientsCount?: FeedPostProps['recipientsCount'];\n  menuItems?: FeedMessageBaseProps['menuItems'];\n  edited?: FeedMessageBaseProps['edited'];\n  editTimestamp?: FeedMessageBaseProps['editTimestamp'];\n  recipientsLoading?: FeedPostProps['recipientsLoading'];\n  onEditSubmit?: FeedMessageBaseProps['onEditSubmit'];\n  onLoadMoreRecipients?: FeedPostProps['onLoadMoreRecipients'];\n  onRecipientInteraction?: FeedPostProps['onRecipientInteraction'];\n  onUserClick?: FeedMessageBaseProps['onUserClick'];\n  setEditMode: Dispatch<SetStateAction<boolean>>;\n}\n\nexport interface FeedContentFooterProps extends SubComponentVariant {\n  id: FeedMessageBaseProps['id'];\n  username: FeedMessageBaseProps['username'];\n  liked?: FeedMessageBaseProps['liked'];\n  likes?: FeedMessageBaseProps['likes'];\n  likeCount?: FeedMessageBaseProps['likeCount'];\n  interactionsEnabled?: FeedMessageBaseProps['interactionsEnabled'];\n  onCommentClick: FeedMessageBaseProps['onCommentClick'];\n  onLikeClick: FeedMessageBaseProps['onLikeClick'];\n  onLikeCountInteraction?: FeedMessageBaseProps['onLikeCountInteraction'];\n  onLoadMoreLikes?: FeedMessageBaseProps['onLoadMoreLikes'];\n  likesLoading?: FeedMessageBaseProps['likesLoading'];\n  replies?: FeedPostProps['replies'];\n  replyCount?: FeedPostProps['replyCount'];\n  onShowMoreReplies?: FeedPostProps['onShowMoreReplies'];\n  onShowLessReplies?: FeedPostProps['onShowMoreReplies'];\n  repliesLoading?: FeedPostProps['repliesLoading'];\n  replyInputOpen?: boolean;\n  setReplyInputOpen?: Dispatch<SetStateAction<boolean>>;\n}\n"]}

package/lib/components/Feed/FeedContentHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContentHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AA8BtE,OAAO,EAAE,sBAAsB,EAAsB,MAAM,cAAc,CAAC;AAsB1E,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsMjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FeedContentHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAgCtE,OAAO,EAAE,sBAAsB,EAAsB,MAAM,cAAc,CAAC;AAsB1E,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA2MjD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Feed/FeedContentHeader.js

@@ -6,6 +6,7 @@ import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton
 import { parseToDate } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';
 import { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';
 import { formatListToLocaleString } from '@pega/cosmos-react-core/lib/utils';
+import AutopilotAvatar from '../Autopilot/AutopilotAvatar';
 import { FeedContext } from './Feed.context';
 import FeedModalList from './FeedModalList';
 import FeedButton from './FeedButton';
@@ -28,13 +29,14 @@ const StyledName = styled(Text) `
 `;
 const FeedContentHeader = (props) => {
     const { variant, id, fullname, username, postTimestamp, content, avatarSrc, icon, userStatus, postType, postContext, recipients = [], recipientsCount = 0, menuItems, edited, editTimestamp, recipientsLoading, onEditSubmit, onLoadMoreRecipients, onRecipientInteraction, onUserClick, setEditMode } = props;
-    const { userInfo: loggedInUser } = useContext(FeedContext);
+    const { enableAutopilot, userInfo: loggedInUser } = useContext(FeedContext);
     const t = useI18n();
     const { locale } = useConfiguration();
     const { create } = useModalManager();
     const recipientsModalRef = useRef();
     const [postTimestampEl, setPostTimestampEl] = useElement();
     const [editTimestampEl, setEditTimestampEl] = useElement();
+    const autopilotAuthor = enableAutopilot && username === 'Autopilot';
     const timestamps = [
         _jsxs(_Fragment, { children: [_jsx(DateTimeDisplay, { ref: setPostTimestampEl, value: postTimestamp, variant: 'relative' }), postTimestamp && (_jsx(Tooltip, { target: postTimestampEl, children: formatDateTime(parseToDate(postTimestamp), {
                         t,
@@ -53,7 +55,7 @@ const FeedContentHeader = (props) => {
                         timeZone: loggedInUser.timeZone
                     }) }))] }));
     }
-    const userVisual = (_jsx(Avatar, { name: fullname, size: variant === 'post' ? 'l' : 'm', imageSrc: avatarSrc, icon: icon, status: userStatus }));
+    const userVisual = autopilotAuthor ? (_jsx(AutopilotAvatar, {})) : (_jsx(Avatar, { name: fullname, size: variant === 'post' ? 'l' : 'm', imageSrc: avatarSrc, icon: icon, status: userStatus }));
     const recipientsList = recipients.map(x => x.primary);
     useEffect(() => {
         if (recipients.length) {
@@ -70,7 +72,7 @@ const FeedContentHeader = (props) => {
                 onUserClick?.({ id, username }, event);
             }, children: userVisual })) : (userVisual), primary: _jsxs("div", { children: [onUserClick ? (_jsx(Button, { variant: 'text', onClick: (event) => {
                         onUserClick?.({ id, username }, event);
-                    }, children: _jsx(Text, { variant: 'h3', children: fullname }) })) : (_jsx(StyledName, { variant: 'h3', children: fullname })), postContext && _jsxs(Text, { variant: 'primary', children: [" ", t('feed_context', [postContext])] })] }), secondary: _jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [postType === 'private' && (_jsx(Button, { variant: 'simple', as: FeedButton, icon: true, compact: true, onClick: recipients.length
+                    }, children: _jsx(Text, { variant: 'h3', children: autopilotAuthor ? 'Autopilot' : fullname }) })) : (_jsx(StyledName, { variant: 'h3', children: autopilotAuthor ? 'Autopilot' : fullname })), postContext && _jsxs(Text, { variant: 'primary', children: [" ", t('feed_context', [postContext])] })] }), secondary: _jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [postType === 'private' && (_jsx(Button, { variant: 'simple', as: FeedButton, icon: true, compact: true, onClick: recipients.length
                         ? () => {
                             if (recipientsCount > 2) {
                                 recipientsModalRef.current = create(FeedModalList, {
@@ -93,7 +95,8 @@ const FeedContentHeader = (props) => {
                         {
                             primary: t('edit'),
                             id: 'edit',
-                            onClick: () => setEditMode(true)
+                            onClick: () => setEditMode(true),
+                            disabled: content.includes('<pega-autopilot/>')
                         },
                         ...menuItems
                     ]

package/lib/components/Feed/FeedContentHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContentHeader.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, MouseEvent, useContext, useEffect, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Avatar,\n  Button,\n  DateTimeDisplay,\n  defaultThemeProp,\n  Flex,\n  Icon,\n  MenuButton,\n  MetaList,\n  ModalMethods,\n  StyledSecondary,\n  SummaryItem,\n  Text,\n  Tooltip,\n  useConfiguration,\n  useElement,\n  useI18n,\n  useModalManager\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { parseToDate } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';\nimport { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';\nimport { formatListToLocaleString } from '@pega/cosmos-react-core/lib/utils';\n\nimport { FeedContext } from './Feed.context';\nimport FeedModalList from './FeedModalList';\nimport FeedButton from './FeedButton';\nimport { FeedContentHeaderProps, FeedModalListProps } from './Feed.types';\n\nconst StyledFeedContentHeader = styled.div(({ theme }) => {\n  return css`\n    margin-block-end: ${theme.base.spacing};\n    column-gap: ${theme.base.spacing};\n\n    ${StyledSecondary} {\n      ${FeedButton} {\n        /* Negative margin needed to align the icon with the author name on the line above. */\n        margin-inline-start: calc(-0.75 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledFeedContentHeader.defaultProps = defaultThemeProp;\n\nconst StyledName = styled(Text)`\n  display: inline-block;\n`;\n\nconst FeedContentHeader: FC<FeedContentHeaderProps> = (props: FeedContentHeaderProps) => {\n  const {\n    variant,\n    id,\n    fullname,\n    username,\n    postTimestamp,\n    content,\n    avatarSrc,\n    icon,\n    userStatus,\n    postType,\n    postContext,\n    recipients = [],\n    recipientsCount = 0,\n    menuItems,\n    edited,\n    editTimestamp,\n    recipientsLoading,\n    onEditSubmit,\n    onLoadMoreRecipients,\n    onRecipientInteraction,\n    onUserClick,\n    setEditMode\n  } = props;\n\n  const { userInfo: loggedInUser } = useContext(FeedContext);\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { create } = useModalManager();\n\n  const recipientsModalRef = useRef<ModalMethods<FeedModalListProps>>();\n  const [postTimestampEl, setPostTimestampEl] = useElement<HTMLSpanElement>();\n  const [editTimestampEl, setEditTimestampEl] = useElement<HTMLSpanElement>();\n\n  const timestamps = [\n    <>\n      <DateTimeDisplay ref={setPostTimestampEl} value={postTimestamp} variant='relative' />\n      {postTimestamp && (\n        <Tooltip target={postTimestampEl}>\n          {formatDateTime(parseToDate(postTimestamp), {\n            t,\n            locale,\n            format: 'short',\n            variant: 'datetime',\n            timeZone: loggedInUser.timeZone\n          })}\n        </Tooltip>\n      )}\n    </>\n  ];\n\n  if (edited) {\n    timestamps.push(\n      <>\n        <Text ref={setEditTimestampEl} variant='secondary'>\n          {t('edited', [<DateTimeDisplay value={editTimestamp} variant='relative' />])}\n        </Text>\n        {editTimestamp && (\n          <Tooltip target={editTimestampEl}>\n            {formatDateTime(parseToDate(editTimestamp), {\n              t,\n              locale,\n              format: 'short',\n              variant: 'datetime',\n              timeZone: loggedInUser.timeZone\n            })}\n          </Tooltip>\n        )}\n      </>\n    );\n  }\n\n  const userVisual = (\n    <Avatar\n      name={fullname}\n      size={variant === 'post' ? 'l' : 'm'}\n      imageSrc={avatarSrc}\n      icon={icon}\n      status={userStatus}\n    />\n  );\n\n  const recipientsList = recipients.map(x => x.primary);\n\n  useEffect(() => {\n    if (recipients.length) {\n      recipientsModalRef.current?.update({\n        count: recipientsCount,\n        heading: t('feed_recipients'),\n        listItems: recipients,\n        onLoadMore: onLoadMoreRecipients,\n        loading: recipientsLoading\n      });\n    }\n  }, [recipientsCount, recipients, onLoadMoreRecipients, recipientsLoading]);\n\n  return (\n    <SummaryItem\n      as={StyledFeedContentHeader}\n      visual={\n        onUserClick ? (\n          <BareButton\n            onClick={(event: MouseEvent) => {\n              onUserClick?.({ id, username }, event);\n            }}\n          >\n            {userVisual}\n          </BareButton>\n        ) : (\n          userVisual\n        )\n      }\n      primary={\n        <div>\n          {onUserClick ? (\n            <Button\n              variant='text'\n              onClick={(event: MouseEvent) => {\n                onUserClick?.({ id, username }, event);\n              }}\n            >\n              <Text variant='h3'>{fullname}</Text>\n            </Button>\n          ) : (\n            <StyledName variant='h3'>{fullname}</StyledName>\n          )}\n          {postContext && <Text variant='primary'> {t('feed_context', [postContext])}</Text>}\n        </div>\n      }\n      secondary={\n        <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n          {postType === 'private' && (\n            <Button\n              variant='simple'\n              as={FeedButton}\n              icon\n              compact\n              onClick={\n                recipients.length\n                  ? () => {\n                      if (recipientsCount > 2) {\n                        recipientsModalRef.current = create(FeedModalList, {\n                          count: recipientsCount,\n                          heading: t('feed_recipients'),\n                          listItems: recipients,\n                          onLoadMore: onLoadMoreRecipients,\n                          loading: recipientsLoading\n                        });\n                      }\n                    }\n                  : onRecipientInteraction\n              }\n              onFocus={onRecipientInteraction}\n              onMouseOver={onRecipientInteraction}\n              aria-label={`${t('feed_private_post')} ${t(\n                'feed_recipients'\n              )} ${formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                count: recipientsCount\n              })}`}\n              label={`${t('feed_private_post')}:\\n${\n                formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                  count: recipientsCount,\n                  separator: '\\n'\n                }) || t('feed_private_post')\n              }`}\n            >\n              <Icon name='lock-closed-solid' />\n            </Button>\n          )}\n          <MetaList items={timestamps} />\n        </Flex>\n      }\n      actions={\n        menuItems ? (\n          <MenuButton\n            text={t('feed_post_actions_menu')}\n            menu={{\n              items:\n                onEditSubmit && typeof content === 'string' && username === loggedInUser.username\n                  ? [\n                      {\n                        primary: t('edit'),\n                        id: 'edit',\n                        onClick: () => setEditMode(true)\n                      },\n                      ...menuItems\n                    ]\n                  : menuItems\n            }}\n            icon='more'\n            iconOnly\n            variant='simple'\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nexport default FeedContentHeader;\n"]}
+{"version":3,"file":"FeedContentHeader.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedContentHeader.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, MouseEvent, useContext, useEffect, useRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Avatar,\n  Button,\n  DateTimeDisplay,\n  defaultThemeProp,\n  Flex,\n  Icon,\n  MenuButton,\n  MetaList,\n  ModalMethods,\n  StyledSecondary,\n  SummaryItem,\n  Text,\n  Tooltip,\n  useConfiguration,\n  useElement,\n  useI18n,\n  useModalManager\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { parseToDate } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';\nimport { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';\nimport { formatListToLocaleString } from '@pega/cosmos-react-core/lib/utils';\n\nimport AutopilotAvatar from '../Autopilot/AutopilotAvatar';\n\nimport { FeedContext } from './Feed.context';\nimport FeedModalList from './FeedModalList';\nimport FeedButton from './FeedButton';\nimport { FeedContentHeaderProps, FeedModalListProps } from './Feed.types';\n\nconst StyledFeedContentHeader = styled.div(({ theme }) => {\n  return css`\n    margin-block-end: ${theme.base.spacing};\n    column-gap: ${theme.base.spacing};\n\n    ${StyledSecondary} {\n      ${FeedButton} {\n        /* Negative margin needed to align the icon with the author name on the line above. */\n        margin-inline-start: calc(-0.75 * ${theme.base.spacing});\n      }\n    }\n  `;\n});\n\nStyledFeedContentHeader.defaultProps = defaultThemeProp;\n\nconst StyledName = styled(Text)`\n  display: inline-block;\n`;\n\nconst FeedContentHeader: FC<FeedContentHeaderProps> = (props: FeedContentHeaderProps) => {\n  const {\n    variant,\n    id,\n    fullname,\n    username,\n    postTimestamp,\n    content,\n    avatarSrc,\n    icon,\n    userStatus,\n    postType,\n    postContext,\n    recipients = [],\n    recipientsCount = 0,\n    menuItems,\n    edited,\n    editTimestamp,\n    recipientsLoading,\n    onEditSubmit,\n    onLoadMoreRecipients,\n    onRecipientInteraction,\n    onUserClick,\n    setEditMode\n  } = props;\n\n  const { enableAutopilot, userInfo: loggedInUser } = useContext(FeedContext);\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { create } = useModalManager();\n\n  const recipientsModalRef = useRef<ModalMethods<FeedModalListProps>>();\n  const [postTimestampEl, setPostTimestampEl] = useElement<HTMLSpanElement>();\n  const [editTimestampEl, setEditTimestampEl] = useElement<HTMLSpanElement>();\n\n  const autopilotAuthor = enableAutopilot && username === 'Autopilot';\n\n  const timestamps = [\n    <>\n      <DateTimeDisplay ref={setPostTimestampEl} value={postTimestamp} variant='relative' />\n      {postTimestamp && (\n        <Tooltip target={postTimestampEl}>\n          {formatDateTime(parseToDate(postTimestamp), {\n            t,\n            locale,\n            format: 'short',\n            variant: 'datetime',\n            timeZone: loggedInUser.timeZone\n          })}\n        </Tooltip>\n      )}\n    </>\n  ];\n\n  if (edited) {\n    timestamps.push(\n      <>\n        <Text ref={setEditTimestampEl} variant='secondary'>\n          {t('edited', [<DateTimeDisplay value={editTimestamp} variant='relative' />])}\n        </Text>\n        {editTimestamp && (\n          <Tooltip target={editTimestampEl}>\n            {formatDateTime(parseToDate(editTimestamp), {\n              t,\n              locale,\n              format: 'short',\n              variant: 'datetime',\n              timeZone: loggedInUser.timeZone\n            })}\n          </Tooltip>\n        )}\n      </>\n    );\n  }\n\n  const userVisual = autopilotAuthor ? (\n    <AutopilotAvatar />\n  ) : (\n    <Avatar\n      name={fullname}\n      size={variant === 'post' ? 'l' : 'm'}\n      imageSrc={avatarSrc}\n      icon={icon}\n      status={userStatus}\n    />\n  );\n\n  const recipientsList = recipients.map(x => x.primary);\n\n  useEffect(() => {\n    if (recipients.length) {\n      recipientsModalRef.current?.update({\n        count: recipientsCount,\n        heading: t('feed_recipients'),\n        listItems: recipients,\n        onLoadMore: onLoadMoreRecipients,\n        loading: recipientsLoading\n      });\n    }\n  }, [recipientsCount, recipients, onLoadMoreRecipients, recipientsLoading]);\n\n  return (\n    <SummaryItem\n      as={StyledFeedContentHeader}\n      visual={\n        onUserClick ? (\n          <BareButton\n            onClick={(event: MouseEvent) => {\n              onUserClick?.({ id, username }, event);\n            }}\n          >\n            {userVisual}\n          </BareButton>\n        ) : (\n          userVisual\n        )\n      }\n      primary={\n        <div>\n          {onUserClick ? (\n            <Button\n              variant='text'\n              onClick={(event: MouseEvent) => {\n                onUserClick?.({ id, username }, event);\n              }}\n            >\n              <Text variant='h3'>{autopilotAuthor ? 'Autopilot' : fullname}</Text>\n            </Button>\n          ) : (\n            <StyledName variant='h3'>{autopilotAuthor ? 'Autopilot' : fullname}</StyledName>\n          )}\n          {postContext && <Text variant='primary'> {t('feed_context', [postContext])}</Text>}\n        </div>\n      }\n      secondary={\n        <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n          {postType === 'private' && (\n            <Button\n              variant='simple'\n              as={FeedButton}\n              icon\n              compact\n              onClick={\n                recipients.length\n                  ? () => {\n                      if (recipientsCount > 2) {\n                        recipientsModalRef.current = create(FeedModalList, {\n                          count: recipientsCount,\n                          heading: t('feed_recipients'),\n                          listItems: recipients,\n                          onLoadMore: onLoadMoreRecipients,\n                          loading: recipientsLoading\n                        });\n                      }\n                    }\n                  : onRecipientInteraction\n              }\n              onFocus={onRecipientInteraction}\n              onMouseOver={onRecipientInteraction}\n              aria-label={`${t('feed_private_post')} ${t(\n                'feed_recipients'\n              )} ${formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                count: recipientsCount\n              })}`}\n              label={`${t('feed_private_post')}:\\n${\n                formatListToLocaleString(recipientsList.slice(0, 2), t, locale, {\n                  count: recipientsCount,\n                  separator: '\\n'\n                }) || t('feed_private_post')\n              }`}\n            >\n              <Icon name='lock-closed-solid' />\n            </Button>\n          )}\n          <MetaList items={timestamps} />\n        </Flex>\n      }\n      actions={\n        menuItems ? (\n          <MenuButton\n            text={t('feed_post_actions_menu')}\n            menu={{\n              items:\n                onEditSubmit && typeof content === 'string' && username === loggedInUser.username\n                  ? [\n                      {\n                        primary: t('edit'),\n                        id: 'edit',\n                        onClick: () => setEditMode(true),\n                        disabled: content.includes('<pega-autopilot/>')\n                      },\n                      ...menuItems\n                    ]\n                  : menuItems\n            }}\n            icon='more'\n            iconOnly\n            variant='simple'\n          />\n        ) : undefined\n      }\n    />\n  );\n};\n\nexport default FeedContentHeader;\n"]}

package/lib/components/Feed/FeedRichText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedRichText.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAO,YAAY,EAAW,MAAM,yBAAyB,CAAC;AAOrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA0IrD,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"FeedRichText.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedRichText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAiD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAO,YAAY,EAAiB,MAAM,yBAAyB,CAAC;AAQ3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,GAAG,YAAY,CA4LrD,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/components/Feed/FeedRichText.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, forwardRef, useState, useRef } from 'react';
-import { cap, useI18n } from '@pega/cosmos-react-core';
+import { cap, Icon, useI18n } from '@pega/cosmos-react-core';
 import { getXMLAttributes, RichTextEditor } from '@pega/cosmos-react-rte';
 import { MentionButtonConfig } from '../MentionButton';
 import { HashtagButtonConfig } from '../HashtagButton';
+import { AutopilotConfig } from '../Autopilot';
 import { FeedContext } from './Feed.context';
 const FeedRichText = forwardRef(function FeedRichText(props, ref) {
     const { height = { min: 'auto' }, ...restProps } = props;
-    const { searchTypes = [], onSearch, searchResults = [], showSearchResults } = useContext(FeedContext);
+    const { enableAutopilot, searchTypes = [], onSearch, searchResults = [], showSearchResults } = useContext(FeedContext);
     const [triggerType, setTriggerType] = useState('mention');
     const [showMentionType, setShowMentionType] = useState(false);
     const searchType = useRef('');
@@ -15,14 +16,26 @@ const FeedRichText = forwardRef(function FeedRichText(props, ref) {
     const onDecoSearch = (event) => {
         const trigger = event.trigger === '@' ? 'mention' : 'tag';
         setTriggerType(trigger);
-        if (trigger === 'mention' && event.search === '') {
+        if (trigger === 'mention' &&
+            (event.search === '' ||
+                (enableAutopilot && 'autopilot'.startsWith(event.search.toLowerCase())))) {
             setShowMentionType(true);
         }
         else {
             setShowMentionType(false);
-            onSearch?.({ type: trigger, search: event.search, mentionType: searchType.current });
+            if (searchType.current === 'Autopilot' && searchTypes[1]) {
+                searchType.current = searchTypes[1];
+            }
+            onSearch?.({
+                type: trigger,
+                search: event.search,
+                mentionType: searchType.current
+            });
         }
     };
+    if (enableAutopilot && !searchTypes.some(type => type === 'Autopilot')) {
+        searchTypes.unshift('Autopilot');
+    }
     const typesMenu = {
         onItemActive: (id) => {
             searchType.current = id;
@@ -30,10 +43,16 @@ const FeedRichText = forwardRef(function FeedRichText(props, ref) {
         onItemClick: (id) => {
             searchType.current = id;
             setShowMentionType(false);
-            onSearch?.({ type: 'mention', search: '', mentionType: id });
+            if (id !== 'Autopilot') {
+                onSearch?.({ type: 'mention', search: '', mentionType: id });
+            }
         },
         items: searchTypes.map(type => {
-            return { id: type, primary: cap(type) };
+            return {
+                id: type,
+                primary: cap(type),
+                visual: _jsx(Icon, { name: type === 'Autopilot' ? 'polaris' : type })
+            };
         })
     };
     const searchMenu = searchResults.length && showSearchResults
@@ -68,6 +87,17 @@ const FeedRichText = forwardRef(function FeedRichText(props, ref) {
                     text: attributes.tag
                 };
             }
+            case 'pega-autopilot': {
+                const attributes = getXMLAttributes(searchResult);
+                if (!attributes)
+                    return;
+                return {
+                    markdown: searchResult,
+                    component: AutopilotConfig.component,
+                    props: attributes,
+                    text: 'Autopilot'
+                };
+            }
             default:
         }
     };
@@ -75,6 +105,14 @@ const FeedRichText = forwardRef(function FeedRichText(props, ref) {
             { trigger: '@', regex: String.raw `(?:\S+(?:[^\n\S][^@#\s]\S*)*[^\n\S]?|)` },
             { trigger: '#', regex: String.raw `[^\s,]*` }
         ], getSearchItemReplacement: (id) => {
+            if (id === 'Autopilot') {
+                return {
+                    markdown: AutopilotConfig.inject(),
+                    component: AutopilotConfig.component,
+                    props: {},
+                    text: 'Autopilot'
+                };
+            }
             const item = searchResults?.find(({ id: itemId }) => itemId === id);
             if (!item)
                 return undefined;
@@ -112,6 +150,12 @@ const FeedRichText = forwardRef(function FeedRichText(props, ref) {
                 xmlElement: HashtagButtonConfig.xmlElement,
                 regexPattern: HashtagButtonConfig.regexPattern,
                 getSearchAttributes
+            },
+            {
+                type: AutopilotConfig.type,
+                xmlElement: AutopilotConfig.xmlElement,
+                regexPattern: AutopilotConfig.regexPattern,
+                getSearchAttributes
             }
         ], onSearch: onDecoSearch, menu: showMentionType ? typesMenu : searchMenu }));
 });

package/lib/components/Feed/FeedRichText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedRichText.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedRichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useContext, forwardRef, Ref, useState, useRef } from 'react';\n\nimport { cap, ForwardProps, useI18n } from '@pega/cosmos-react-core';\nimport { getXMLAttributes, RichTextEditor, RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { MentionButtonConfig } from '../MentionButton';\nimport { HashtagButtonConfig } from '../HashtagButton';\n\nimport { FeedContext } from './Feed.context';\nimport { FeedRichTextProps } from './Feed.types';\n\nconst FeedRichText: FC<FeedRichTextProps & ForwardProps> = forwardRef(function FeedRichText(\n  props: FeedRichTextProps,\n  ref: Ref<RichTextEditorState>\n) {\n  const { height = { min: 'auto' }, ...restProps } = props;\n  const {\n    searchTypes = [],\n    onSearch,\n    searchResults = [],\n    showSearchResults\n  } = useContext(FeedContext);\n  const [triggerType, setTriggerType] = useState<'mention' | 'tag'>('mention');\n  const [showMentionType, setShowMentionType] = useState(false);\n  const searchType = useRef('');\n  const t = useI18n();\n\n  const onDecoSearch = (event: { search: string; trigger: string }) => {\n    const trigger = event.trigger === '@' ? 'mention' : 'tag';\n    setTriggerType(trigger);\n    if (trigger === 'mention' && event.search === '') {\n      setShowMentionType(true);\n    } else {\n      setShowMentionType(false);\n      onSearch?.({ type: trigger, search: event.search, mentionType: searchType.current });\n    }\n  };\n\n  const typesMenu = {\n    onItemActive: (id: string) => {\n      searchType.current = id;\n    },\n    onItemClick: (id: string) => {\n      searchType.current = id;\n      setShowMentionType(false);\n      onSearch?.({ type: 'mention', search: '', mentionType: id });\n    },\n    items: searchTypes.map(type => {\n      return { id: type, primary: cap(type) };\n    })\n  };\n\n  const searchMenu =\n    searchResults.length && showSearchResults\n      ? {\n          header: triggerType === 'mention' ? t('mention_type', [searchType.current]) : '',\n          items: searchResults.map(res => {\n            return { ...res, href: undefined };\n          })\n        }\n      : undefined;\n\n  const getSearchAttributes = (xmlElement: string, searchResult: string) => {\n    switch (xmlElement) {\n      case 'pega-mention': {\n        const attributes = getXMLAttributes(searchResult);\n\n        if (!attributes) return;\n        return {\n          markdown: searchResult,\n          component: MentionButtonConfig.component,\n          props: attributes,\n          text: attributes.text\n        };\n      }\n      case 'pega-tag': {\n        const attributes = getXMLAttributes(searchResult);\n\n        if (!attributes) return;\n        return {\n          markdown: searchResult,\n          component: HashtagButtonConfig.component,\n          props: attributes,\n          text: attributes.tag\n        };\n      }\n      default:\n    }\n  };\n\n  return (\n    <RichTextEditor\n      {...restProps}\n      markdownOnly\n      ref={ref}\n      height={height}\n      searchTriggers={[\n        { trigger: '@', regex: String.raw`(?:\\S+(?:[^\\n\\S][^@#\\s]\\S*)*[^\\n\\S]?|)` },\n        { trigger: '#', regex: String.raw`[^\\s,]*` }\n      ]}\n      getSearchItemReplacement={(id: string) => {\n        const item = searchResults?.find(({ id: itemId }) => itemId === id);\n\n        if (!item) return undefined;\n\n        return {\n          markdown:\n            triggerType === 'mention'\n              ? MentionButtonConfig.inject({\n                  id: item.id,\n                  type: searchType.current,\n                  text: item.primary,\n                  href: item.href\n                })\n              : HashtagButtonConfig.inject({ tag: item.id }),\n          component:\n            triggerType === 'mention'\n              ? MentionButtonConfig.component\n              : HashtagButtonConfig.component,\n          props:\n            triggerType === 'mention'\n              ? {\n                  id: item.id,\n                  text: item.primary,\n                  type: searchType.current,\n                  tabIndex: -1\n                }\n              : { tag: item.primary, tabIndex: -1 },\n          text: item.primary\n        };\n      }}\n      searchRenderers={[\n        {\n          type: MentionButtonConfig.type,\n          xmlElement: MentionButtonConfig.xmlElement,\n          regexPattern: MentionButtonConfig.regexPattern,\n          getSearchAttributes\n        },\n        {\n          type: HashtagButtonConfig.type,\n          xmlElement: HashtagButtonConfig.xmlElement,\n          regexPattern: HashtagButtonConfig.regexPattern,\n          getSearchAttributes\n        }\n      ]}\n      onSearch={onDecoSearch}\n      menu={showMentionType ? typesMenu : searchMenu}\n    />\n  );\n});\n\nexport default FeedRichText;\n"]}
+{"version":3,"file":"FeedRichText.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedRichText.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useContext, forwardRef, Ref, useState, useRef } from 'react';\n\nimport { cap, ForwardProps, Icon, useI18n } from '@pega/cosmos-react-core';\nimport { getXMLAttributes, RichTextEditor, RichTextEditorState } from '@pega/cosmos-react-rte';\n\nimport { MentionButtonConfig } from '../MentionButton';\nimport { HashtagButtonConfig } from '../HashtagButton';\nimport { AutopilotConfig } from '../Autopilot';\n\nimport { FeedContext } from './Feed.context';\nimport { FeedRichTextProps } from './Feed.types';\n\nconst FeedRichText: FC<FeedRichTextProps & ForwardProps> = forwardRef(function FeedRichText(\n  props: FeedRichTextProps,\n  ref: Ref<RichTextEditorState>\n) {\n  const { height = { min: 'auto' }, ...restProps } = props;\n  const {\n    enableAutopilot,\n    searchTypes = [],\n    onSearch,\n    searchResults = [],\n    showSearchResults\n  } = useContext(FeedContext);\n  const [triggerType, setTriggerType] = useState<'mention' | 'tag'>('mention');\n  const [showMentionType, setShowMentionType] = useState(false);\n  const searchType = useRef('');\n  const t = useI18n();\n\n  const onDecoSearch = (event: { search: string; trigger: string }) => {\n    const trigger = event.trigger === '@' ? 'mention' : 'tag';\n    setTriggerType(trigger);\n    if (\n      trigger === 'mention' &&\n      (event.search === '' ||\n        (enableAutopilot && 'autopilot'.startsWith(event.search.toLowerCase())))\n    ) {\n      setShowMentionType(true);\n    } else {\n      setShowMentionType(false);\n      if (searchType.current === 'Autopilot' && searchTypes[1]) {\n        searchType.current = searchTypes[1];\n      }\n\n      onSearch?.({\n        type: trigger,\n        search: event.search,\n        mentionType: searchType.current\n      });\n    }\n  };\n\n  if (enableAutopilot && !searchTypes.some(type => type === 'Autopilot')) {\n    searchTypes.unshift('Autopilot');\n  }\n\n  const typesMenu = {\n    onItemActive: (id: string) => {\n      searchType.current = id;\n    },\n    onItemClick: (id: string) => {\n      searchType.current = id;\n      setShowMentionType(false);\n\n      if (id !== 'Autopilot') {\n        onSearch?.({ type: 'mention', search: '', mentionType: id });\n      }\n    },\n    items: searchTypes.map(type => {\n      return {\n        id: type,\n        primary: cap(type),\n        visual: <Icon name={type === 'Autopilot' ? 'polaris' : type} />\n      };\n    })\n  };\n\n  const searchMenu =\n    searchResults.length && showSearchResults\n      ? {\n          header: triggerType === 'mention' ? t('mention_type', [searchType.current]) : '',\n          items: searchResults.map(res => {\n            return { ...res, href: undefined };\n          })\n        }\n      : undefined;\n\n  const getSearchAttributes = (xmlElement: string, searchResult: string) => {\n    switch (xmlElement) {\n      case 'pega-mention': {\n        const attributes = getXMLAttributes(searchResult);\n\n        if (!attributes) return;\n        return {\n          markdown: searchResult,\n          component: MentionButtonConfig.component,\n          props: attributes,\n          text: attributes.text\n        };\n      }\n      case 'pega-tag': {\n        const attributes = getXMLAttributes(searchResult);\n\n        if (!attributes) return;\n        return {\n          markdown: searchResult,\n          component: HashtagButtonConfig.component,\n          props: attributes,\n          text: attributes.tag\n        };\n      }\n      case 'pega-autopilot': {\n        const attributes = getXMLAttributes(searchResult);\n\n        if (!attributes) return;\n        return {\n          markdown: searchResult,\n          component: AutopilotConfig.component,\n          props: attributes,\n          text: 'Autopilot'\n        };\n      }\n      default:\n    }\n  };\n\n  return (\n    <RichTextEditor\n      {...restProps}\n      markdownOnly\n      ref={ref}\n      height={height}\n      searchTriggers={[\n        { trigger: '@', regex: String.raw`(?:\\S+(?:[^\\n\\S][^@#\\s]\\S*)*[^\\n\\S]?|)` },\n        { trigger: '#', regex: String.raw`[^\\s,]*` }\n      ]}\n      getSearchItemReplacement={(id: string) => {\n        if (id === 'Autopilot') {\n          return {\n            markdown: AutopilotConfig.inject(),\n            component: AutopilotConfig.component,\n            props: {},\n            text: 'Autopilot'\n          };\n        }\n\n        const item = searchResults?.find(({ id: itemId }) => itemId === id);\n\n        if (!item) return undefined;\n\n        return {\n          markdown:\n            triggerType === 'mention'\n              ? MentionButtonConfig.inject({\n                  id: item.id,\n                  type: searchType.current,\n                  text: item.primary,\n                  href: item.href\n                })\n              : HashtagButtonConfig.inject({ tag: item.id }),\n          component:\n            triggerType === 'mention'\n              ? MentionButtonConfig.component\n              : HashtagButtonConfig.component,\n          props:\n            triggerType === 'mention'\n              ? {\n                  id: item.id,\n                  text: item.primary,\n                  type: searchType.current,\n                  tabIndex: -1\n                }\n              : { tag: item.primary, tabIndex: -1 },\n          text: item.primary\n        };\n      }}\n      searchRenderers={[\n        {\n          type: MentionButtonConfig.type,\n          xmlElement: MentionButtonConfig.xmlElement,\n          regexPattern: MentionButtonConfig.regexPattern,\n          getSearchAttributes\n        },\n        {\n          type: HashtagButtonConfig.type,\n          xmlElement: HashtagButtonConfig.xmlElement,\n          regexPattern: HashtagButtonConfig.regexPattern,\n          getSearchAttributes\n        },\n        {\n          type: AutopilotConfig.type,\n          xmlElement: AutopilotConfig.xmlElement,\n          regexPattern: AutopilotConfig.regexPattern,\n          getSearchAttributes\n        }\n      ]}\n      onSearch={onDecoSearch}\n      menu={showMentionType ? typesMenu : searchMenu}\n    />\n  );\n});\n\nexport default FeedRichText;\n"]}

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export * from './components/Autopilot';
 export { default as Chat } from './components/Chat';
 export * from './components/Chat';
 export { default as Email } from './components/Email';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC"}

package/lib/index.js

@@ -1,4 +1,5 @@
 // This file is autogenerated. Any changes will be overwritten.
+export * from './components/Autopilot';
 export { default as Chat } from './components/Chat';
 export * from './components/Chat';
 export { default as Email } from './components/Email';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as Chat } from './components/Chat';\nexport * from './components/Chat';\nexport { default as Email } from './components/Email';\nexport * from './components/Email';\nexport { default as Feed } from './components/Feed';\nexport * from './components/Feed';\nexport { default as HashtagButton } from './components/HashtagButton';\nexport * from './components/HashtagButton';\nexport { default as MentionButton } from './components/MentionButton';\nexport * from './components/MentionButton';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport * from './components/Autopilot';\nexport { default as Chat } from './components/Chat';\nexport * from './components/Chat';\nexport { default as Email } from './components/Email';\nexport * from './components/Email';\nexport { default as Feed } from './components/Feed';\nexport * from './components/Feed';\nexport { default as HashtagButton } from './components/HashtagButton';\nexport * from './components/HashtagButton';\nexport { default as MentionButton } from './components/MentionButton';\nexport * from './components/MentionButton';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-social",
-  "version": "5.0.0-dev.4.5",
+  "version": "5.0.0-dev.4.7",
   "repository": {
     "type": "git",
     "url": "https://github.com/pegasystems/cosmos-react.git",
@@ -23,9 +23,9 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "5.0.0-dev.4.5",
-    "@pega/cosmos-react-rte": "5.0.0-dev.4.5",
-    "@pega/cosmos-react-work": "5.0.0-dev.4.5",
+    "@pega/cosmos-react-core": "5.0.0-dev.4.7",
+    "@pega/cosmos-react-rte": "5.0.0-dev.4.7",
+    "@pega/cosmos-react-work": "5.0.0-dev.4.7",
     "@types/parse5": "^6.0.0",
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",