@pega/cosmos-react-social 9.0.0-build.9.8 → 9.0.0

package/lib/components/Email/EmailComposer.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useMemo, useRef, useImperativeHandle, useEffect, useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import { Button, Flex, Icon, registerIcon, useI18n, defaultThemeProp, MenuButton, Input, Modal, useModalManager, useModalContext, ComboBox, menuHelpers, createStringMatcher, FileList, createUID, Checkbox } from '@pega/cosmos-react-core';
+import { Button, Flex, Icon, registerIcon, useI18n, defaultThemeProp, MenuButton, Input, Modal, useModalManager, useModalContext, ComboBox, menuHelpers, createStringMatcher, FileList, createUID, Checkbox, useLiveLog, usePrevious, getActiveElement, isInstance, ExpandCollapse } from '@pega/cosmos-react-core';
 import { Editor, StyledRichTextEditor } from '@pega/cosmos-react-rte';
 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 { StyledModalChildrenWrap, StyledModalContent } from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';
-import { StyledEditorRoot, StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/Editor/Editor.styles';
+import { StyledEditorRoot, StyledEditorContainer, StyledEditorIframe } from '@pega/cosmos-react-rte/lib/components/Editor/Editor.styles';
 import EmailSelector from './EmailSelector';
 registerIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);
 export const StyledEmailComposer = styled.div(({ progress }) => {
@@ -30,8 +30,8 @@ export const StyledResponseTypeIcon = styled(Icon)(({ 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};
+    margin-block-start: calc(4 * ${theme.base.spacing});
+    margin-inline-start: ${theme.base.spacing};
   `;
 });
 StyledToggleButton.defaultProps = defaultThemeProp;
@@ -39,19 +39,25 @@ const StyledResponseType = styled(MenuButton) `
   align-self: flex-start;
 `;
 StyledResponseType.defaultProps = defaultThemeProp;
+const StyledEditor = styled(Editor)(({ theme }) => {
+    return css `
+    margin-block-start: calc(2 * ${theme.base.spacing});
+  `;
+});
+StyledEditor.defaultProps = defaultThemeProp;
 export const StyledModal = styled(Modal)(({ state, theme }) => {
     return css `
     ${state === 'docked'
         ? css `
           max-height: calc(100vh - ${theme.base.spacing} * 4);
-          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {
+          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {
             /* Equivalent to 150px minus toolbar height */
             min-height: 10rem;
             max-height: 16.5rem;
           }
         `
         : css `
-          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {
+          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {
             /* Equivalent to 300px minus toolbar height */
             min-height: 16.5rem;
           }
@@ -62,16 +68,15 @@ export const StyledModal = styled(Modal)(({ state, theme }) => {
     ${StyledEmailComposer},
     ${StyledEmailComposer} > ${StyledEditorRoot},
     ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor},
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer},
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'],
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container,
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap,
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area,
-    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {
+    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} {
       display: flex;
       flex-direction: column;
       flex-grow: 1;
     }
+
+    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {
+      flex-grow: 1;
+    }
   `;
 });
 StyledModal.defaultProps = defaultThemeProp;
@@ -109,7 +114,9 @@ const createEmailTemplates = (selectedTemplateId, templates = []) => {
 };
 const EmailComposer = forwardRef(function EmailComposer({ participants, senderAccounts, onCancel, onSend, onSave, onImageAdded, externalValidator, onChange, onFilterChange, onLoadMore, footerMoreActions, progress = false, templates, data: { to, cc, bcc, responseType, subject, bodyContent, selectedTemplateId, attachments, emailAccount, markAsImportant = false }, handle, onEditorInit: onEditorInitProp, ...restProps }, ref) {
     const t = useI18n();
+    const { announcePolite } = useLiveLog();
     const { create: createModal } = useModalManager();
+    const prevAttachments = usePrevious(attachments);
     const [userCCToggleState, setUserCCToggleState] = useState(false);
     const [userBCCToggleState, setUserBCCToggleState] = useState(false);
     const [editorContent, setEditorContent] = useState('');
@@ -117,19 +124,14 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
     const bodyContentToReplace = useRef(null);
     const isProgramatic = useRef(false);
     const ccPendingFocus = useRef(false);
-    const bccPendingFocus = useRef(false);
+    const filesAnnounced = useRef(false);
+    const announcedFilesSet = useRef(new Set());
     const setCCHandle = useCallback((ccComboBoxHandle) => {
         if (ccComboBoxHandle && ccPendingFocus.current) {
             ccPendingFocus.current = false;
             ccComboBoxHandle.focusInput();
         }
     }, []);
-    const setBCCHandle = useCallback((bccComboBoxHandle) => {
-        if (bccComboBoxHandle && bccPendingFocus.current) {
-            bccPendingFocus.current = false;
-            bccComboBoxHandle.focusInput();
-        }
-    }, []);
     const filterRegex = createStringMatcher(filterValue, 'contains');
     const compose = useMemo(() => {
         return !!senderAccounts;
@@ -239,8 +241,9 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
     }));
     const hasCC = useMemo(() => !!cc?.value?.length, [cc]);
     const hasBCC = useMemo(() => !!bcc?.value?.length, [bcc]);
+    const [collapsed, setCollapsed] = useState(true);
     const content = (_jsxs(Flex, { as: StyledEmailComposer, ...restProps, container: {
-            gap: 2,
+            gap: 0.5,
             direction: 'column'
         }, progress: !!progress, ref: ref, children: [senderAccounts && (_jsx(EmailSelector, { participants: senderAccounts, selectedItems: emailAccount ? [emailAccount.value] : [], label: t('email_account'), mode: 'single-select', required: true, onFilterChange: (filteredValue) => {
                     onFilterChange('emailAccount', filteredValue);
@@ -252,10 +255,8 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
                     mode: 'single-select',
                     items: responseTypeMenuData.menuItems
                 } })), _jsxs(Flex, { container: {
-                    alignItems: 'start',
-                    gap: 0.5
+                    alignItems: 'start'
                 }, children: [_jsx(Flex, { container: {
-                            gap: 1,
                             direction: 'column'
                         }, item: {
                             grow: 1
@@ -265,21 +266,22 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
                                 onLoadMore?.('to', filteredValue);
                             }, onSelectedItemChange: (selectedItems) => {
                                 onChange('to', selectedItems);
-                            }, loading: to?.loading, accent: to?.accent, externalValidator: externalValidator, status: to?.error ? 'error' : undefined, info: to?.error }) }), !(userCCToggleState || hasCC) && (_jsx(StyledToggleButton, { variant: 'simple', onClick: () => {
-                            ccPendingFocus.current = true;
-                            setUserCCToggleState(true);
-                        }, icon: true, children: t('cc') })), !(userBCCToggleState || hasBCC) && (_jsx(StyledToggleButton, { variant: 'simple', onClick: () => {
-                            bccPendingFocus.current = true;
-                            setUserBCCToggleState(true);
-                        }, icon: true, children: t('bcc') }))] }), (userCCToggleState || hasCC) && (_jsx(EmailSelector, { participants: participants, selectedItems: cc?.value || [], label: t('cc'), mode: 'multi-select', onFilterChange: (filteredValue) => {
-                    onFilterChange('cc', filteredValue);
-                }, onLoadMore: (filteredValue) => {
-                    onLoadMore?.('cc', filteredValue);
-                }, loading: cc?.loading, accent: cc?.accent, onSelectedItemChange: (selectedItems) => onChange('cc', selectedItems), externalValidator: externalValidator, status: cc?.error ? 'error' : undefined, info: cc?.error, comboBoxHandle: setCCHandle })), (userBCCToggleState || hasBCC) && (_jsx(EmailSelector, { participants: participants, selectedItems: bcc?.value || [], label: t('bcc'), mode: 'multi-select', onFilterChange: (filteredValue) => {
-                    onFilterChange('bcc', filteredValue);
-                }, onLoadMore: (filteredValue) => {
-                    onLoadMore?.('bcc', filteredValue);
-                }, loading: bcc?.loading, accent: bcc?.accent, onSelectedItemChange: (selectedItems) => onChange('bcc', selectedItems), externalValidator: externalValidator, status: bcc?.error ? 'error' : undefined, info: bcc?.error, comboBoxHandle: setBCCHandle })), _jsx(Input, { value: subject.value, onChange: (e) => onChange('subject', e.target.value), label: t('subject'), status: subject.error ? 'error' : undefined, info: subject.error }), templates && (_jsx(ComboBox, { label: t('response_templates'), value: filterValue, mode: 'single-select', menu: {
+                            }, loading: to?.loading, accent: to?.accent, externalValidator: externalValidator, status: to?.error ? 'error' : undefined, info: to?.error }) }), _jsx(StyledToggleButton, { variant: 'link', onClick: () => {
+                            if (collapsed) {
+                                ccPendingFocus.current = true;
+                                setUserCCToggleState(true);
+                                setUserBCCToggleState(true);
+                            }
+                            setCollapsed(curState => !curState);
+                        }, children: `${t('cc')} / ${t('bcc')}` })] }), _jsxs(ExpandCollapse, { dimension: 'height', collapsed: collapsed, nullWhenCollapsed: true, children: [(userCCToggleState || hasCC) && (_jsx(EmailSelector, { participants: participants, selectedItems: cc?.value || [], label: t('cc'), mode: 'multi-select', onFilterChange: (filteredValue) => {
+                            onFilterChange('cc', filteredValue);
+                        }, onLoadMore: (filteredValue) => {
+                            onLoadMore?.('cc', filteredValue);
+                        }, loading: cc?.loading, accent: cc?.accent, onSelectedItemChange: (selectedItems) => onChange('cc', selectedItems), externalValidator: externalValidator, status: cc?.error ? 'error' : undefined, info: cc?.error, comboBoxHandle: setCCHandle })), (userBCCToggleState || hasBCC) && (_jsx(EmailSelector, { participants: participants, selectedItems: bcc?.value || [], label: t('bcc'), mode: 'multi-select', onFilterChange: (filteredValue) => {
+                            onFilterChange('bcc', filteredValue);
+                        }, onLoadMore: (filteredValue) => {
+                            onLoadMore?.('bcc', filteredValue);
+                        }, loading: bcc?.loading, accent: bcc?.accent, onSelectedItemChange: (selectedItems) => onChange('bcc', selectedItems), externalValidator: externalValidator, status: bcc?.error ? 'error' : undefined, info: bcc?.error }))] }), _jsx(Input, { value: subject.value, onChange: (e) => onChange('subject', e.target.value), label: t('subject'), status: subject.error ? 'error' : undefined, info: subject.error }), templates && (_jsx(ComboBox, { label: t('response_templates'), value: filterValue, mode: 'single-select', menu: {
                     items: emailTemplatesToRender,
                     onItemClick: (id) => {
                         setFilterValue('');
@@ -297,7 +299,7 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
                     if (!e.target.value)
                         onChange('selectedTemplateId', '');
                     setFilterValue(e.target.value);
-                } })), _jsx(Editor, { autoFocus: true, ref: editorRef, toolbar: editorToolbar, onImageAdded: onImageAdded, labelHidden: true, label: t('email_message'), defaultValue: editorContent || bodyContent.defaultValue, autoResize: false, status: bodyContent.error ? 'error' : undefined, info: bodyContent.error, onChange: () => {
+                } })), _jsx(StyledEditor, { autoFocus: true, ref: editorRef, toolbar: editorToolbar, onImageAdded: onImageAdded, labelHidden: true, label: t('email_message'), defaultValue: editorContent || bodyContent.defaultValue, autoResize: false, status: bodyContent.error ? 'error' : undefined, info: bodyContent.error, onChange: () => {
                     const currentHtml = editorRef?.current?.getHtml() || '';
                     setEditorContent(currentHtml);
                     onChange('bodyContent', currentHtml, isProgramatic.current);
@@ -320,14 +322,18 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
                                 fileUploadInputRef.current.value = '';
                                 fileUploadInputRef.current.click();
                             }
-                        }, variant: 'simple', label: t('file_upload_text_multiple'), children: _jsx(Icon, { name: 'paper-clip' }) }), onSave && _jsx(Button, { onClick: onSave, children: t('save_as_draft') }), _jsx(Button, { variant: 'primary', onClick: onSend, children: t('send') })] }), _jsx("input", { type: 'file', style: { display: 'none' }, ref: fileUploadInputRef, onChange: onFileChange, multiple: true })] }));
+                        }, variant: 'simple', label: t('file_upload_text_multiple'), children: _jsx(Icon, { name: 'paper-clip' }) }), onSave && (_jsx(Button, { variant: !onSend ? 'primary' : 'secondary', onClick: onSave, children: t('save_as_draft') })), onSend && (_jsx(Button, { variant: 'primary', onClick: onSend, children: t('send') }))] }), _jsx("input", { type: 'file', style: { display: 'none' }, ref: fileUploadInputRef, onChange: onFileChange, multiple: true })] }));
     // Create modal on mount
     useEffect(() => {
-        modalMethods.current = createModal(ComposerModal, { modalContent: content, actions: footerContent, progress, subject, onCancel, compose }, { minimizable: true, maximizable: true, dockable: true });
+        const initiatorElement = getActiveElement();
+        modalMethods.current = createModal(ComposerModal, { modalContent: content, actions: footerContent, progress, subject, onCancel, compose }, { minimizable: true, maximizable: true, dockable: true, moveable: true });
         return () => {
             // Will close the modal on unmount
             modalMethods.current?.dismiss();
             modalMethods.current?.unmount();
+            if (isInstance(initiatorElement, HTMLElement) && initiatorElement.isConnected) {
+                initiatorElement.focus();
+            }
         };
     }, []);
     useEffect(() => {
@@ -340,6 +346,45 @@ const EmailComposer = forwardRef(function EmailComposer({ participants, senderAc
             compose
         });
     });
+    useEffect(() => {
+        if (!attachments)
+            return;
+        if (announcedFilesSet.current.size !== attachments.length) {
+            filesAnnounced.current = false;
+        }
+        if ((prevAttachments?.length ?? 0) > attachments.length) {
+            announcedFilesSet.current = new Set(Array.from(announcedFilesSet.current).filter(item => attachments.some(file => file.id === item)));
+        }
+        const errorFiles = attachments.filter(item => !announcedFilesSet.current.has(item.id) && item.error);
+        const progressFiles = attachments.filter(item => !announcedFilesSet.current.has(item.id) &&
+            ('progress' in item ? typeof item.progress === 'number' && item.progress > 99 : true));
+        const totalAttachedFilesLength = progressFiles.length + errorFiles.length;
+        if (totalAttachedFilesLength > 0 &&
+            attachments.length - announcedFilesSet.current.size === totalAttachedFilesLength &&
+            !filesAnnounced.current) {
+            if (progressFiles.length > 0) {
+                announcePolite({
+                    message: t('files_uploaded', [progressFiles.length], { count: progressFiles.length })
+                });
+                progressFiles.forEach(file => {
+                    if (file.id && !announcedFilesSet.current.has(file.id)) {
+                        announcedFilesSet.current.add(file.id);
+                    }
+                });
+            }
+            if (errorFiles.length > 0) {
+                announcePolite({
+                    message: t('files_upload_failed', [errorFiles.length], { count: errorFiles.length })
+                });
+                errorFiles.forEach(file => {
+                    if (file.id && !announcedFilesSet.current.has(file.id)) {
+                        announcedFilesSet.current.add(file.id);
+                    }
+                });
+            }
+            filesAnnounced.current = true;
+        }
+    }, [attachments]);
     return null;
 });
 export default EmailComposer;

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

