@pega/cosmos-react-social 2.0.0-dev.19.0 → 2.0.0-dev.21.0

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

@@ -1 +1 @@
-{"version":3,"file":"Email.styles.js","sourceRoot":"","sources":["../../../src/components/Email/Email.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,EACL,MAAM,EACN,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,UAAU,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAIjC,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;CAIrD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,OAAO,GAAG,CAAA;uBACW,KAAK,CAAC,IAAI,CAAC,OAAO;qCACJ,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;4BAC1C,KAAK,CAAC,IAAI,CAAC,OAAO,cAAc,KAAK,CAAC,IAAI,CAAC,OAAO;MACxE,YAAY,IAAI,wBAAwB;;;MAGxC,eAAe;+BACU,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE9C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,CAAC,MAAM,4BAA4B,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,OAAO,GAAG,CAAA;;;;0BAIc,KAAK,CAAC,IAAI,CAAC,OAAO;;2BAEjB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE1C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,4BAA4B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7D,MAAM,CAAC,MAAM,gCAAgC,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/E,OAAO,GAAG,CAAA;;;;0BAIc,KAAK,CAAC,IAAI,CAAC,OAAO;;2BAEjB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE1C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gCAAgC,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjE,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACvE,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtF,OAAO,GAAG,CAAA;mBACO,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;iBACxC,QAAQ,CAAC,CAAC;GACxB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;CAErE,CAAC;AAEF,MAAM,CAAC,MAAM,kCAAkC,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrF,OAAO,GAAG,CAAA;;;eAGG,KAAK,CAAC,IAAI,CAAC,OAAO;MAC3B,gBAAgB;gCACU,KAAK,CAAC,IAAI,CAAC,OAAO;;MAE5C,eAAe;mCACc,KAAK,CAAC,IAAI,CAAC,OAAO;;GAElD,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kCAAkC,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnE,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEnD,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC/D,OAAO,GAAG,CAAA;qBACS,KAAK,CAAC,IAAI,CAAC,OAAO;GACpC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAmB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC/B,MAAM,eAAe,GAAG,WAAW,CACjC,2BAA2B,CACzB,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,2BAA2B,CAAC,MAAM,CAC7F,EACD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACzC,CAAC;IACF,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;IACjE,OAAO,GAAG,CAAA;0BACc,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;4BACzB,KAAK,CAAC,IAAI,CAAC,OAAO;wBACtB,eAAe;aAC1B,SAAS;GACnB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Button,\n  calculateFontSize,\n  defaultThemeProp,\n  EmailDisplay,\n  FieldValueList,\n  MenuButton,\n  StyledFieldName,\n  StyledFieldValue,\n  StyledSecondary,\n  StyledSummaryItemActions,\n  StyledVisual,\n  tryCatch,\n  readableHue\n} from '@pega/cosmos-react-core';\n\nimport { EmailEntityProps } from './Email.types';\n\nexport const StyledEmailMoreInfoButton = styled.button`\n  min-height: 0.5rem;\n  min-width: 0.5rem;\n  flex-shrink: 0;\n`;\n\nexport const StyledEmailHeader = styled.div(({ theme }) => {\n  return css`\n    grid-column-gap: ${theme.base.spacing};\n    border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};\n    padding: 0 0 calc(2 * ${theme.base.spacing}) calc(2 * ${theme.base.spacing});\n    ${StyledVisual},${StyledSummaryItemActions} {\n      align-self: flex-start;\n    }\n    ${StyledSecondary} {\n      margin-top: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledEmailHeader.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedRepliesButton = styled(Button)(({ theme }) => {\n  return css`\n    & + & {\n      margin-inline-start: 0;\n    }\n    margin-block-start: ${theme.base.spacing};\n    :not(:last-child) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSuggestedRepliesButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedRepliesMenuButton = styled(MenuButton)(({ theme }) => {\n  return css`\n    &&& {\n      margin-inline-start: 0;\n    }\n    margin-block-start: ${theme.base.spacing};\n    :not(:last-child) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSuggestedRepliesMenuButton.defaultProps = defaultThemeProp;\n\nexport const StyledEmailBody = styled.div``;\n\nexport const StyledFromEmailDisplay = styled(EmailDisplay)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  return css`\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    font-size: ${fontSize.m};\n  `;\n});\n\nStyledFromEmailDisplay.defaultProps = defaultThemeProp;\n\nexport const StyledEmailDisplay = styled.span`\n  font-size: inherit;\n`;\n\nexport const StyledEmailPrimaryFieldValueList = styled(FieldValueList)`\n  grid-template-columns: auto 1fr;\n`;\n\nexport const StyledEmailSecondaryFieldValueList = styled(FieldValueList)(({ theme }) => {\n  return css`\n    grid-template-columns: 1fr;\n    gap: 0;\n    padding: ${theme.base.spacing} 0;\n    ${StyledFieldValue}:not(:last-child) {\n      margin-bottom: calc(2 * ${theme.base.spacing});\n    }\n    ${StyledFieldName} {\n      margin-bottom: calc(0.25 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledEmailSecondaryFieldValueList.defaultProps = defaultThemeProp;\n\nexport const StyledEmailMoreInfoPopover = styled.div`\n  max-width: 30rem;\n`;\n\nexport const StyledSecondarySeparator = styled.div(({ theme }) => {\n  return css`\n    margin: 0 calc(${theme.base.spacing} / 2);\n  `;\n});\nexport const emailEntityBackgroundColors = [\n  '#00428B',\n  '#008C80',\n  '#53336F',\n  '#005FA7',\n  '#7C421B',\n  '#BC1513',\n  '#DE4342',\n  '#661D34',\n  '#8B479E',\n  '#4B3380',\n  '#10A5AC',\n  '#5F67B9',\n  '#1D447A',\n  '#988CC4',\n  '#AC1361',\n  '#1B6B2E',\n  '#4064B3',\n  '#4D4D4D',\n  '#0F5F5D',\n  '#7F375B'\n];\n\nexport const StyledEmail = styled.div``;\n\nexport const StyledEmailEntity = styled.mark<EmailEntityProps>(({ entity, theme }) => {\n  const variant = entity.variant;\n  const backgroundColor = readableHue(\n    emailEntityBackgroundColors[\n      (Number.isFinite(variant) && variant > 0 ? variant : 0) % emailEntityBackgroundColors.length\n    ],\n    theme.base.palette['primary-background']\n  );\n  const textColor = tryCatch(() => readableColor(backgroundColor));\n  return css`\n    border-radius: calc(${theme.base['border-radius']} / 3);\n    padding: 0 calc(0.5 * ${theme.base.spacing});\n    background-color: ${backgroundColor};\n    color: ${textColor};\n  `;\n});\n\nStyledEmailEntity.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"Email.styles.js","sourceRoot":"","sources":["../../../src/components/Email/Email.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport { readableColor } from 'polished';\n\nimport {\n  Button,\n  calculateFontSize,\n  defaultThemeProp,\n  EmailDisplay,\n  FieldValueList,\n  MenuButton,\n  StyledFieldName,\n  StyledFieldValue,\n  StyledSecondary,\n  StyledSummaryItemActions,\n  StyledVisual,\n  tryCatch,\n  readableHue\n} from '@pega/cosmos-react-core';\n\nimport { EmailEntityProps } from './Email.types';\n\nexport const StyledEmailMoreInfoButton = styled.button`\n  min-height: 0.5rem;\n  min-width: 0.5rem;\n  flex-shrink: 0;\n`;\n\nexport const StyledEmailHeader = styled.div(({ theme }) => {\n  return css`\n    grid-column-gap: ${theme.base.spacing};\n    border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};\n    padding: 0 0 calc(2 * ${theme.base.spacing}) calc(2 * ${theme.base.spacing});\n    ${StyledVisual},${StyledSummaryItemActions} {\n      align-self: flex-start;\n    }\n    ${StyledSecondary} {\n      margin-top: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledEmailHeader.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedRepliesButton = styled(Button)(({ theme }) => {\n  return css`\n    & + & {\n      margin-inline-start: 0;\n    }\n    margin-block-start: ${theme.base.spacing};\n    :not(:last-child) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSuggestedRepliesButton.defaultProps = defaultThemeProp;\n\nexport const StyledSuggestedRepliesMenuButton = styled(MenuButton)(({ theme }) => {\n  return css`\n    &&& {\n      margin-inline-start: 0;\n    }\n    margin-block-start: ${theme.base.spacing};\n    :not(:last-child) {\n      margin-inline-end: ${theme.base.spacing};\n    }\n  `;\n});\n\nStyledSuggestedRepliesMenuButton.defaultProps = defaultThemeProp;\n\nexport const StyledEmailBody = styled.div``;\n\nexport const StyledFromEmailDisplay = styled(EmailDisplay)(({ theme }) => {\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  return css`\n    font-weight: ${theme.base['font-weight']['semi-bold']};\n    font-size: ${fontSize.m};\n  `;\n});\n\nStyledFromEmailDisplay.defaultProps = defaultThemeProp;\n\nexport const StyledEmailDisplay = styled.span`\n  font-size: inherit;\n`;\n\nexport const StyledEmailPrimaryFieldValueList = styled(FieldValueList)`\n  grid-template-columns: auto 1fr;\n`;\n\nexport const StyledEmailSecondaryFieldValueList = styled(FieldValueList)(({ theme }) => {\n  return css`\n    grid-template-columns: 1fr;\n    gap: 0;\n    padding: ${theme.base.spacing} 0;\n    ${StyledFieldValue}:not(:last-child) {\n      margin-bottom: calc(2 * ${theme.base.spacing});\n    }\n    ${StyledFieldName} {\n      margin-bottom: calc(0.25 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledEmailSecondaryFieldValueList.defaultProps = defaultThemeProp;\n\nexport const StyledEmailMoreInfoPopover = styled.div`\n  max-width: 30rem;\n`;\n\nexport const StyledSecondarySeparator = styled.div(({ theme }) => {\n  return css`\n    margin: 0 calc(${theme.base.spacing} / 2);\n  `;\n});\nexport const emailEntityBackgroundColors = [\n  '#00428B',\n  '#008C80',\n  '#53336F',\n  '#005FA7',\n  '#7C421B',\n  '#BC1513',\n  '#DE4342',\n  '#661D34',\n  '#8B479E',\n  '#4B3380',\n  '#10A5AC',\n  '#5F67B9',\n  '#1D447A',\n  '#988CC4',\n  '#AC1361',\n  '#1B6B2E',\n  '#4064B3',\n  '#4D4D4D',\n  '#0F5F5D',\n  '#7F375B'\n];\n\nexport const StyledEmail = styled.div``;\n\nexport const StyledEmailEntity = styled.mark<EmailEntityProps>(({ entity, theme }) => {\n  const variant = entity.variant;\n  const backgroundColor = readableHue(\n    emailEntityBackgroundColors[\n      (Number.isFinite(variant) && variant > 0 ? variant : 0) % emailEntityBackgroundColors.length\n    ],\n    theme.base.palette['primary-background']\n  );\n  const textColor = tryCatch(() => readableColor(backgroundColor));\n  return css`\n    border-radius: calc(${theme.base['border-radius']} / 3);\n    padding: 0 calc(0.5 * ${theme.base.spacing});\n    background-color: ${backgroundColor};\n    color: ${textColor};\n  `;\n});\n\nStyledEmailEntity.defaultProps = defaultThemeProp;\n\nexport const StyledViewAnalysisFieldValueList = styled(FieldValueList)(({ theme }) => {\n  const textColor = tryCatch(() => readableColor(theme.base.palette['primary-background']));\n  return css`\n    ${StyledFieldName} {\n      color: ${textColor};\n    }\n    ${StyledEmailEntity} {\n      padding: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledViewAnalysisFieldValueList.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,10 +1,10 @@
 import { MouseEventHandler, ReactNode, Ref } from 'react';
-import { BaseProps, AvatarProps, SentimentProps, FileDisplayProps, FileUploadItemProps, ForwardProps, OmitStrict, MenuProps, MenuItemProps, TooltipProps } from '@pega/cosmos-react-core';
-import { SelectProps } from '@pega/cosmos-react-core/lib/components/Select/Select';
-import { RichTextEditorProps } from '@pega/cosmos-react-rte';
+import { BaseProps, AvatarProps, SentimentProps, FileDisplayProps, FileUploadItemProps, OmitStrict, MenuProps, MenuItemProps, TooltipProps, NoChildrenProp } from '@pega/cosmos-react-core';
 export interface Suggestion {
     /** Suggestion title */
     title: string;
+    /** Suggestion value */
+    content: string;
     /** Suggestion id */
     id: string;
 }
@@ -23,7 +23,8 @@ export interface EntityHighlightMapping {
     type: string;
     name: string;
     variant: number;
-    description: TooltipProps['children'];
+    description?: TooltipProps['children'];
+    icon?: string;
 }
 export interface EmailProps extends BaseProps {
     /** Ref to the element */
@@ -91,31 +92,34 @@ export interface EmailConversationProps extends BaseProps {
     /** Callback when email conversation is expanded */
     onExpand?: () => void;
 }
-export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>, BaseProps {
-    /** Header of the email */
-    header?: string;
-    /** Object containing full list of email participants */
-    participants: EmailUser[];
-    /** Object containing the props to render the from drop down */
-    from: SelectProps;
+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'][];
+    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: string;
-    /** 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;
+    /** 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.
@@ -127,20 +131,12 @@ export interface EmailComposerProps extends Pick<EmailProps, 'attachments' | 'su
     footerMoreActions?: ReactNode;
     /** Templates for drafting email */
     templates?: Record<string, string>;
-    /** Callback when replying to only from address */
-    onReply?: () => void;
-    /** Callback when replying to all participants */
-    onReplyAll?: () => void;
     /** Callback when cancel composing */
     onCancel: () => void;
-    /** Whether email composer opened after clicking reply or reply all */
-    isReplyAll: boolean;
     /** Ref to the element */
     ref?: Ref<HTMLDivElement>;
-}
-export interface EmailComposerParticipantsProps {
-    key: string;
-    value: EmailUser;
+    /** Email action types */
+    responseType?: EmailResponseType;
 }
 export interface EmailShellProps extends BaseProps {
     /** ref to the element */
@@ -219,4 +215,18 @@ 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.ts"],"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.ts"],"names":[],"mappings":"","sourcesContent":["import { MouseEventHandler, ReactNode, Ref } from 'react';\n\nimport {\n  BaseProps,\n  AvatarProps,\n  SentimentProps,\n  FileDisplayProps,\n  FileUploadItemProps,\n  ForwardProps,\n  OmitStrict,\n  MenuProps,\n  MenuItemProps,\n  TooltipProps\n} from '@pega/cosmos-react-core';\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 EntityHighlightMapping {\n  value: string;\n  type: string;\n  name: string;\n  variant: number;\n  description: TooltipProps['children'];\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 EmailComposerProps\n  extends Pick<EmailProps, 'attachments' | 'suggestions' | 'onSuggestionClick'>,\n    BaseProps {\n  /** Header of the email */\n  header?: string;\n  /** Object containing full list of email participants */\n  participants: EmailUser[];\n  /** Object containing the props to render the from drop down */\n  from: SelectProps;\n  /** Array to hold the initial participants that should be default initialized in To address. */\n  to?: EmailUser['emailAddress'][];\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  /** 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 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  /** Region to show more actions in footer */\n  footerMoreActions?: ReactNode;\n  /** Templates for drafting email */\n  templates?: Record<string, string>;\n  /** Callback when replying to only from address */\n  onReply?: () => void;\n  /** Callback when replying to all participants */\n  onReplyAll?: () => void;\n  /** Callback when cancel composing */\n  onCancel: () => void;\n  /** Whether email composer opened after clicking reply or reply all */\n  isReplyAll: boolean;\n  /** Ref to the element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport interface EmailComposerParticipantsProps {\n  key: string;\n  value: EmailUser;\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\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"]}
+{"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,9 +1,9 @@
 import { FunctionComponent } from 'react';
-import { Icon, ForwardProps } from '@pega/cosmos-react-core';
+import { Icon } from '@pega/cosmos-react-core';
 import { EmailComposerProps } from './Email.types';
 export declare const StyledEmailComposer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledReplyIcon: typeof Icon;
-export declare const StyledCCButton: import("styled-components").StyledComponent<FunctionComponent<import("@pega/cosmos-react-core").ButtonProps & ForwardProps>, 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,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAIf,OAAO,EAIL,IAAI,EAKJ,YAAY,EAMb,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAAE,kBAAkB,EAAa,MAAM,eAAe,CAAC;AAiG9D,eAAO,MAAM,mBAAmB,yGAAe,CAAC;AAEhD,eAAO,MAAM,eAAe,EAAE,OAAO,IAInC,CAAC;AAIH,eAAO,MAAM,cAAc,mLAKzB,CAAC;AAIH,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAwLvE,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,151 +1,163 @@
 import { createElement as _createElement } from "react";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useState, useMemo } from 'react';
+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, Flex, Icon, registerIcon, Text, useI18n, Option, defaultThemeProp, FileUploadItem, MenuButton, useConsolidatedRef } 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';
 import * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';
-registerIcon(paperClipIcon);
-const useEmailDataProvider = (participants, defaultSelected = []) => {
-    const escapeChars = /[.*+\-?^${}()|[\]\\]/g;
-    const getFilterRegex = (inputValue) => {
-        return new RegExp(`^${inputValue.replace(escapeChars, '\\$&')}`, 'i');
-    };
-    const [emailUsers, setEmailUsers] = useState(participants.map((participant) => {
-        return {
-            ...participant,
-            selected: defaultSelected.includes(participant.emailAddress)
-        };
-    }));
-    const [emailFilterValue, setEmailFilterValue] = useState('');
-    const filterRegex = useMemo(() => getFilterRegex(emailFilterValue), [emailFilterValue]);
-    const emailsToRender = useMemo(() => {
-        return (emailFilterValue
-            ? emailUsers.filter(({ emailAddress, fullName, shortName }) => {
-                return (filterRegex.test(emailAddress) ||
-                    filterRegex.test(fullName) ||
-                    filterRegex.test(shortName));
-            })
-            : emailUsers).map(({ emailAddress, fullName, selected }) => {
-            return {
-                id: emailAddress,
-                primary: fullName,
-                secondary: [emailAddress],
-                selected: !!selected
-            };
-        });
-    }, [emailUsers, filterRegex]);
-    const selectedEmailUsers = useMemo(() => {
-        return emailUsers
-            .filter(emailAddress => emailAddress.selected)
-            .map(({ emailAddress }) => {
-            return {
-                text: emailAddress,
-                id: emailAddress
-            };
-        });
-    }, [emailUsers]);
-    const toggleSelectedEmailUser = (id) => {
-        setEmailUsers(prevEmailUsers => {
-            return prevEmailUsers.map(emailUser => {
-                if (emailUser.emailAddress === id) {
-                    return {
-                        ...emailUser,
-                        selected: !emailUser.selected
-                    };
-                }
-                return emailUser;
-            });
-        });
-    };
-    return {
-        value: emailFilterValue,
-        onChange: (e) => {
-            setEmailFilterValue(e.target.value);
-        },
-        onBlur: () => {
-            setEmailFilterValue('');
-        },
-        menu: {
-            items: emailsToRender,
-            accent: filterRegex,
-            onItemClick: toggleSelectedEmailUser
-        },
-        selected: {
-            items: selectedEmailUsers,
-            onRemove: toggleSelectedEmailUser
-        }
-    };
-};
+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 ``;
-export const StyledReplyIcon = styled(Icon)(({ theme }) => {
+export const StyledResponseTypeIcon = styled(Icon)(({ theme }) => {
     return css `
     color: ${theme.base.palette.interactive};
   `;
 });
-StyledReplyIcon.defaultProps = defaultThemeProp;
-export const StyledCCButton = styled(Button)(({ theme }) => {
+StyledResponseTypeIcon.defaultProps = defaultThemeProp;
+export const StyledToggleButton = styled(Button)(({ theme }) => {
     return css `
     margin-block-start: calc(2 * ${theme.base.spacing});
     color: ${theme.base.palette.interactive};
   `;
 });
-StyledCCButton.defaultProps = defaultThemeProp;
-const EmailComposer = forwardRef((props, ref) => {
-    const { onReply, onReplyAll, isReplyAll, participants, from, to, cc, bcc, body, primaryMoreFields, secondaryMoreFields, maxAttachments = 0, attachments = [], onAddAttachment, onCancel, onSend, footerMoreActions, templates, ...restProps } = props;
-    const [subject, setSubject] = useState(props.subject);
-    const [showCC, setShowCC] = useState(false);
-    const [showBCC, setShowBCC] = useState(false);
-    const [selectedTemplate, setSelectedTemplate] = useState('');
-    const toEmailAddresses = useEmailDataProvider(participants, to);
-    const ccEmailAddresses = useEmailDataProvider(participants, cc);
-    const bccEmailAddresses = useEmailDataProvider(participants, bcc);
-    const children = templates && Object.keys(templates).map(option => _jsx(Option, { children: option }, option));
-    const header = subject || props.header;
-    const onSubjectChange = (e) => {
-        setSubject(e.target.value);
+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();
+    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');
+                }
+            }
+        ];
+        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 rteRef = useConsolidatedRef(body.ref);
-    const onTemplateChange = (e) => {
-        setSelectedTemplate(e.target.value);
-        if (templates?.[e.target.value]) {
-            rteRef.current?.insertText(templates[e.target.value]);
+    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 t = useI18n();
-    return (_jsxs(Flex, Object.assign({ as: StyledEmailComposer, ref: ref }, restProps, { container: {
+    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(Text, Object.assign({ variant: 'h4', "aria-label": `${t('email_header')} ${header}` }, { children: header }), void 0), _jsx("div", { children: _jsx(MenuButton, { text: isReplyAll ? t('reply_all') : t('reply'), variant: 'link', icon: isReplyAll ? 'reply-all' : 'reply', menu: {
-                        items: [
-                            {
-                                primary: t('reply_all'),
-                                id: 'reply all',
-                                visual: _jsx(StyledReplyIcon, { name: 'reply-all' }, void 0),
-                                onClick: onReplyAll
-                            },
-                            {
-                                primary: t('reply'),
-                                id: 'reply',
-                                visual: _jsx(StyledReplyIcon, { name: 'reply' }, void 0),
-                                onClick: onReply
-                            }
-                        ]
-                    } }, void 0) }, void 0), _jsxs(Flex, Object.assign({ container: {
+        }, 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, Object.assign({ container: {
+                }, children: [_jsx(Flex, { container: {
                             gap: 1,
                             direction: 'column'
                         }, item: {
                             grow: 1
-                        } }, { children: to && _jsx(ComboBox, Object.assign({}, toEmailAddresses, { label: t('to'), mode: 'multi-select', required: true }), void 0) }), void 0), !showCC && (_jsx("span", { children: _jsx(StyledCCButton, Object.assign({ variant: 'simple', onClick: () => setShowCC(true), icon: true }, { children: t('cc') }), void 0) }, void 0)), !showBCC && (_jsx("span", { children: _jsx(StyledCCButton, Object.assign({ variant: 'simple', onClick: () => setShowBCC(true), icon: true }, { children: t('bcc') }), void 0) }, void 0))] }), void 0), showCC && _jsx(ComboBox, Object.assign({}, ccEmailAddresses, { label: t('cc'), mode: 'multi-select' }), void 0), showBCC && _jsx(ComboBox, Object.assign({}, bccEmailAddresses, { label: t('bcc'), mode: 'multi-select' }), void 0), _jsx(Input, { value: subject, onChange: onSubjectChange, label: t('subject') }, void 0), _jsx(Select, Object.assign({ onChange: onTemplateChange, label: t('auto_reply'), value: selectedTemplate }, { children: _jsxs(_Fragment, { children: [_jsx(Option, { children: t('insert') }, void 0), children] }, void 0) }), void 0), primaryMoreFields, _jsx(RichTextEditor, Object.assign({ autoFocus: true }, body, { ref: rteRef, defaultValue: selectedTemplate, labelHidden: true, label: t('email_message') }), void 0), secondaryMoreFields, attachments.length > 0 && (_jsx(Flex, Object.assign({ container: { gap: 1, wrap: 'wrap' } }, { children: attachments.map(attachment => (_createElement(FileUploadItem, { ...attachment, key: attachment.name }))) }), void 0)), _jsxs(Flex, Object.assign({ container: {
+                        }, 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, Object.assign({ container: true, item: { grow: 1 } }, { children: [_jsx(Button, Object.assign({ variant: 'secondary', onClick: onCancel }, { children: t('cancel') }), void 0), footerMoreActions] }), void 0), _jsxs(Flex, Object.assign({ container: true }, { children: [maxAttachments > 0 && (_jsx(Button, Object.assign({ onClick: attachments.length < maxAttachments ? onAddAttachment : undefined, variant: 'link', label: attachments.length >= maxAttachments
+                }, 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, Object.assign({ variant: 'primary', onClick: onSend }, { children: t('send') }), void 0)] }), void 0)] }), void 0)] }), void 0));
+                                    : 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