@pega/cosmos-react-social 5.0.0-dev.4.8 → 5.0.0-dev.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedReply.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedReply.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Flex, registerIcon, defaultThemeProp, ForwardProps } from '@pega/cosmos-react-core';\nimport * as chatIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/chat.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';\n\nimport { FeedReplyProps } from './Feed.types';\nimport FeedAttachments from './FeedAttachments';\nimport FeedContent from './FeedContent';\nimport FeedContentHeader from './FeedContentHeader';\nimport FeedContentFooter from './FeedContentFooter';\nimport FeedEditRegion from './FeedEditRegion';\n\nregisterIcon(chatIcon, thumbsUpSolidIcon, thumbsUpIcon);\n\nexport const StyledFeedReplyContainer = styled.div``;\n\nStyledFeedReplyContainer.defaultProps = defaultThemeProp;\n\nconst StyledReplyContent = styled.div(({ theme }) => {\n  return css`\n    margin-inline-start: calc(2 * ${theme.base.spacing});\n    border-inline-start: solid 0.0625rem ${theme.base.palette['border-line']};\n    padding-inline-start: calc(3 * ${theme.base.spacing});\n  `;\n});\n\nStyledReplyContent.defaultProps = defaultThemeProp;\n\nconst FeedReply: FC<ForwardProps & FeedReplyProps> = (props: ForwardProps & FeedReplyProps) => {\n  const {\n    id,\n    avatarSrc,\n    postTimestamp,\n    content,\n    attachments,\n    username,\n    fullname,\n    liked,\n    likes,\n    likeCount,\n    interactionsEnabled,\n    icon,\n    userStatus,\n    maxContentHeight = Infinity,\n    menuItems,\n    onEditSubmit,\n    edited = false,\n    editTimestamp,\n    onMouseEnter,\n    onMouseLeave,\n    onCommentClick,\n    onLikeClick,\n    onLikeCountInteraction,\n    onLoadMoreLikes,\n    likesLoading,\n    onUserClick,\n    ...restProps\n  } = props;\n  const variant = 'reply';\n\n  const [editMode, setEditMode] = useState(false);\n  const [emptyEditText, setEmptyEditText] = useState(false);\n\n  return (\n    <StyledFeedReplyContainer\n      onMouseEnter={() => {\n        onMouseEnter?.({ id });\n      }}\n      onMouseLeave={() => {\n        onMouseLeave?.({ id });\n      }}\n      {...restProps}\n    >\n      <FeedContentHeader\n        variant={variant}\n        id={id}\n        fullname={fullname}\n        username={username}\n        postTimestamp={postTimestamp}\n        content={content}\n        avatarSrc={avatarSrc}\n        icon={icon}\n        userStatus={userStatus}\n        menuItems={menuItems}\n        edited={edited}\n        editTimestamp={editTimestamp}\n        onEditSubmit={onEditSubmit}\n        onUserClick={onUserClick}\n        setEditMode={setEditMode}\n      />\n      <StyledReplyContent>\n        <Flex\n          container={{ direction: 'column', pad: [0, editMode ? 0 : 2, 0, 0] }}\n          item={{ grow: 1 }}\n        >\n          {editMode ? (\n            <FeedEditRegion\n              variant={variant}\n              id={id}\n              content={content}\n              setEditMode={setEditMode}\n              onEditSubmit={onEditSubmit}\n              emptyEditText={emptyEditText}\n              setEmptyEditText={setEmptyEditText}\n            />\n          ) : (\n            <FeedContent maxContentHeight={maxContentHeight}>{content}</FeedContent>\n          )}\n          <FeedAttachments variant={variant} attachments={attachments} readOnly />\n        </Flex>\n\n        <FeedContentFooter\n          variant={variant}\n          id={id}\n          username={username}\n          liked={liked}\n          likes={likes}\n          likeCount={likeCount}\n          interactionsEnabled={interactionsEnabled}\n          likesLoading={likesLoading}\n          onCommentClick={onCommentClick}\n          onLikeClick={onLikeClick}\n          onLikeCountInteraction={onLikeCountInteraction}\n          onLoadMoreLikes={onLoadMoreLikes}\n        />\n      </StyledReplyContent>\n    </StyledFeedReplyContainer>\n  );\n};\n\nexport default FeedReply;\n"]}

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

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { FeedReplyInputProps } from './Feed.types';
+export declare const StyledReplyInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const FeedReplyInput: FC<ForwardProps & FeedReplyInputProps>;
+export default FeedReplyInput;
+//# sourceMappingURL=FeedReplyInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedReplyInput.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedReplyInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAkC,YAAY,EAAc,MAAM,yBAAyB,CAAC;AAKnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,eAAO,MAAM,yBAAyB,yGAAe,CAAC;AAItD,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,YAAY,GAAG,mBAAmB,CAwB1D,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/Feed/FeedReplyInput.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
+import styled from 'styled-components';
+import { registerIcon, defaultThemeProp, useElement } from '@pega/cosmos-react-core';
+import * as sendIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/send.icon';
+import * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';
+import FeedInputRegion from './FeedInputRegion';
+registerIcon(sendIcon, paperClipIcon);
+export const StyledReplyInputContainer = styled.div ``;
+StyledReplyInputContainer.defaultProps = defaultThemeProp;
+const FeedReplyInput = (props) => {
+    const { id, attachments, onFilesAdded, onSubmit, onSetInputRef, ...restProps } = props;
+    const rteRef = useRef();
+    const [newReplyEl, setNewReplyEl] = useElement();
+    useEffect(() => {
+        onSetInputRef?.({ ref: rteRef });
+    }, [rteRef]);
+    return (_jsx(StyledReplyInputContainer, { ref: setNewReplyEl, ...restProps, children: _jsx(FeedInputRegion, { variant: 'reply', id: id, attachments: attachments, onFilesAdded: onFilesAdded, onSubmit: onSubmit, inputRegionEl: newReplyEl, rteRef: rteRef }) }));
+};
+export default FeedReplyInput;
+//# sourceMappingURL=FeedReplyInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedReplyInput.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedReplyInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEnG,OAAO,KAAK,QAAQ,MAAM,6DAA6D,CAAC;AACxF,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AAGnG,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,YAAY,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAEtD,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,cAAc,GAA2C,CAC7D,KAAyC,EACzC,EAAE;IACF,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,MAAM,GAAG,MAAM,EAAuB,CAAC;IAC7C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,UAAU,EAAkB,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,KAAC,yBAAyB,IAAC,GAAG,EAAE,aAAa,KAAM,SAAS,YAC1D,KAAC,eAAe,IACd,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,EACN,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,UAAU,EACzB,MAAM,EAAE,MAAM,GACd,GACwB,CAC7B,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FC, useRef, useEffect } from 'react';\nimport styled from 'styled-components';\n\nimport { registerIcon, defaultThemeProp, ForwardProps, useElement } from '@pega/cosmos-react-core';\nimport { RichTextEditorState } from '@pega/cosmos-react-rte';\nimport * as sendIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/send.icon';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\n\nimport { FeedReplyInputProps } from './Feed.types';\nimport FeedInputRegion from './FeedInputRegion';\n\nregisterIcon(sendIcon, paperClipIcon);\n\nexport const StyledReplyInputContainer = styled.div``;\n\nStyledReplyInputContainer.defaultProps = defaultThemeProp;\n\nconst FeedReplyInput: FC<ForwardProps & FeedReplyInputProps> = (\n  props: ForwardProps & FeedReplyInputProps\n) => {\n  const { id, attachments, onFilesAdded, onSubmit, onSetInputRef, ...restProps } = props;\n  const rteRef = useRef<RichTextEditorState>();\n  const [newReplyEl, setNewReplyEl] = useElement<HTMLDivElement>();\n\n  useEffect(() => {\n    onSetInputRef?.({ ref: rteRef });\n  }, [rteRef]);\n\n  return (\n    <StyledReplyInputContainer ref={setNewReplyEl} {...restProps}>\n      <FeedInputRegion\n        variant='reply'\n        id={id}\n        attachments={attachments}\n        onFilesAdded={onFilesAdded}\n        onSubmit={onSubmit}\n        inputRegionEl={newReplyEl}\n        rteRef={rteRef}\n      />\n    </StyledReplyInputContainer>\n  );\n};\n\nexport default FeedReplyInput;\n"]}

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { FeedRichTextProps } from './Feed.types';
+declare const FeedRichText: FC<FeedRichTextProps & ForwardProps>;
+export default FeedRichText;
+//# sourceMappingURL=FeedRichText.d.ts.map

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

