@pega/cosmos-react-social 2.0.0-rc.2 → 2.0.0

package/lib/components/Chat/RepeatingView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatingView.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/RepeatingView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAML,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAC/C,gBAAgB;IAChB,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,eAAe,GAAG,eAAe,CAAC;CACrD;AACD,eAAO,MAAM,uBAAuB,wGAOlC,CAAC;AAGH,eAAO,MAAM,qBAAqB,wGAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,yGAE/B,CAAC;AAEF,eAAO,MAAM,eAAe,yGAM3B,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAwDvE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"RepeatingView.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/RepeatingView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+B,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAML,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,kBAAkB;IACjC,8BAA8B;IAC9B,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAC/C,gBAAgB;IAChB,IAAI,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,uBAAuB;IACvB,eAAe,CAAC,EAAE,eAAe,GAAG,eAAe,CAAC;CACrD;AACD,eAAO,MAAM,uBAAuB,wGAOlC,CAAC;AAGH,eAAO,MAAM,qBAAqB,wGAKjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,yGAE/B,CAAC;AAEF,eAAO,MAAM,eAAe,yGAM3B,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CA6DvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Chat/RepeatingView.js

@@ -32,7 +32,7 @@ const RepeatingView = forwardRef((props, ref) => {
     const listRef = useConsolidatedRef(ref);
     useItemIntersection(listRef, offset, () => {
         loadMore?.();
-    });
+    }, ':scope > li');
     return (_jsxs(Flex, { container: {
             alignItems: 'center',
             justify: 'center'

package/lib/components/Chat/RepeatingView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatingView.js","sourceRoot":"","sources":["../../../src/components/Chat/RepeatingView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsC,UAAU,EAAkB,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAyBjC,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,GAAG,CAAA;;;oBAGQ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;GAExC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMxC,CAAC;AAEF,MAAM,aAAa,GAAyD,UAAU,CACpF,CAAC,KAA0C,EAAE,GAA8B,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,QAAQ,EAClB,MAAM,GAAG,CAAC,CAAC,EACX,QAAQ,EACR,OAAO,EAAE,SAAS,GAAG,KAAK,EAC1B,IAAI,GAAG,EAAE,EACT,SAAS,EACT,eAAe,GAAG,eAAe,EACjC,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACxC,mBAAmB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE;QACxC,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,QAAQ;SAClB,EACD,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,mBAAmB,KACnB,SAAS,aAEb,MAAC,IAAI,OACC,SAAS,EACb,SAAS,EAAE;oBACT,SAAS,EAAE,eAAe,KAAK,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB;iBAC7E,EACD,EAAE,EAAE,qBAAqB,EACzB,GAAG,EAAE,OAAO,aAEX,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;wBACd,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,GAAG,GAAG,CAAC;wBAC3C,OAAO,CACL,KAAC,uBAAuB,kBAAa,SAAS,EAAE,QAAQ,EAAE,CAAC,YACxD,QAAQ,CAAC,YAAY,CAAC,IADyC,GAAG,CAAC,EAAE,CAE9C,CAC3B,CAAC;oBACJ,CAAC,CAAC,EACD,SAAS,IAAI,CACZ,KAAC,uBAAuB,cACtB,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,WAAG,IADJ,QAAQ,CAEX,CAC3B,YACI,EACN,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,IAAI,CAC/C,KAAC,eAAe,cAAE,SAAS,WAAmB,CAC/C,YACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FunctionComponent, PropsWithoutRef, forwardRef, Ref, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Progress,\n  useItemIntersection,\n  useConsolidatedRef,\n  defaultThemeProp,\n  ForwardProps\n} from '@pega/cosmos-react-core';\n\nexport interface RepeatingViewRow {\n  id: string | number;\n  ariaLabel?: string;\n}\n\nexport interface RepeatingViewProps {\n  /** ref to the list element */\n  ref?: Ref<HTMLUListElement>;\n  /** Callback to render the view */\n  children: (row: RepeatingViewRow) => ReactNode;\n  /** Data rows */\n  rows?: RepeatingViewRow[];\n  /** Indicates if the data is being currently loading */\n  loading?: boolean;\n  /** Offset of the row item that need to trigger the load more callback */\n  offset?: number;\n  /** Callback to fetch more rows */\n  loadMore?: () => void;\n  /** UI that needs to be shown when list is empty */\n  emptyView?: ReactNode;\n  /** Scroll direction */\n  scrollDirection?: 'top-to-bottom' | 'bottom-to-top';\n}\nexport const StyledRepeatingViewItem = styled.li(({ theme }) => {\n  return css`\n    outline: none;\n    &:focus {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\nStyledRepeatingViewItem.defaultProps = defaultThemeProp;\n\nexport const StyledRepeatingViewUL = styled.ul`\n  list-style-type: none;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n`;\n\nexport const StyledRepeatingView = styled.div`\n  position: relative;\n`;\n\nexport const StyledEmptyView = styled.div`\n  position: absolute;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1;\n`;\n\nconst RepeatingView: FunctionComponent<RepeatingViewProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<RepeatingViewProps>, ref: RepeatingViewProps['ref']) => {\n    const {\n      children: renderer,\n      offset = -1,\n      loadMore,\n      loading: isLoading = false,\n      rows = [],\n      emptyView,\n      scrollDirection = 'top-to-bottom',\n      ...restProps\n    } = props;\n\n    const listRef = useConsolidatedRef(ref);\n    useItemIntersection(listRef, offset, () => {\n      loadMore?.();\n    });\n\n    return (\n      <Flex\n        container={{\n          alignItems: 'center',\n          justify: 'center'\n        }}\n        tabindex={0}\n        as={StyledRepeatingView}\n        {...restProps}\n      >\n        <Flex\n          {...restProps}\n          container={{\n            direction: scrollDirection === 'top-to-bottom' ? 'column' : 'column-reverse'\n          }}\n          as={StyledRepeatingViewUL}\n          ref={listRef}\n        >\n          {rows.map(row => {\n            const { ariaLabel, ...rowRestProps } = row;\n            return (\n              <StyledRepeatingViewItem aria-label={ariaLabel} tabIndex={0} key={row.id}>\n                {renderer(rowRestProps)}\n              </StyledRepeatingViewItem>\n            );\n          })}\n          {isLoading && (\n            <StyledRepeatingViewItem key='loader'>\n              <Progress placement='inline' />\n            </StyledRepeatingViewItem>\n          )}\n        </Flex>\n        {!isLoading && rows.length === 0 && emptyView && (\n          <StyledEmptyView>{emptyView}</StyledEmptyView>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default RepeatingView;\n"]}
+{"version":3,"file":"RepeatingView.js","sourceRoot":"","sources":["../../../src/components/Chat/RepeatingView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAsC,UAAU,EAAkB,MAAM,OAAO,CAAC;AACvF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAyBjC,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,OAAO,GAAG,CAAA;;;oBAGQ,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;GAExC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,EAAE,CAAA;;;;;CAK7C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMxC,CAAC;AAEF,MAAM,aAAa,GAAyD,UAAU,CACpF,CAAC,KAA0C,EAAE,GAA8B,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,QAAQ,EAClB,MAAM,GAAG,CAAC,CAAC,EACX,QAAQ,EACR,OAAO,EAAE,SAAS,GAAG,KAAK,EAC1B,IAAI,GAAG,EAAE,EACT,SAAS,EACT,eAAe,GAAG,eAAe,EACjC,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;IACxC,mBAAmB,CACjB,OAAO,EACP,MAAM,EACN,GAAG,EAAE;QACH,QAAQ,EAAE,EAAE,CAAC;IACf,CAAC,EACD,aAAa,CACd,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE;YACT,UAAU,EAAE,QAAQ;YACpB,OAAO,EAAE,QAAQ;SAClB,EACD,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,mBAAmB,KACnB,SAAS,aAEb,MAAC,IAAI,OACC,SAAS,EACb,SAAS,EAAE;oBACT,SAAS,EAAE,eAAe,KAAK,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB;iBAC7E,EACD,EAAE,EAAE,qBAAqB,EACzB,GAAG,EAAE,OAAO,aAEX,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;wBACd,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,GAAG,GAAG,CAAC;wBAC3C,OAAO,CACL,KAAC,uBAAuB,kBAAa,SAAS,EAAE,QAAQ,EAAE,CAAC,YACxD,QAAQ,CAAC,YAAY,CAAC,IADyC,GAAG,CAAC,EAAE,CAE9C,CAC3B,CAAC;oBACJ,CAAC,CAAC,EACD,SAAS,IAAI,CACZ,KAAC,uBAAuB,cACtB,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,WAAG,IADJ,QAAQ,CAEX,CAC3B,YACI,EACN,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,IAAI,CAC/C,KAAC,eAAe,cAAE,SAAS,WAAmB,CAC/C,YACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { FunctionComponent, PropsWithoutRef, forwardRef, Ref, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Flex,\n  Progress,\n  useItemIntersection,\n  useConsolidatedRef,\n  defaultThemeProp,\n  ForwardProps\n} from '@pega/cosmos-react-core';\n\nexport interface RepeatingViewRow {\n  id: string | number;\n  ariaLabel?: string;\n}\n\nexport interface RepeatingViewProps {\n  /** ref to the list element */\n  ref?: Ref<HTMLUListElement>;\n  /** Callback to render the view */\n  children: (row: RepeatingViewRow) => ReactNode;\n  /** Data rows */\n  rows?: RepeatingViewRow[];\n  /** Indicates if the data is being currently loading */\n  loading?: boolean;\n  /** Offset of the row item that need to trigger the load more callback */\n  offset?: number;\n  /** Callback to fetch more rows */\n  loadMore?: () => void;\n  /** UI that needs to be shown when list is empty */\n  emptyView?: ReactNode;\n  /** Scroll direction */\n  scrollDirection?: 'top-to-bottom' | 'bottom-to-top';\n}\nexport const StyledRepeatingViewItem = styled.li(({ theme }) => {\n  return css`\n    outline: none;\n    &:focus {\n      box-shadow: ${theme.base.shadow.focus};\n    }\n  `;\n});\nStyledRepeatingViewItem.defaultProps = defaultThemeProp;\n\nexport const StyledRepeatingViewUL = styled.ul`\n  list-style-type: none;\n  overflow-y: auto;\n  height: 100%;\n  width: 100%;\n`;\n\nexport const StyledRepeatingView = styled.div`\n  position: relative;\n`;\n\nexport const StyledEmptyView = styled.div`\n  position: absolute;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1;\n`;\n\nconst RepeatingView: FunctionComponent<RepeatingViewProps & ForwardProps> = forwardRef(\n  (props: PropsWithoutRef<RepeatingViewProps>, ref: RepeatingViewProps['ref']) => {\n    const {\n      children: renderer,\n      offset = -1,\n      loadMore,\n      loading: isLoading = false,\n      rows = [],\n      emptyView,\n      scrollDirection = 'top-to-bottom',\n      ...restProps\n    } = props;\n\n    const listRef = useConsolidatedRef(ref);\n    useItemIntersection(\n      listRef,\n      offset,\n      () => {\n        loadMore?.();\n      },\n      ':scope > li'\n    );\n\n    return (\n      <Flex\n        container={{\n          alignItems: 'center',\n          justify: 'center'\n        }}\n        tabindex={0}\n        as={StyledRepeatingView}\n        {...restProps}\n      >\n        <Flex\n          {...restProps}\n          container={{\n            direction: scrollDirection === 'top-to-bottom' ? 'column' : 'column-reverse'\n          }}\n          as={StyledRepeatingViewUL}\n          ref={listRef}\n        >\n          {rows.map(row => {\n            const { ariaLabel, ...rowRestProps } = row;\n            return (\n              <StyledRepeatingViewItem aria-label={ariaLabel} tabIndex={0} key={row.id}>\n                {renderer(rowRestProps)}\n              </StyledRepeatingViewItem>\n            );\n          })}\n          {isLoading && (\n            <StyledRepeatingViewItem key='loader'>\n              <Progress placement='inline' />\n            </StyledRepeatingViewItem>\n          )}\n        </Flex>\n        {!isLoading && rows.length === 0 && emptyView && (\n          <StyledEmptyView>{emptyView}</StyledEmptyView>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default RepeatingView;\n"]}

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

@@ -1,20 +1,14 @@
-export { default } from './Chat';
-export { default as ChatHeader } from './ChatHeader';
-export { default as ChatBody } from './ChatBody';
-export { default as ChatComposer } from './ChatComposer';
-export { default as ChatTranscript } from './ChatTranscript';
-export { default as MessageList } from './MessageList';
-export { default as SuggestedReplyPicker } from './SuggestedReplyPicker';
-export { ChatProps } from './Chat';
-export { ChatHeaderProps } from './ChatHeader';
-export { ChatBodyProps } from './ChatBody';
-export { ChatComposerProps, ChatComposerImperativeHandleProps } from './ChatComposer';
-export { ChatTranscriptProps, ChatTranscriptItem } from './ChatTranscript';
+export { default, ChatProps } from './Chat';
+export { default as ChatHeader, ChatHeaderProps } from './ChatHeader';
+export { default as ChatBody, ChatBodyProps } from './ChatBody';
+export { default as ChatComposer, ChatComposerProps, ChatComposerImperativeHandleProps } from './ChatComposer';
+export { default as ChatTranscript, ChatTranscriptProps, ChatTranscriptItem } from './ChatTranscript';
+export { default as MessageList, MessageListItemProps, MessageListImperativeHandleProps, NewMessageSeparatorId } from './MessageList';
+export { default as SuggestedReplyPicker, SuggestedReplyPickerProps, SuggestedReply } from './SuggestedReplyPicker';
 export { AttachmentItemProps } from './Chat.types';
-export { MediaPageLinks, MessageProps } from './Message';
-export { MessageListItemProps } from './MessageList';
-export { SystemMessageProps } from './SystemMessage';
-export { TypeIndicatorProps } from './TypeIndicator';
-export { TranscriptMessageProps } from './TranscriptMessage';
-export { SuggestedReplyPickerProps, SuggestedReply } from './SuggestedReplyPicker';
+export { default as Message, MediaPageLinks, MessageProps } from './Message';
+export { default as SystemMessage, SystemMessageProps } from './SystemMessage';
+export { default as TypeIndicator, TypeIndicatorProps } from './TypeIndicator';
+export { default as TranscriptMessage, TranscriptMessageProps } from './TranscriptMessage';
+export { default as RepeatingView, StyledRepeatingViewItem, StyledRepeatingView, RepeatingViewRow, RepeatingViewProps } from './RepeatingView';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,iCAAiC,EAAE,MAAM,gBAAgB,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EACL,OAAO,IAAI,YAAY,EACvB,iBAAiB,EACjB,iCAAiC,EAClC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,mBAAmB,EACnB,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,oBAAoB,EACpB,gCAAgC,EAChC,qBAAqB,EACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,yBAAyB,EACzB,cAAc,EACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,iBAAiB,CAAC"}

package/lib/components/Chat/index.js

@@ -3,6 +3,11 @@ export { default as ChatHeader } from './ChatHeader';
 export { default as ChatBody } from './ChatBody';
 export { default as ChatComposer } from './ChatComposer';
 export { default as ChatTranscript } from './ChatTranscript';
-export { default as MessageList } from './MessageList';
+export { default as MessageList, NewMessageSeparatorId } from './MessageList';
 export { default as SuggestedReplyPicker } from './SuggestedReplyPicker';
+export { default as Message } from './Message';
+export { default as SystemMessage } from './SystemMessage';
+export { default as TypeIndicator } from './TypeIndicator';
+export { default as TranscriptMessage } from './TranscriptMessage';
+export { default as RepeatingView, StyledRepeatingViewItem, StyledRepeatingView } from './RepeatingView';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { default } from './Chat';\nexport { default as ChatHeader } from './ChatHeader';\nexport { default as ChatBody } from './ChatBody';\nexport { default as ChatComposer } from './ChatComposer';\nexport { default as ChatTranscript } from './ChatTranscript';\nexport { default as MessageList } from './MessageList';\nexport { default as SuggestedReplyPicker } from './SuggestedReplyPicker';\nexport { ChatProps } from './Chat';\nexport { ChatHeaderProps } from './ChatHeader';\nexport { ChatBodyProps } from './ChatBody';\nexport { ChatComposerProps, ChatComposerImperativeHandleProps } from './ChatComposer';\nexport { ChatTranscriptProps, ChatTranscriptItem } from './ChatTranscript';\nexport { AttachmentItemProps } from './Chat.types';\nexport { MediaPageLinks, MessageProps } from './Message';\nexport { MessageListItemProps } from './MessageList';\nexport { SystemMessageProps } from './SystemMessage';\nexport { TypeIndicatorProps } from './TypeIndicator';\nexport { TranscriptMessageProps } from './TranscriptMessage';\nexport { SuggestedReplyPickerProps, SuggestedReply } from './SuggestedReplyPicker';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Chat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAa,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAmB,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAiB,MAAM,YAAY,CAAC;AAChE,OAAO,EACL,OAAO,IAAI,YAAY,EAGxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,OAAO,IAAI,cAAc,EAG1B,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EACL,OAAO,IAAI,WAAW,EAGtB,qBAAqB,EACtB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,OAAO,IAAI,oBAAoB,EAGhC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAgC,MAAM,WAAW,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAA0B,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,uBAAuB,EACvB,mBAAmB,EAGpB,MAAM,iBAAiB,CAAC","sourcesContent":["export { default, ChatProps } from './Chat';\nexport { default as ChatHeader, ChatHeaderProps } from './ChatHeader';\nexport { default as ChatBody, ChatBodyProps } from './ChatBody';\nexport {\n  default as ChatComposer,\n  ChatComposerProps,\n  ChatComposerImperativeHandleProps\n} from './ChatComposer';\nexport {\n  default as ChatTranscript,\n  ChatTranscriptProps,\n  ChatTranscriptItem\n} from './ChatTranscript';\nexport {\n  default as MessageList,\n  MessageListItemProps,\n  MessageListImperativeHandleProps,\n  NewMessageSeparatorId\n} from './MessageList';\nexport {\n  default as SuggestedReplyPicker,\n  SuggestedReplyPickerProps,\n  SuggestedReply\n} from './SuggestedReplyPicker';\nexport { AttachmentItemProps } from './Chat.types';\nexport { default as Message, MediaPageLinks, MessageProps } from './Message';\nexport { default as SystemMessage, SystemMessageProps } from './SystemMessage';\nexport { default as TypeIndicator, TypeIndicatorProps } from './TypeIndicator';\nexport { default as TranscriptMessage, TranscriptMessageProps } from './TranscriptMessage';\nexport {\n  default as RepeatingView,\n  StyledRepeatingViewItem,\n  StyledRepeatingView,\n  RepeatingViewRow,\n  RepeatingViewProps\n} from './RepeatingView';\n"]}

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

@@ -127,11 +127,6 @@ export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'su
     onImageAdded?: RichTextEditorProps['onImageAdded'];
     /** List of attachments */
     attachments?: FileUploadItemProps[];
-    /** Max number of attachments to be allowed in Email composer.
-     * If zero is passed, add attachments icon will be hidden. same rule applies if prop is not passed.
-     * If attachments added are >= maxAttachments, add attachments icon will be disabled.
-     */
-    maxAttachments?: number;
     /** Region to show more actions in footer */
     footerMoreActions?: ReactNode;
     /** Templates for drafting email */

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

@@ -1 +1 @@
-{"version":3,"file":"Email.types.d.ts","sourceRoot":"","sources":["../../../src/components/Email/Email.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Email.types.d.ts","sourceRoot":"","sources":["../../../src/components/Email/Email.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EACL,SAAS,EACT,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACZ,cAAc,EACf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,kBAAkB;IAClB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,MAAM,WAAW,SAAS;IACxB,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,UAAW,SAAQ,SAAS,EAAE,cAAc;IAC3D,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,sCAAsC;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,kFAAkF;IAClF,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,iBAAiB;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe;IACf,EAAE,EAAE,SAAS,EAAE,CAAC;IAChB,sCAAsC;IACtC,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;IACjB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,SAAS,EAAE,CAAC;IAClB,gBAAgB;IAChB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAClD,uBAAuB;IACvB,OAAO,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACxC,yBAAyB;IACzB,SAAS,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,uBAAuB;IACvB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC5C,0BAA0B;IAC1B,WAAW,CAAC,EAAE,aAAa,EAAE,CAAC;IAC9B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACtF,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uBAAuB;IACvB,WAAW,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACzB,mDAAmD;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,2CAA2C;IAC3C,IAAI,EAAE,SAAS,CAAC;IAChB,8CAA8C;IAC9C,EAAE,EAAE,SAAS,EAAE,CAAC;IAChB,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,yFAAyF;IACzF,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mEAAmE;IACnE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,IAAI,GAAG,KAAK,GAAG,SAAS,GAAG,aAAa,GAAG,aAAa,CAAC;IAC1F,+FAA+F;IAC/F,EAAE,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;CACjC;AAED,oBAAY,iBAAiB,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;AAEjE,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,KAAK,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;IACnC,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;IACtC,sEAAsE;IACtE,OAAO,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;CACvC;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,aAAa,GAAG,mBAAmB,CAAC,EAC3E,SAAS,EACT,cAAc;IAChB,yDAAyD;IACzD,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,mFAAmF;IACnF,EAAE,CAAC,EAAE,qBAAqB,CAAC;IAC3B,+FAA+F;IAC/F,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;IACjC,gGAAgG;IAChG,GAAG,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,EAAE,CAAC;IAClC,8DAA8D;IAC9D,OAAO,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,WAAW,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2CAA2C;IAC3C,MAAM,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC1C,mCAAmC;IACnC,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,0BAA0B;IAC1B,WAAW,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACpC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,mCAAmC;IACnC,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,qCAAqC;IACrC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,yBAAyB;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AACD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,wBAAwB;IACxB,WAAW,CAAC,EAAE;QACZ,yBAAyB;QACzB,OAAO,CAAC,EAAE,SAAS,CAAC;QACpB,8CAA8C;QAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,0BAA0B;IAC1B,aAAa,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACzC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,8BAA8B;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,0DAA0D;IAC1D,kBAAkB,EAAE,SAAS,EAAE,CAAC;IAChC,4CAA4C;IAC5C,OAAO,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAClC,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB;IAChB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,MAAM;IACrB,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,gFAAgF;IAChF,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;CACd;AAED,MAAM,WAAW,qBAAsB,SAAQ,SAAS;IACtD,+BAA+B;IAC/B,UAAU,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC/B,8BAA8B;IAC9B,eAAe,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IAC3C,+BAA+B;IAC/B,KAAK,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC;IACjE,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/D,2BAA2B;IAC3B,WAAW,EAAE,CAAC,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IACvD,yBAAyB;IACzB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,MAAM,EAAE,sBAAsB,CAAC;IAC/B,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE;YACN,EAAE,EAAE,MAAM,CAAC;YACX,MAAM,EAAE,sBAAsB,CAAC;SAChC,EAAE,CAAC;KACL,EAAE,CAAC;IAEJ,MAAM,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Email.types.js","sourceRoot":"","sources":["../../../src/components/Email/Email.types.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport {\n  BaseProps,\n  AvatarProps,\n  SentimentProps,\n  FileDisplayProps,\n  FileUploadItemProps,\n  OmitStrict,\n  MenuProps,\n  MenuItemProps,\n  TooltipProps,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorProps } from '@pega/cosmos-react-rte';\n\nexport interface EmailTemplate {\n  /** Template title */\n  title: string;\n  /** Template value */\n  content: string;\n  /** Template id */\n  id: string;\n}\n\nexport interface EmailUser {\n  /** Short name of the User */\n  shortName: string;\n  /** Full name of the User */\n  fullName: string;\n  /** Email of the User */\n  emailAddress: string;\n  /** Avatar props of the User */\n  avatarProps?: Partial<AvatarProps>;\n}\n\nexport interface EntityHighlightMapping {\n  value: string;\n  type: string;\n  name: string;\n  variant: number;\n  description?: TooltipProps['children'];\n  icon?: string;\n}\n\nexport interface EmailProps extends BaseProps, NoChildrenProp {\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Unique ID for this email record */\n  id: string;\n  /** Timestamp of this email as ISO8601 string, timestamp or native Date object. */\n  timeStamp: Date | number | string;\n  /** From email */\n  from: EmailUser;\n  /** To email */\n  to: EmailUser[];\n  /** Carbon copy of email users list */\n  cc?: EmailUser[];\n  /** Blind carbon copy of email users list */\n  bcc?: EmailUser[];\n  /** Sentiment */\n  sentiment?: SentimentProps;\n  /** Subject of the email */\n  subject?: string;\n  /** Body */\n  body?: ReactNode | string;\n  /** Entity highlight mapping */\n  entityHighlightMapping?: EntityHighlightMapping[];\n  /** onReply callback */\n  onReply: (id: EmailProps['id']) => void;\n  /** onForward Callback */\n  onForward: (id: EmailProps['id']) => void;\n  /** onReply callback */\n  onReplyAll?: (id: EmailProps['id']) => void;\n  /** List of suggestions */\n  suggestions?: EmailTemplate[];\n  /** Callback that triggers on click of tag */\n  onSuggestionClick?: (id: EmailProps['id'], suggestionId: EmailTemplate['id']) => void;\n  /** Actions region */\n  actions?: ReactNode;\n  /** Flag that indicates if email is unread\n   * @default false\n   */\n  unRead?: boolean;\n  /** Attachments list */\n  attachments?: FileDisplayProps[];\n}\n\nexport interface EmailConversationProps extends BaseProps {\n  /** ref to the element */\n  ref?: Ref<HTMLLIElement>;\n  /** Unique ID for this email conversation record */\n  id: string;\n  /** List of mails */\n  emails: EmailProps[];\n  /** Sender(s) of this email conversation */\n  from: EmailUser;\n  /** Recipient(s) of this email conversation */\n  to: EmailUser[];\n  /** Count of unread emails */\n  unReadEmailCount?: number;\n  /** Timestamp of this conversation as ISO8601 string, timestamp or native Date object. */\n  timeStamp: Date | string | number;\n  /** Flag that indicates if email conversation is expanded */\n  isCollapsed?: boolean;\n  /** Flag to set if conversation is spun off from forwarded email */\n  isForwarded?: boolean;\n  /** Callback when email conversation is collapsed */\n  onCollapse?: () => void;\n  /** Callback when email conversation is expanded */\n  onExpand?: () => void;\n}\n\nexport interface EmailComposerData\n  extends Pick<EmailComposerProps, 'cc' | 'bcc' | 'subject' | 'bodyContent' | 'attachments'> {\n  /** Array to hold the initial participants that should be default initialized in To address. */\n  to: EmailUser['emailAddress'][];\n}\n\nexport type EmailResponseType = 'reply' | 'replyAll' | 'forward';\n\nexport interface EmailDirectRecipients {\n  /** To address/addresses in case of reply response type on email. */\n  reply: EmailUser['emailAddress'][];\n  /** To address/addresses in case of replyAll response type on email. */\n  replyAll: EmailUser['emailAddress'][];\n  /** To address/addresses in case of forward response type on email. */\n  forward?: EmailUser['emailAddress'][];\n}\n\nexport interface EmailComposerProps\n  extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>,\n    BaseProps,\n    NoChildrenProp {\n  /** Object containing full list of email participants. */\n  participants: EmailUser[];\n  /** Object to hold initial to address/addresses based on different action types. */\n  to?: EmailDirectRecipients;\n  /** Array to hold the initial participants that should be default initialized in Cc address. */\n  cc?: EmailUser['emailAddress'][];\n  /** Array to hold the initial participants that should be default initialized in Bcc address. */\n  bcc?: EmailUser['emailAddress'][];\n  /** Object containing the props to render the subject input */\n  subject: string;\n  /** Body content of the email */\n  bodyContent: string;\n  /** Initial Value of template */\n  defaultTemplate?: string;\n  /** Callback when email needs to be sent */\n  onSend: (data: EmailComposerData) => void;\n  /** Callback when image is added */\n  onImageAdded?: RichTextEditorProps['onImageAdded'];\n  /** List of attachments */\n  attachments?: FileUploadItemProps[];\n  /** Max number of attachments to be allowed in Email composer.\n   * If zero is passed, add attachments icon will be hidden. same rule applies if prop is not passed.\n   * If attachments added are >= maxAttachments, add attachments icon will be disabled.\n   */\n  maxAttachments?: number;\n  /** Region to show more actions in footer */\n  footerMoreActions?: ReactNode;\n  /** Templates for drafting email */\n  templates?: EmailTemplate[];\n  /** Callback when cancel composing */\n  onCancel: () => void;\n  /**\n   * Callback to handle external entry validation\n   * If returned true considers the entry to be a valid entry\n   */\n  externalValidator?: (value: string) => boolean;\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Email action types */\n  responseType?: EmailResponseType;\n}\nexport interface EmailShellProps extends BaseProps {\n  /** ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Region for header */\n  headerProps?: {\n    /** Region for actions */\n    actions?: ReactNode;\n    /** Subject of the email conversations list */\n    subject?: string;\n  };\n  /** Email conversations */\n  conversations?: EmailConversationProps[];\n  /** Shows only one conversation at a time */\n  autoCollapse?: boolean;\n}\n\nexport interface EmailSummaryItemProps extends BaseProps {\n  /** Id of each summary item */\n  id: string;\n  /** List of from participant names of the conversations */\n  activeParticipants: EmailUser[];\n  /** Email body of last email in the email */\n  message: string;\n  /** Timestamp of the latest email */\n  timeStamp: Date | string | number;\n  /** Top topic of an email */\n  topic: string;\n  /** Sentiment */\n  sentiment?: SentimentProps;\n  /** Urgency of an email */\n  urgency?: number;\n  /** Total number of unread emails in the email */\n  unreadEmailCount?: number;\n  /** Is the email currently active */\n  active?: boolean;\n  /** On click of email item */\n  onClick: MouseEventHandler;\n  /** ref to the element */\n  ref?: Ref<HTMLButtonElement>;\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 EmailSummaryListProps extends BaseProps {\n  /** List of email categories */\n  categories: MenuProps['items'];\n  /** Handles category change */\n  onCategoryClick?: MenuItemProps['onClick'];\n  /** List of EmailItems items */\n  items: OmitStrict<EmailSummaryItemProps, 'onClick' | 'active'>[];\n  /** Total number of unread email count */\n  unreadEmailCount?: number;\n  /** A set of filters to apply to the email inbox. */\n  filters?: Filter[];\n  /** A callback that runs when a filter is clicked. */\n  onFilterChange?: (filterId: Filter['id'], on: boolean) => void;\n  /** onClick of list item */\n  onItemClick: (id: EmailSummaryItemProps['id']) => void;\n  /** ref to the element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface EmailEntityProps extends BaseProps {\n  entity: EntityHighlightMapping;\n  ref?: Ref<HTMLElement>;\n}\n\nexport interface ViewAnalysisProps extends BaseProps {\n  content: {\n    name: string;\n    value?: {\n      id: string;\n      entity: EntityHighlightMapping;\n    }[];\n  }[];\n\n  header: {\n    icon: string;\n    text: string;\n  };\n  ref?: Ref<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"Email.types.js","sourceRoot":"","sources":["../../../src/components/Email/Email.types.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport {\n  BaseProps,\n  AvatarProps,\n  SentimentProps,\n  FileDisplayProps,\n  FileUploadItemProps,\n  OmitStrict,\n  MenuProps,\n  MenuItemProps,\n  TooltipProps,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorProps } from '@pega/cosmos-react-rte';\n\nexport interface EmailTemplate {\n  /** Template title */\n  title: string;\n  /** Template value */\n  content: string;\n  /** Template id */\n  id: string;\n}\n\nexport interface EmailUser {\n  /** Short name of the User */\n  shortName: string;\n  /** Full name of the User */\n  fullName: string;\n  /** Email of the User */\n  emailAddress: string;\n  /** Avatar props of the User */\n  avatarProps?: Partial<AvatarProps>;\n}\n\nexport interface EntityHighlightMapping {\n  value: string;\n  type: string;\n  name: string;\n  variant: number;\n  description?: TooltipProps['children'];\n  icon?: string;\n}\n\nexport interface EmailProps extends BaseProps, NoChildrenProp {\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Unique ID for this email record */\n  id: string;\n  /** Timestamp of this email as ISO8601 string, timestamp or native Date object. */\n  timeStamp: Date | number | string;\n  /** From email */\n  from: EmailUser;\n  /** To email */\n  to: EmailUser[];\n  /** Carbon copy of email users list */\n  cc?: EmailUser[];\n  /** Blind carbon copy of email users list */\n  bcc?: EmailUser[];\n  /** Sentiment */\n  sentiment?: SentimentProps;\n  /** Subject of the email */\n  subject?: string;\n  /** Body */\n  body?: ReactNode | string;\n  /** Entity highlight mapping */\n  entityHighlightMapping?: EntityHighlightMapping[];\n  /** onReply callback */\n  onReply: (id: EmailProps['id']) => void;\n  /** onForward Callback */\n  onForward: (id: EmailProps['id']) => void;\n  /** onReply callback */\n  onReplyAll?: (id: EmailProps['id']) => void;\n  /** List of suggestions */\n  suggestions?: EmailTemplate[];\n  /** Callback that triggers on click of tag */\n  onSuggestionClick?: (id: EmailProps['id'], suggestionId: EmailTemplate['id']) => void;\n  /** Actions region */\n  actions?: ReactNode;\n  /** Flag that indicates if email is unread\n   * @default false\n   */\n  unRead?: boolean;\n  /** Attachments list */\n  attachments?: FileDisplayProps[];\n}\n\nexport interface EmailConversationProps extends BaseProps {\n  /** ref to the element */\n  ref?: Ref<HTMLLIElement>;\n  /** Unique ID for this email conversation record */\n  id: string;\n  /** List of mails */\n  emails: EmailProps[];\n  /** Sender(s) of this email conversation */\n  from: EmailUser;\n  /** Recipient(s) of this email conversation */\n  to: EmailUser[];\n  /** Count of unread emails */\n  unReadEmailCount?: number;\n  /** Timestamp of this conversation as ISO8601 string, timestamp or native Date object. */\n  timeStamp: Date | string | number;\n  /** Flag that indicates if email conversation is expanded */\n  isCollapsed?: boolean;\n  /** Flag to set if conversation is spun off from forwarded email */\n  isForwarded?: boolean;\n  /** Callback when email conversation is collapsed */\n  onCollapse?: () => void;\n  /** Callback when email conversation is expanded */\n  onExpand?: () => void;\n}\n\nexport interface EmailComposerData\n  extends Pick<EmailComposerProps, 'cc' | 'bcc' | 'subject' | 'bodyContent' | 'attachments'> {\n  /** Array to hold the initial participants that should be default initialized in To address. */\n  to: EmailUser['emailAddress'][];\n}\n\nexport type EmailResponseType = 'reply' | 'replyAll' | 'forward';\n\nexport interface EmailDirectRecipients {\n  /** To address/addresses in case of reply response type on email. */\n  reply: EmailUser['emailAddress'][];\n  /** To address/addresses in case of replyAll response type on email. */\n  replyAll: EmailUser['emailAddress'][];\n  /** To address/addresses in case of forward response type on email. */\n  forward?: EmailUser['emailAddress'][];\n}\n\nexport interface EmailComposerProps\n  extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>,\n    BaseProps,\n    NoChildrenProp {\n  /** Object containing full list of email participants. */\n  participants: EmailUser[];\n  /** Object to hold initial to address/addresses based on different action types. */\n  to?: EmailDirectRecipients;\n  /** Array to hold the initial participants that should be default initialized in Cc address. */\n  cc?: EmailUser['emailAddress'][];\n  /** Array to hold the initial participants that should be default initialized in Bcc address. */\n  bcc?: EmailUser['emailAddress'][];\n  /** Object containing the props to render the subject input */\n  subject: string;\n  /** Body content of the email */\n  bodyContent: string;\n  /** Initial Value of template */\n  defaultTemplate?: string;\n  /** Callback when email needs to be sent */\n  onSend: (data: EmailComposerData) => void;\n  /** Callback when image is added */\n  onImageAdded?: RichTextEditorProps['onImageAdded'];\n  /** List of attachments */\n  attachments?: FileUploadItemProps[];\n  /** Region to show more actions in footer */\n  footerMoreActions?: ReactNode;\n  /** Templates for drafting email */\n  templates?: EmailTemplate[];\n  /** Callback when cancel composing */\n  onCancel: () => void;\n  /**\n   * Callback to handle external entry validation\n   * If returned true considers the entry to be a valid entry\n   */\n  externalValidator?: (value: string) => boolean;\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Email action types */\n  responseType?: EmailResponseType;\n}\nexport interface EmailShellProps extends BaseProps {\n  /** ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Region for header */\n  headerProps?: {\n    /** Region for actions */\n    actions?: ReactNode;\n    /** Subject of the email conversations list */\n    subject?: string;\n  };\n  /** Email conversations */\n  conversations?: EmailConversationProps[];\n  /** Shows only one conversation at a time */\n  autoCollapse?: boolean;\n}\n\nexport interface EmailSummaryItemProps extends BaseProps {\n  /** Id of each summary item */\n  id: string;\n  /** List of from participant names of the conversations */\n  activeParticipants: EmailUser[];\n  /** Email body of last email in the email */\n  message: string;\n  /** Timestamp of the latest email */\n  timeStamp: Date | string | number;\n  /** Top topic of an email */\n  topic: string;\n  /** Sentiment */\n  sentiment?: SentimentProps;\n  /** Urgency of an email */\n  urgency?: number;\n  /** Total number of unread emails in the email */\n  unreadEmailCount?: number;\n  /** Is the email currently active */\n  active?: boolean;\n  /** On click of email item */\n  onClick: MouseEventHandler;\n  /** ref to the element */\n  ref?: Ref<HTMLButtonElement>;\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 EmailSummaryListProps extends BaseProps {\n  /** List of email categories */\n  categories: MenuProps['items'];\n  /** Handles category change */\n  onCategoryClick?: MenuItemProps['onClick'];\n  /** List of EmailItems items */\n  items: OmitStrict<EmailSummaryItemProps, 'onClick' | 'active'>[];\n  /** Total number of unread email count */\n  unreadEmailCount?: number;\n  /** A set of filters to apply to the email inbox. */\n  filters?: Filter[];\n  /** A callback that runs when a filter is clicked. */\n  onFilterChange?: (filterId: Filter['id'], on: boolean) => void;\n  /** onClick of list item */\n  onItemClick: (id: EmailSummaryItemProps['id']) => void;\n  /** ref to the element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface EmailEntityProps extends BaseProps {\n  entity: EntityHighlightMapping;\n  ref?: Ref<HTMLElement>;\n}\n\nexport interface ViewAnalysisProps extends BaseProps {\n  content: {\n    name: string;\n    value?: {\n      id: string;\n      entity: EntityHighlightMapping;\n    }[];\n  }[];\n\n  header: {\n    icon: string;\n    text: string;\n  };\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/lib/components/Email/EmailComposer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailComposer.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EASlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,IAAI,EAWL,MAAM,yBAAyB,CAAC;AAOjC,OAAO,EAAE,kBAAkB,EAAa,MAAM,eAAe,CAAC;AAK9D,eAAO,MAAM,mBAAmB,yGAAe,CAAC;AAEhD,eAAO,MAAM,sBAAsB,EAAE,OAAO,IAI1C,CAAC;AAIH,eAAO,MAAM,kBAAkB,qNAK7B,CAAC;AAmBH,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAyTxD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"EmailComposer.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EASlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAGL,IAAI,EAWL,MAAM,yBAAyB,CAAC;AAOjC,OAAO,EAAE,kBAAkB,EAAa,MAAM,eAAe,CAAC;AAK9D,eAAO,MAAM,mBAAmB,yGAAe,CAAC;AAEhD,eAAO,MAAM,sBAAsB,EAAE,OAAO,IAI1C,CAAC;AAIH,eAAO,MAAM,kBAAkB,qNAK7B,CAAC;AAmBH,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAgTxD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Email/EmailComposer.js

@@ -37,7 +37,7 @@ const rteToolbar = [
     'cut-copy-paste',
     'indentation'
 ];
-const EmailComposer = forwardRef(({ participants, bodyContent, maxAttachments = 0, onCancel, onSend, onImageAdded, externalValidator, to, footerMoreActions, templates, defaultTemplate, ...restProps }, ref) => {
+const EmailComposer = forwardRef(({ participants, bodyContent, onCancel, onSend, onImageAdded, externalValidator, to, footerMoreActions, templates, defaultTemplate, ...restProps }, ref) => {
     const t = useI18n();
     const [cc, setCC] = useState(restProps.cc);
     const [bcc, setBCC] = useState(restProps.bcc);
@@ -92,7 +92,7 @@ const EmailComposer = forwardRef(({ participants, bodyContent, maxAttachments =
             if (template.title === defaultTemplate) {
                 _jsx(Option, { selected: 'selected', children: template.title }, template.id);
             }
-            return _jsx(Option, { children: template.id }, template.title);
+            return _jsx(Option, { children: template.title }, template.id);
         }), [templates]);
     const responseTypeMenuData = useMemo(() => {
         const menuItems = [
@@ -178,11 +178,7 @@ const EmailComposer = forwardRef(({ participants, bodyContent, maxAttachments =
                             grow: 1
                         }, children: _jsx(EmailSelector, { participants: participants, defaultSelections: to?.[responseType], label: t('to'), mode: 'multi-select', required: true, selections: selectedItems, externalValidator: externalValidator }, void 0) }, void 0), !showCC && (_jsx(StyledToggleButton, { variant: 'simple', onClick: () => setShowCC(true), icon: true, children: t('cc') }, void 0)), !showBCC && (_jsx(StyledToggleButton, { variant: 'simple', onClick: () => setShowBCC(true), icon: true, children: t('bcc') }, void 0))] }, void 0), showCC && (_jsx(EmailSelector, { participants: participants, defaultSelections: responseType === 'replyAll' ? cc : undefined, label: t('cc'), mode: 'multi-select', selections: selectedItems, externalValidator: externalValidator }, void 0)), showBCC && (_jsx(EmailSelector, { selections: selectedItems, participants: participants, defaultSelections: responseType === 'replyAll' ? bcc : undefined, label: t('bcc'), mode: 'multi-select', externalValidator: externalValidator }, void 0)), _jsx(Input, { value: subject, onChange: onSubjectChange, label: t('subject') }, void 0), _jsxs(Select, { onChange: onTemplateChange, label: t('auto_reply'), value: autoReplyTemplate, children: [_jsx(Option, { children: t('insert') }, uid), _jsx(_Fragment, { children: templateOptions }, void 0)] }, void 0), _jsx(RichTextEditor, { autoFocus: true, ref: rteEditorRef, toolbar: rteToolbar, onImageAdded: onImageAdded, labelHidden: true, label: t('email_message'), defaultValue: bodyContent }, void 0), attachments.length > 0 && (_jsx(Flex, { container: { gap: 1, wrap: 'wrap' }, children: attachments.map(attachment => (_createElement(FileUploadItem, { ...attachment, key: attachment.name, onDelete: onAttachmentDelete }))) }, void 0)), _jsxs(Flex, { container: {
                     gap: 1
-                }, children: [_jsxs(Flex, { container: true, item: { grow: 1 }, children: [_jsx(Button, { variant: 'secondary', onClick: onCancel, children: t('cancel') }, void 0), footerMoreActions] }, void 0), _jsxs(Flex, { container: true, children: [maxAttachments > 0 && (_jsx(Button, { onClick: attachments.length < maxAttachments
-                                    ? () => fileUploadInputRef.current?.click()
-                                    : undefined, variant: 'link', label: attachments.length >= maxAttachments
-                                    ? t('email_disable_attachment', [maxAttachments])
-                                    : t('email_add_attachment', [maxAttachments]), children: _jsx(Icon, { name: 'paper-clip' }, void 0) }, void 0)), _jsx(Button, { variant: 'primary', onClick: handleSend, children: t('send_label') }, void 0)] }, void 0)] }, void 0), _jsx("input", { type: 'file', style: { display: 'none' }, ref: fileUploadInputRef, onChange: onFileChange }, void 0)] }, void 0));
+                }, children: [_jsxs(Flex, { container: true, item: { grow: 1 }, children: [_jsx(Button, { variant: 'secondary', onClick: onCancel, children: t('cancel') }, void 0), footerMoreActions] }, void 0), _jsxs(Flex, { container: true, children: [_jsx(Button, { onClick: () => fileUploadInputRef.current?.click(), variant: 'link', label: t('file_upload_text_multiple'), children: _jsx(Icon, { name: 'paper-clip' }, void 0) }, void 0), _jsx(Button, { variant: 'primary', onClick: handleSend, children: t('send_label') }, void 0)] }, void 0)] }, void 0), _jsx("input", { type: 'file', style: { display: 'none' }, ref: fileUploadInputRef, onChange: onFileChange, multiple: true }, void 0)] }, void 0));
 });
 export default EmailComposer;
 //# sourceMappingURL=EmailComposer.js.map

package/lib/components/Email/EmailComposer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailComposer.js","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useMemo,\n  useRef,\n  useCallback,\n  useEffect,\n  ReactNode\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  registerIcon,\n  useI18n,\n  Option,\n  defaultThemeProp,\n  FileUploadItem,\n  MenuButton,\n  FileUploadItemProps,\n  Select,\n  Input,\n  useUID\n} from '@pega/cosmos-react-core';\nimport { RichTextEditor, RichTextEditorProps, RichTextEditorState } from '@pega/cosmos-react-rte';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\n\nimport { EmailComposerProps, EmailUser } from './Email.types';\nimport EmailSelector from './EmailSelector';\n\nregisterIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);\n\nexport const StyledEmailComposer = styled.div``;\n\nexport const StyledResponseTypeIcon: typeof Icon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledResponseTypeIcon.defaultProps = defaultThemeProp;\n\nexport const StyledToggleButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledToggleButton.defaultProps = defaultThemeProp;\n\nconst responseTypeIcons = {\n  reply: 'reply',\n  replyAll: 'reply-all',\n  forward: 'forward'\n};\n\nconst rteToolbar: RichTextEditorProps['toolbar'] = [\n  'inline-styling',\n  'headers',\n  'lists',\n  'images',\n  'cut-copy-paste',\n  'indentation'\n];\n\nconst EmailComposer: FunctionComponent<EmailComposerProps> = forwardRef(\n  (\n    {\n      participants,\n      bodyContent,\n      maxAttachments = 0,\n      onCancel,\n      onSend,\n      onImageAdded,\n      externalValidator,\n      to,\n      footerMoreActions,\n      templates,\n      defaultTemplate,\n      ...restProps\n    }: PropsWithoutRef<EmailComposerProps>,\n    ref: EmailComposerProps['ref']\n  ) => {\n    const t = useI18n();\n    const [cc, setCC] = useState(restProps.cc);\n    const [bcc, setBCC] = useState(restProps.bcc);\n    const [responseType, setResponseType] = useState(restProps.responseType);\n    const [showCC, setShowCC] = useState(\n      restProps.responseType !== 'reply' && !!cc && cc.length > 0\n    );\n    const [showBCC, setShowBCC] = useState(\n      restProps.responseType !== 'reply' && !!bcc && bcc.length > 0\n    );\n    const [subject, setSubject] = useState(restProps.subject);\n    const [autoReplyTemplate, setAutoReplyTemplate] = useState(defaultTemplate || '');\n    const [attachments, setAttachments] = useState(restProps.attachments || []);\n\n    const [toAddresses, setToAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType && to?.[responseType])\n        return to?.[responseType] as EmailUser['emailAddress'][];\n      return [];\n    });\n    const [ccAddresses, setCcAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType === 'replyAll') return cc as EmailUser['emailAddress'][];\n      return [];\n    });\n    const [bccAddresses, setBccAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType === 'replyAll') return bcc as EmailUser['emailAddress'][];\n      return [];\n    });\n\n    const initialCC = cc;\n    const initialBCC = bcc;\n\n    const rteEditorRef = useRef<RichTextEditorState>(null);\n    const fileUploadInputRef = useRef<HTMLInputElement>(null);\n    const uid = useUID();\n\n    // inserts selected template in RTE\n    useEffect(() => {\n      const selectedTemplate = templates?.find(template => template.title === autoReplyTemplate);\n      if (selectedTemplate) {\n        rteEditorRef?.current?.insertHtml(selectedTemplate.content, true);\n      }\n    }, [autoReplyTemplate]);\n\n    // resets To | CC | BCC combobox selection and toggles fields on responseType change reply | replyAll | forward\n    useEffect(() => {\n      setShowCC(responseType === 'replyAll' ? !!cc && cc.length > 0 : false);\n      setShowBCC(responseType === 'replyAll' && !!bcc && bcc?.length > 0 ? !!bcc : false);\n      if (responseType === 'replyAll') {\n        setCC(initialCC);\n        setBCC(initialBCC);\n      }\n      if (responseType === 'reply') {\n        setCcAddresses([] as EmailUser['emailAddress'][]);\n        setBccAddresses([] as EmailUser['emailAddress'][]);\n      }\n    }, [responseType]);\n\n    const templateOptions = useMemo(\n      () =>\n        templates &&\n        templates.map(template => {\n          if (template.title === defaultTemplate) {\n            <Option selected='selected' key={template.id}>\n              {template.title}\n            </Option>;\n          }\n          return <Option key={template.title}>{template.id}</Option>;\n        }),\n      [templates]\n    );\n\n    const responseTypeMenuData = useMemo(() => {\n      const menuItems = [\n        {\n          id: 'reply',\n          primary: t('reply'),\n          visual: <StyledResponseTypeIcon name={responseTypeIcons.reply} />,\n          selected: responseType === 'reply',\n          onClick: () => {\n            setResponseType('reply');\n          }\n        },\n        {\n          id: 'replyAll',\n          primary: t('reply_all'),\n          visual: <StyledResponseTypeIcon name={responseTypeIcons.replyAll} />,\n          selected: responseType === 'replyAll',\n          onClick: () => {\n            setResponseType('replyAll');\n          }\n        }\n      ];\n      return {\n        menuItems,\n        selectedResponseType:\n          menuItems.find(item => item.selected)?.primary || menuItems[0].primary,\n        selectedResponseTypeIcon:\n          (responseType && responseTypeIcons[responseType]) || responseTypeIcons.reply\n      };\n    }, [responseType]);\n\n    const onSubjectChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      setSubject(e.target.value);\n    }, []);\n\n    const onTemplateChange = useCallback((e: ChangeEvent<HTMLSelectElement>) => {\n      setAutoReplyTemplate(e.target.value);\n    }, []);\n\n    const onAttachmentDelete = useCallback((name: FileUploadItemProps['name']) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    }, []);\n\n    const onFileChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files) {\n        setAttachments(prevAttachments => [\n          ...prevAttachments,\n          ...Array.from(e.target.files!).map(file => ({\n            name: file.name,\n            file\n          }))\n        ]);\n      }\n    }, []);\n\n    const selectedItems = (selections: EmailUser['emailAddress'][], label: ReactNode) => {\n      if (label === 'To') {\n        setToAddresses(selections);\n      }\n      if (label === 'Cc') {\n        setCcAddresses(selections);\n      }\n      if (label === 'Bcc') {\n        setBccAddresses(selections);\n      }\n    };\n    const handleSend = useCallback(() => {\n      onSend({\n        to: toAddresses,\n        cc: showCC ? ccAddresses : undefined,\n        bcc: showBCC ? bccAddresses : undefined,\n        subject,\n        bodyContent: rteEditorRef.current?.getHtml() || '',\n        attachments\n      });\n    }, [toAddresses, ccAddresses, bccAddresses, subject, attachments, showCC, showBCC]);\n\n    return (\n      <Flex\n        as={StyledEmailComposer}\n        ref={ref}\n        {...restProps}\n        container={{\n          gap: 2,\n          direction: 'column'\n        }}\n      >\n        <div>\n          {responseType !== 'forward' && (\n            <MenuButton\n              text={responseTypeMenuData.selectedResponseType}\n              variant='link'\n              icon={responseTypeMenuData.selectedResponseTypeIcon}\n              menu={{\n                mode: 'single-select',\n                items: responseTypeMenuData.menuItems\n              }}\n            />\n          )}\n        </div>\n\n        <Flex\n          container={{\n            alignItems: 'start',\n            gap: 0.5\n          }}\n        >\n          <Flex\n            container={{\n              gap: 1,\n              direction: 'column'\n            }}\n            item={{\n              grow: 1\n            }}\n          >\n            <EmailSelector\n              participants={participants}\n              defaultSelections={to?.[responseType!]}\n              label={t('to')}\n              mode='multi-select'\n              required\n              selections={selectedItems}\n              externalValidator={externalValidator}\n            />\n          </Flex>\n          {!showCC && (\n            <StyledToggleButton variant='simple' onClick={() => setShowCC(true)} icon>\n              {t('cc')}\n            </StyledToggleButton>\n          )}\n          {!showBCC && (\n            <StyledToggleButton variant='simple' onClick={() => setShowBCC(true)} icon>\n              {t('bcc')}\n            </StyledToggleButton>\n          )}\n        </Flex>\n\n        {showCC && (\n          <EmailSelector\n            participants={participants}\n            defaultSelections={responseType === 'replyAll' ? cc : undefined}\n            label={t('cc')}\n            mode='multi-select'\n            selections={selectedItems}\n            externalValidator={externalValidator}\n          />\n        )}\n        {showBCC && (\n          <EmailSelector\n            selections={selectedItems}\n            participants={participants}\n            defaultSelections={responseType === 'replyAll' ? bcc : undefined}\n            label={t('bcc')}\n            mode='multi-select'\n            externalValidator={externalValidator}\n          />\n        )}\n\n        <Input value={subject} onChange={onSubjectChange} label={t('subject')} />\n\n        <Select onChange={onTemplateChange} label={t('auto_reply')} value={autoReplyTemplate}>\n          <Option key={uid}>{t('insert')}</Option>\n          <>{templateOptions}</>\n        </Select>\n\n        <RichTextEditor\n          autoFocus\n          ref={rteEditorRef}\n          toolbar={rteToolbar}\n          onImageAdded={onImageAdded}\n          labelHidden\n          label={t('email_message')}\n          defaultValue={bodyContent}\n        />\n        {attachments.length > 0 && (\n          <Flex container={{ gap: 1, wrap: 'wrap' }}>\n            {attachments.map(attachment => (\n              <FileUploadItem {...attachment} key={attachment.name} onDelete={onAttachmentDelete} />\n            ))}\n          </Flex>\n        )}\n        <Flex\n          container={{\n            gap: 1\n          }}\n        >\n          <Flex container item={{ grow: 1 }}>\n            <Button variant='secondary' onClick={onCancel}>\n              {t('cancel')}\n            </Button>\n            {footerMoreActions}\n          </Flex>\n          <Flex container>\n            {maxAttachments > 0 && (\n              <Button\n                onClick={\n                  attachments.length < maxAttachments\n                    ? () => fileUploadInputRef.current?.click()\n                    : undefined\n                }\n                variant='link'\n                label={\n                  attachments.length >= maxAttachments\n                    ? t('email_disable_attachment', [maxAttachments])\n                    : t('email_add_attachment', [maxAttachments])\n                }\n              >\n                <Icon name='paper-clip' />\n              </Button>\n            )}\n            <Button variant='primary' onClick={handleSend}>\n              {t('send_label')}\n            </Button>\n          </Flex>\n        </Flex>\n        <input\n          type='file'\n          style={{ display: 'none' }}\n          ref={fileUploadInputRef}\n          onChange={onFileChange}\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default EmailComposer;\n"]}
+{"version":3,"file":"EmailComposer.js","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useMemo,\n  useRef,\n  useCallback,\n  useEffect,\n  ReactNode\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  registerIcon,\n  useI18n,\n  Option,\n  defaultThemeProp,\n  FileUploadItem,\n  MenuButton,\n  FileUploadItemProps,\n  Select,\n  Input,\n  useUID\n} from '@pega/cosmos-react-core';\nimport { RichTextEditor, RichTextEditorProps, RichTextEditorState } from '@pega/cosmos-react-rte';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\n\nimport { EmailComposerProps, EmailUser } from './Email.types';\nimport EmailSelector from './EmailSelector';\n\nregisterIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);\n\nexport const StyledEmailComposer = styled.div``;\n\nexport const StyledResponseTypeIcon: typeof Icon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledResponseTypeIcon.defaultProps = defaultThemeProp;\n\nexport const StyledToggleButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledToggleButton.defaultProps = defaultThemeProp;\n\nconst responseTypeIcons = {\n  reply: 'reply',\n  replyAll: 'reply-all',\n  forward: 'forward'\n};\n\nconst rteToolbar: RichTextEditorProps['toolbar'] = [\n  'inline-styling',\n  'headers',\n  'lists',\n  'images',\n  'cut-copy-paste',\n  'indentation'\n];\n\nconst EmailComposer: FunctionComponent<EmailComposerProps> = forwardRef(\n  (\n    {\n      participants,\n      bodyContent,\n      onCancel,\n      onSend,\n      onImageAdded,\n      externalValidator,\n      to,\n      footerMoreActions,\n      templates,\n      defaultTemplate,\n      ...restProps\n    }: PropsWithoutRef<EmailComposerProps>,\n    ref: EmailComposerProps['ref']\n  ) => {\n    const t = useI18n();\n    const [cc, setCC] = useState(restProps.cc);\n    const [bcc, setBCC] = useState(restProps.bcc);\n    const [responseType, setResponseType] = useState(restProps.responseType);\n    const [showCC, setShowCC] = useState(\n      restProps.responseType !== 'reply' && !!cc && cc.length > 0\n    );\n    const [showBCC, setShowBCC] = useState(\n      restProps.responseType !== 'reply' && !!bcc && bcc.length > 0\n    );\n    const [subject, setSubject] = useState(restProps.subject);\n    const [autoReplyTemplate, setAutoReplyTemplate] = useState(defaultTemplate || '');\n    const [attachments, setAttachments] = useState(restProps.attachments || []);\n\n    const [toAddresses, setToAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType && to?.[responseType])\n        return to?.[responseType] as EmailUser['emailAddress'][];\n      return [];\n    });\n    const [ccAddresses, setCcAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType === 'replyAll') return cc as EmailUser['emailAddress'][];\n      return [];\n    });\n    const [bccAddresses, setBccAddresses] = useState<EmailUser['emailAddress'][]>(() => {\n      if (responseType === 'replyAll') return bcc as EmailUser['emailAddress'][];\n      return [];\n    });\n\n    const initialCC = cc;\n    const initialBCC = bcc;\n\n    const rteEditorRef = useRef<RichTextEditorState>(null);\n    const fileUploadInputRef = useRef<HTMLInputElement>(null);\n    const uid = useUID();\n\n    // inserts selected template in RTE\n    useEffect(() => {\n      const selectedTemplate = templates?.find(template => template.title === autoReplyTemplate);\n      if (selectedTemplate) {\n        rteEditorRef?.current?.insertHtml(selectedTemplate.content, true);\n      }\n    }, [autoReplyTemplate]);\n\n    // resets To | CC | BCC combobox selection and toggles fields on responseType change reply | replyAll | forward\n    useEffect(() => {\n      setShowCC(responseType === 'replyAll' ? !!cc && cc.length > 0 : false);\n      setShowBCC(responseType === 'replyAll' && !!bcc && bcc?.length > 0 ? !!bcc : false);\n      if (responseType === 'replyAll') {\n        setCC(initialCC);\n        setBCC(initialBCC);\n      }\n      if (responseType === 'reply') {\n        setCcAddresses([] as EmailUser['emailAddress'][]);\n        setBccAddresses([] as EmailUser['emailAddress'][]);\n      }\n    }, [responseType]);\n\n    const templateOptions = useMemo(\n      () =>\n        templates &&\n        templates.map(template => {\n          if (template.title === defaultTemplate) {\n            <Option selected='selected' key={template.id}>\n              {template.title}\n            </Option>;\n          }\n          return <Option key={template.id}>{template.title}</Option>;\n        }),\n      [templates]\n    );\n\n    const responseTypeMenuData = useMemo(() => {\n      const menuItems = [\n        {\n          id: 'reply',\n          primary: t('reply'),\n          visual: <StyledResponseTypeIcon name={responseTypeIcons.reply} />,\n          selected: responseType === 'reply',\n          onClick: () => {\n            setResponseType('reply');\n          }\n        },\n        {\n          id: 'replyAll',\n          primary: t('reply_all'),\n          visual: <StyledResponseTypeIcon name={responseTypeIcons.replyAll} />,\n          selected: responseType === 'replyAll',\n          onClick: () => {\n            setResponseType('replyAll');\n          }\n        }\n      ];\n      return {\n        menuItems,\n        selectedResponseType:\n          menuItems.find(item => item.selected)?.primary || menuItems[0].primary,\n        selectedResponseTypeIcon:\n          (responseType && responseTypeIcons[responseType]) || responseTypeIcons.reply\n      };\n    }, [responseType]);\n\n    const onSubjectChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      setSubject(e.target.value);\n    }, []);\n\n    const onTemplateChange = useCallback((e: ChangeEvent<HTMLSelectElement>) => {\n      setAutoReplyTemplate(e.target.value);\n    }, []);\n\n    const onAttachmentDelete = useCallback((name: FileUploadItemProps['name']) => {\n      setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n    }, []);\n\n    const onFileChange = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      if (e.target.files) {\n        setAttachments(prevAttachments => [\n          ...prevAttachments,\n          ...Array.from(e.target.files!).map(file => ({\n            name: file.name,\n            file\n          }))\n        ]);\n      }\n    }, []);\n\n    const selectedItems = (selections: EmailUser['emailAddress'][], label: ReactNode) => {\n      if (label === 'To') {\n        setToAddresses(selections);\n      }\n      if (label === 'Cc') {\n        setCcAddresses(selections);\n      }\n      if (label === 'Bcc') {\n        setBccAddresses(selections);\n      }\n    };\n    const handleSend = useCallback(() => {\n      onSend({\n        to: toAddresses,\n        cc: showCC ? ccAddresses : undefined,\n        bcc: showBCC ? bccAddresses : undefined,\n        subject,\n        bodyContent: rteEditorRef.current?.getHtml() || '',\n        attachments\n      });\n    }, [toAddresses, ccAddresses, bccAddresses, subject, attachments, showCC, showBCC]);\n\n    return (\n      <Flex\n        as={StyledEmailComposer}\n        ref={ref}\n        {...restProps}\n        container={{\n          gap: 2,\n          direction: 'column'\n        }}\n      >\n        <div>\n          {responseType !== 'forward' && (\n            <MenuButton\n              text={responseTypeMenuData.selectedResponseType}\n              variant='link'\n              icon={responseTypeMenuData.selectedResponseTypeIcon}\n              menu={{\n                mode: 'single-select',\n                items: responseTypeMenuData.menuItems\n              }}\n            />\n          )}\n        </div>\n\n        <Flex\n          container={{\n            alignItems: 'start',\n            gap: 0.5\n          }}\n        >\n          <Flex\n            container={{\n              gap: 1,\n              direction: 'column'\n            }}\n            item={{\n              grow: 1\n            }}\n          >\n            <EmailSelector\n              participants={participants}\n              defaultSelections={to?.[responseType!]}\n              label={t('to')}\n              mode='multi-select'\n              required\n              selections={selectedItems}\n              externalValidator={externalValidator}\n            />\n          </Flex>\n          {!showCC && (\n            <StyledToggleButton variant='simple' onClick={() => setShowCC(true)} icon>\n              {t('cc')}\n            </StyledToggleButton>\n          )}\n          {!showBCC && (\n            <StyledToggleButton variant='simple' onClick={() => setShowBCC(true)} icon>\n              {t('bcc')}\n            </StyledToggleButton>\n          )}\n        </Flex>\n\n        {showCC && (\n          <EmailSelector\n            participants={participants}\n            defaultSelections={responseType === 'replyAll' ? cc : undefined}\n            label={t('cc')}\n            mode='multi-select'\n            selections={selectedItems}\n            externalValidator={externalValidator}\n          />\n        )}\n        {showBCC && (\n          <EmailSelector\n            selections={selectedItems}\n            participants={participants}\n            defaultSelections={responseType === 'replyAll' ? bcc : undefined}\n            label={t('bcc')}\n            mode='multi-select'\n            externalValidator={externalValidator}\n          />\n        )}\n\n        <Input value={subject} onChange={onSubjectChange} label={t('subject')} />\n\n        <Select onChange={onTemplateChange} label={t('auto_reply')} value={autoReplyTemplate}>\n          <Option key={uid}>{t('insert')}</Option>\n          <>{templateOptions}</>\n        </Select>\n\n        <RichTextEditor\n          autoFocus\n          ref={rteEditorRef}\n          toolbar={rteToolbar}\n          onImageAdded={onImageAdded}\n          labelHidden\n          label={t('email_message')}\n          defaultValue={bodyContent}\n        />\n        {attachments.length > 0 && (\n          <Flex container={{ gap: 1, wrap: 'wrap' }}>\n            {attachments.map(attachment => (\n              <FileUploadItem {...attachment} key={attachment.name} onDelete={onAttachmentDelete} />\n            ))}\n          </Flex>\n        )}\n        <Flex\n          container={{\n            gap: 1\n          }}\n        >\n          <Flex container item={{ grow: 1 }}>\n            <Button variant='secondary' onClick={onCancel}>\n              {t('cancel')}\n            </Button>\n            {footerMoreActions}\n          </Flex>\n          <Flex container>\n            <Button\n              onClick={() => fileUploadInputRef.current?.click()}\n              variant='link'\n              label={t('file_upload_text_multiple')}\n            >\n              <Icon name='paper-clip' />\n            </Button>\n\n            <Button variant='primary' onClick={handleSend}>\n              {t('send_label')}\n            </Button>\n          </Flex>\n        </Flex>\n        <input\n          type='file'\n          style={{ display: 'none' }}\n          ref={fileUploadInputRef}\n          onChange={onFileChange}\n          multiple\n        />\n      </Flex>\n    );\n  }\n);\n\nexport default EmailComposer;\n"]}

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

@@ -1,5 +1,9 @@
 export { default } from './Email';
-export { EmailProps, EmailComposerProps, EmailConversationProps, EmailShellProps } from './Email.types';
+export { EmailUser, EmailProps, EmailComposerProps, EmailConversationProps, EmailShellProps, ViewAnalysisProps } from './Email.types';
 export { default as EmailConversation } from './EmailConversation';
 export { default as EmailShell } from './EmailShell';
+export { default as EmailComposer } from './EmailComposer';
+export { default as EmailSummaryItem } from './EmailSummaryItem';
+export { default as EmailSummaryList } from './EmailSummaryList';
+export { default as ViewAnalysis } from './ViewAnalysis';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EACL,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,sBAAsB,EACtB,eAAe,EACf,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/Email/index.js

@@ -1,4 +1,8 @@
 export { default } from './Email';
 export { default as EmailConversation } from './EmailConversation';
 export { default as EmailShell } from './EmailShell';
+export { default as EmailComposer } from './EmailComposer';
+export { default as EmailSummaryItem } from './EmailSummaryItem';
+export { default as EmailSummaryList } from './EmailSummaryList';
+export { default as ViewAnalysis } from './ViewAnalysis';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAOlC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { default } from './Email';\nexport {\n  EmailProps,\n  EmailComposerProps,\n  EmailConversationProps,\n  EmailShellProps\n} from './Email.types';\nexport { default as EmailConversation } from './EmailConversation';\nexport { default as EmailShell } from './EmailShell';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AASlC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export { default } from './Email';\nexport {\n  EmailUser,\n  EmailProps,\n  EmailComposerProps,\n  EmailConversationProps,\n  EmailShellProps,\n  ViewAnalysisProps\n} from './Email.types';\nexport { default as EmailConversation } from './EmailConversation';\nexport { default as EmailShell } from './EmailShell';\nexport { default as EmailComposer } from './EmailComposer';\nexport { default as EmailSummaryItem } from './EmailSummaryItem';\nexport { default as EmailSummaryList } from './EmailSummaryList';\nexport { default as ViewAnalysis } from './ViewAnalysis';\n"]}

package/lib/components/Feed/FeedAttachments.js

@@ -73,7 +73,7 @@ const FeedAttachments = forwardRef((props, ref) => {
     const nonPreviewableFiles = [];
     attachments.forEach(file => {
         const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');
-        if (type === 'image')
+        if (type === 'image' && file.thumbnail)
             previewableFiles.push(file);
         else
             nonPreviewableFiles.push(file);

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

@@ -1 +1 @@
-{"version":3,"file":"FeedAttachments.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedAttachments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, forwardRef, PropsWithoutRef, Ref, useEffect, useContext } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  FileUploadItem,\n  FileUploadItemProps,\n  Grid,\n  Image,\n  defaultThemeProp,\n  getKindFromMimeType,\n  getMimeTypeFromFile,\n  Flex,\n  StyledFlex,\n  usePrevious,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\n\nimport { FeedContext } from './Feed.context';\n\nexport type AttachedFiles = FileUploadItemProps & File;\n\ninterface FeedAttachmentsProps {\n  attachments?: AttachedFiles[];\n  readOnly?: boolean;\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledFeedAttachments = styled.ul(({ theme }) => {\n  return css`\n    overflow-x: auto;\n\n    > li {\n      background-color: ${theme.base.palette['primary-background']};\n      cursor: initial;\n    }\n  `;\n});\n\nStyledFeedAttachments.defaultProps = defaultThemeProp;\n\nexport const StyledImagePreview = styled(BareButton)(({ theme }) => {\n  return css`\n    line-height: 0;\n\n    /* stylelint-disable declaration-block-no-duplicate-properties */\n    width: -moz-fit-content;\n    width: fit-content;\n\n    /* stylelint-enable declaration-block-no-duplicate-properties */\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n\n    & + & {\n      margin: 0;\n    }\n\n    &:focus {\n      box-shadow: ${theme.components.button['focus-shadow']};\n    }\n\n    img {\n      border-radius: calc(0.5 * ${theme.base['border-radius']});\n      object-fit: contain;\n      max-height: 32rem;\n      max-width: 100%;\n    }\n  `;\n});\n\nStyledImagePreview.defaultProps = defaultThemeProp;\n\nexport const StyledAttachmentsRegion = styled.div(({ theme }) => {\n  return css`\n    margin: ${theme.base.spacing} 0;\n\n    ${StyledFlex} + ${StyledFeedAttachments} {\n      margin-block-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledAttachmentsRegion.defaultProps = defaultThemeProp;\n\nconst FeedAttachments: FC<FeedAttachmentsProps> = forwardRef(\n  (props: PropsWithoutRef<FeedAttachmentsProps>, ref: FeedAttachmentsProps['ref']) => {\n    const { attachments = [], readOnly } = props;\n    const t = useI18n();\n    const { announce } = useContext(FeedContext);\n    const prevAttachments = usePrevious(attachments) ?? [];\n\n    useEffect(() => {\n      if (attachments.length !== prevAttachments?.length) {\n        const difference = attachments.length - prevAttachments.length;\n        const normalizedDifference = difference * (difference > 0 ? 1 : -1);\n        announce(\n          t(`feed_attachments_${difference > 0 ? 'added' : 'removed'}`, [normalizedDifference], {\n            count: normalizedDifference\n          })\n        );\n      }\n    }, [attachments]);\n\n    if (attachments.length === 0) return null;\n\n    const previewableFiles: AttachedFiles[] = [];\n    const nonPreviewableFiles: AttachedFiles[] = [];\n\n    attachments.forEach(file => {\n      const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');\n\n      if (type === 'image') previewableFiles.push(file);\n      else nonPreviewableFiles.push(file);\n    });\n\n    return (\n      <StyledAttachmentsRegion>\n        {readOnly && !!previewableFiles.length && (\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            {previewableFiles.map(({ lastModified, name, onPreview, thumbnail }) => {\n              return (\n                <StyledImagePreview key={lastModified} onClick={() => onPreview?.(name)}>\n                  <Image alt={name} src={thumbnail} />\n                </StyledImagePreview>\n              );\n            })}\n          </Flex>\n        )}\n        <Grid\n          ref={ref}\n          as={StyledFeedAttachments}\n          container={{\n            cols: 'repeat(auto-fill, minmax(15rem, 1fr))',\n            gap: 1\n          }}\n        >\n          {!readOnly &&\n            previewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n              return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n            })}\n          {nonPreviewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n            return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n          })}\n        </Grid>\n      </StyledAttachmentsRegion>\n    );\n  }\n);\n\nexport default FeedAttachments;\n"]}
+{"version":3,"file":"FeedAttachments.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedAttachments.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, forwardRef, PropsWithoutRef, Ref, useEffect, useContext } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  FileUploadItem,\n  FileUploadItemProps,\n  Grid,\n  Image,\n  defaultThemeProp,\n  getKindFromMimeType,\n  getMimeTypeFromFile,\n  Flex,\n  StyledFlex,\n  usePrevious,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\n\nimport { FeedContext } from './Feed.context';\n\nexport type AttachedFiles = FileUploadItemProps & File;\n\ninterface FeedAttachmentsProps {\n  attachments?: AttachedFiles[];\n  readOnly?: boolean;\n  ref?: Ref<HTMLUListElement>;\n}\n\nexport const StyledFeedAttachments = styled.ul(({ theme }) => {\n  return css`\n    overflow-x: auto;\n\n    > li {\n      background-color: ${theme.base.palette['primary-background']};\n      cursor: initial;\n    }\n  `;\n});\n\nStyledFeedAttachments.defaultProps = defaultThemeProp;\n\nexport const StyledImagePreview = styled(BareButton)(({ theme }) => {\n  return css`\n    line-height: 0;\n\n    /* stylelint-disable declaration-block-no-duplicate-properties */\n    width: -moz-fit-content;\n    width: fit-content;\n\n    /* stylelint-enable declaration-block-no-duplicate-properties */\n    border-radius: calc(0.5 * ${theme.base['border-radius']});\n\n    & + & {\n      margin: 0;\n    }\n\n    &:focus {\n      box-shadow: ${theme.components.button['focus-shadow']};\n    }\n\n    img {\n      border-radius: calc(0.5 * ${theme.base['border-radius']});\n      object-fit: contain;\n      max-height: 32rem;\n      max-width: 100%;\n    }\n  `;\n});\n\nStyledImagePreview.defaultProps = defaultThemeProp;\n\nexport const StyledAttachmentsRegion = styled.div(({ theme }) => {\n  return css`\n    margin: ${theme.base.spacing} 0;\n\n    ${StyledFlex} + ${StyledFeedAttachments} {\n      margin-block-start: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledAttachmentsRegion.defaultProps = defaultThemeProp;\n\nconst FeedAttachments: FC<FeedAttachmentsProps> = forwardRef(\n  (props: PropsWithoutRef<FeedAttachmentsProps>, ref: FeedAttachmentsProps['ref']) => {\n    const { attachments = [], readOnly } = props;\n    const t = useI18n();\n    const { announce } = useContext(FeedContext);\n    const prevAttachments = usePrevious(attachments) ?? [];\n\n    useEffect(() => {\n      if (attachments.length !== prevAttachments?.length) {\n        const difference = attachments.length - prevAttachments.length;\n        const normalizedDifference = difference * (difference > 0 ? 1 : -1);\n        announce(\n          t(`feed_attachments_${difference > 0 ? 'added' : 'removed'}`, [normalizedDifference], {\n            count: normalizedDifference\n          })\n        );\n      }\n    }, [attachments]);\n\n    if (attachments.length === 0) return null;\n\n    const previewableFiles: AttachedFiles[] = [];\n    const nonPreviewableFiles: AttachedFiles[] = [];\n\n    attachments.forEach(file => {\n      const type = getKindFromMimeType(getMimeTypeFromFile(file.name) ?? '');\n\n      if (type === 'image' && file.thumbnail) previewableFiles.push(file);\n      else nonPreviewableFiles.push(file);\n    });\n\n    return (\n      <StyledAttachmentsRegion>\n        {readOnly && !!previewableFiles.length && (\n          <Flex container={{ direction: 'column', gap: 1 }}>\n            {previewableFiles.map(({ lastModified, name, onPreview, thumbnail }) => {\n              return (\n                <StyledImagePreview key={lastModified} onClick={() => onPreview?.(name)}>\n                  <Image alt={name} src={thumbnail} />\n                </StyledImagePreview>\n              );\n            })}\n          </Flex>\n        )}\n        <Grid\n          ref={ref}\n          as={StyledFeedAttachments}\n          container={{\n            cols: 'repeat(auto-fill, minmax(15rem, 1fr))',\n            gap: 1\n          }}\n        >\n          {!readOnly &&\n            previewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n              return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n            })}\n          {nonPreviewableFiles.map(({ lastModified, name, size, ...restProps }) => {\n            return <FileUploadItem key={lastModified} name={name} size={size} {...restProps} />;\n          })}\n        </Grid>\n      </StyledAttachmentsRegion>\n    );\n  }\n);\n\nexport default FeedAttachments;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FeedNewPostTypeMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedNewPostTypeMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,YAAY,EACb,MAAM,yBAAyB,CAAC;AAIjC,oBAAY,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,+BAA+B;IAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,iDAAiD;IACjD,0BAA0B,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACtE,0DAA0D;IAC1D,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAwLD,QAAA,MAAM,mBAAmB,+GAQtB,iBAAiB,GAAG,YAAY,gBAyalC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"FeedNewPostTypeMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedNewPostTypeMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,EAeL,YAAY,EACb,MAAM,yBAAyB,CAAC;AAIjC,oBAAY,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,iBAAiB;IAChC,yCAAyC;IACzC,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,+BAA+B;IAC/B,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC5C,iDAAiD;IACjD,0BAA0B,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,KAAK,IAAI,CAAC;IACtE,0DAA0D;IAC1D,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAoLD,QAAA,MAAM,mBAAmB,+GAQtB,iBAAiB,GAAG,YAAY,gBAwalC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/Feed/FeedNewPostTypeMenu.js

@@ -4,7 +4,7 @@ import styled, { css } from 'styled-components';
 import { Button, Text, StyledPrimary, StyledMenuItem, Icon, StyledIcon, useElement, useOuterEvent, Popover, Menu, Status, defaultThemeProp, createUID, useAfterInitialEffect } from '@pega/cosmos-react-core';
 import { StyledMenuListHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
 import MultiSelectInput from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput';
-const StyledPopoverContent = styled.div(({ theme }) => {
+const StyledCountBadgePopoverContent = styled.div(({ theme }) => {
     const { base: { spacing } } = theme;
     return css `
     padding: ${spacing};
@@ -14,7 +14,10 @@ const StyledPopoverContent = styled.div(({ theme }) => {
     }
   `;
 });
-StyledPopoverContent.defaultProps = defaultThemeProp;
+StyledCountBadgePopoverContent.defaultProps = defaultThemeProp;
+const StyledPostTypePopoverContent = styled.div `
+  width: clamp(16rem, 60vw, 40rem);
+`;
 const StyledRecipientCount = styled(Status)(({ theme }) => {
     const { base: { spacing } } = theme;
     return css `
@@ -23,13 +26,6 @@ const StyledRecipientCount = styled(Status)(({ theme }) => {
   `;
 });
 StyledRecipientCount.defaultProps = defaultThemeProp;
-const StyledMultiSelect = styled(MultiSelectInput)(() => {
-    return css `
-    width: 60vw;
-    min-width: 16rem;
-    max-width: 40rem;
-  `;
-});
 const StyledSelectedInputContainer = styled.div(({ theme }) => {
     const { base: { spacing } } = theme;
     return css `
@@ -357,15 +353,15 @@ const FeedNewPostTypeMenu = ({ recipients, onSetPostType, onSelectedRecipientsUp
         multiSelectInputRef.current?.addEventListener('keydown', handleKeydownToggle);
         return () => multiSelectInputRef.current?.removeEventListener('keydown', handleKeydownToggle);
     }, [multiSelectInputRef.current, state.showTypeMenu]);
-    return (_jsxs(_Fragment, { children: [_jsxs(StyledTypeMenuToggle, { ...restProps, onClick: () => {
+    return (_jsxs("div", { children: [_jsxs(StyledTypeMenuToggle, { ...restProps, onClick: () => {
                     dispatch({ type: 'toggleTypeMenu' });
-                }, ref: setToggleEl, variant: 'link', "aria-haspopup": 'menu', "aria-expanded": state.showTypeMenu, children: [_jsx("span", { ref: setTypeMenuPopoverTarget, children: typeCopy[state.postType].primary }, void 0), _jsx(Icon, { name: 'arrow-micro-down' }, void 0)] }, void 0), state.postType === 'private' && state.multiSelectItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(StyledRecipientCount, { ref: setRecipientCountEl, "aria-describedby": 'recipients-popover', onMouseEnter: () => {
+                }, ref: setToggleEl, variant: 'link', "aria-haspopup": 'menu', "aria-expanded": state.showTypeMenu, onBlur: onBlur, children: [_jsx("span", { ref: setTypeMenuPopoverTarget, children: typeCopy[state.postType].primary }, void 0), _jsx(Icon, { name: 'arrow-micro-down' }, void 0)] }, void 0), state.postType === 'private' && state.multiSelectItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(StyledRecipientCount, { ref: setRecipientCountEl, "aria-describedby": `recipients-popover--${menuPopoverId}`, onMouseEnter: () => {
                             if (!state.showTypeMenu)
                                 dispatch({ type: 'setShowCountPopover', payload: true });
-                        }, onFocus: () => dispatch({ type: 'setShowCountPopover', payload: true }), onMouseLeave: () => dispatch({ type: 'setShowCountPopover', payload: false }), onBlur: () => dispatch({ type: 'setShowCountPopover', payload: false }), children: `${state.multiSelectItems.length}` }, void 0), _jsx(Popover, { show: state.showCountPopover, target: recipientCountEl, id: 'recipients-popover', onMouseEnter: () => {
+                        }, onFocus: () => dispatch({ type: 'setShowCountPopover', payload: true }), onMouseLeave: () => dispatch({ type: 'setShowCountPopover', payload: false }), children: `${state.multiSelectItems.length}` }, void 0), _jsx(Popover, { show: state.showCountPopover, target: recipientCountEl, id: `recipients-popover--${menuPopoverId}`, onMouseEnter: () => {
                             if (!state.showTypeMenu)
                                 dispatch({ type: 'setShowCountPopover', payload: true });
-                        }, onMouseLeave: () => dispatch({ type: 'setShowCountPopover', payload: false }), arrow: true, children: _jsx(StyledPopoverContent, { children: state.multiSelectItems.map((recipient) => {
+                        }, onMouseLeave: () => dispatch({ type: 'setShowCountPopover', payload: false }), arrow: true, children: _jsx(StyledCountBadgePopoverContent, { children: state.multiSelectItems.map((recipient) => {
                                 return (_jsx("p", { children: _jsx(Text, { variant: 'primary', children: recipient.text }, void 0) }, recipient.id));
                             }) }, void 0) }, void 0)] }, void 0)), _jsxs(StyledPostTypePopover, { id: menuPopoverId, ref: setTypePopoverEl, target: typeMenuPopoverTarget, show: state.showTypeMenu, placement: 'bottom-start', children: [(state.postType !== 'private' || !state.viewingRecipients) && (_jsx(Menu, { items: state.typeMenuItems, focusControlEl: toggleEl || undefined, mode: 'single-select', onItemClick: selectedId => {
                             const postType = state.typeMenuItems.find(item => item.id === selectedId).value;
@@ -377,15 +373,15 @@ const FeedNewPostTypeMenu = ({ recipients, onSetPostType, onSelectedRecipientsUp
                             else {
                                 dispatch({ type: 'setPostType', payload: 'private' });
                             }
-                        }, onBlur: onBlur }, void 0)), state.postType === 'private' && state.viewingRecipients && (_jsxs(_Fragment, { children: [_jsxs(StyledRecipientMenuHeader, { children: [_jsxs(Button, { as: StyledRecipientBackButton, variant: 'text', "aria-label": 'close submenu', onClick: () => {
+                        } }, void 0)), state.postType === 'private' && state.viewingRecipients && (_jsxs(StyledPostTypePopoverContent, { children: [_jsxs(StyledRecipientMenuHeader, { children: [_jsxs(Button, { as: StyledRecipientBackButton, variant: 'text', "aria-label": 'close submenu', onClick: () => {
                                             dispatch({ type: 'setViewingRecipients', payload: false });
-                                        }, onBlur: onBlur, children: [_jsx(Icon, { name: 'caret-left' }, void 0), typeCopy.private.primary] }, void 0), _jsx(StyledSelectedInputContainer, { children: _jsx(StyledMultiSelect, { ref: multiSelectInputRef, selected: state.multiSelectItems, onRemove: (selectedId) => {
+                                        }, onBlur: onBlur, children: [_jsx(Icon, { name: 'caret-left' }, void 0), typeCopy.private.primary] }, void 0), _jsx(StyledSelectedInputContainer, { children: _jsx(MultiSelectInput, { ref: multiSelectInputRef, selected: state.multiSelectItems, onRemove: (selectedId) => {
                                                 dispatch({ type: 'removeRecipientViaMultiSelect', payload: selectedId });
                                             }, value: state.searchValue, onChange: (e) => {
                                                 dispatch({ type: 'setSearchValue', payload: e.target.value });
-                                            } }, void 0) }, void 0)] }, void 0), state.showRecipientMenu && (_jsx(StyledRecipientMenu, { loading: state.itemsLoading, focusControlEl: multiSelectInputRef.current, items: state.itemsLoading ? [] : state.recipientMenuItems, scrollAt: 11, mode: 'action', emptyText: 'No items', onItemClick: (selectedId) => {
+                                            }, onBlur: onBlur }, void 0) }, void 0)] }, void 0), state.showRecipientMenu && (_jsx(StyledRecipientMenu, { loading: state.itemsLoading, focusControlEl: multiSelectInputRef.current, items: state.itemsLoading ? [] : state.recipientMenuItems, scrollAt: 11, mode: 'action', emptyText: 'No items', onItemClick: (selectedId) => {
                                     dispatch({ type: 'selectRecipientViaMenu', payload: selectedId });
-                                }, onBlur: onBlur }, void 0))] }, void 0))] }, void 0)] }, void 0));
+                                } }, void 0))] }, void 0))] }, void 0)] }, void 0));
 };
 export default FeedNewPostTypeMenu;
 //# sourceMappingURL=FeedNewPostTypeMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedNewPostTypeMenu.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedNewPostTypeMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useMemo, useEffect, useCallback, useReducer, ChangeEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Text,\n  StyledPrimary,\n  StyledMenuItem,\n  Icon,\n  StyledIcon,\n  useElement,\n  useOuterEvent,\n  Popover,\n  Menu,\n  Status,\n  defaultThemeProp,\n  createUID,\n  useAfterInitialEffect,\n  ForwardProps\n} from '@pega/cosmos-react-core';\nimport { StyledMenuListHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport MultiSelectInput from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput';\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}\n\nexport interface RecipientMultiSelectData {\n  id: RecipientMenuItem['id'];\n  text: RecipientMenuItem['primary'];\n  value: RecipientMenuItem['value'];\n}\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\ninterface PostTypeMenuState {\n  postType: PostType;\n  itemsLoading: boolean;\n  showTypeMenu: boolean;\n  showRecipientMenu: boolean;\n  viewingRecipients: boolean;\n  showCountPopover: boolean;\n  searchValue: string;\n  typeMenuItems: {\n    id: string;\n    primary: string;\n    selected: boolean;\n    value: PostType;\n  }[];\n  recipientMenuItems: RecipientMenuItem[];\n  multiSelectItems: RecipientMultiSelectData[];\n}\n\nconst StyledPopoverContent = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    padding: ${spacing};\n\n    p:not(:last-child) {\n      margin-bottom: ${spacing};\n    }\n  `;\n});\nStyledPopoverContent.defaultProps = defaultThemeProp;\n\nconst StyledRecipientCount = styled(Status)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    border-radius: 1.25rem;\n    margin: 0 0 0 calc(0.5 * ${spacing});\n  `;\n});\nStyledRecipientCount.defaultProps = defaultThemeProp;\n\nconst StyledMultiSelect = styled(MultiSelectInput)(() => {\n  return css`\n    width: 60vw;\n    min-width: 16rem;\n    max-width: 40rem;\n  `;\n});\n\nconst StyledSelectedInputContainer = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin: ${spacing} calc(2 * ${spacing}) calc(2 * ${spacing});\n  `;\n});\nStyledSelectedInputContainer.defaultProps = defaultThemeProp;\n\nconst StyledRecipientBackButton = styled(StyledMenuListHeader)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { 'semi-bold': fontWeight },\n      spacing\n    }\n  } = theme;\n\n  return css`\n    font-weight: ${fontWeight};\n    padding: ${spacing} calc(2 * ${spacing});\n\n    &:hover,\n    &:focus {\n      text-decoration: none;\n    }\n\n    && ${StyledIcon} {\n      display: inline-block;\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\nStyledRecipientBackButton.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenuHeader = styled.div``;\n\nconst StyledTypeMenuToggle = styled(Button)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin: ${spacing} 0;\n  `;\n});\nStyledTypeMenuToggle.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenu = styled(Menu)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    ${StyledMenuItem} > button {\n      padding: ${spacing} calc(2 * ${spacing});\n    }\n  `;\n});\nStyledRecipientMenu.defaultProps = defaultThemeProp;\n\nconst StyledPostTypePopover = styled(Popover)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { normal: fontWeight }\n    }\n  } = theme;\n  return css`\n    ${StyledPrimary} {\n      font-weight: ${fontWeight};\n    }\n  `;\n});\nStyledPostTypePopover.defaultProps = defaultThemeProp;\n\nconst typeCopy = {\n  post: {\n    primary: 'Public post'\n  },\n  private: {\n    primary: 'Private post'\n  }\n};\n\nconst createRecipientMenuItem = (\n  recipient: RecipientOption,\n  selectedIds?: RecipientMenuItem['id'][]\n) => {\n  const checkIds = selectedIds || [];\n  const id = `option_${recipient.value}`;\n\n  return {\n    ...recipient,\n    id,\n    selected: checkIds.includes(id)\n  };\n};\n\nconst getTypeMenuItems = (type: PostType): PostTypeMenuState['typeMenuItems'] => {\n  return [\n    {\n      id: '1',\n      primary: typeCopy.post.primary,\n      selected: type === 'post',\n      value: 'post'\n    },\n    {\n      id: '2',\n      primary: typeCopy.private.primary,\n      selected: type === 'private',\n      value: 'private'\n    }\n  ];\n};\n\nconst initialState: PostTypeMenuState = {\n  postType: 'post',\n  itemsLoading: false,\n  showTypeMenu: false,\n  showRecipientMenu: false,\n  viewingRecipients: false,\n  showCountPopover: false,\n  searchValue: '',\n  typeMenuItems: getTypeMenuItems('post'),\n  recipientMenuItems: [] as RecipientMenuItem[],\n  multiSelectItems: [] as RecipientMultiSelectData[]\n};\n\nconst FeedNewPostTypeMenu = ({\n  recipients,\n  onSetPostType,\n  onSelectedRecipientsUpdate,\n  onRecipientSearch,\n  reset,\n  onReset,\n  ...restProps\n}: PostTypeMenuProps & ForwardProps) => {\n  const menuPopoverId = useMemo(() => createUID(), []);\n\n  const multiSelectInputRef = useRef<HTMLInputElement>(null);\n  const [toggleEl, setToggleEl] = useElement<HTMLButtonElement>();\n  const [recipientCountEl, setRecipientCountEl] = useElement<HTMLElement>();\n  const [typePopoverEl, setTypePopoverEl] = useElement<HTMLElement>(null);\n  const [typeMenuPopoverTarget, setTypeMenuPopoverTarget] = useElement<HTMLButtonElement>(null);\n\n  const reducer = (\n    state: PostTypeMenuState,\n    action: {\n      type:\n        | 'reset'\n        | 'setPostType'\n        | 'setShowTypeMenu'\n        | 'setShowRecipientMenu'\n        | 'setSearchValue'\n        | 'setViewingRecipients'\n        | 'setShowCountPopover'\n        | 'setItemsLoading'\n        | 'updateTypeMenuItems'\n        | 'toggleTypeMenu'\n        | 'removeRecipientViaMultiSelect'\n        | 'selectRecipientViaMenu'\n        | 'updateRecipientMenuItems'\n        | 'resetUnappliedState';\n      payload?: any;\n    }\n  ): PostTypeMenuState => {\n    const type = action.type;\n    const payload = action.payload;\n\n    switch (type) {\n      case 'reset': {\n        return initialState;\n      }\n      case 'setPostType': {\n        const postType = payload;\n        const privateSelected = postType === 'private';\n\n        return {\n          ...state,\n          postType,\n          showTypeMenu: !privateSelected ? false : state.showTypeMenu,\n          viewingRecipients: privateSelected ? true : state.viewingRecipients,\n          multiSelectItems: initialState.multiSelectItems,\n          searchValue: initialState.searchValue\n        };\n      }\n      case 'setShowTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: payload\n        };\n      }\n      case 'setShowRecipientMenu': {\n        return {\n          ...state,\n          showRecipientMenu: payload\n        };\n      }\n      case 'setSearchValue': {\n        return {\n          ...state,\n          searchValue: payload\n        };\n      }\n      case 'setViewingRecipients': {\n        return {\n          ...state,\n          viewingRecipients: payload\n        };\n      }\n      case 'setShowCountPopover': {\n        return {\n          ...state,\n          showCountPopover: payload\n        };\n      }\n      case 'setItemsLoading': {\n        return {\n          ...state,\n          itemsLoading: payload\n        };\n      }\n      case 'updateTypeMenuItems': {\n        return {\n          ...state,\n          typeMenuItems: getTypeMenuItems(state.postType)\n        };\n      }\n      case 'toggleTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: !state.showTypeMenu,\n          showCountPopover: false\n        };\n      }\n      case 'removeRecipientViaMultiSelect': {\n        const selectedId = payload;\n\n        const multiSelectItems = state.multiSelectItems.reduce<RecipientMultiSelectData[]>(\n          (acc, recipient) => {\n            if (recipient.id === selectedId) return acc;\n\n            return acc.concat([recipient]);\n          },\n          []\n        );\n\n        const recipientMenuItems = state.recipientMenuItems.map(item => {\n          if (item.id === selectedId) {\n            return {\n              ...item,\n              selected: false\n            };\n          }\n\n          return {\n            ...item\n          };\n        });\n\n        return {\n          ...state,\n          multiSelectItems,\n          recipientMenuItems\n        };\n      }\n      case 'selectRecipientViaMenu': {\n        const selectedId = payload;\n\n        if (!state.multiSelectItems.some(item => item.id === selectedId)) {\n          const selectedFromMenu = state.recipientMenuItems.filter(\n            item => item.id === selectedId\n          )[0];\n\n          const multiSelectItems = state.multiSelectItems.concat([\n            {\n              text: selectedFromMenu.primary,\n              id: selectedFromMenu.id,\n              value: selectedFromMenu.value\n            }\n          ]);\n\n          return {\n            ...state,\n            multiSelectItems,\n            searchValue: ''\n          };\n        }\n\n        return {\n          ...state,\n          searchValue: ''\n        };\n      }\n      case 'updateRecipientMenuItems': {\n        const selectedIds = state.multiSelectItems.map(item => item.id);\n\n        return {\n          ...state,\n          itemsLoading: false,\n          recipientMenuItems: recipients.map(recipient =>\n            createRecipientMenuItem(recipient, selectedIds)\n          )\n        };\n      }\n      case 'resetUnappliedState': {\n        const postType =\n          state.postType === 'private' && state.multiSelectItems.length === 0\n            ? 'post'\n            : state.postType;\n\n        const searchValue = '';\n\n        return {\n          ...state,\n          postType,\n          searchValue\n        };\n      }\n      default:\n        return {\n          ...state\n        };\n    }\n  };\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  const onBlur = useCallback((): void => {\n    setTimeout(() => {\n      if (!document.activeElement?.closest(`#${menuPopoverId}`)) {\n        dispatch({ type: 'setShowTypeMenu', payload: false });\n      }\n    }, 200);\n  }, [menuPopoverId]);\n\n  const handleKeydownToggle = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && state.showTypeMenu) dispatch({ type: 'toggleTypeMenu' });\n    },\n    [state.showTypeMenu]\n  );\n\n  useOuterEvent('mousedown', [typePopoverEl, typeMenuPopoverTarget], () => {\n    dispatch({ type: 'setShowTypeMenu', payload: false });\n  });\n\n  useEffect(() => {\n    if (reset) {\n      dispatch({ type: 'reset' });\n      onReset();\n    }\n  }, [reset]);\n\n  useEffect(() => {\n    dispatch({ type: 'updateRecipientMenuItems' });\n  }, [recipients]);\n\n  useEffect(() => {\n    onSelectedRecipientsUpdate(\n      state.multiSelectItems.map(item => ({\n        id: item.id,\n        primary: item.text,\n        value: item.value\n      }))\n    );\n  }, [state.multiSelectItems]);\n\n  useEffect(() => {\n    if (!state.showTypeMenu) {\n      if (state.postType === 'private') {\n        // Timeout to prevent flash of recipients options when closing menu.\n        setTimeout(() => {\n          dispatch({ type: 'setViewingRecipients', payload: true });\n        }, 100);\n      }\n\n      setTimeout(() => {\n        // Timeout to prevent flash of type menu when resetting postType on close\n        dispatch({ type: 'resetUnappliedState' });\n      }, 100);\n    }\n  }, [state.showTypeMenu]);\n\n  useEffect(() => {\n    if (multiSelectInputRef.current) {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [multiSelectInputRef.current]);\n\n  useEffect(() => {\n    if (state.postType === 'private') {\n      if (!state.viewingRecipients) {\n        toggleEl?.focus();\n      } else {\n        multiSelectInputRef.current?.focus();\n      }\n    }\n  }, [state.viewingRecipients]);\n\n  useAfterInitialEffect(() => {\n    onSetPostType(state.postType);\n    dispatch({ type: 'updateTypeMenuItems' });\n\n    if (state.postType === 'private') {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [state.postType]);\n\n  useEffect(() => {\n    const interactionTimeout = setTimeout(() => {\n      onRecipientSearch(state.searchValue);\n      dispatch({ type: 'setItemsLoading', payload: true });\n      dispatch({ type: 'setShowRecipientMenu', payload: !!state.searchValue.length });\n    }, 300);\n\n    return () => {\n      clearTimeout(interactionTimeout);\n    };\n  }, [state.searchValue]);\n\n  useEffect(() => {\n    toggleEl?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => toggleEl?.removeEventListener('keydown', handleKeydownToggle);\n  }, [toggleEl, state.showTypeMenu]);\n\n  useEffect(() => {\n    multiSelectInputRef.current?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => multiSelectInputRef.current?.removeEventListener('keydown', handleKeydownToggle);\n  }, [multiSelectInputRef.current, state.showTypeMenu]);\n\n  return (\n    <>\n      <StyledTypeMenuToggle\n        {...restProps}\n        onClick={() => {\n          dispatch({ type: 'toggleTypeMenu' });\n        }}\n        ref={setToggleEl}\n        variant='link'\n        aria-haspopup='menu'\n        aria-expanded={state.showTypeMenu}\n      >\n        <span ref={setTypeMenuPopoverTarget}>{typeCopy[state.postType].primary}</span>\n        <Icon name='arrow-micro-down' />\n      </StyledTypeMenuToggle>\n\n      {state.postType === 'private' && state.multiSelectItems.length > 0 && (\n        <>\n          <StyledRecipientCount\n            ref={setRecipientCountEl}\n            aria-describedby='recipients-popover'\n            onMouseEnter={() => {\n              if (!state.showTypeMenu) dispatch({ type: 'setShowCountPopover', payload: true });\n            }}\n            onFocus={() => dispatch({ type: 'setShowCountPopover', payload: true })}\n            onMouseLeave={() => dispatch({ type: 'setShowCountPopover', payload: false })}\n            onBlur={() => dispatch({ type: 'setShowCountPopover', payload: false })}\n          >{`${state.multiSelectItems.length}`}</StyledRecipientCount>\n\n          <Popover\n            show={state.showCountPopover}\n            target={recipientCountEl}\n            id='recipients-popover'\n            onMouseEnter={() => {\n              if (!state.showTypeMenu) dispatch({ type: 'setShowCountPopover', payload: true });\n            }}\n            onMouseLeave={() => dispatch({ type: 'setShowCountPopover', payload: false })}\n            arrow\n          >\n            <StyledPopoverContent>\n              {state.multiSelectItems.map((recipient: RecipientMultiSelectData) => {\n                return (\n                  <p key={recipient.id}>\n                    <Text variant='primary'>{recipient.text}</Text>\n                  </p>\n                );\n              })}\n            </StyledPopoverContent>\n          </Popover>\n        </>\n      )}\n\n      <StyledPostTypePopover\n        id={menuPopoverId}\n        ref={setTypePopoverEl}\n        target={typeMenuPopoverTarget}\n        show={state.showTypeMenu}\n        placement='bottom-start'\n      >\n        {(state.postType !== 'private' || !state.viewingRecipients) && (\n          <Menu\n            items={state.typeMenuItems}\n            focusControlEl={toggleEl || undefined}\n            mode='single-select'\n            onItemClick={selectedId => {\n              const postType = state.typeMenuItems.find(item => item.id === selectedId)!.value;\n              dispatch({ type: 'setPostType', payload: postType });\n            }}\n            onItemExpand={() => {\n              if (state.postType === 'private') {\n                dispatch({ type: 'setViewingRecipients', payload: true });\n              } else {\n                dispatch({ type: 'setPostType', payload: 'private' });\n              }\n            }}\n            onBlur={onBlur}\n          />\n        )}\n\n        {state.postType === 'private' && state.viewingRecipients && (\n          <>\n            <StyledRecipientMenuHeader>\n              <Button\n                as={StyledRecipientBackButton}\n                variant='text'\n                aria-label='close submenu'\n                onClick={() => {\n                  dispatch({ type: 'setViewingRecipients', payload: false });\n                }}\n                onBlur={onBlur}\n              >\n                <Icon name='caret-left' />\n                {typeCopy.private.primary}\n              </Button>\n\n              <StyledSelectedInputContainer>\n                <StyledMultiSelect\n                  ref={multiSelectInputRef}\n                  selected={state.multiSelectItems}\n                  onRemove={(selectedId: RecipientMultiSelectData['id']) => {\n                    dispatch({ type: 'removeRecipientViaMultiSelect', payload: selectedId });\n                  }}\n                  value={state.searchValue}\n                  onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    dispatch({ type: 'setSearchValue', payload: e.target.value });\n                  }}\n                />\n              </StyledSelectedInputContainer>\n            </StyledRecipientMenuHeader>\n\n            {state.showRecipientMenu && (\n              <StyledRecipientMenu\n                loading={state.itemsLoading}\n                focusControlEl={multiSelectInputRef.current}\n                items={state.itemsLoading ? [] : state.recipientMenuItems}\n                scrollAt={11}\n                mode='action'\n                emptyText='No items'\n                onItemClick={(selectedId: RecipientMultiSelectData['id']) => {\n                  dispatch({ type: 'selectRecipientViaMenu', payload: selectedId });\n                }}\n                onBlur={onBlur}\n              />\n            )}\n          </>\n        )}\n      </StyledPostTypePopover>\n    </>\n  );\n};\n\nexport default FeedNewPostTypeMenu;\n"]}
+{"version":3,"file":"FeedNewPostTypeMenu.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedNewPostTypeMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRef, useMemo, useEffect, useCallback, useReducer, ChangeEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Text,\n  StyledPrimary,\n  StyledMenuItem,\n  Icon,\n  StyledIcon,\n  useElement,\n  useOuterEvent,\n  Popover,\n  Menu,\n  Status,\n  defaultThemeProp,\n  createUID,\n  useAfterInitialEffect,\n  ForwardProps\n} from '@pega/cosmos-react-core';\nimport { StyledMenuListHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport MultiSelectInput from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput';\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}\n\nexport interface RecipientMultiSelectData {\n  id: RecipientMenuItem['id'];\n  text: RecipientMenuItem['primary'];\n  value: RecipientMenuItem['value'];\n}\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\ninterface PostTypeMenuState {\n  postType: PostType;\n  itemsLoading: boolean;\n  showTypeMenu: boolean;\n  showRecipientMenu: boolean;\n  viewingRecipients: boolean;\n  showCountPopover: boolean;\n  searchValue: string;\n  typeMenuItems: {\n    id: string;\n    primary: string;\n    selected: boolean;\n    value: PostType;\n  }[];\n  recipientMenuItems: RecipientMenuItem[];\n  multiSelectItems: RecipientMultiSelectData[];\n}\n\nconst StyledCountBadgePopoverContent = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    padding: ${spacing};\n\n    p:not(:last-child) {\n      margin-bottom: ${spacing};\n    }\n  `;\n});\nStyledCountBadgePopoverContent.defaultProps = defaultThemeProp;\n\nconst StyledPostTypePopoverContent = styled.div`\n  width: clamp(16rem, 60vw, 40rem);\n`;\n\nconst StyledRecipientCount = styled(Status)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    border-radius: 1.25rem;\n    margin: 0 0 0 calc(0.5 * ${spacing});\n  `;\n});\nStyledRecipientCount.defaultProps = defaultThemeProp;\n\nconst StyledSelectedInputContainer = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin: ${spacing} calc(2 * ${spacing}) calc(2 * ${spacing});\n  `;\n});\nStyledSelectedInputContainer.defaultProps = defaultThemeProp;\n\nconst StyledRecipientBackButton = styled(StyledMenuListHeader)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { 'semi-bold': fontWeight },\n      spacing\n    }\n  } = theme;\n\n  return css`\n    font-weight: ${fontWeight};\n    padding: ${spacing} calc(2 * ${spacing});\n\n    &:hover,\n    &:focus {\n      text-decoration: none;\n    }\n\n    && ${StyledIcon} {\n      display: inline-block;\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\nStyledRecipientBackButton.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenuHeader = styled.div``;\n\nconst StyledTypeMenuToggle = styled(Button)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin: ${spacing} 0;\n  `;\n});\nStyledTypeMenuToggle.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenu = styled(Menu)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    ${StyledMenuItem} > button {\n      padding: ${spacing} calc(2 * ${spacing});\n    }\n  `;\n});\nStyledRecipientMenu.defaultProps = defaultThemeProp;\n\nconst StyledPostTypePopover = styled(Popover)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { normal: fontWeight }\n    }\n  } = theme;\n  return css`\n    ${StyledPrimary} {\n      font-weight: ${fontWeight};\n    }\n  `;\n});\nStyledPostTypePopover.defaultProps = defaultThemeProp;\n\nconst typeCopy = {\n  post: {\n    primary: 'Public post'\n  },\n  private: {\n    primary: 'Private post'\n  }\n};\n\nconst createRecipientMenuItem = (\n  recipient: RecipientOption,\n  selectedIds?: RecipientMenuItem['id'][]\n) => {\n  const checkIds = selectedIds || [];\n  const id = `option_${recipient.value}`;\n\n  return {\n    ...recipient,\n    id,\n    selected: checkIds.includes(id)\n  };\n};\n\nconst getTypeMenuItems = (type: PostType): PostTypeMenuState['typeMenuItems'] => {\n  return [\n    {\n      id: '1',\n      primary: typeCopy.post.primary,\n      selected: type === 'post',\n      value: 'post'\n    },\n    {\n      id: '2',\n      primary: typeCopy.private.primary,\n      selected: type === 'private',\n      value: 'private'\n    }\n  ];\n};\n\nconst initialState: PostTypeMenuState = {\n  postType: 'post',\n  itemsLoading: false,\n  showTypeMenu: false,\n  showRecipientMenu: false,\n  viewingRecipients: false,\n  showCountPopover: false,\n  searchValue: '',\n  typeMenuItems: getTypeMenuItems('post'),\n  recipientMenuItems: [] as RecipientMenuItem[],\n  multiSelectItems: [] as RecipientMultiSelectData[]\n};\n\nconst FeedNewPostTypeMenu = ({\n  recipients,\n  onSetPostType,\n  onSelectedRecipientsUpdate,\n  onRecipientSearch,\n  reset,\n  onReset,\n  ...restProps\n}: PostTypeMenuProps & ForwardProps) => {\n  const menuPopoverId = useMemo(() => createUID(), []);\n\n  const multiSelectInputRef = useRef<HTMLInputElement>(null);\n  const [toggleEl, setToggleEl] = useElement<HTMLButtonElement>();\n  const [recipientCountEl, setRecipientCountEl] = useElement<HTMLElement>();\n  const [typePopoverEl, setTypePopoverEl] = useElement<HTMLElement>(null);\n  const [typeMenuPopoverTarget, setTypeMenuPopoverTarget] = useElement<HTMLButtonElement>(null);\n\n  const reducer = (\n    state: PostTypeMenuState,\n    action: {\n      type:\n        | 'reset'\n        | 'setPostType'\n        | 'setShowTypeMenu'\n        | 'setShowRecipientMenu'\n        | 'setSearchValue'\n        | 'setViewingRecipients'\n        | 'setShowCountPopover'\n        | 'setItemsLoading'\n        | 'updateTypeMenuItems'\n        | 'toggleTypeMenu'\n        | 'removeRecipientViaMultiSelect'\n        | 'selectRecipientViaMenu'\n        | 'updateRecipientMenuItems'\n        | 'resetUnappliedState';\n      payload?: any;\n    }\n  ): PostTypeMenuState => {\n    const type = action.type;\n    const payload = action.payload;\n\n    switch (type) {\n      case 'reset': {\n        return initialState;\n      }\n      case 'setPostType': {\n        const postType = payload;\n        const privateSelected = postType === 'private';\n\n        return {\n          ...state,\n          postType,\n          showTypeMenu: !privateSelected ? false : state.showTypeMenu,\n          viewingRecipients: privateSelected ? true : state.viewingRecipients,\n          multiSelectItems: initialState.multiSelectItems,\n          searchValue: initialState.searchValue\n        };\n      }\n      case 'setShowTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: payload\n        };\n      }\n      case 'setShowRecipientMenu': {\n        return {\n          ...state,\n          showRecipientMenu: payload\n        };\n      }\n      case 'setSearchValue': {\n        return {\n          ...state,\n          searchValue: payload\n        };\n      }\n      case 'setViewingRecipients': {\n        return {\n          ...state,\n          viewingRecipients: payload\n        };\n      }\n      case 'setShowCountPopover': {\n        return {\n          ...state,\n          showCountPopover: payload\n        };\n      }\n      case 'setItemsLoading': {\n        return {\n          ...state,\n          itemsLoading: payload\n        };\n      }\n      case 'updateTypeMenuItems': {\n        return {\n          ...state,\n          typeMenuItems: getTypeMenuItems(state.postType)\n        };\n      }\n      case 'toggleTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: !state.showTypeMenu,\n          showCountPopover: false\n        };\n      }\n      case 'removeRecipientViaMultiSelect': {\n        const selectedId = payload;\n\n        const multiSelectItems = state.multiSelectItems.reduce<RecipientMultiSelectData[]>(\n          (acc, recipient) => {\n            if (recipient.id === selectedId) return acc;\n\n            return acc.concat([recipient]);\n          },\n          []\n        );\n\n        const recipientMenuItems = state.recipientMenuItems.map(item => {\n          if (item.id === selectedId) {\n            return {\n              ...item,\n              selected: false\n            };\n          }\n\n          return {\n            ...item\n          };\n        });\n\n        return {\n          ...state,\n          multiSelectItems,\n          recipientMenuItems\n        };\n      }\n      case 'selectRecipientViaMenu': {\n        const selectedId = payload;\n\n        if (!state.multiSelectItems.some(item => item.id === selectedId)) {\n          const selectedFromMenu = state.recipientMenuItems.filter(\n            item => item.id === selectedId\n          )[0];\n\n          const multiSelectItems = state.multiSelectItems.concat([\n            {\n              text: selectedFromMenu.primary,\n              id: selectedFromMenu.id,\n              value: selectedFromMenu.value\n            }\n          ]);\n\n          return {\n            ...state,\n            multiSelectItems,\n            searchValue: ''\n          };\n        }\n\n        return {\n          ...state,\n          searchValue: ''\n        };\n      }\n      case 'updateRecipientMenuItems': {\n        const selectedIds = state.multiSelectItems.map(item => item.id);\n\n        return {\n          ...state,\n          itemsLoading: false,\n          recipientMenuItems: recipients.map(recipient =>\n            createRecipientMenuItem(recipient, selectedIds)\n          )\n        };\n      }\n      case 'resetUnappliedState': {\n        const postType =\n          state.postType === 'private' && state.multiSelectItems.length === 0\n            ? 'post'\n            : state.postType;\n\n        const searchValue = '';\n\n        return {\n          ...state,\n          postType,\n          searchValue\n        };\n      }\n      default:\n        return {\n          ...state\n        };\n    }\n  };\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  const onBlur = useCallback((): void => {\n    setTimeout(() => {\n      if (!document.activeElement?.closest(`#${menuPopoverId}`)) {\n        dispatch({ type: 'setShowTypeMenu', payload: false });\n      }\n    }, 200);\n  }, [menuPopoverId]);\n\n  const handleKeydownToggle = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && state.showTypeMenu) dispatch({ type: 'toggleTypeMenu' });\n    },\n    [state.showTypeMenu]\n  );\n\n  useOuterEvent('mousedown', [typePopoverEl, typeMenuPopoverTarget], () => {\n    dispatch({ type: 'setShowTypeMenu', payload: false });\n  });\n\n  useEffect(() => {\n    if (reset) {\n      dispatch({ type: 'reset' });\n      onReset();\n    }\n  }, [reset]);\n\n  useEffect(() => {\n    dispatch({ type: 'updateRecipientMenuItems' });\n  }, [recipients]);\n\n  useEffect(() => {\n    onSelectedRecipientsUpdate(\n      state.multiSelectItems.map(item => ({\n        id: item.id,\n        primary: item.text,\n        value: item.value\n      }))\n    );\n  }, [state.multiSelectItems]);\n\n  useEffect(() => {\n    if (!state.showTypeMenu) {\n      if (state.postType === 'private') {\n        // Timeout to prevent flash of recipients options when closing menu.\n        setTimeout(() => {\n          dispatch({ type: 'setViewingRecipients', payload: true });\n        }, 100);\n      }\n\n      setTimeout(() => {\n        // Timeout to prevent flash of type menu when resetting postType on close\n        dispatch({ type: 'resetUnappliedState' });\n      }, 100);\n    }\n  }, [state.showTypeMenu]);\n\n  useEffect(() => {\n    if (multiSelectInputRef.current) {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [multiSelectInputRef.current]);\n\n  useEffect(() => {\n    if (state.postType === 'private') {\n      if (!state.viewingRecipients) {\n        toggleEl?.focus();\n      } else {\n        multiSelectInputRef.current?.focus();\n      }\n    }\n  }, [state.viewingRecipients]);\n\n  useAfterInitialEffect(() => {\n    onSetPostType(state.postType);\n    dispatch({ type: 'updateTypeMenuItems' });\n\n    if (state.postType === 'private') {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [state.postType]);\n\n  useEffect(() => {\n    const interactionTimeout = setTimeout(() => {\n      onRecipientSearch(state.searchValue);\n      dispatch({ type: 'setItemsLoading', payload: true });\n      dispatch({ type: 'setShowRecipientMenu', payload: !!state.searchValue.length });\n    }, 300);\n\n    return () => {\n      clearTimeout(interactionTimeout);\n    };\n  }, [state.searchValue]);\n\n  useEffect(() => {\n    toggleEl?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => toggleEl?.removeEventListener('keydown', handleKeydownToggle);\n  }, [toggleEl, state.showTypeMenu]);\n\n  useEffect(() => {\n    multiSelectInputRef.current?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => multiSelectInputRef.current?.removeEventListener('keydown', handleKeydownToggle);\n  }, [multiSelectInputRef.current, state.showTypeMenu]);\n\n  return (\n    <div>\n      <StyledTypeMenuToggle\n        {...restProps}\n        onClick={() => {\n          dispatch({ type: 'toggleTypeMenu' });\n        }}\n        ref={setToggleEl}\n        variant='link'\n        aria-haspopup='menu'\n        aria-expanded={state.showTypeMenu}\n        onBlur={onBlur}\n      >\n        <span ref={setTypeMenuPopoverTarget}>{typeCopy[state.postType].primary}</span>\n        <Icon name='arrow-micro-down' />\n      </StyledTypeMenuToggle>\n\n      {state.postType === 'private' && state.multiSelectItems.length > 0 && (\n        <>\n          <StyledRecipientCount\n            ref={setRecipientCountEl}\n            aria-describedby={`recipients-popover--${menuPopoverId}`}\n            onMouseEnter={() => {\n              if (!state.showTypeMenu) dispatch({ type: 'setShowCountPopover', payload: true });\n            }}\n            onFocus={() => dispatch({ type: 'setShowCountPopover', payload: true })}\n            onMouseLeave={() => dispatch({ type: 'setShowCountPopover', payload: false })}\n          >{`${state.multiSelectItems.length}`}</StyledRecipientCount>\n\n          <Popover\n            show={state.showCountPopover}\n            target={recipientCountEl}\n            id={`recipients-popover--${menuPopoverId}`}\n            onMouseEnter={() => {\n              if (!state.showTypeMenu) dispatch({ type: 'setShowCountPopover', payload: true });\n            }}\n            onMouseLeave={() => dispatch({ type: 'setShowCountPopover', payload: false })}\n            arrow\n          >\n            <StyledCountBadgePopoverContent>\n              {state.multiSelectItems.map((recipient: RecipientMultiSelectData) => {\n                return (\n                  <p key={recipient.id}>\n                    <Text variant='primary'>{recipient.text}</Text>\n                  </p>\n                );\n              })}\n            </StyledCountBadgePopoverContent>\n          </Popover>\n        </>\n      )}\n\n      <StyledPostTypePopover\n        id={menuPopoverId}\n        ref={setTypePopoverEl}\n        target={typeMenuPopoverTarget}\n        show={state.showTypeMenu}\n        placement='bottom-start'\n      >\n        {(state.postType !== 'private' || !state.viewingRecipients) && (\n          <Menu\n            items={state.typeMenuItems}\n            focusControlEl={toggleEl || undefined}\n            mode='single-select'\n            onItemClick={selectedId => {\n              const postType = state.typeMenuItems.find(item => item.id === selectedId)!.value;\n              dispatch({ type: 'setPostType', payload: postType });\n            }}\n            onItemExpand={() => {\n              if (state.postType === 'private') {\n                dispatch({ type: 'setViewingRecipients', payload: true });\n              } else {\n                dispatch({ type: 'setPostType', payload: 'private' });\n              }\n            }}\n          />\n        )}\n\n        {state.postType === 'private' && state.viewingRecipients && (\n          <StyledPostTypePopoverContent>\n            <StyledRecipientMenuHeader>\n              <Button\n                as={StyledRecipientBackButton}\n                variant='text'\n                aria-label='close submenu'\n                onClick={() => {\n                  dispatch({ type: 'setViewingRecipients', payload: false });\n                }}\n                onBlur={onBlur}\n              >\n                <Icon name='caret-left' />\n                {typeCopy.private.primary}\n              </Button>\n\n              <StyledSelectedInputContainer>\n                <MultiSelectInput\n                  ref={multiSelectInputRef}\n                  selected={state.multiSelectItems}\n                  onRemove={(selectedId: RecipientMultiSelectData['id']) => {\n                    dispatch({ type: 'removeRecipientViaMultiSelect', payload: selectedId });\n                  }}\n                  value={state.searchValue}\n                  onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    dispatch({ type: 'setSearchValue', payload: e.target.value });\n                  }}\n                  onBlur={onBlur}\n                />\n              </StyledSelectedInputContainer>\n            </StyledRecipientMenuHeader>\n\n            {state.showRecipientMenu && (\n              <StyledRecipientMenu\n                loading={state.itemsLoading}\n                focusControlEl={multiSelectInputRef.current}\n                items={state.itemsLoading ? [] : state.recipientMenuItems}\n                scrollAt={11}\n                mode='action'\n                emptyText='No items'\n                onItemClick={(selectedId: RecipientMultiSelectData['id']) => {\n                  dispatch({ type: 'selectRecipientViaMenu', payload: selectedId });\n                }}\n              />\n            )}\n          </StyledPostTypePopoverContent>\n        )}\n      </StyledPostTypePopover>\n    </div>\n  );\n};\n\nexport default FeedNewPostTypeMenu;\n"]}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -1 +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';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Feed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAU,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAoB,MAAM,eAAe,CAAC","sourcesContent":["export { default, Filter } from './Feed';\nexport { default as FeedPost } from './FeedPost';\nexport { FeedPostProps } from './FeedPost.types';\nexport { default as FeedReplyInput, FeedReplyInputProps } from './FeedReplyInput';\nexport { default as FeedReply } from './FeedReply';\nexport { FeedReplyProps } from './FeedReply.types';\nexport { default as FeedNewPost, FeedNewPostProps } from './FeedNewPost';\nexport { RecipientOption } from './FeedNewPostTypeMenu';\nexport { AttachedFiles } from './FeedAttachments';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-social",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -20,9 +20,9 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "2.0.0-rc.2",
-    "@pega/cosmos-react-rte": "2.0.0-rc.2",
-    "@pega/cosmos-react-work": "2.0.0-rc.2",
+    "@pega/cosmos-react-core": "2.0.0",
+    "@pega/cosmos-react-rte": "2.0.0",
+    "@pega/cosmos-react-work": "2.0.0",
     "polished": "^4.1.0",
     "react": "^16.14.0 || ^17.0.0",
     "react-dom": "^16.14.0 || ^17.0.0",