@@ -1 +1 @@
-{"version":3,"file":"EmailComposer.js","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  useMemo,\n  useRef,\n  useImperativeHandle,\n  useEffect,\n  useCallback\n} from 'react';\nimport type { PropsWithoutRef, ChangeEvent, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  registerIcon,\n  useI18n,\n  defaultThemeProp,\n  MenuButton,\n  Input,\n  Modal,\n  useModalManager,\n  useModalContext,\n  ComboBox,\n  menuHelpers,\n  createStringMatcher,\n  FileList,\n  createUID,\n  Checkbox\n} from '@pega/cosmos-react-core';\nimport type {\n  ModalMethods,\n  ModalProps,\n  MenuItemProps,\n  MenuProps,\n  FileItemProps\n} from '@pega/cosmos-react-core';\nimport { Editor, StyledRichTextEditor } from '@pega/cosmos-react-rte';\nimport type { EditorState, EditorProps } from '@pega/cosmos-react-rte';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  StyledModalChildrenWrap,\n  StyledModalContent\n} from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport {\n  StyledEditorRoot,\n  StyledEditorContainer\n} from '@pega/cosmos-react-rte/lib/components/Editor/Editor.styles';\nimport type { ComboBoxHandleValue } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport type { EmailComposerProps } from './Email.types';\nimport EmailSelector from './EmailSelector';\n\nregisterIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);\n\nexport const StyledEmailComposer = styled.div<EmailComposerProps>(({ progress }) => {\n  return css`\n    ${progress\n      ? css`\n          visibility: hidden;\n        `\n      : css`\n          visibility: visible;\n        `}\n  `;\n});\n\nexport const StyledResponseTypeIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledResponseTypeIcon.defaultProps = defaultThemeProp;\n\nexport const StyledToggleButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledToggleButton.defaultProps = defaultThemeProp;\n\nconst StyledResponseType = styled(MenuButton)`\n  align-self: flex-start;\n`;\n\nStyledResponseType.defaultProps = defaultThemeProp;\n\nexport const StyledModal = styled(Modal)(({ state, theme }) => {\n  return css`\n    ${state === 'docked'\n      ? css`\n          max-height: calc(100vh - ${theme.base.spacing} * 4);\n          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {\n            /* Equivalent to 150px minus toolbar height */\n            min-height: 10rem;\n            max-height: 16.5rem;\n          }\n        `\n      : css`\n          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {\n            /* Equivalent to 300px minus toolbar height */\n            min-height: 16.5rem;\n          }\n        `}\n\n    ${StyledModalContent},\n    ${StyledModalChildrenWrap},\n    ${StyledEmailComposer},\n    ${StyledEmailComposer} > ${StyledEditorRoot},\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor},\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer},\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'],\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container,\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap,\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area,\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > [role='application'] > .tox-editor-container > .tox-sidebar-wrap > .tox-edit-area > iframe {\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n  `;\n});\n\nStyledModal.defaultProps = defaultThemeProp;\n\nconst responseTypeIcons = {\n  reply: 'reply',\n  replyAll: 'reply-all',\n  forward: 'forward'\n};\n\nconst editorToolbar: EditorProps['toolbar'] = [\n  'inline-styling',\n  'lists',\n  'indentation',\n  'images',\n  'links'\n];\n\nconst ComposerModal = ({\n  modalContent,\n  actions: modalActions,\n  progress: modalProgress,\n  subject,\n  onCancel,\n  compose\n}: {\n  modalContent: JSX.Element;\n  actions: ReactNode;\n  progress: ModalProps['progress'];\n  subject: EmailComposerProps['data']['subject'];\n  onCancel: EmailComposerProps['onCancel'];\n  compose: boolean;\n}) => {\n  const { state } = useModalContext();\n  const t = useI18n();\n  return (\n    <StyledModal\n      heading={compose ? t('compose_label') : subject.value}\n      onRequestDismiss={() => {\n        onCancel();\n        return false;\n      }}\n      actions={!modalProgress ? modalActions : undefined}\n      progress={modalProgress}\n      state={state}\n    >\n      {modalContent}\n    </StyledModal>\n  );\n};\n\nconst createEmailTemplates = (\n  selectedTemplateId: EmailComposerProps['data']['selectedTemplateId'],\n  templates: EmailComposerProps['templates'] = []\n): MenuProps['items'] => {\n  return templates.map(template => {\n    return {\n      id: template.id,\n      primary: template.title,\n      items: template.templates\n        ? createEmailTemplates(selectedTemplateId, template.templates)\n        : undefined,\n      selected: template.id === selectedTemplateId\n    };\n  });\n};\n\nconst EmailComposer = forwardRef(function EmailComposer(\n  {\n    participants,\n    senderAccounts,\n    onCancel,\n    onSend,\n    onSave,\n    onImageAdded,\n    externalValidator,\n    onChange,\n    onFilterChange,\n    onLoadMore,\n    footerMoreActions,\n    progress = false,\n    templates,\n    data: {\n      to,\n      cc,\n      bcc,\n      responseType,\n      subject,\n      bodyContent,\n      selectedTemplateId,\n      attachments,\n      emailAccount,\n      markAsImportant = false\n    },\n    handle,\n    onEditorInit: onEditorInitProp,\n    ...restProps\n  }: PropsWithoutRef<EmailComposerProps>,\n  ref: EmailComposerProps['ref']\n) {\n  const t = useI18n();\n  const { create: createModal } = useModalManager();\n\n  const [userCCToggleState, setUserCCToggleState] = useState(false);\n  const [userBCCToggleState, setUserBCCToggleState] = useState(false);\n  const [editorContent, setEditorContent] = useState('');\n  const [filterValue, setFilterValue] = useState('');\n\n  const bodyContentToReplace = useRef<string | null>(null);\n  const isProgramatic = useRef(false);\n  const ccPendingFocus = useRef(false);\n  const bccPendingFocus = useRef(false);\n\n  const setCCHandle = useCallback((ccComboBoxHandle: ComboBoxHandleValue | null) => {\n    if (ccComboBoxHandle && ccPendingFocus.current) {\n      ccPendingFocus.current = false;\n      ccComboBoxHandle.focusInput();\n    }\n  }, []);\n\n  const setBCCHandle = useCallback((bccComboBoxHandle: ComboBoxHandleValue | null) => {\n    if (bccComboBoxHandle && bccPendingFocus.current) {\n      bccPendingFocus.current = false;\n      bccComboBoxHandle.focusInput();\n    }\n  }, []);\n\n  const filterRegex = createStringMatcher(filterValue, 'contains');\n\n  const compose = useMemo(() => {\n    return !!senderAccounts;\n  }, [senderAccounts]);\n\n  const emailTemplatesToRender = useMemo(() => {\n    if (!templates) {\n      return [];\n    }\n\n    const emailTemplates = createEmailTemplates(selectedTemplateId, templates);\n    const newItems = filterValue\n      ? menuHelpers.flatten(emailTemplates).filter(({ primary }: MenuItemProps) => {\n          return filterRegex.test(primary);\n        })\n      : emailTemplates;\n\n    return menuHelpers.mapTree(newItems, item => ({\n      ...item,\n      selected: item.items ? undefined : item.selected\n    }));\n  }, [filterValue, selectedTemplateId, templates]);\n\n  const selectedEmailTemplate = useMemo(() => {\n    return menuHelpers.getSelected(emailTemplatesToRender)[0];\n  }, [emailTemplatesToRender]);\n\n  const editorRef = useRef<EditorState>(null);\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const modalMethods = useRef<ModalMethods>();\n\n  const responseTypeMenuData = useMemo(() => {\n    const menuItems = [\n      {\n        id: 'reply',\n        primary: t('reply'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.reply} />,\n        selected: responseType === 'reply',\n        onClick: () => {\n          onChange('responseType', 'reply');\n        }\n      },\n      {\n        id: 'replyAll',\n        primary: t('reply_all'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.replyAll} />,\n        selected: responseType === 'replyAll',\n        onClick: () => {\n          onChange('responseType', 'replyAll');\n        }\n      },\n      {\n        id: 'forward',\n        primary: t('forward'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.forward} />,\n        selected: responseType === 'forward',\n        onClick: () => {\n          onChange('responseType', 'forward');\n        }\n      }\n    ];\n    return {\n      menuItems,\n      selectedResponseType: menuItems.find(item => item.selected)?.primary || menuItems[0].primary,\n      selectedResponseTypeIcon:\n        (responseType && responseTypeIcons[responseType]) || responseTypeIcons.reply\n    };\n  }, [responseType]);\n\n  const onAttachmentDelete = (id: FileItemProps['id']) => {\n    onChange('attachments', attachments?.filter(item => item.id !== id) || []);\n  };\n\n  const onFileChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const newFiles = Array.from(e.target.files).map(file => ({\n        File: file,\n        id: createUID(),\n        name: file.name\n      }));\n      onChange('attachments', attachments ? [...attachments, ...newFiles] : newFiles);\n    }\n  };\n\n  const onEditorInit: EditorProps['onInit'] = editor => {\n    if (bodyContentToReplace.current) {\n      editorRef.current?.insertHtml(bodyContentToReplace.current, true);\n      bodyContentToReplace.current = null;\n      editorRef.current?.focus();\n    }\n    if (onEditorInitProp) {\n      onEditorInitProp(editor);\n    }\n  };\n\n  useImperativeHandle(handle, () => ({\n    replaceBodyContent: (contentToReplace: string) => {\n      isProgramatic.current = true;\n      if (editorRef.current) {\n        editorRef.current.insertHtml(contentToReplace, true);\n      } else {\n        modalMethods.current?.dock();\n        bodyContentToReplace.current = contentToReplace;\n      }\n    },\n    updateImage: (imageData: { src: string; alt: string }, id: string) => {\n      editorRef.current?.appendImage(imageData, id);\n      // Triggering onChange manually as onChange on RTE is not triggered automatically for appendImage\n      onChange('bodyContent', editorRef.current?.getHtml() || '', true);\n    },\n    activate: () => {\n      modalMethods.current?.activate();\n    },\n    setCursorLocationToStart: () => {\n      editorRef.current?.setCursorLocationToStart?.();\n    }\n  }));\n\n  const hasCC = useMemo(() => !!cc?.value?.length, [cc]);\n  const hasBCC = useMemo(() => !!bcc?.value?.length, [bcc]);\n\n  const content = (\n    <Flex\n      as={StyledEmailComposer}\n      {...restProps}\n      container={{\n        gap: 2,\n        direction: 'column'\n      }}\n      progress={!!progress}\n      ref={ref}\n    >\n      {senderAccounts && (\n        <EmailSelector\n          participants={senderAccounts}\n          selectedItems={emailAccount ? [emailAccount.value] : []}\n          label={t('email_account')}\n          mode='single-select'\n          required\n          onFilterChange={(filteredValue: string) => {\n            onFilterChange('emailAccount', filteredValue);\n          }}\n          onLoadMore={(filteredValue: string) => {\n            onLoadMore?.('emailAccount', filteredValue);\n          }}\n          onSelectedItemChange={(selectedItems: string[]) => {\n            onChange('emailAccount', selectedItems[0] ?? '');\n          }}\n          loading={emailAccount?.loading}\n          accent={emailAccount?.accent}\n          status={emailAccount?.error ? 'error' : undefined}\n          info={emailAccount?.error}\n          compose\n        />\n      )}\n      {responseType && (\n        <StyledResponseType\n          text={responseTypeMenuData.selectedResponseType}\n          variant='link'\n          icon={responseTypeMenuData.selectedResponseTypeIcon}\n          menu={{\n            mode: 'single-select',\n            items: responseTypeMenuData.menuItems\n          }}\n        />\n      )}\n\n      <Flex\n        container={{\n          alignItems: 'start',\n          gap: 0.5\n        }}\n      >\n        <Flex\n          container={{\n            gap: 1,\n            direction: 'column'\n          }}\n          item={{\n            grow: 1\n          }}\n        >\n          <EmailSelector\n            participants={participants}\n            selectedItems={to?.value || []}\n            label={t('to')}\n            mode='multi-select'\n            required\n            onFilterChange={(filteredValue: string) => {\n              onFilterChange('to', filteredValue);\n            }}\n            onLoadMore={(filteredValue: string) => {\n              onLoadMore?.('to', filteredValue);\n            }}\n            onSelectedItemChange={(selectedItems: string[]) => {\n              onChange('to', selectedItems);\n            }}\n            loading={to?.loading}\n            accent={to?.accent}\n            externalValidator={externalValidator}\n            status={to?.error ? 'error' : undefined}\n            info={to?.error}\n          />\n        </Flex>\n        {!(userCCToggleState || hasCC) && (\n          <StyledToggleButton\n            variant='simple'\n            onClick={() => {\n              ccPendingFocus.current = true;\n              setUserCCToggleState(true);\n            }}\n            icon\n          >\n            {t('cc')}\n          </StyledToggleButton>\n        )}\n        {!(userBCCToggleState || hasBCC) && (\n          <StyledToggleButton\n            variant='simple'\n            onClick={() => {\n              bccPendingFocus.current = true;\n              setUserBCCToggleState(true);\n            }}\n            icon\n          >\n            {t('bcc')}\n          </StyledToggleButton>\n        )}\n      </Flex>\n\n      {(userCCToggleState || hasCC) && (\n        <EmailSelector\n          participants={participants}\n          selectedItems={cc?.value || []}\n          label={t('cc')}\n          mode='multi-select'\n          onFilterChange={(filteredValue: string) => {\n            onFilterChange('cc', filteredValue);\n          }}\n          onLoadMore={(filteredValue: string) => {\n            onLoadMore?.('cc', filteredValue);\n          }}\n          loading={cc?.loading}\n          accent={cc?.accent}\n          onSelectedItemChange={(selectedItems: string[]) => onChange('cc', selectedItems)}\n          externalValidator={externalValidator}\n          status={cc?.error ? 'error' : undefined}\n          info={cc?.error}\n          comboBoxHandle={setCCHandle}\n        />\n      )}\n      {(userBCCToggleState || hasBCC) && (\n        <EmailSelector\n          participants={participants}\n          selectedItems={bcc?.value || []}\n          label={t('bcc')}\n          mode='multi-select'\n          onFilterChange={(filteredValue: string) => {\n            onFilterChange('bcc', filteredValue);\n          }}\n          onLoadMore={(filteredValue: string) => {\n            onLoadMore?.('bcc', filteredValue);\n          }}\n          loading={bcc?.loading}\n          accent={bcc?.accent}\n          onSelectedItemChange={(selectedItems: string[]) => onChange('bcc', selectedItems)}\n          externalValidator={externalValidator}\n          status={bcc?.error ? 'error' : undefined}\n          info={bcc?.error}\n          comboBoxHandle={setBCCHandle}\n        />\n      )}\n\n      <Input\n        value={subject.value}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('subject', e.target.value)}\n        label={t('subject')}\n        status={subject.error ? 'error' : undefined}\n        info={subject.error}\n      />\n\n      {templates && (\n        <ComboBox\n          label={t('response_templates')}\n          value={filterValue}\n          mode='single-select'\n          menu={{\n            items: emailTemplatesToRender,\n            onItemClick: (id: MenuItemProps['id']) => {\n              setFilterValue('');\n              onChange('selectedTemplateId', id);\n            },\n            accent: filterRegex\n          }}\n          selected={\n            selectedEmailTemplate\n              ? {\n                  items: {\n                    id: selectedEmailTemplate.id,\n                    text: selectedEmailTemplate.primary\n                  }\n                }\n              : undefined\n          }\n          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.value) onChange('selectedTemplateId', '');\n            setFilterValue(e.target.value);\n          }}\n        />\n      )}\n\n      <Editor\n        autoFocus\n        ref={editorRef}\n        toolbar={editorToolbar}\n        onImageAdded={onImageAdded}\n        labelHidden\n        label={t('email_message')}\n        defaultValue={editorContent || bodyContent.defaultValue}\n        autoResize={false}\n        status={bodyContent.error ? 'error' : undefined}\n        info={bodyContent.error}\n        onChange={() => {\n          const currentHtml = editorRef?.current?.getHtml() || '';\n          setEditorContent(currentHtml);\n          onChange('bodyContent', currentHtml, isProgramatic.current);\n          if (isProgramatic.current) isProgramatic.current = false;\n        }}\n        onInit={onEditorInit}\n        initOptions={{\n          contentStyle: 'body { height: 100%; overflow-y: auto; }'\n        }}\n      />\n      <Checkbox\n        label={t('mark_email_as_important')}\n        checked={markAsImportant}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          onChange('markImportant', e.target.checked);\n        }}\n      />\n      {!!attachments?.length && (\n        <FileList\n          type='item'\n          items={attachments.map(item => {\n            return {\n              ...item,\n              onDelete: onAttachmentDelete\n            };\n          })}\n          ref={ref}\n        />\n      )}\n    </Flex>\n  );\n\n  const footerContent = (\n    <>\n      <Button\n        variant='secondary'\n        onClick={() => {\n          onCancel();\n        }}\n      >\n        {t('cancel')}\n      </Button>\n\n      {footerMoreActions}\n\n      <Flex container>\n        <Button\n          icon\n          onClick={() => {\n            if (fileUploadInputRef.current) {\n              fileUploadInputRef.current.value = '';\n              fileUploadInputRef.current.click();\n            }\n          }}\n          variant='simple'\n          label={t('file_upload_text_multiple')}\n        >\n          <Icon name='paper-clip' />\n        </Button>\n\n        {onSave && <Button onClick={onSave}>{t('save_as_draft')}</Button>}\n        <Button variant='primary' onClick={onSend}>\n          {t('send')}\n        </Button>\n      </Flex>\n      <input\n        type='file'\n        style={{ display: 'none' }}\n        ref={fileUploadInputRef}\n        onChange={onFileChange}\n        multiple\n      />\n    </>\n  );\n\n  // Create modal on mount\n  useEffect(() => {\n    modalMethods.current = createModal(\n      ComposerModal,\n      { modalContent: content, actions: footerContent, progress, subject, onCancel, compose },\n      { minimizable: true, maximizable: true, dockable: true }\n    );\n\n    return () => {\n      // Will close the modal on unmount\n      modalMethods.current?.dismiss();\n      modalMethods.current?.unmount();\n    };\n  }, []);\n\n  useEffect(() => {\n    modalMethods.current?.update({\n      modalContent: content,\n      actions: footerContent,\n      progress,\n      subject,\n      onCancel,\n      compose\n    });\n  });\n  return null;\n});\n\nexport default EmailComposer;\n"]}
+{"version":3,"file":"EmailComposer.js","sourceRoot":"","sources":["../../../src/components/Email/EmailComposer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useState,\n  useMemo,\n  useRef,\n  useImperativeHandle,\n  useEffect,\n  useCallback\n} from 'react';\nimport type { PropsWithoutRef, ChangeEvent, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  registerIcon,\n  useI18n,\n  defaultThemeProp,\n  MenuButton,\n  Input,\n  Modal,\n  useModalManager,\n  useModalContext,\n  ComboBox,\n  menuHelpers,\n  createStringMatcher,\n  FileList,\n  createUID,\n  Checkbox,\n  useLiveLog,\n  usePrevious,\n  getActiveElement,\n  isInstance,\n  ExpandCollapse\n} from '@pega/cosmos-react-core';\nimport type {\n  ModalMethods,\n  ModalProps,\n  MenuItemProps,\n  MenuProps,\n  FileItemProps\n} from '@pega/cosmos-react-core';\nimport { Editor, StyledRichTextEditor } from '@pega/cosmos-react-rte';\nimport type { EditorState, EditorProps } from '@pega/cosmos-react-rte';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n  StyledModalChildrenWrap,\n  StyledModalContent\n} from '@pega/cosmos-react-core/lib/components/Modal/Modal.styles';\nimport {\n  StyledEditorRoot,\n  StyledEditorContainer,\n  StyledEditorIframe\n} from '@pega/cosmos-react-rte/lib/components/Editor/Editor.styles';\nimport type { ComboBoxHandleValue } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport type { EmailComposerProps } from './Email.types';\nimport EmailSelector from './EmailSelector';\n\nregisterIcon(paperClipIcon, replyAllIcon, replyIcon, forwardIcon);\n\nexport const StyledEmailComposer = styled.div<EmailComposerProps>(({ progress }) => {\n  return css`\n    ${progress\n      ? css`\n          visibility: hidden;\n        `\n      : css`\n          visibility: visible;\n        `}\n  `;\n});\n\nexport const StyledResponseTypeIcon = styled(Icon)(({ theme }) => {\n  return css`\n    color: ${theme.base.palette.interactive};\n  `;\n});\n\nStyledResponseTypeIcon.defaultProps = defaultThemeProp;\n\nexport const StyledToggleButton = styled(Button)(({ theme }) => {\n  return css`\n    margin-block-start: calc(4 * ${theme.base.spacing});\n    margin-inline-start: ${theme.base.spacing};\n  `;\n});\n\nStyledToggleButton.defaultProps = defaultThemeProp;\n\nconst StyledResponseType = styled(MenuButton)`\n  align-self: flex-start;\n`;\n\nStyledResponseType.defaultProps = defaultThemeProp;\n\nconst StyledEditor = styled(Editor)(({ theme }) => {\n  return css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n  `;\n});\n\nStyledEditor.defaultProps = defaultThemeProp;\n\nexport const StyledModal = styled(Modal)(({ state, theme }) => {\n  return css`\n    ${state === 'docked'\n      ? css`\n          max-height: calc(100vh - ${theme.base.spacing} * 4);\n          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {\n            /* Equivalent to 150px minus toolbar height */\n            min-height: 10rem;\n            max-height: 16.5rem;\n          }\n        `\n      : css`\n          ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {\n            /* Equivalent to 300px minus toolbar height */\n            min-height: 16.5rem;\n          }\n        `}\n\n    ${StyledModalContent},\n    ${StyledModalChildrenWrap},\n    ${StyledEmailComposer},\n    ${StyledEmailComposer} > ${StyledEditorRoot},\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor},\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} {\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    ${StyledEmailComposer} > ${StyledEditorRoot} > ${StyledRichTextEditor} > ${StyledEditorContainer} > ${StyledEditorIframe} {\n      flex-grow: 1;\n    }\n  `;\n});\n\nStyledModal.defaultProps = defaultThemeProp;\n\nconst responseTypeIcons = {\n  reply: 'reply',\n  replyAll: 'reply-all',\n  forward: 'forward'\n};\n\nconst editorToolbar: EditorProps['toolbar'] = [\n  'inline-styling',\n  'lists',\n  'indentation',\n  'images',\n  'links'\n];\n\nconst ComposerModal = ({\n  modalContent,\n  actions: modalActions,\n  progress: modalProgress,\n  subject,\n  onCancel,\n  compose\n}: {\n  modalContent: JSX.Element;\n  actions: ReactNode;\n  progress: ModalProps['progress'];\n  subject: EmailComposerProps['data']['subject'];\n  onCancel: EmailComposerProps['onCancel'];\n  compose: boolean;\n}) => {\n  const { state } = useModalContext();\n  const t = useI18n();\n  return (\n    <StyledModal\n      heading={compose ? t('compose_label') : subject.value}\n      onRequestDismiss={() => {\n        onCancel();\n        return false;\n      }}\n      actions={!modalProgress ? modalActions : undefined}\n      progress={modalProgress}\n      state={state}\n    >\n      {modalContent}\n    </StyledModal>\n  );\n};\n\nconst createEmailTemplates = (\n  selectedTemplateId: EmailComposerProps['data']['selectedTemplateId'],\n  templates: EmailComposerProps['templates'] = []\n): MenuProps['items'] => {\n  return templates.map(template => {\n    return {\n      id: template.id,\n      primary: template.title,\n      items: template.templates\n        ? createEmailTemplates(selectedTemplateId, template.templates)\n        : undefined,\n      selected: template.id === selectedTemplateId\n    };\n  });\n};\n\nconst EmailComposer = forwardRef(function EmailComposer(\n  {\n    participants,\n    senderAccounts,\n    onCancel,\n    onSend,\n    onSave,\n    onImageAdded,\n    externalValidator,\n    onChange,\n    onFilterChange,\n    onLoadMore,\n    footerMoreActions,\n    progress = false,\n    templates,\n    data: {\n      to,\n      cc,\n      bcc,\n      responseType,\n      subject,\n      bodyContent,\n      selectedTemplateId,\n      attachments,\n      emailAccount,\n      markAsImportant = false\n    },\n    handle,\n    onEditorInit: onEditorInitProp,\n    ...restProps\n  }: PropsWithoutRef<EmailComposerProps>,\n  ref: EmailComposerProps['ref']\n) {\n  const t = useI18n();\n  const { announcePolite } = useLiveLog();\n  const { create: createModal } = useModalManager();\n\n  const prevAttachments = usePrevious(attachments);\n\n  const [userCCToggleState, setUserCCToggleState] = useState(false);\n  const [userBCCToggleState, setUserBCCToggleState] = useState(false);\n  const [editorContent, setEditorContent] = useState('');\n  const [filterValue, setFilterValue] = useState('');\n\n  const bodyContentToReplace = useRef<string | null>(null);\n  const isProgramatic = useRef(false);\n  const ccPendingFocus = useRef(false);\n\n  const filesAnnounced = useRef(false);\n  const announcedFilesSet = useRef<Set<string>>(new Set());\n\n  const setCCHandle = useCallback((ccComboBoxHandle: ComboBoxHandleValue | null) => {\n    if (ccComboBoxHandle && ccPendingFocus.current) {\n      ccPendingFocus.current = false;\n      ccComboBoxHandle.focusInput();\n    }\n  }, []);\n\n  const filterRegex = createStringMatcher(filterValue, 'contains');\n\n  const compose = useMemo(() => {\n    return !!senderAccounts;\n  }, [senderAccounts]);\n\n  const emailTemplatesToRender = useMemo(() => {\n    if (!templates) {\n      return [];\n    }\n\n    const emailTemplates = createEmailTemplates(selectedTemplateId, templates);\n    const newItems = filterValue\n      ? menuHelpers.flatten(emailTemplates).filter(({ primary }: MenuItemProps) => {\n          return filterRegex.test(primary);\n        })\n      : emailTemplates;\n\n    return menuHelpers.mapTree(newItems, item => ({\n      ...item,\n      selected: item.items ? undefined : item.selected\n    }));\n  }, [filterValue, selectedTemplateId, templates]);\n\n  const selectedEmailTemplate = useMemo(() => {\n    return menuHelpers.getSelected(emailTemplatesToRender)[0];\n  }, [emailTemplatesToRender]);\n\n  const editorRef = useRef<EditorState>(null);\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const modalMethods = useRef<ModalMethods>();\n\n  const responseTypeMenuData = useMemo(() => {\n    const menuItems = [\n      {\n        id: 'reply',\n        primary: t('reply'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.reply} />,\n        selected: responseType === 'reply',\n        onClick: () => {\n          onChange('responseType', 'reply');\n        }\n      },\n      {\n        id: 'replyAll',\n        primary: t('reply_all'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.replyAll} />,\n        selected: responseType === 'replyAll',\n        onClick: () => {\n          onChange('responseType', 'replyAll');\n        }\n      },\n      {\n        id: 'forward',\n        primary: t('forward'),\n        visual: <StyledResponseTypeIcon name={responseTypeIcons.forward} />,\n        selected: responseType === 'forward',\n        onClick: () => {\n          onChange('responseType', 'forward');\n        }\n      }\n    ];\n    return {\n      menuItems,\n      selectedResponseType: menuItems.find(item => item.selected)?.primary || menuItems[0].primary,\n      selectedResponseTypeIcon:\n        (responseType && responseTypeIcons[responseType]) || responseTypeIcons.reply\n    };\n  }, [responseType]);\n\n  const onAttachmentDelete = (id: FileItemProps['id']) => {\n    onChange('attachments', attachments?.filter(item => item.id !== id) || []);\n  };\n\n  const onFileChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const newFiles = Array.from(e.target.files).map(file => ({\n        File: file,\n        id: createUID(),\n        name: file.name\n      }));\n      onChange('attachments', attachments ? [...attachments, ...newFiles] : newFiles);\n    }\n  };\n\n  const onEditorInit: EditorProps['onInit'] = editor => {\n    if (bodyContentToReplace.current) {\n      editorRef.current?.insertHtml(bodyContentToReplace.current, true);\n      bodyContentToReplace.current = null;\n      editorRef.current?.focus();\n    }\n    if (onEditorInitProp) {\n      onEditorInitProp(editor);\n    }\n  };\n\n  useImperativeHandle(handle, () => ({\n    replaceBodyContent: (contentToReplace: string) => {\n      isProgramatic.current = true;\n      if (editorRef.current) {\n        editorRef.current.insertHtml(contentToReplace, true);\n      } else {\n        modalMethods.current?.dock();\n        bodyContentToReplace.current = contentToReplace;\n      }\n    },\n    updateImage: (imageData: { src: string; alt: string }, id: string) => {\n      editorRef.current?.appendImage(imageData, id);\n      // Triggering onChange manually as onChange on RTE is not triggered automatically for appendImage\n      onChange('bodyContent', editorRef.current?.getHtml() || '', true);\n    },\n    activate: () => {\n      modalMethods.current?.activate();\n    },\n    setCursorLocationToStart: () => {\n      editorRef.current?.setCursorLocationToStart?.();\n    }\n  }));\n\n  const hasCC = useMemo(() => !!cc?.value?.length, [cc]);\n  const hasBCC = useMemo(() => !!bcc?.value?.length, [bcc]);\n  const [collapsed, setCollapsed] = useState(true);\n\n  const content = (\n    <Flex\n      as={StyledEmailComposer}\n      {...restProps}\n      container={{\n        gap: 0.5,\n        direction: 'column'\n      }}\n      progress={!!progress}\n      ref={ref}\n    >\n      {senderAccounts && (\n        <EmailSelector\n          participants={senderAccounts}\n          selectedItems={emailAccount ? [emailAccount.value] : []}\n          label={t('email_account')}\n          mode='single-select'\n          required\n          onFilterChange={(filteredValue: string) => {\n            onFilterChange('emailAccount', filteredValue);\n          }}\n          onLoadMore={(filteredValue: string) => {\n            onLoadMore?.('emailAccount', filteredValue);\n          }}\n          onSelectedItemChange={(selectedItems: string[]) => {\n            onChange('emailAccount', selectedItems[0] ?? '');\n          }}\n          loading={emailAccount?.loading}\n          accent={emailAccount?.accent}\n          status={emailAccount?.error ? 'error' : undefined}\n          info={emailAccount?.error}\n          compose\n        />\n      )}\n      {responseType && (\n        <StyledResponseType\n          text={responseTypeMenuData.selectedResponseType}\n          variant='link'\n          icon={responseTypeMenuData.selectedResponseTypeIcon}\n          menu={{\n            mode: 'single-select',\n            items: responseTypeMenuData.menuItems\n          }}\n        />\n      )}\n\n      <Flex\n        container={{\n          alignItems: 'start'\n        }}\n      >\n        <Flex\n          container={{\n            direction: 'column'\n          }}\n          item={{\n            grow: 1\n          }}\n        >\n          <EmailSelector\n            participants={participants}\n            selectedItems={to?.value || []}\n            label={t('to')}\n            mode='multi-select'\n            required\n            onFilterChange={(filteredValue: string) => {\n              onFilterChange('to', filteredValue);\n            }}\n            onLoadMore={(filteredValue: string) => {\n              onLoadMore?.('to', filteredValue);\n            }}\n            onSelectedItemChange={(selectedItems: string[]) => {\n              onChange('to', selectedItems);\n            }}\n            loading={to?.loading}\n            accent={to?.accent}\n            externalValidator={externalValidator}\n            status={to?.error ? 'error' : undefined}\n            info={to?.error}\n          />\n        </Flex>\n        <StyledToggleButton\n          variant='link'\n          onClick={() => {\n            if (collapsed) {\n              ccPendingFocus.current = true;\n              setUserCCToggleState(true);\n              setUserBCCToggleState(true);\n            }\n            setCollapsed(curState => !curState);\n          }}\n        >\n          {`${t('cc')} / ${t('bcc')}`}\n        </StyledToggleButton>\n      </Flex>\n      <ExpandCollapse dimension='height' collapsed={collapsed} nullWhenCollapsed>\n        {(userCCToggleState || hasCC) && (\n          <EmailSelector\n            participants={participants}\n            selectedItems={cc?.value || []}\n            label={t('cc')}\n            mode='multi-select'\n            onFilterChange={(filteredValue: string) => {\n              onFilterChange('cc', filteredValue);\n            }}\n            onLoadMore={(filteredValue: string) => {\n              onLoadMore?.('cc', filteredValue);\n            }}\n            loading={cc?.loading}\n            accent={cc?.accent}\n            onSelectedItemChange={(selectedItems: string[]) => onChange('cc', selectedItems)}\n            externalValidator={externalValidator}\n            status={cc?.error ? 'error' : undefined}\n            info={cc?.error}\n            comboBoxHandle={setCCHandle}\n          />\n        )}\n        {(userBCCToggleState || hasBCC) && (\n          <EmailSelector\n            participants={participants}\n            selectedItems={bcc?.value || []}\n            label={t('bcc')}\n            mode='multi-select'\n            onFilterChange={(filteredValue: string) => {\n              onFilterChange('bcc', filteredValue);\n            }}\n            onLoadMore={(filteredValue: string) => {\n              onLoadMore?.('bcc', filteredValue);\n            }}\n            loading={bcc?.loading}\n            accent={bcc?.accent}\n            onSelectedItemChange={(selectedItems: string[]) => onChange('bcc', selectedItems)}\n            externalValidator={externalValidator}\n            status={bcc?.error ? 'error' : undefined}\n            info={bcc?.error}\n          />\n        )}\n      </ExpandCollapse>\n\n      <Input\n        value={subject.value}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => onChange('subject', e.target.value)}\n        label={t('subject')}\n        status={subject.error ? 'error' : undefined}\n        info={subject.error}\n      />\n\n      {templates && (\n        <ComboBox\n          label={t('response_templates')}\n          value={filterValue}\n          mode='single-select'\n          menu={{\n            items: emailTemplatesToRender,\n            onItemClick: (id: MenuItemProps['id']) => {\n              setFilterValue('');\n              onChange('selectedTemplateId', id);\n            },\n            accent: filterRegex\n          }}\n          selected={\n            selectedEmailTemplate\n              ? {\n                  items: {\n                    id: selectedEmailTemplate.id,\n                    text: selectedEmailTemplate.primary\n                  }\n                }\n              : undefined\n          }\n          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n            if (!e.target.value) onChange('selectedTemplateId', '');\n            setFilterValue(e.target.value);\n          }}\n        />\n      )}\n\n      <StyledEditor\n        autoFocus\n        ref={editorRef}\n        toolbar={editorToolbar}\n        onImageAdded={onImageAdded}\n        labelHidden\n        label={t('email_message')}\n        defaultValue={editorContent || bodyContent.defaultValue}\n        autoResize={false}\n        status={bodyContent.error ? 'error' : undefined}\n        info={bodyContent.error}\n        onChange={() => {\n          const currentHtml = editorRef?.current?.getHtml() || '';\n          setEditorContent(currentHtml);\n          onChange('bodyContent', currentHtml, isProgramatic.current);\n          if (isProgramatic.current) isProgramatic.current = false;\n        }}\n        onInit={onEditorInit}\n        initOptions={{\n          contentStyle: 'body { height: 100%; overflow-y: auto; }'\n        }}\n      />\n      <Checkbox\n        label={t('mark_email_as_important')}\n        checked={markAsImportant}\n        onChange={(e: ChangeEvent<HTMLInputElement>) => {\n          onChange('markImportant', e.target.checked);\n        }}\n      />\n      {!!attachments?.length && (\n        <FileList\n          type='item'\n          items={attachments.map(item => {\n            return {\n              ...item,\n              onDelete: onAttachmentDelete\n            };\n          })}\n          ref={ref}\n        />\n      )}\n    </Flex>\n  );\n\n  const footerContent = (\n    <>\n      <Button\n        variant='secondary'\n        onClick={() => {\n          onCancel();\n        }}\n      >\n        {t('cancel')}\n      </Button>\n\n      {footerMoreActions}\n\n      <Flex container>\n        <Button\n          icon\n          onClick={() => {\n            if (fileUploadInputRef.current) {\n              fileUploadInputRef.current.value = '';\n              fileUploadInputRef.current.click();\n            }\n          }}\n          variant='simple'\n          label={t('file_upload_text_multiple')}\n        >\n          <Icon name='paper-clip' />\n        </Button>\n\n        {onSave && (\n          <Button variant={!onSend ? 'primary' : 'secondary'} onClick={onSave}>\n            {t('save_as_draft')}\n          </Button>\n        )}\n        {onSend && (\n          <Button variant='primary' onClick={onSend}>\n            {t('send')}\n          </Button>\n        )}\n      </Flex>\n      <input\n        type='file'\n        style={{ display: 'none' }}\n        ref={fileUploadInputRef}\n        onChange={onFileChange}\n        multiple\n      />\n    </>\n  );\n\n  // Create modal on mount\n  useEffect(() => {\n    const initiatorElement = getActiveElement();\n    modalMethods.current = createModal(\n      ComposerModal,\n      { modalContent: content, actions: footerContent, progress, subject, onCancel, compose },\n      { minimizable: true, maximizable: true, dockable: true, moveable: true }\n    );\n\n    return () => {\n      // Will close the modal on unmount\n      modalMethods.current?.dismiss();\n      modalMethods.current?.unmount();\n      if (isInstance(initiatorElement, HTMLElement) && initiatorElement.isConnected) {\n        initiatorElement.focus();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    modalMethods.current?.update({\n      modalContent: content,\n      actions: footerContent,\n      progress,\n      subject,\n      onCancel,\n      compose\n    });\n  });\n\n  useEffect(() => {\n    if (!attachments) return;\n\n    if (announcedFilesSet.current.size !== attachments.length) {\n      filesAnnounced.current = false;\n    }\n\n    if ((prevAttachments?.length ?? 0) > attachments.length) {\n      announcedFilesSet.current = new Set(\n        Array.from(announcedFilesSet.current).filter(item =>\n          attachments.some(file => file.id === item)\n        )\n      );\n    }\n\n    const errorFiles = attachments.filter(\n      item => !announcedFilesSet.current.has(item.id) && item.error\n    );\n    const progressFiles = attachments.filter(\n      item =>\n        !announcedFilesSet.current.has(item.id) &&\n        ('progress' in item ? typeof item.progress === 'number' && item.progress > 99 : true)\n    );\n    const totalAttachedFilesLength = progressFiles.length + errorFiles.length;\n\n    if (\n      totalAttachedFilesLength > 0 &&\n      attachments.length - announcedFilesSet.current.size === totalAttachedFilesLength &&\n      !filesAnnounced.current\n    ) {\n      if (progressFiles.length > 0) {\n        announcePolite({\n          message: t('files_uploaded', [progressFiles.length], { count: progressFiles.length })\n        });\n\n        progressFiles.forEach(file => {\n          if (file.id && !announcedFilesSet.current.has(file.id)) {\n            announcedFilesSet.current.add(file.id);\n          }\n        });\n      }\n\n      if (errorFiles.length > 0) {\n        announcePolite({\n          message: t('files_upload_failed', [errorFiles.length], { count: errorFiles.length })\n        });\n\n        errorFiles.forEach(file => {\n          if (file.id && !announcedFilesSet.current.has(file.id)) {\n            announcedFilesSet.current.add(file.id);\n          }\n        });\n      }\n      filesAnnounced.current = true;\n    }\n  }, [attachments]);\n\n  return null;\n});\n\nexport default EmailComposer;\n"]}

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