@@ -0,0 +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,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

@@ -0,0 +1,163 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, forwardRef, useState, useRef } from 'react';
+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 { enableAutopilot, searchTypes = [], onSearch, searchResults = [], showSearchResults } = useContext(FeedContext);
+    const [triggerType, setTriggerType] = useState('mention');
+    const [showMentionType, setShowMentionType] = useState(false);
+    const searchType = useRef('');
+    const t = useI18n();
+    const onDecoSearch = (event) => {
+        const trigger = event.trigger === '@' ? 'mention' : 'tag';
+        setTriggerType(trigger);
+        if (trigger === 'mention' &&
+            (event.search === '' ||
+                (enableAutopilot && 'autopilot'.startsWith(event.search.toLowerCase())))) {
+            setShowMentionType(true);
+        }
+        else {
+            setShowMentionType(false);
+            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;
+        },
+        onItemClick: (id) => {
+            searchType.current = id;
+            setShowMentionType(false);
+            if (id !== 'Autopilot') {
+                onSearch?.({ type: 'mention', search: '', mentionType: id });
+            }
+        },
+        items: searchTypes.map(type => {
+            return {
+                id: type,
+                primary: cap(type),
+                visual: _jsx(Icon, { name: type === 'Autopilot' ? 'polaris' : type })
+            };
+        })
+    };
+    const searchMenu = searchResults.length && showSearchResults
+        ? {
+            header: triggerType === 'mention' ? t('mention_type', [searchType.current]) : '',
+            items: searchResults.map(res => {
+                return { ...res, href: undefined };
+            })
+        }
+        : undefined;
+    const getSearchAttributes = (xmlElement, searchResult) => {
+        switch (xmlElement) {
+            case 'pega-mention': {
+                const attributes = getXMLAttributes(searchResult);
+                if (!attributes)
+                    return;
+                return {
+                    markdown: searchResult,
+                    component: MentionButtonConfig.component,
+                    props: attributes,
+                    text: attributes.text
+                };
+            }
+            case 'pega-tag': {
+                const attributes = getXMLAttributes(searchResult);
+                if (!attributes)
+                    return;
+                return {
+                    markdown: searchResult,
+                    component: HashtagButtonConfig.component,
+                    props: attributes,
+                    text: attributes.tag
+                };
+            }
+            case 'pega-autopilot': {
+                const attributes = getXMLAttributes(searchResult);
+                if (!attributes)
+                    return;
+                return {
+                    markdown: searchResult,
+                    component: AutopilotConfig.component,
+                    props: attributes,
+                    text: 'Autopilot'
+                };
+            }
+            default:
+        }
+    };
+    return (_jsx(RichTextEditor, { ...restProps, markdownOnly: true, ref: ref, height: height, searchTriggers: [
+            { 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;
+            return {
+                markdown: triggerType === 'mention'
+                    ? MentionButtonConfig.inject({
+                        id: item.id,
+                        type: searchType.current,
+                        text: item.primary,
+                        href: item.href
+                    })
+                    : HashtagButtonConfig.inject({ tag: item.id }),
+                component: triggerType === 'mention'
+                    ? MentionButtonConfig.component
+                    : HashtagButtonConfig.component,
+                props: triggerType === 'mention'
+                    ? {
+                        id: item.id,
+                        text: item.primary,
+                        type: searchType.current,
+                        tabIndex: -1
+                    }
+                    : { tag: item.primary, tabIndex: -1 },
+                text: item.primary
+            };
+        }, searchRenderers: [
+            {
+                type: MentionButtonConfig.type,
+                xmlElement: MentionButtonConfig.xmlElement,
+                regexPattern: MentionButtonConfig.regexPattern,
+                getSearchAttributes
+            },
+            {
+                type: HashtagButtonConfig.type,
+                xmlElement: HashtagButtonConfig.xmlElement,
+                regexPattern: HashtagButtonConfig.regexPattern,
+                getSearchAttributes
+            },
+            {
+                type: AutopilotConfig.type,
+                xmlElement: AutopilotConfig.xmlElement,
+                regexPattern: AutopilotConfig.regexPattern,
+                getSearchAttributes
+            }
+        ], onSearch: onDecoSearch, menu: showMentionType ? typesMenu : searchMenu }));
+});
+export default FeedRichText;
+//# sourceMappingURL=FeedRichText.js.map

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

