@pega/cosmos-react-social 2.0.0-dev.2.0 → 2.0.0-dev.21.1

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

@@ -1,12 +1,11 @@
-import { ReactNode, Ref } from 'react';
-import { BaseProps, AvatarProps, SentimentProps, FileDisplayProps, ComboBoxProps, EmojiPickerProps, FileUploadItemProps, ForwardProps } from '@pega/cosmos-react-core';
-import { InputProps } from '@pega/cosmos-react-core/lib/components/Input/Input';
-import { SelectProps } from '@pega/cosmos-react-core/lib/components/Select/Select';
-import { RichTextEditorProps } from '@pega/cosmos-react-rte';
+import { MouseEventHandler, ReactNode, Ref } from 'react';
+import { BaseProps, AvatarProps, SentimentProps, FileDisplayProps, FileUploadItemProps, OmitStrict, MenuProps, MenuItemProps, TooltipProps, NoChildrenProp } from '@pega/cosmos-react-core';
 export interface Suggestion {
-    /** suggestion title */
+    /** Suggestion title */
     title: string;
-    /** suggestion id */
+    /** Suggestion value */
+    content: string;
+    /** Suggestion id */
     id: string;
 }
 export interface EmailUser {
@@ -14,50 +13,49 @@ export interface EmailUser {
     shortName: string;
     /** Full name of the User */
     fullName: string;
-    /** email of the User */
+    /** Email of the User */
     emailAddress: string;
     /** Avatar props of the User */
     avatarProps?: Partial<AvatarProps>;
 }
+export interface EntityHighlightMapping {
+    value: string;
+    type: string;
+    name: string;
+    variant: number;
+    description?: TooltipProps['children'];
+    icon?: string;
+}
 export interface EmailProps extends BaseProps {
     /** Ref to the element */
     ref?: Ref<HTMLDivElement>;
     /** Unique ID for this email record */
     id: string;
-    /** Timestamp of this email */
-    timeStamp: string;
+    /** Timestamp of this email as ISO8601 string, timestamp or native Date object. */
+    timeStamp: Date | number | string;
     /** From email */
     from: EmailUser;
     /** To email */
     to: EmailUser[];
-    /** carbon copy of email users list */
+    /** Carbon copy of email users list */
     cc?: EmailUser[];
-    /** blind carbon copy of email users list */
+    /** Blind carbon copy of email users list */
     bcc?: EmailUser[];
-    /** Tags list */
-    tags?: {
-        /** Label for tags */
-        label: string;
-        /** List of tags */
-        items: string[];
-        /** Indicates if tags are dismissable */
-        dismissable?: boolean;
-        /** Callback when dimiss tag is triggered */
-        onRemove?: (tagName: string) => void;
-    };
     /** Sentiment */
     sentiment?: SentimentProps;
-    /** subject of the email */
+    /** Subject of the email */
     subject?: string;
-    /** body */
+    /** Body */
     body?: ReactNode | string;
+    /** Entity highlight mapping */
+    entityHighlightMapping?: EntityHighlightMapping[];
     /** onReply callback */
     onReply: (id: EmailProps['id']) => void;
     /** onForward Callback */
     onForward: (id: EmailProps['id']) => void;
     /** onReply callback */
     onReplyAll?: (id: EmailProps['id']) => void;
-    /** list of suggestions */
+    /** List of suggestions */
     suggestions?: Suggestion[];
     /** Callback that triggers on click of tag */
     onSuggestionClick?: (id: EmailProps['id'], suggestionId: Suggestion['id']) => void;
@@ -78,51 +76,50 @@ export interface EmailConversationProps extends BaseProps {
     /** List of mails */
     emails: EmailProps[];
     /** Sender(s) of this email conversation */
-    from: EmailUser[];
+    from: EmailUser;
     /** Recipient(s) of this email conversation */
     to: EmailUser[];
     /** Count of unread emails */
     unReadEmailCount?: number;
-    /** Timestamp of this conversation */
-    timeStamp: string;
-    /** Sentiment */
-    sentiment?: SentimentProps;
+    /** Timestamp of this conversation as ISO8601 string, timestamp or native Date object. */
+    timeStamp: Date | string | number;
     /** Flag that indicates if email conversation is expanded */
     isCollapsed?: boolean;
     /** Flag to set if conversation is spun off from forwarded email */
     isForwarded?: boolean;
     /** Callback when email conversation is collapsed */
-    onCollapse?(): void;
+    onCollapse?: () => void;
     /** Callback when email conversation is expanded */
-    onExpand?(): void;
+    onExpand?: () => void;
 }
-export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>, BaseProps {
-    /** Ref to the element */
-    ref?: Ref<HTMLDivElement>;
-    /** Object containing the props to render the from drop down */
-    from: SelectProps;
-    /** Object containing the props to render the TO input */
-    to: ComboBoxProps;
-    /** Object containing the props to render the CC input */
-    cc?: ComboBoxProps;
-    /** Object containing the props to render the BCC input */
-    bcc?: ComboBoxProps;
+export interface EmailComposerData extends Pick<EmailComposerProps, 'cc' | 'bcc' | 'subject' | 'bodyContent' | 'attachments'> {
+    /** Array to hold the initial participants that should be default initialized in To address. */
+    to: EmailUser['emailAddress'][];
+}
+export declare type EmailResponseType = 'reply' | 'replyAll' | 'forward';
+export interface EmailDirectRecipients {
+    /** To address/addresses in case of reply response type on email. */
+    reply: EmailUser['emailAddress'][];
+    /** To address/addresses in case of replyAll response type on email. */
+    replyAll: EmailUser['emailAddress'][];
+    /** To address/addresses in case of forward response type on email. */
+    forward?: EmailUser['emailAddress'][];
+}
+export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>, BaseProps, NoChildrenProp {
+    /** Object containing full list of email participants. */
+    participants: EmailUser[];
+    /** Object to hold initial to address/addresses based on different action types. */
+    to?: EmailDirectRecipients;
+    /** Array to hold the initial participants that should be default initialized in Cc address. */
+    cc?: EmailUser['emailAddress'][];
+    /** Array to hold the initial participants that should be default initialized in Bcc address. */
+    bcc?: EmailUser['emailAddress'][];
     /** Object containing the props to render the subject input */
-    subject: InputProps;
-    /** Region to hold primary email composer fields */
-    primaryMoreFields?: ReactNode;
-    /** Region to hold secondary email composer fields */
-    secondaryMoreFields?: ReactNode;
-    /** Object containing the props to render the email body rte */
-    body: RichTextEditorProps & ForwardProps;
-    /** Callback when CC is clicked */
-    onShowCC: () => void;
-    /** Callback when BCC is clicked */
-    onShowBCC: () => void;
+    subject: string;
+    /** Body content of the email */
+    bodyContent: string;
     /** Callback when email needs to be sent */
-    onSend: () => void;
-    /** Callback when attachment icon is clicked */
-    onAddAttachment?: () => void;
+    onSend: (data: EmailComposerData) => void;
     /** List of attachments */
     attachments?: FileUploadItemProps[];
     /** Max number of attachments to be allowed in Email composer.
@@ -130,12 +127,16 @@ export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'su
      * If attachments added are >= maxAttachments, add attachments icon will be disabled.
      */
     maxAttachments?: number;
-    /** show/hide emoji */
-    showEmoji?: boolean;
-    /** Callback when emoji is picked */
-    onEmojiSelect?: EmojiPickerProps['onSelect'];
     /** Region to show more actions in footer */
     footerMoreActions?: ReactNode;
+    /** Templates for drafting email */
+    templates?: Record<string, string>;
+    /** Callback when cancel composing */
+    onCancel: () => void;
+    /** Ref to the element */
+    ref?: Ref<HTMLDivElement>;
+    /** Email action types */
+    responseType?: EmailResponseType;
 }
 export interface EmailShellProps extends BaseProps {
     /** ref to the element */
@@ -152,4 +153,80 @@ export interface EmailShellProps extends BaseProps {
     /** Shows only one conversation at a time */
     autoCollapse?: boolean;
 }
+export interface EmailSummaryItemProps extends BaseProps {
+    /** Id of each summary item */
+    id: string;
+    /** List of from participant names of the conversations */
+    activeParticipants: EmailUser[];
+    /** Email body of last email in the email */
+    message: string;
+    /** Timestamp of the latest email */
+    timeStamp: Date | string | number;
+    /** Top topic of an email */
+    topic: string;
+    /** Sentiment */
+    sentiment?: SentimentProps;
+    /** Urgency of an email */
+    urgency?: number;
+    /** Total number of unread emails in the email */
+    unreadEmailCount?: number;
+    /** Is the email currently active */
+    active?: boolean;
+    /** On click of email item */
+    onClick: MouseEventHandler;
+    /** ref to the element */
+    ref?: Ref<HTMLButtonElement>;
+}
+export interface Filter {
+    /** Sets DOM id for the control and associates label element via 'for' attribute. */
+    id: string;
+    /** Pass a string or a fragment with an Icon and string for the filter label. */
+    label: ReactNode;
+    /**
+     * Disables the filter.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Sets on prop via onFilterChange.
+     * @default false
+     */
+    on?: boolean;
+}
+export interface EmailSummaryListProps extends BaseProps {
+    /** List of email categories */
+    categories: MenuProps['items'];
+    /** Handles category change */
+    onCategoryClick?: MenuItemProps['onClick'];
+    /** List of EmailItems items */
+    items: OmitStrict<EmailSummaryItemProps, 'onClick' | 'active'>[];
+    /** Total number of unread email count */
+    unreadEmailCount?: number;
+    /** A set of filters to apply to the email inbox. */
+    filters?: Filter[];
+    /** A callback that runs when a filter is clicked. */
+    onFilterChange?: (filterId: Filter['id'], on: boolean) => void;
+    /** onClick of list item */
+    onItemClick: (id: EmailSummaryItemProps['id']) => void;
+    /** ref to the element */
+    ref?: Ref<HTMLDivElement>;
+}
+export interface EmailEntityProps extends BaseProps {
+    entity: EntityHighlightMapping;
+    ref?: Ref<HTMLElement>;
+}
+export interface ViewAnalysisProps extends BaseProps {
+    content: {
+        name: string;
+        value?: {
+            id: string;
+            entity: EntityHighlightMapping;
+        }[];
+    }[];
+    header: {
+        icon: string;
+        text: string;
+    };
+    ref?: Ref<HTMLDivElement>;
+}
 //# sourceMappingURL=Email.types.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Email.types.js","sourceRoot":"","sources":["../../../src/components/Email/Email.types.tsx"],"names":[],"mappings":"","sourcesContent":["import { ReactNode, Ref } from 'react';\n\nimport {\n  BaseProps,\n  AvatarProps,\n  SentimentProps,\n  FileDisplayProps,\n  ComboBoxProps,\n  EmojiPickerProps,\n  FileUploadItemProps,\n  ForwardProps\n} from '@pega/cosmos-react-core';\nimport { InputProps } from '@pega/cosmos-react-core/lib/components/Input/Input';\nimport { SelectProps } from '@pega/cosmos-react-core/lib/components/Select/Select';\nimport { RichTextEditorProps } from '@pega/cosmos-react-rte';\n\nexport interface Suggestion {\n  /** suggestion title */\n  title: string;\n  /** suggestion 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 EmailProps extends BaseProps {\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Unique ID for this email record */\n  id: string;\n  /** Timestamp of this email */\n  timeStamp: 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  /** Tags list */\n  tags?: {\n    /** Label for tags */\n    label: string;\n    /** List of tags */\n    items: string[];\n    /** Indicates if tags are dismissable */\n    dismissable?: boolean;\n    /** Callback when dimiss tag is triggered */\n    onRemove?: (tagName: string) => void;\n  };\n  /** Sentiment */\n  sentiment?: SentimentProps;\n  /** subject of the email */\n  subject?: string;\n  /** body */\n  body?: ReactNode | string;\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?: Suggestion[];\n  /** Callback that triggers on click of tag */\n  onSuggestionClick?: (id: EmailProps['id'], suggestionId: Suggestion['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 */\n  timeStamp: string;\n  /** Sentiment */\n  sentiment?: SentimentProps;\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 EmailComposerProps\n  extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>,\n    BaseProps {\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n  /** Object containing the props to render the from drop down */\n  from: SelectProps;\n  /** Object containing the props to render the TO input */\n  to: ComboBoxProps;\n  /** Object containing the props to render the CC input */\n  cc?: ComboBoxProps;\n  /** Object containing the props to render the BCC input */\n  bcc?: ComboBoxProps;\n  /** Object containing the props to render the subject input */\n  subject: InputProps;\n  /** Region to hold primary email composer fields */\n  primaryMoreFields?: ReactNode;\n  /** Region to hold secondary email composer fields */\n  secondaryMoreFields?: ReactNode;\n  /** Object containing the props to render the email body rte */\n  body: RichTextEditorProps & ForwardProps;\n  /** Callback when CC is clicked */\n  onShowCC: () => void;\n  /** Callback when BCC is clicked */\n  onShowBCC: () => void;\n  /** Callback when email needs to be sent */\n  onSend: () => void;\n  /** Callback when attachment icon is clicked */\n  onAddAttachment?: () => void;\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  /** show/hide emoji */\n  showEmoji?: boolean;\n  /** Callback when emoji is picked */\n  onEmojiSelect?: EmojiPickerProps['onSelect'];\n  /** Region to show more actions in footer */\n  footerMoreActions?: ReactNode;\n}\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"]}
+{"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';\n\nexport interface Suggestion {\n  /** Suggestion title */\n  title: string;\n  /** Suggestion value */\n  content: string;\n  /** Suggestion 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 {\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?: Suggestion[];\n  /** Callback that triggers on click of tag */\n  onSuggestionClick?: (id: EmailProps['id'], suggestionId: Suggestion['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  /** Callback when email needs to be sent */\n  onSend: (data: EmailComposerData) => void;\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?: Record<string, string>;\n  /** Callback when cancel composing */\n  onCancel: () => void;\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

@@ -1,11 +1,9 @@
 import { FunctionComponent } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
+import { Icon } from '@pega/cosmos-react-core';
 import { EmailComposerProps } from './Email.types';
-interface StyledAttachmentElementContainerProps {
-    disabled?: boolean;
-}
-export declare const StyledAttachmentElementContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledAttachmentElementContainerProps, never>;
 export declare const StyledEmailComposer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const EmailComposer: FunctionComponent<EmailComposerProps & ForwardProps>;
+export declare const StyledResponseTypeIcon: typeof Icon;
+export declare const StyledToggleButton: import("styled-components").StyledComponent<FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & import("@pega/cosmos-react-core").ForwardProps>, import("styled-components").DefaultTheme, {}, never>;
+declare const EmailComposer: FunctionComponent<EmailComposerProps>;
 export default EmailComposer;
 //# sourceMappingURL=EmailComposer.d.ts.map

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,OAAc,EAAc,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAIhG,OAAO,EAUL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,UAAU,qCAAqC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,gCAAgC,4IAa5C,CAAC;AAGF,eAAO,MAAM,mBAAmB,yGAAe,CAAC;AAEhD,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAoKvE,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,EAUL,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,CAmSxD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/Email/EmailComposer.js

@@ -1,81 +1,163 @@
-import React, { forwardRef, useRef, useState } from 'react';
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useMemo, useRef, useCallback, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import Select from '@pega/cosmos-react-core/lib/components/Select/Select';
-import { Button, ComboBox, EmojiPicker, Flex, Icon, Popover, useElement, useI18n, useOuterEvent, defaultThemeProp, Tooltip, FileUploadItem } from '@pega/cosmos-react-core';
-import Input from '@pega/cosmos-react-core/lib/components/Input/Input';
+import { Button, Flex, Icon, registerIcon, useI18n, Option, defaultThemeProp, FileUploadItem, MenuButton, Select, Input } from '@pega/cosmos-react-core';
 import { RichTextEditor } from '@pega/cosmos-react-rte';
-export const StyledAttachmentElementContainer = styled.div(({ disabled, theme }) => {
-    return (disabled &&
-        css `
-        &:focus {
-          box-shadow: ${theme.base.shadow.focus};
-          border-radius: 50%;
-          outline: none;
-        }
-      `);
-});
-StyledAttachmentElementContainer.defaultProps = defaultThemeProp;
+import * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';
+import * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';
+import * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';
+import * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';
+import EmailSelector from './EmailSelector';
+registerIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);
 export const StyledEmailComposer = styled.div ``;
-const EmailComposer = forwardRef((props, ref) => {
-    const { from, to, onShowBCC, onShowCC, cc, bcc, subject, body, primaryMoreFields, secondaryMoreFields, maxAttachments = 0, attachments = [], onAddAttachment, showEmoji, onEmojiSelect, onSend, footerMoreActions, ...restProps } = props;
-    const [emojiBtnEl, setEmojiBtnEl] = useElement();
-    const [attachmentsBtnEl, setAttachmentsBtnEl] = useElement();
-    const [showEmojiPicker, setShowEmojiPicker] = useState(false);
-    const toggleEmoji = () => {
-        setShowEmojiPicker(!showEmojiPicker);
-    };
-    const EmojiPickerRef = useRef(null);
-    useOuterEvent('mousedown', [emojiBtnEl, EmojiPickerRef], () => {
-        setShowEmojiPicker(false);
-    });
+export const StyledResponseTypeIcon = styled(Icon)(({ theme }) => {
+    return css `
+    color: ${theme.base.palette.interactive};
+  `;
+});
+StyledResponseTypeIcon.defaultProps = defaultThemeProp;
+export const StyledToggleButton = styled(Button)(({ theme }) => {
+    return css `
+    margin-block-start: calc(2 * ${theme.base.spacing});
+    color: ${theme.base.palette.interactive};
+  `;
+});
+StyledToggleButton.defaultProps = defaultThemeProp;
+const responseTypeIcons = {
+    reply: 'reply',
+    replyAll: 'reply-all',
+    forward: 'forward'
+};
+const rteToolbar = [
+    'inline-styling',
+    'headers',
+    'lists',
+    'images',
+    'cut-copy-paste',
+    'indentation'
+];
+const EmailComposer = forwardRef(({ participants, cc, bcc, bodyContent, maxAttachments = 0, onCancel, onSend, to, footerMoreActions, templates, ...restProps }, ref) => {
     const t = useI18n();
-    return (React.createElement(Flex, { as: StyledEmailComposer, ref: ref, ...restProps, container: {
-            itemGap: 1,
-            direction: 'column'
-        } },
-        React.createElement(Select, { ...from, label: t('from') }),
-        React.createElement(Flex, { container: {
-                itemGap: 2,
-                alignItems: 'end'
-            } },
-            React.createElement(Flex, { container: {
-                    itemGap: 1,
-                    direction: 'column'
-                }, item: {
-                    grow: 1
-                } }, to && React.createElement(ComboBox, { ...to, label: t('to'), mode: 'multi-select', required: true })),
-            onShowCC && (React.createElement(Button, { variant: 'link', onClick: onShowCC }, "CC")),
-            onShowBCC && (React.createElement(Button, { variant: 'link', onClick: onShowBCC }, "BCC"))),
-        cc && React.createElement(ComboBox, { ...cc, label: 'CC', mode: 'multi-select' }),
-        bcc && React.createElement(ComboBox, { ...bcc, label: 'BCC', mode: 'multi-select' }),
-        React.createElement(Input, { ...subject, label: t('subject') }),
-        primaryMoreFields,
-        React.createElement(RichTextEditor, { autoFocus: true, ...body, labelHidden: true }),
-        secondaryMoreFields,
-        attachments.length > 0 && (React.createElement(Flex, { container: { itemGap: 1, wrap: 'wrap' } }, attachments.map(attachment => (React.createElement(FileUploadItem, { ...attachment, key: attachment.name }))))),
-        React.createElement(Flex, { container: {
-                itemGap: 1
-            } },
-            showEmoji && (React.createElement(Button, { ref: setEmojiBtnEl, onClick: toggleEmoji, variant: 'simple', icon: true, "aria-label": t('add_emoji'), title: t('add_emoji') },
-                React.createElement(Icon, { name: 'face-happy' }))),
-            maxAttachments > 0 && (React.createElement(StyledAttachmentElementContainer, { disabled: attachments.length >= maxAttachments, ref: setAttachmentsBtnEl, tabIndex: attachments.length >= maxAttachments ? 0 : undefined, role: 'button' },
-                React.createElement(Button, { onClick: onAddAttachment, disabled: attachments.length >= maxAttachments, variant: 'simple', icon: true, "aria-label": attachments.length >= maxAttachments
-                        ? t('disable_attachment', maxAttachments)
-                        : t('add_attachment', maxAttachments), title: t('add_attachment', maxAttachments) },
-                    React.createElement(Icon, { name: 'paper-clip' })),
-                attachments.length >= maxAttachments && (React.createElement(Tooltip, { target: attachmentsBtnEl, showDelay: 'none', hideDelay: 'none', ...restProps }, t('disable_attachment', maxAttachments))))),
-            React.createElement(Flex, { container: true, item: { grow: 1 } }, footerMoreActions),
-            React.createElement(Button, { variant: 'primary', onClick: onSend }, t('send'))),
-        React.createElement(Popover, { show: showEmojiPicker, target: emojiBtnEl, placement: 'bottom-start', modifiers: [
-                {
-                    name: 'flip',
-                    enabled: true
+    const [responseType, setResponseType] = useState(restProps.responseType);
+    const [showCC, setShowCC] = useState(restProps.responseType !== 'reply' && !!cc && cc.length > 0);
+    const [showBCC, setShowBCC] = useState(restProps.responseType !== 'reply' && !!bcc && bcc.length > 0);
+    const [subject, setSubject] = useState(restProps.subject);
+    const [autoReplyTemplate, setAutoReplyTemplate] = useState('');
+    const [attachments, setAttachments] = useState(restProps.attachments || []);
+    const rteEditorRef = useRef(null);
+    const fileUploadInputRef = useRef(null);
+    // inserts selected template in RTE
+    useEffect(() => {
+        if (templates?.[autoReplyTemplate]) {
+            rteEditorRef?.current?.clear();
+            setTimeout(() => {
+                rteEditorRef?.current?.insertHtml(templates?.[autoReplyTemplate], false);
+            }, 0);
+        }
+    }, [autoReplyTemplate]);
+    // resets To | CC | BCC combobox selection and toggles fields on responseType change reply | replyAll | forward
+    useEffect(() => {
+        setShowCC(responseType === 'replyAll' ? !!cc && cc.length > 0 : false);
+        setShowBCC(responseType === 'replyAll' && !!bcc && bcc?.length > 0 ? !!bcc : false);
+    }, [responseType]);
+    const templateOptions = useMemo(() => templates && Object.keys(templates).map(option => _jsx(Option, { children: option }, option)), [templates]);
+    const responseTypeMenuData = useMemo(() => {
+        const menuItems = [
+            {
+                id: 'reply',
+                primary: t('reply'),
+                visual: _jsx(StyledResponseTypeIcon, { name: responseTypeIcons.reply }, void 0),
+                selected: responseType === 'reply',
+                onClick: () => {
+                    setResponseType('reply');
+                }
+            },
+            {
+                id: 'replyAll',
+                primary: t('reply_all'),
+                visual: _jsx(StyledResponseTypeIcon, { name: responseTypeIcons.replyAll }, void 0),
+                selected: responseType === 'replyAll',
+                onClick: () => {
+                    setResponseType('replyAll');
                 }
-            ] },
-            React.createElement(EmojiPicker, { ref: EmojiPickerRef, onSelect: emoji => {
-                    setShowEmojiPicker(false);
-                    onEmojiSelect === null || onEmojiSelect === void 0 ? void 0 : onEmojiSelect(emoji);
-                } }))));
+            }
+        ];
+        return {
+            menuItems,
+            selectedResponseType: menuItems.find(item => item.selected)?.primary || menuItems[0].primary,
+            selectedResponseTypeIcon: (responseType && responseTypeIcons[responseType]) || responseTypeIcons.reply
+        };
+    }, [responseType]);
+    const onImageAdded = (image, id) => {
+        const src = URL.createObjectURL(image);
+        rteEditorRef.current?.appendImage({ src, alt: image.name }, id);
+    };
+    const onSubjectChange = useCallback((e) => {
+        setSubject(e.target.value);
+    }, []);
+    const onTemplateChange = useCallback((e) => {
+        setAutoReplyTemplate(e.target.value);
+    }, []);
+    const onAttachmentDelete = useCallback((name) => {
+        setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));
+    }, []);
+    const onFileChange = useCallback((e) => {
+        if (e.target.files) {
+            setAttachments(prevAttachments => [
+                ...prevAttachments,
+                ...Array.from(e.target.files).map(file => ({
+                    name: file.name,
+                    file
+                }))
+            ]);
+        }
+    }, []);
+    const [toAddresses, setToAddresses] = useState(to?.[responseType] || []);
+    const [ccAddresses, setCcAddresses] = useState(cc);
+    const [bccAddresses, setBccAddresses] = useState(bcc);
+    const selectedItems = (selections, label) => {
+        if (label === 'To') {
+            setToAddresses(selections);
+        }
+        if (label === 'Cc') {
+            setCcAddresses(selections);
+        }
+        if (label === 'Bcc') {
+            setBccAddresses(selections);
+        }
+    };
+    const handleSend = useCallback(() => {
+        onSend({
+            to: toAddresses,
+            cc: showCC ? ccAddresses : undefined,
+            bcc: showBCC ? bccAddresses : undefined,
+            subject,
+            bodyContent: rteEditorRef.current?.getHtml() || '',
+            attachments
+        });
+    }, [toAddresses, ccAddresses, bccAddresses, subject, attachments, showCC, showBCC]);
+    return (_jsxs(Flex, { as: StyledEmailComposer, ref: ref, ...restProps, container: {
+            gap: 2,
+            direction: 'column'
+        }, children: [_jsx("div", { children: responseType !== 'forward' && (_jsx(MenuButton, { text: responseTypeMenuData.selectedResponseType, variant: 'link', icon: responseTypeMenuData.selectedResponseTypeIcon, menu: {
+                        mode: 'single-select',
+                        items: responseTypeMenuData.menuItems
+                    } }, void 0)) }, void 0), _jsxs(Flex, { container: {
+                    alignItems: 'start',
+                    gap: 0.5
+                }, children: [_jsx(Flex, { container: {
+                            gap: 1,
+                            direction: 'column'
+                        }, item: {
+                            grow: 1
+                        }, children: _jsx(EmailSelector, { participants: participants, defaultSelections: to?.[responseType], label: t('to'), mode: 'multi-select', required: true, selections: selectedItems }, 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: cc, label: t('cc'), mode: 'multi-select', selections: selectedItems }, void 0)), showBCC && (_jsx(EmailSelector, { selections: selectedItems, participants: participants, defaultSelections: bcc, label: t('bcc'), mode: 'multi-select' }, void 0)), _jsx(Input, { value: subject, onChange: onSubjectChange, label: t('subject') }, void 0), _jsx(Select, { onChange: onTemplateChange, label: t('auto_reply'), value: autoReplyTemplate, children: _jsxs(_Fragment, { children: [_jsx(Option, { children: t('insert') }, void 0), 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') }, void 0)] }, void 0)] }, void 0), _jsx("input", { type: 'file', style: { display: 'none' }, ref: fileUploadInputRef, onChange: onFileChange }, void 0)] }, void 0));
 });
 export default EmailComposer;
 //# sourceMappingURL=EmailComposer.js.map