@@ -1,15 +1,19 @@
 import type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';
 import type { EmailConversationProps, EmailProps } from './Email.types';
-export declare const StyledEmailParticipantsText: import("styled-components").StyledComponent<ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledConversationHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
+export declare const StyledEmailParticipantsText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("@pega/cosmos-react-core").TextProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement | HTMLSpanElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLHeadingElement | HTMLSpanElement> | null | undefined;
+}, never>> & string & Omit<ForwardRefForwardPropsComponent<import("@pega/cosmos-react-core").TextProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledConversationHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     collapsed: boolean;
-}, never>;
-export declare const StyledUnReadCount: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledEmailConversation: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
+}>> & string;
+export declare const StyledUnReadCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledEmailConversation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     singleConversation?: boolean;
     showHeader?: boolean;
-}, never>;
-export declare const StyledEmailInConversation: import("styled-components").StyledComponent<ForwardRefForwardPropsComponent<EmailProps>, import("styled-components").DefaultTheme, Pick<EmailProps, "unRead">, never>;
+}>> & string;
+export declare const StyledEmailInConversation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<EmailProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & import("@pega/cosmos-react-core").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, Pick<EmailProps, "unRead">>> & string & Omit<ForwardRefForwardPropsComponent<EmailProps>, keyof import("react").Component<any, {}, any>>;
 declare const EmailConversation: ForwardRefForwardPropsComponent<EmailConversationProps>;
 export default EmailConversation;
 //# sourceMappingURL=EmailConversation.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmailConversation.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailConversation.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAWxE,eAAO,MAAM,2BAA2B,gLAEvC,CAAC;AAIF,eAAO,MAAM,wBAAwB;eAA8B,OAAO;SAczE,CAAC;AAGF,eAAO,MAAM,iBAAiB,yGAsB7B,CAAC;AAIF,eAAO,MAAM,uBAAuB;yBACb,OAAO;iBACf,OAAO;SAmBrB,CAAC;AAGF,eAAO,MAAM,yBAAyB,uKA0BpC,CAAC;AAuEH,QAAA,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,sBAAsB,CAwJ9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"EmailConversation.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailConversation.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,yBAAyB,CAAC;AAG/E,OAAO,KAAK,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAWxE,eAAO,MAAM,2BAA2B;;uJAEvC,CAAC;AAIF,eAAO,MAAM,wBAAwB;eAA8B,OAAO;YAczE,CAAC;AAGF,eAAO,MAAM,iBAAiB,6NAsB7B,CAAC;AAIF,eAAO,MAAM,uBAAuB;yBACb,OAAO;iBACf,OAAO;YAmBrB,CAAC;AAGF,eAAO,MAAM,yBAAyB;;2IA0BpC,CAAC;AAuEH,QAAA,MAAM,iBAAiB,EAAE,+BAA+B,CAAC,sBAAsB,CAwJ9E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/Email/EmailConversation.js