@@ -0,0 +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, 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/components/Feed/index.d.ts

@@ -0,0 +1,7 @@
+export { default } from './Feed';
+export { default as FeedPost } from './FeedPost';
+export { default as FeedReplyInput } from './FeedReplyInput';
+export { default as FeedReply } from './FeedReply';
+export { default as FeedNewPost } from './FeedNewPost';
+export type { AttachedFiles, Filter, FeedProps, FeedNewPostProps, FeedPostProps, FeedReplyInputProps, FeedReplyProps, RecipientOption } from './Feed.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EACV,aAAa,EACb,MAAM,EACN,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACnB,cAAc,EACd,eAAe,EAChB,MAAM,cAAc,CAAC"}

package/lib/components/Feed/index.js

@@ -0,0 +1,6 @@
+export { default } from './Feed';
+export { default as FeedPost } from './FeedPost';
+export { default as FeedReplyInput } from './FeedReplyInput';
+export { default as FeedReply } from './FeedReply';
+export { default as FeedNewPost } from './FeedNewPost';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Feed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default } from './Feed';\nexport { default as FeedPost } from './FeedPost';\nexport { default as FeedReplyInput } from './FeedReplyInput';\nexport { default as FeedReply } from './FeedReply';\nexport { default as FeedNewPost } from './FeedNewPost';\nexport type {\n  AttachedFiles,\n  Filter,\n  FeedProps,\n  FeedNewPostProps,\n  FeedPostProps,\n  FeedReplyInputProps,\n  FeedReplyProps,\n  RecipientOption\n} from './Feed.types';\n"]}

package/lib/components/HashtagButton/HashtagButton.d.ts

@@ -0,0 +1,23 @@
+import { FunctionComponent, ReactElement } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+interface HashtagButtonProps {
+    /** Text for the button, or an object containing all necessary props. */
+    children: Record<string, string> | ReactElement;
+    /** The tag value. */
+    tag?: string;
+}
+declare const HashtagButton: FunctionComponent<HashtagButtonProps & ForwardProps>;
+export declare const HashtagButtonConfig: {
+    type: string;
+    xmlElement: string;
+    regexPattern: RegExp;
+    component: FunctionComponent<HashtagButtonProps & ForwardProps>;
+    inject: ({ tag }: {
+        tag: string;
+    }) => string | undefined;
+    extract: (element: string) => {
+        tag: string;
+    } | undefined;
+};
+export default HashtagButton;
+//# sourceMappingURL=HashtagButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HashtagButton.d.ts","sourceRoot":"","sources":["../../../src/components/HashtagButton/HashtagButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EAGb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAO,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK5D,UAAU,kBAAkB;IAC1B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;IAChD,qBAAqB;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAQD,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAsBvE,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;aAKL,MAAM;;uBAQZ,MAAM;;;CAM1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/HashtagButton/HashtagButton.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, isValidElement, useContext } from 'react';
+import styled from 'styled-components';
+import { Tag } from '@pega/cosmos-react-core';
+import { getXMLAttributes } from '@pega/cosmos-react-rte';
+import { FeedContext } from '../Feed/Feed.context';
+const StyledTag = styled(Tag) `
+  cursor: pointer;
+`;
+const serializer = new XMLSerializer();
+const HashtagButton = forwardRef(function HashtagButton({ children, tag: tagProp = '', ...restProps }, ref) {
+    const { onTagClick } = useContext(FeedContext);
+    let tag = '';
+    if (!isValidElement(children)) {
+        if (!children.tag)
+            return _jsx("span", { children: children.rawText });
+        tag = children.tag;
+    }
+    else {
+        tag = tagProp;
+    }
+    return (_jsx(StyledTag, { ...restProps, ref: ref, onClick: () => onTagClick?.(tag), spellCheck: false, children: isValidElement(children) ? children : tag }));
+});
+export const HashtagButtonConfig = {
+    type: 'tag',
+    xmlElement: 'pega-tag',
+    regexPattern: /(?:^|)<pega-tag (?:[^\n/]|\/(?!>))+\/>/gm,
+    component: HashtagButton,
+    inject: ({ tag }) => {
+        if (!tag)
+            return;
+        const element = document.createElementNS(null, 'pega-tag');
+        element.setAttribute('tag', tag);
+        return serializer.serializeToString(element);
+    },
+    extract: (element) => {
+        const attributes = getXMLAttributes(element);
+        if (!attributes || !attributes.tag)
+            return undefined;
+        return { tag: attributes.tag };
+    }
+};
+export default HashtagButton;
+//# sourceMappingURL=HashtagButton.js.map