@@ -56,7 +56,7 @@ export const StyledEmailInConversation = styled(Email)(({ unRead, theme: { base:
     return css `
     padding: calc(2 * ${spacing}) 0;
     position: relative;
-    :not(:last-child) {
+    &:not(:last-child) {
       border-bottom: 0.0625rem solid ${palette['border-line']};
     }
     ${unRead &&
@@ -149,7 +149,7 @@ const EmailConversation = forwardRef(function EmailConversation(props, ref) {
         }
         return recipientElements;
     }, [to]);
-    const renderMetaData = (_jsxs(_Fragment, { children: [collapsedState && typeof attachmentCount === 'number' && attachmentCount > 0 && (_jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [_jsx(Icon, { name: 'paper-clip' }), _jsx(Count, { children: attachmentCount })] })), _jsxs(Text, { variant: 'secondary', as: StyledEmailParticipantsText, children: [`${getIntlDateTimeFormatFromCache(locale, { weekday: 'short' }).format(new Date(timeStamp))}, `, _jsx(DateTimeDisplay, { variant: 'datetime', value: timeStamp })] })] }));
+    const renderMetaData = (_jsxs(_Fragment, { children: [collapsedState && typeof attachmentCount === 'number' && attachmentCount > 0 && (_jsxs(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: [_jsx(Icon, { name: 'paper-clip' }), _jsx(Count, { children: attachmentCount })] })), _jsxs(Text, { variant: 'secondary', as: StyledEmailParticipantsText, children: [`${getIntlDateTimeFormatFromCache(locale, { weekday: 'short', timeZone: 'UTC' }).format(new Date(timeStamp))}, `, _jsx(DateTimeDisplay, { variant: 'datetime', value: timeStamp })] })] }));
     return (_jsxs(StyledEmailConversation, { ...restProps, id: id, ref: ref, children: [_jsxs(Flex, { as: StyledConversationButton, id: `conversation-heading${id}`, "aria-controls": id, "aria-expanded": !collapsedState, container: { gap: 1, alignItems: 'center', pad: 1 }, onClick: onExpandCollapse, ref: headerRef, children: [_jsx(Icon, { name: collapsedState ? caretDirection : 'caret-down' }), _jsx(StyledUnreadIndicator, { isVisible: !!unReadEmailCount }), _jsxs(Flex, { container: {
                             wrap: 'nowrap',
                             alignItems: 'start',

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

@@ -1 +1 @@
-{"version":3,"file":"EmailConversation.js","sourceRoot":"","sources":["../../../src/components/Email/EmailConversation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState, useMemo } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport {\n  ExpandCollapse,\n  Flex,\n  Icon,\n  registerIcon,\n  Text,\n  useI18n,\n  defaultThemeProp,\n  useAfterInitialEffect,\n  DateTimeDisplay,\n  readableColor,\n  readableHue,\n  useBreakpoint,\n  useConfiguration,\n  StyledIcon,\n  tryCatch,\n  useDirection,\n  Status,\n  getIntlDateTimeFormatFromCache,\n  Count\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport Email from './Email';\nimport type { EmailConversationProps, EmailProps } from './Email.types';\n\nregisterIcon(caretDownIcon, paperClipIcon);\n\nconst EmailParticipantTextCss = css`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n`;\n\nexport const StyledEmailParticipantsText = styled(Text)`\n  ${EmailParticipantTextCss}\n`;\n\nStyledEmailParticipantsText.defaultProps = defaultThemeProp;\n\nexport const StyledConversationHeader = styled.header<{ collapsed: boolean }>(\n  ({\n    theme: {\n      base: { palette }\n    },\n    collapsed\n  }) => {\n    return css`\n      border-bottom: ${collapsed ? 0 : '0.0625rem'} solid ${palette['border-line']};\n      position: sticky;\n      top: 0;\n      z-index: 1;\n    `;\n  }\n);\nStyledConversationHeader.defaultProps = defaultThemeProp;\n\nexport const StyledUnReadCount = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette,\n        'font-weight': { 'semi-bold': fontWeightSemiBold }\n      }\n    }\n  }) => {\n    const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n    const readableTextColor = readableColor(readableBackground);\n\n    return css`\n      align-self: flex-start;\n      background-color: ${readableBackground};\n      color: ${readableTextColor};\n      padding: 0 ${spacing};\n      font-weight: ${fontWeightSemiBold};\n      width: fit-content;\n    `;\n  }\n);\n\nStyledUnReadCount.defaultProps = defaultThemeProp;\n\nexport const StyledEmailConversation = styled.li<{\n  singleConversation?: boolean;\n  showHeader?: boolean;\n}>(\n  ({\n    theme: {\n      base: { spacing, palette, 'border-radius': baseBorderRadius }\n    },\n    singleConversation,\n    showHeader\n  }) => {\n    return css`\n      margin-bottom: ${spacing};\n      border-radius: ${singleConversation && showHeader\n        ? `0 0 ${baseBorderRadius} ${baseBorderRadius}`\n        : baseBorderRadius};\n      overflow: hidden;\n      background-color: ${palette['primary-background']};\n      list-style-type: none;\n    `;\n  }\n);\nStyledEmailConversation.defaultProps = defaultThemeProp;\n\nexport const StyledEmailInConversation = styled(Email)<Pick<EmailProps, 'unRead'>>(({\n  unRead,\n  theme: {\n    base: { spacing, palette }\n  }\n}) => {\n  const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n  return css`\n    padding: calc(2 * ${spacing}) 0;\n    position: relative;\n    :not(:last-child) {\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n    }\n    ${unRead &&\n    css`\n      &::before {\n        content: '';\n        background-color: ${readableBackground};\n        position: absolute;\n        inset: 0;\n        height: calc(100% + 0.0625rem);\n        top: -0.0625rem;\n        width: 0.125rem;\n      }\n    `}\n  `;\n});\nStyledEmailInConversation.defaultProps = defaultThemeProp;\n\nconst StyledUnreadIndicator = styled.span<{ isVisible: boolean }>(\n  ({\n    theme: {\n      base: { palette }\n    },\n    isVisible\n  }) => {\n    const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n\n    const diameter = '0.375rem';\n\n    return css`\n      width: ${isVisible ? diameter : 0};\n      margin: 0 ${isVisible ? 0 : '0.188rem'};\n      height: ${diameter};\n      display: inline-block;\n      border-radius: 50%;\n      background: ${readableBackground};\n      position: relative;\n      top: 0.375rem;\n      align-self: flex-start;\n    `;\n  }\n);\nStyledUnreadIndicator.defaultProps = defaultThemeProp;\n\nconst StyledConversationButton = styled.button(\n  ({\n    theme: {\n      base: { spacing, palette }\n    }\n  }) => {\n    const hoverColor = tryCatch(() =>\n      mix(0.85, palette['primary-background'], palette['brand-primary'])\n    );\n    return css`\n      border-width: 0;\n      width: 100%;\n      padding: ${spacing};\n      background: ${palette['primary-background']};\n      color: ${palette['foreground-color']};\n      position: sticky;\n      top: 0;\n      z-index: 1;\n\n      &[aria-expanded='true'] {\n        border-bottom: 0.0625rem solid ${palette['border-line']};\n      }\n\n      &:focus {\n        background: ${palette['secondary-background']};\n        outline: none;\n      }\n\n      &:hover {\n        background: ${hoverColor};\n        outline: none;\n      }\n\n      & > ${StyledIcon} {\n        align-self: flex-start;\n      }\n    `;\n  }\n);\n\nStyledConversationButton.defaultProps = defaultThemeProp;\n\nconst EmailConversation: ForwardRefForwardPropsComponent<EmailConversationProps> = forwardRef(\n  function EmailConversation(\n    props: PropsWithoutRef<EmailConversationProps>,\n    ref: EmailConversationProps['ref']\n  ) {\n    const {\n      id,\n      emails,\n      from,\n      to,\n      unReadEmailCount,\n      attachmentCount,\n      timeStamp,\n      isForwarded = false,\n      isCollapsed = false,\n      onCollapse,\n      onExpand,\n      undelivered,\n      drafts,\n      ...restProps\n    } = props;\n    const t = useI18n();\n    const [collapsedState, setCollapsedState] = useState(isCollapsed);\n    useAfterInitialEffect(() => {\n      setCollapsedState(isCollapsed);\n    }, [isCollapsed]);\n    const onExpandCollapse = () => {\n      setCollapsedState(!collapsedState);\n    };\n\n    const headerRef = useRef<HTMLDivElement>(null);\n    const isSmallOrAbove = useBreakpoint('sm', {\n      breakpointRef: headerRef,\n      themeProp: 'content-width'\n    });\n    const { locale } = useConfiguration();\n    const { rtl } = useDirection();\n\n    const caretDirection = rtl ? 'caret-left' : 'caret-right';\n    const generateRecipientList = useMemo(() => {\n      const recipientElements = to.slice(0, 2).map((recipient, i) => {\n        return `${recipient.shortName}${i < to.length - 1 ? ';' : ''} `;\n      });\n      if (to.length > 2) {\n        return [...recipientElements, `+${to.length - 2} more`];\n      }\n      return recipientElements;\n    }, [to]);\n\n    const renderMetaData = (\n      <>\n        {collapsedState && typeof attachmentCount === 'number' && attachmentCount > 0 && (\n          <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n            <Icon name='paper-clip' />\n            <Count>{attachmentCount}</Count>\n          </Flex>\n        )}\n        <Text variant='secondary' as={StyledEmailParticipantsText}>\n          {`${getIntlDateTimeFormatFromCache(locale, { weekday: 'short' }).format(new Date(timeStamp))}, `}\n          <DateTimeDisplay variant='datetime' value={timeStamp} />\n        </Text>\n      </>\n    );\n\n    return (\n      <StyledEmailConversation {...restProps} id={id} ref={ref}>\n        <Flex\n          as={StyledConversationButton}\n          id={`conversation-heading${id}`}\n          aria-controls={id}\n          aria-expanded={!collapsedState}\n          container={{ gap: 1, alignItems: 'center', pad: 1 }}\n          onClick={onExpandCollapse}\n          ref={headerRef}\n        >\n          <Icon name={collapsedState ? caretDirection : 'caret-down'} />\n          <StyledUnreadIndicator isVisible={!!unReadEmailCount} />\n          <Flex\n            container={{\n              wrap: 'nowrap',\n              alignItems: 'start',\n              direction: 'column'\n            }}\n            item={{\n              grow: 1,\n              shrink: 1\n            }}\n          >\n            <Flex container={{ gap: 1 }}>\n              <Text variant='primary' as={StyledEmailParticipantsText}>\n                {`${isForwarded ? 'FW' : t('from')}: ${from.fullName}`}\n              </Text>\n\n              {(undelivered || drafts) && (\n                <>\n                  {undelivered && <Status variant='urgent'>{t('undelivered')}</Status>}\n                  {/* Passing Infinity for count so the correct plural translation is chosen\n                  along with an empty tokens array so that a count is not shown. */}\n                  {drafts && (\n                    <Status variant='pending'>{t('draft', [], { count: Infinity })}</Status>\n                  )}\n                </>\n              )}\n            </Flex>\n            <Text variant='secondary' as={StyledEmailParticipantsText}>\n              {`${t('to')}: `}\n              {generateRecipientList}\n            </Text>\n            {!isSmallOrAbove && (\n              <Flex container={{ gap: 1, alignItems: 'center', pad: [0.25, undefined, 0] }}>\n                {renderMetaData}\n              </Flex>\n            )}\n          </Flex>\n          {isSmallOrAbove && (\n            <Flex\n              container={{\n                gap: 4,\n                alignItems: 'center'\n              }}\n              item={{\n                shrink: 0\n              }}\n            >\n              {renderMetaData}\n            </Flex>\n          )}\n        </Flex>\n\n        <ExpandCollapse\n          as={Flex}\n          container={{ direction: 'column' }}\n          collapsed={collapsedState}\n          onBeforeCollapse={onCollapse}\n          onBeforeExpand={onExpand}\n          role='region'\n          aria-labelledby={`conversation-heading${id}`}\n          id={`conversation-content${id}`}\n        >\n          {!!unReadEmailCount && (\n            <Text as={StyledUnReadCount} id={`unread-emailCount-${id}`} variant='secondary'>\n              {t('new_emails_count', [unReadEmailCount], { count: unReadEmailCount })}\n            </Text>\n          )}\n          {emails &&\n            emails.map(email => {\n              return <StyledEmailInConversation key={email.id} {...email} />;\n            })}\n        </ExpandCollapse>\n      </StyledEmailConversation>\n    );\n  }\n);\n\nexport default EmailConversation;\n"]}
+{"version":3,"file":"EmailConversation.js","sourceRoot":"","sources":["../../../src/components/Email/EmailConversation.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef, useState, useMemo } from 'react';\nimport type { PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { mix } from 'polished';\n\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport {\n  ExpandCollapse,\n  Flex,\n  Icon,\n  registerIcon,\n  Text,\n  useI18n,\n  defaultThemeProp,\n  useAfterInitialEffect,\n  DateTimeDisplay,\n  readableColor,\n  readableHue,\n  useBreakpoint,\n  useConfiguration,\n  StyledIcon,\n  tryCatch,\n  useDirection,\n  Status,\n  getIntlDateTimeFormatFromCache,\n  Count\n} from '@pega/cosmos-react-core';\nimport type { ForwardRefForwardPropsComponent } from '@pega/cosmos-react-core';\n\nimport Email from './Email';\nimport type { EmailConversationProps, EmailProps } from './Email.types';\n\nregisterIcon(caretDownIcon, paperClipIcon);\n\nconst EmailParticipantTextCss = css`\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n`;\n\nexport const StyledEmailParticipantsText = styled(Text)`\n  ${EmailParticipantTextCss}\n`;\n\nStyledEmailParticipantsText.defaultProps = defaultThemeProp;\n\nexport const StyledConversationHeader = styled.header<{ collapsed: boolean }>(\n  ({\n    theme: {\n      base: { palette }\n    },\n    collapsed\n  }) => {\n    return css`\n      border-bottom: ${collapsed ? 0 : '0.0625rem'} solid ${palette['border-line']};\n      position: sticky;\n      top: 0;\n      z-index: 1;\n    `;\n  }\n);\nStyledConversationHeader.defaultProps = defaultThemeProp;\n\nexport const StyledUnReadCount = styled.div(\n  ({\n    theme: {\n      base: {\n        spacing,\n        palette,\n        'font-weight': { 'semi-bold': fontWeightSemiBold }\n      }\n    }\n  }) => {\n    const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n    const readableTextColor = readableColor(readableBackground);\n\n    return css`\n      align-self: flex-start;\n      background-color: ${readableBackground};\n      color: ${readableTextColor};\n      padding: 0 ${spacing};\n      font-weight: ${fontWeightSemiBold};\n      width: fit-content;\n    `;\n  }\n);\n\nStyledUnReadCount.defaultProps = defaultThemeProp;\n\nexport const StyledEmailConversation = styled.li<{\n  singleConversation?: boolean;\n  showHeader?: boolean;\n}>(\n  ({\n    theme: {\n      base: { spacing, palette, 'border-radius': baseBorderRadius }\n    },\n    singleConversation,\n    showHeader\n  }) => {\n    return css`\n      margin-bottom: ${spacing};\n      border-radius: ${singleConversation && showHeader\n        ? `0 0 ${baseBorderRadius} ${baseBorderRadius}`\n        : baseBorderRadius};\n      overflow: hidden;\n      background-color: ${palette['primary-background']};\n      list-style-type: none;\n    `;\n  }\n);\nStyledEmailConversation.defaultProps = defaultThemeProp;\n\nexport const StyledEmailInConversation = styled(Email)<Pick<EmailProps, 'unRead'>>(({\n  unRead,\n  theme: {\n    base: { spacing, palette }\n  }\n}) => {\n  const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n  return css`\n    padding: calc(2 * ${spacing}) 0;\n    position: relative;\n    &:not(:last-child) {\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n    }\n    ${unRead &&\n    css`\n      &::before {\n        content: '';\n        background-color: ${readableBackground};\n        position: absolute;\n        inset: 0;\n        height: calc(100% + 0.0625rem);\n        top: -0.0625rem;\n        width: 0.125rem;\n      }\n    `}\n  `;\n});\nStyledEmailInConversation.defaultProps = defaultThemeProp;\n\nconst StyledUnreadIndicator = styled.span<{ isVisible: boolean }>(\n  ({\n    theme: {\n      base: { palette }\n    },\n    isVisible\n  }) => {\n    const readableBackground = readableHue(palette['brand-primary'], palette['primary-background']);\n\n    const diameter = '0.375rem';\n\n    return css`\n      width: ${isVisible ? diameter : 0};\n      margin: 0 ${isVisible ? 0 : '0.188rem'};\n      height: ${diameter};\n      display: inline-block;\n      border-radius: 50%;\n      background: ${readableBackground};\n      position: relative;\n      top: 0.375rem;\n      align-self: flex-start;\n    `;\n  }\n);\nStyledUnreadIndicator.defaultProps = defaultThemeProp;\n\nconst StyledConversationButton = styled.button(\n  ({\n    theme: {\n      base: { spacing, palette }\n    }\n  }) => {\n    const hoverColor = tryCatch(() =>\n      mix(0.85, palette['primary-background'], palette['brand-primary'])\n    );\n    return css`\n      border-width: 0;\n      width: 100%;\n      padding: ${spacing};\n      background: ${palette['primary-background']};\n      color: ${palette['foreground-color']};\n      position: sticky;\n      top: 0;\n      z-index: 1;\n\n      &[aria-expanded='true'] {\n        border-bottom: 0.0625rem solid ${palette['border-line']};\n      }\n\n      &:focus {\n        background: ${palette['secondary-background']};\n        outline: none;\n      }\n\n      &:hover {\n        background: ${hoverColor};\n        outline: none;\n      }\n\n      & > ${StyledIcon} {\n        align-self: flex-start;\n      }\n    `;\n  }\n);\n\nStyledConversationButton.defaultProps = defaultThemeProp;\n\nconst EmailConversation: ForwardRefForwardPropsComponent<EmailConversationProps> = forwardRef(\n  function EmailConversation(\n    props: PropsWithoutRef<EmailConversationProps>,\n    ref: EmailConversationProps['ref']\n  ) {\n    const {\n      id,\n      emails,\n      from,\n      to,\n      unReadEmailCount,\n      attachmentCount,\n      timeStamp,\n      isForwarded = false,\n      isCollapsed = false,\n      onCollapse,\n      onExpand,\n      undelivered,\n      drafts,\n      ...restProps\n    } = props;\n    const t = useI18n();\n    const [collapsedState, setCollapsedState] = useState(isCollapsed);\n    useAfterInitialEffect(() => {\n      setCollapsedState(isCollapsed);\n    }, [isCollapsed]);\n    const onExpandCollapse = () => {\n      setCollapsedState(!collapsedState);\n    };\n\n    const headerRef = useRef<HTMLDivElement>(null);\n    const isSmallOrAbove = useBreakpoint('sm', {\n      breakpointRef: headerRef,\n      themeProp: 'content-width'\n    });\n    const { locale } = useConfiguration();\n    const { rtl } = useDirection();\n\n    const caretDirection = rtl ? 'caret-left' : 'caret-right';\n    const generateRecipientList = useMemo(() => {\n      const recipientElements = to.slice(0, 2).map((recipient, i) => {\n        return `${recipient.shortName}${i < to.length - 1 ? ';' : ''} `;\n      });\n      if (to.length > 2) {\n        return [...recipientElements, `+${to.length - 2} more`];\n      }\n      return recipientElements;\n    }, [to]);\n\n    const renderMetaData = (\n      <>\n        {collapsedState && typeof attachmentCount === 'number' && attachmentCount > 0 && (\n          <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n            <Icon name='paper-clip' />\n            <Count>{attachmentCount}</Count>\n          </Flex>\n        )}\n        <Text variant='secondary' as={StyledEmailParticipantsText}>\n          {`${getIntlDateTimeFormatFromCache(locale, { weekday: 'short', timeZone: 'UTC' }).format(new Date(timeStamp))}, `}\n          <DateTimeDisplay variant='datetime' value={timeStamp} />\n        </Text>\n      </>\n    );\n\n    return (\n      <StyledEmailConversation {...restProps} id={id} ref={ref}>\n        <Flex\n          as={StyledConversationButton}\n          id={`conversation-heading${id}`}\n          aria-controls={id}\n          aria-expanded={!collapsedState}\n          container={{ gap: 1, alignItems: 'center', pad: 1 }}\n          onClick={onExpandCollapse}\n          ref={headerRef}\n        >\n          <Icon name={collapsedState ? caretDirection : 'caret-down'} />\n          <StyledUnreadIndicator isVisible={!!unReadEmailCount} />\n          <Flex\n            container={{\n              wrap: 'nowrap',\n              alignItems: 'start',\n              direction: 'column'\n            }}\n            item={{\n              grow: 1,\n              shrink: 1\n            }}\n          >\n            <Flex container={{ gap: 1 }}>\n              <Text variant='primary' as={StyledEmailParticipantsText}>\n                {`${isForwarded ? 'FW' : t('from')}: ${from.fullName}`}\n              </Text>\n\n              {(undelivered || drafts) && (\n                <>\n                  {undelivered && <Status variant='urgent'>{t('undelivered')}</Status>}\n                  {/* Passing Infinity for count so the correct plural translation is chosen\n                  along with an empty tokens array so that a count is not shown. */}\n                  {drafts && (\n                    <Status variant='pending'>{t('draft', [], { count: Infinity })}</Status>\n                  )}\n                </>\n              )}\n            </Flex>\n            <Text variant='secondary' as={StyledEmailParticipantsText}>\n              {`${t('to')}: `}\n              {generateRecipientList}\n            </Text>\n            {!isSmallOrAbove && (\n              <Flex container={{ gap: 1, alignItems: 'center', pad: [0.25, undefined, 0] }}>\n                {renderMetaData}\n              </Flex>\n            )}\n          </Flex>\n          {isSmallOrAbove && (\n            <Flex\n              container={{\n                gap: 4,\n                alignItems: 'center'\n              }}\n              item={{\n                shrink: 0\n              }}\n            >\n              {renderMetaData}\n            </Flex>\n          )}\n        </Flex>\n\n        <ExpandCollapse\n          as={Flex}\n          container={{ direction: 'column' }}\n          collapsed={collapsedState}\n          onBeforeCollapse={onCollapse}\n          onBeforeExpand={onExpand}\n          role='region'\n          aria-labelledby={`conversation-heading${id}`}\n          id={`conversation-content${id}`}\n        >\n          {!!unReadEmailCount && (\n            <Text as={StyledUnReadCount} id={`unread-emailCount-${id}`} variant='secondary'>\n              {t('new_emails_count', [unReadEmailCount], { count: unReadEmailCount })}\n            </Text>\n          )}\n          {emails &&\n            emails.map(email => {\n              return <StyledEmailInConversation key={email.id} {...email} />;\n            })}\n        </ExpandCollapse>\n      </StyledEmailConversation>\n    );\n  }\n);\n\nexport default EmailConversation;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"EmailNotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailNotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAKjE,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,CACxD,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,GAAG,YAAY,CAclE,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,2BAA2B,GAAG,YAAY,CAazF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"EmailNotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/Email/EmailNotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAKxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAIjE,eAAO,MAAM,0BAA0B,EAAE,iBAAiB,CACxD,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,GAAG,YAAY,CAalE,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,iBAAiB,CAAC,2BAA2B,GAAG,YAAY,CAazF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}