package/lib/components/HashtagButton/HashtagButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HashtagButton.js","sourceRoot":"","sources":["../../../src/components/HashtagButton/HashtagButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EAEV,cAAc,EAId,UAAU,EACX,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,GAAG,EAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASnD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAE5B,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;AAEvC,MAAM,aAAa,GAAyD,UAAU,CACpF,SAAS,aAAa,CACpB,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,SAAS,EAAuC,EAClF,GAA2B;IAE3B,MAAM,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE/C,IAAI,GAAG,GAAG,EAAE,CAAC;IAEb,IAAI,CAAC,cAAc,CAAM,QAAQ,CAAC,EAAE;QAClC,IAAI,CAAC,QAAQ,CAAC,GAAG;YAAE,OAAO,yBAAO,QAAQ,CAAC,OAAO,GAAQ,CAAC;QAC1D,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC;KACpB;SAAM;QACL,GAAG,GAAG,OAAO,CAAC;KACf;IAED,OAAO,CACL,KAAC,SAAS,OAAK,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,YACpF,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,GAChC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,IAAI,EAAE,KAAK;IACX,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0CAA0C;IACxD,SAAS,EAAE,aAAa;IACxB,MAAM,EAAE,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QACnC,IAAI,CAAC,GAAG;YAAE,OAAO;QAEjB,MAAM,OAAO,GAAG,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAC3D,OAAO,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEjC,OAAO,UAAU,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAC/C,CAAC;IACD,OAAO,EAAE,CAAC,OAAe,EAAE,EAAE;QAC3B,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAE7C,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,GAAG;YAAE,OAAO,SAAS,CAAC;QACrD,OAAO,EAAE,GAAG,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC;IACjC,CAAC;CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  isValidElement,\n  PropsWithoutRef,\n  ReactElement,\n  Ref,\n  useContext\n} from 'react';\nimport styled from 'styled-components';\n\nimport { Tag, ForwardProps } from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface HashtagButtonProps {\n  /** Text for the button, or an object containing all necessary props. */\n  children: Record<string, string> | ReactElement;\n  /** The tag value. */\n  tag?: string;\n}\n\nconst StyledTag = styled(Tag)`\n  cursor: pointer;\n`;\n\nconst serializer = new XMLSerializer();\n\nconst HashtagButton: FunctionComponent<HashtagButtonProps & ForwardProps> = forwardRef(\n  function HashtagButton(\n    { children, tag: tagProp = '', ...restProps }: PropsWithoutRef<HashtagButtonProps>,\n    ref: Ref<HTMLButtonElement>\n  ) {\n    const { onTagClick } = useContext(FeedContext);\n\n    let tag = '';\n\n    if (!isValidElement<any>(children)) {\n      if (!children.tag) return <span>{children.rawText}</span>;\n      tag = children.tag;\n    } else {\n      tag = tagProp;\n    }\n\n    return (\n      <StyledTag {...restProps} ref={ref} onClick={() => onTagClick?.(tag)} spellCheck={false}>\n        {isValidElement(children) ? children : tag}\n      </StyledTag>\n    );\n  }\n);\n\nexport const HashtagButtonConfig = {\n  type: 'tag',\n  xmlElement: 'pega-tag',\n  regexPattern: /(?:^|)<pega-tag (?:[^\\n/]|\\/(?!>))+\\/>/gm,\n  component: HashtagButton,\n  inject: ({ tag }: { tag: string }) => {\n    if (!tag) return;\n\n    const element = document.createElementNS(null, 'pega-tag');\n    element.setAttribute('tag', tag);\n\n    return serializer.serializeToString(element);\n  },\n  extract: (element: string) => {\n    const attributes = getXMLAttributes(element);\n\n    if (!attributes || !attributes.tag) return undefined;\n    return { tag: attributes.tag };\n  }\n};\n\nexport default HashtagButton;\n"]}

package/lib/components/HashtagButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './HashtagButton';
+export { HashtagButtonConfig } from './HashtagButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/HashtagButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HashtagButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/HashtagButton/index.js

@@ -0,0 +1,3 @@
+export { default } from './HashtagButton';
+export { HashtagButtonConfig } from './HashtagButton';
+//# sourceMappingURL=index.js.map

package/lib/components/HashtagButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HashtagButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './HashtagButton';\nexport { HashtagButtonConfig } from './HashtagButton';\n"]}

package/lib/components/MentionButton/MentionButton.d.ts

@@ -0,0 +1,35 @@
+import { FunctionComponent, ReactElement } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+interface MentionButtonProps {
+    /** Text for the button, or an object containing all necessary props. */
+    children: Record<string, string> | ReactElement;
+    /** The id of the mention. */
+    id?: string;
+    /** The text of the mention button. */
+    text?: string;
+    /** Designates the type of the mention for proper handling on click. */
+    type?: string;
+    /** If an href is provided, render a link. Otherwise, render a button. */
+    href?: string;
+}
+declare const MentionButton: FunctionComponent<MentionButtonProps & ForwardProps>;
+export declare const MentionButtonConfig: {
+    type: string;
+    xmlElement: string;
+    regexPattern: RegExp;
+    component: FunctionComponent<MentionButtonProps & ForwardProps>;
+    inject: ({ id, type, text, href }: {
+        id: string;
+        type: string;
+        text: string;
+        href?: string | undefined;
+    }) => string | undefined;
+    extract: (element: string) => {
+        id: string;
+        text: string;
+        type: string;
+        href: string;
+    } | undefined;
+};
+export default MentionButton;
+//# sourceMappingURL=MentionButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MentionButton.d.ts","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAGjB,YAAY,EAKb,MAAM,OAAO,CAAC;AAGf,OAAO,EAEL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAKjC,UAAU,kBAAkB;IAC1B,wEAAwE;IACxE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;IAChD,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAoBD,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAoFvE,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;YAKW,MAAM;cAAQ,MAAM;cAAQ,MAAM;;;uBAWxD,MAAM;;;;;;CAW1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/MentionButton/MentionButton.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, isValidElement, useContext, useState } from 'react';
+import styled from 'styled-components';
+import { Button, Link, useConsolidatedRef, useElement } from '@pega/cosmos-react-core';
+import { getXMLAttributes } from '@pega/cosmos-react-rte';
+import { FeedContext } from '../Feed/Feed.context';
+const StyledButton = styled(Button) `
+  &:enabled:focus,
+  &:not([disabled]):focus {
+    box-shadow: none;
+    text-decoration: underline;
+  }
+`;
+const StyledLink = styled(Link) `
+  &:enabled:focus,
+  &:not([disabled]):focus {
+    box-shadow: none;
+    text-decoration: underline;
+  }
+`;
+const serializer = new XMLSerializer();
+const MentionButton = forwardRef(function MentionButton({ children, id: idProp = '', text: textProp = '', type: typeProp = '', href: hrefProp = '', ...restProps }, ref) {
+    const { onMentionClick, onMentionPreview } = useContext(FeedContext);
+    const [mentionContent, setMentionContent] = useState();
+    const [target, setTarget] = useElement(null);
+    const mentionRef = useConsolidatedRef(ref);
+    let id = '';
+    let text = '';
+    let type = '';
+    let href = '';
+    if (!isValidElement(children)) {
+        if (!children.id || !children.text || !children.type)
+            return _jsx("span", { children: children.rawText });
+        id = children.id;
+        text = children.text;
+        type = children.type;
+        href = children.href || '';
+    }
+    else {
+        id = idProp;
+        text = textProp;
+        type = typeProp;
+        href = hrefProp;
+    }
+    const handleClick = (e) => {
+        setTarget(e.currentTarget);
+        const comp = onMentionClick?.({
+            id,
+            text,
+            type,
+            target: e.currentTarget,
+            closeGlimpse: () => setTarget(null)
+        });
+        if (comp)
+            setMentionContent(comp);
+    };
+    return (_jsxs(_Fragment, { children: [href ? (_jsx(StyledLink, { ...restProps, ref: mentionRef, href: href, previewable: !!onMentionPreview, onPreview: onMentionPreview
+                    ? () => onMentionPreview({
+                        id,
+                        text,
+                        type
+                    })
+                    : undefined, spellCheck: false, children: isValidElement(children) ? children : text })) : (_jsx(StyledButton, { ...restProps, ref: mentionRef, variant: 'link', onClick: handleClick, spellCheck: false, children: isValidElement(children) ? children : text })), target && mentionContent] }));
+});
+export const MentionButtonConfig = {
+    type: 'mention',
+    xmlElement: 'pega-mention',
+    regexPattern: /(?:^|)<pega-mention (?:[^\n/]|\/(?!>))+\/>/g,
+    component: MentionButton,
+    inject: ({ id, type, text, href }) => {
+        if (!id || !type || !text)
+            return;
+        const element = document.createElementNS(null, 'pega-mention');
+        element.setAttribute('id', id);
+        element.setAttribute('text', text);
+        element.setAttribute('type', type);
+        if (href)
+            element.setAttribute('href', href);
+        return serializer.serializeToString(element);
+    },
+    extract: (element) => {
+        const attributes = getXMLAttributes(element);
+        if (!attributes || !attributes.id || !attributes.text || !attributes.type)
+            return undefined;
+        return {
+            id: attributes.id,
+            text: attributes.text,
+            type: attributes.type,
+            href: attributes.href
+        };
+    }
+};
+export default MentionButton;
+//# sourceMappingURL=MentionButton.js.map

package/lib/components/MentionButton/MentionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MentionButton.js","sourceRoot":"","sources":["../../../src/components/MentionButton/MentionButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  isValidElement,\n  PropsWithoutRef,\n  ReactElement,\n  Ref,\n  useContext,\n  useState,\n  MouseEvent\n} from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Button,\n  ForwardProps,\n  Link,\n  useConsolidatedRef,\n  useElement\n} from '@pega/cosmos-react-core';\nimport { getXMLAttributes } from '@pega/cosmos-react-rte';\n\nimport { FeedContext } from '../Feed/Feed.context';\n\ninterface MentionButtonProps {\n  /** Text for the button, or an object containing all necessary props. */\n  children: Record<string, string> | ReactElement;\n  /** The id of the mention. */\n  id?: string;\n  /** The text of the mention button. */\n  text?: string;\n  /** Designates the type of the mention for proper handling on click. */\n  type?: string;\n  /** If an href is provided, render a link. Otherwise, render a button. */\n  href?: string;\n}\n\nconst StyledButton = styled(Button)`\n  &:enabled:focus,\n  &:not([disabled]):focus {\n    box-shadow: none;\n    text-decoration: underline;\n  }\n`;\n\nconst StyledLink = styled(Link)`\n  &:enabled:focus,\n  &:not([disabled]):focus {\n    box-shadow: none;\n    text-decoration: underline;\n  }\n`;\n\nconst serializer = new XMLSerializer();\n\nconst MentionButton: FunctionComponent<MentionButtonProps & ForwardProps> = forwardRef(\n  function MentionButton(\n    {\n      children,\n      id: idProp = '',\n      text: textProp = '',\n      type: typeProp = '',\n      href: hrefProp = '',\n      ...restProps\n    }: PropsWithoutRef<MentionButtonProps>,\n    ref: Ref<HTMLButtonElement>\n  ) {\n    const { onMentionClick, onMentionPreview } = useContext(FeedContext);\n    const [mentionContent, setMentionContent] = useState<JSX.Element | undefined>();\n    const [target, setTarget] = useElement<HTMLButtonElement>(null);\n    const mentionRef = useConsolidatedRef(ref);\n\n    let id = '';\n    let text = '';\n    let type = '';\n    let href = '';\n\n    if (!isValidElement<any>(children)) {\n      if (!children.id || !children.text || !children.type) return <span>{children.rawText}</span>;\n      id = children.id;\n      text = children.text;\n      type = children.type;\n      href = children.href || '';\n    } else {\n      id = idProp;\n      text = textProp;\n      type = typeProp;\n      href = hrefProp;\n    }\n\n    const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n      setTarget(e.currentTarget);\n      const comp = onMentionClick?.({\n        id,\n        text,\n        type,\n        target: e.currentTarget,\n        closeGlimpse: () => setTarget(null)\n      });\n      if (comp) setMentionContent(comp);\n    };\n\n    return (\n      <>\n        {href ? (\n          <StyledLink\n            {...restProps}\n            ref={mentionRef}\n            href={href}\n            previewable={!!onMentionPreview}\n            onPreview={\n              onMentionPreview\n                ? () =>\n                    onMentionPreview({\n                      id,\n                      text,\n                      type\n                    })\n                : undefined\n            }\n            spellCheck={false}\n          >\n            {isValidElement(children) ? children : text}\n          </StyledLink>\n        ) : (\n          <StyledButton\n            {...restProps}\n            ref={mentionRef}\n            variant='link'\n            onClick={handleClick}\n            spellCheck={false}\n          >\n            {isValidElement(children) ? children : text}\n          </StyledButton>\n        )}\n        {target && mentionContent}\n      </>\n    );\n  }\n);\n\nexport const MentionButtonConfig = {\n  type: 'mention',\n  xmlElement: 'pega-mention',\n  regexPattern: /(?:^|)<pega-mention (?:[^\\n/]|\\/(?!>))+\\/>/g,\n  component: MentionButton,\n  inject: ({ id, type, text, href }: { id: string; type: string; text: string; href?: string }) => {\n    if (!id || !type || !text) return;\n\n    const element = document.createElementNS(null, 'pega-mention');\n    element.setAttribute('id', id);\n    element.setAttribute('text', text);\n    element.setAttribute('type', type);\n    if (href) element.setAttribute('href', href);\n\n    return serializer.serializeToString(element);\n  },\n  extract: (element: string) => {\n    const attributes = getXMLAttributes(element);\n\n    if (!attributes || !attributes.id || !attributes.text || !attributes.type) return undefined;\n    return {\n      id: attributes.id,\n      text: attributes.text,\n      type: attributes.type,\n      href: attributes.href\n    };\n  }\n};\n\nexport default MentionButton;\n"]}

package/lib/components/MentionButton/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './MentionButton';
+export { MentionButtonConfig } from './MentionButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/MentionButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MentionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/MentionButton/index.js

@@ -0,0 +1,3 @@
+export { default } from './MentionButton';
+export { MentionButtonConfig } from './MentionButton';
+//# sourceMappingURL=index.js.map

package/lib/components/MentionButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MentionButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './MentionButton';\nexport { MentionButtonConfig } from './MentionButton';\n"]}

package/lib/index.d.ts

@@ -0,0 +1,12 @@
+export * from './components/Autopilot';
+export { default as Chat } from './components/Chat';
+export * from './components/Chat';
+export { default as Email } from './components/Email';
+export * from './components/Email';
+export { default as Feed } from './components/Feed';
+export * from './components/Feed';
+export { default as HashtagButton } from './components/HashtagButton';
+export * from './components/HashtagButton';
+export { default as MentionButton } from './components/MentionButton';
+export * from './components/MentionButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+// 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';
+export * from './components/Email';
+export { default as Feed } from './components/Feed';
+export * from './components/Feed';
+export { default as HashtagButton } from './components/HashtagButton';
+export * from './components/HashtagButton';
+export { default as MentionButton } from './components/MentionButton';
+export * from './components/MentionButton';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"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.8",
+  "version": "5.0.0-dev.5.0",
   "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.8",
-    "@pega/cosmos-react-rte": "5.0.0-dev.4.8",
-    "@pega/cosmos-react-work": "5.0.0-dev.4.8",
+    "@pega/cosmos-react-core": "5.0.0-dev.5.0",
+    "@pega/cosmos-react-rte": "5.0.0-dev.5.0",
+    "@pega/cosmos-react-work": "5.0.0-dev.5.0",
     "@types/parse5": "^6.0.0",
     "@types/react": "^17.0.62",
     "@types/react-dom": "^17.0.20",