@pega/cosmos-react-social 5.0.0-dev.4.7 → 5.0.0-dev.4.9

package/lib/components/Feed/FeedNewPostTypeMenu.js

@@ -1,375 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useMemo, useEffect, useCallback, useReducer } from 'react';
-import styled, { css } from 'styled-components';
-import { Button, Flex, StyledPrimary, StyledMenuItem, Icon, StyledIcon, useElement, useOuterEvent, Popover, Tooltip, Menu, Count, defaultThemeProp, createUID, useAfterInitialEffect, formatListToLocaleString, useConfiguration, useI18n, useModalManager } from '@pega/cosmos-react-core';
-import BareRoleButton from '@pega/cosmos-react-core/lib/components/Button/BareRoleButton';
-import { StyledMenuListHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';
-import MultiSelectInput from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput';
-import FeedModalList from './FeedModalList';
-const StyledCountButton = styled(BareRoleButton) `
-  display: inline-block;
-`;
-const StyledCountBadgePopoverContent = styled.div(({ theme }) => {
-    const { base: { spacing } } = theme;
-    return css `
-    padding: ${spacing};
-
-    p:not(:last-child) {
-      margin-bottom: ${spacing};
-    }
-  `;
-});
-StyledCountBadgePopoverContent.defaultProps = defaultThemeProp;
-const StyledPostTypePopoverContent = styled.div `
-  width: clamp(16rem, 60vw, 40rem);
-`;
-const StyledSelectedInputContainer = styled.div(({ theme }) => {
-    const { base: { spacing } } = theme;
-    return css `
-    margin: ${spacing} calc(2 * ${spacing}) calc(2 * ${spacing});
-  `;
-});
-StyledSelectedInputContainer.defaultProps = defaultThemeProp;
-const StyledRecipientBackButton = styled(StyledMenuListHeader)(({ theme }) => {
-    const { base: { 'font-weight': { 'semi-bold': fontWeight }, spacing } } = theme;
-    return css `
-    font-weight: ${fontWeight};
-    padding: ${spacing} calc(2 * ${spacing});
-
-    &:hover,
-    &:focus {
-      text-decoration: none;
-    }
-
-    && ${StyledIcon} {
-      display: inline-block;
-      margin-inline-end: ${spacing};
-    }
-  `;
-});
-StyledRecipientBackButton.defaultProps = defaultThemeProp;
-const StyledRecipientMenuHeader = styled.div ``;
-const StyledTypeMenuToggle = styled(Button)(({ theme }) => {
-    const { base: { spacing } } = theme;
-    return css `
-    margin-block-end: ${spacing};
-  `;
-});
-StyledTypeMenuToggle.defaultProps = defaultThemeProp;
-const StyledRecipientMenu = styled(Menu)(({ theme }) => {
-    const { base: { spacing } } = theme;
-    return css `
-    ${StyledMenuItem} > button {
-      padding: ${spacing} calc(2 * ${spacing});
-    }
-  `;
-});
-StyledRecipientMenu.defaultProps = defaultThemeProp;
-const StyledPostTypePopover = styled(Popover)(({ theme }) => {
-    const { base: { 'font-weight': { normal: fontWeight } } } = theme;
-    return css `
-    ${StyledPrimary} {
-      font-weight: ${fontWeight};
-    }
-  `;
-});
-StyledPostTypePopover.defaultProps = defaultThemeProp;
-const typeCopy = {
-    post: {
-        primary: 'Public post'
-    },
-    private: {
-        primary: 'Private post'
-    }
-};
-const createRecipientMenuItem = (recipient, selectedIds) => {
-    const checkIds = selectedIds || [];
-    const id = `option_${recipient.value}`;
-    return {
-        ...recipient,
-        id,
-        selected: checkIds.includes(id)
-    };
-};
-const getTypeMenuItems = (type) => {
-    return [
-        {
-            id: '1',
-            primary: typeCopy.post.primary,
-            selected: type === 'post',
-            value: 'post'
-        },
-        {
-            id: '2',
-            primary: typeCopy.private.primary,
-            selected: type === 'private',
-            value: 'private'
-        }
-    ];
-};
-const initialState = {
-    postType: 'post',
-    itemsLoading: false,
-    showTypeMenu: false,
-    showRecipientMenu: false,
-    viewingRecipients: false,
-    searchValue: '',
-    typeMenuItems: getTypeMenuItems('post'),
-    recipientMenuItems: [],
-    multiSelectItems: []
-};
-const FeedNewPostTypeMenu = ({ recipients, onSetPostType, onSelectedRecipientsUpdate, onRecipientSearch, reset, onReset, ...restProps }) => {
-    const t = useI18n();
-    const { locale } = useConfiguration();
-    const { create } = useModalManager();
-    const menuPopoverId = useMemo(() => createUID(), []);
-    const recipientsModalRef = useRef();
-    const multiSelectInputRef = useRef(null);
-    const [toggleEl, setToggleEl] = useElement();
-    const [recipientCountEl, setRecipientCountEl] = useElement();
-    const [typePopoverEl, setTypePopoverEl] = useElement(null);
-    const [typeMenuPopoverTarget, setTypeMenuPopoverTarget] = useElement(null);
-    const reducer = (state, action) => {
-        const type = action.type;
-        const payload = action.payload;
-        switch (type) {
-            case 'reset': {
-                return initialState;
-            }
-            case 'setPostType': {
-                const postType = payload;
-                const privateSelected = postType === 'private';
-                return {
-                    ...state,
-                    postType,
-                    showTypeMenu: !privateSelected ? false : state.showTypeMenu,
-                    viewingRecipients: privateSelected ? true : state.viewingRecipients,
-                    multiSelectItems: initialState.multiSelectItems,
-                    searchValue: initialState.searchValue
-                };
-            }
-            case 'setShowTypeMenu': {
-                return {
-                    ...state,
-                    showTypeMenu: payload
-                };
-            }
-            case 'setShowRecipientMenu': {
-                return {
-                    ...state,
-                    showRecipientMenu: payload
-                };
-            }
-            case 'setSearchValue': {
-                return {
-                    ...state,
-                    searchValue: payload
-                };
-            }
-            case 'setViewingRecipients': {
-                return {
-                    ...state,
-                    viewingRecipients: payload
-                };
-            }
-            case 'setItemsLoading': {
-                return {
-                    ...state,
-                    itemsLoading: payload
-                };
-            }
-            case 'updateTypeMenuItems': {
-                return {
-                    ...state,
-                    typeMenuItems: getTypeMenuItems(state.postType)
-                };
-            }
-            case 'toggleTypeMenu': {
-                return {
-                    ...state,
-                    showTypeMenu: !state.showTypeMenu
-                };
-            }
-            case 'removeRecipientViaMultiSelect': {
-                const selectedId = payload;
-                const multiSelectItems = state.multiSelectItems.reduce((acc, recipient) => {
-                    if (recipient.id === selectedId)
-                        return acc;
-                    return acc.concat([recipient]);
-                }, []);
-                const recipientMenuItems = state.recipientMenuItems.map(item => {
-                    if (item.id === selectedId) {
-                        return {
-                            ...item,
-                            selected: false
-                        };
-                    }
-                    return {
-                        ...item
-                    };
-                });
-                return {
-                    ...state,
-                    multiSelectItems,
-                    recipientMenuItems
-                };
-            }
-            case 'selectRecipientViaMenu': {
-                const selectedId = payload;
-                if (!state.multiSelectItems.some(item => item.id === selectedId)) {
-                    const selectedFromMenu = state.recipientMenuItems.filter(item => item.id === selectedId)[0];
-                    const multiSelectItems = state.multiSelectItems.concat([selectedFromMenu]);
-                    return {
-                        ...state,
-                        multiSelectItems,
-                        searchValue: ''
-                    };
-                }
-                return {
-                    ...state,
-                    searchValue: ''
-                };
-            }
-            case 'updateRecipientMenuItems': {
-                const selectedIds = state.multiSelectItems.map(item => item.id);
-                return {
-                    ...state,
-                    itemsLoading: false,
-                    recipientMenuItems: recipients.map(recipient => createRecipientMenuItem(recipient, selectedIds))
-                };
-            }
-            case 'resetUnappliedState': {
-                const postType = state.postType === 'private' && state.multiSelectItems.length === 0
-                    ? 'post'
-                    : state.postType;
-                const searchValue = '';
-                return {
-                    ...state,
-                    postType,
-                    searchValue
-                };
-            }
-            default:
-                return {
-                    ...state
-                };
-        }
-    };
-    const [state, dispatch] = useReducer(reducer, initialState);
-    const handleKeydownToggle = useCallback((e) => {
-        if (e.key === 'Escape' && state.showTypeMenu)
-            dispatch({ type: 'toggleTypeMenu' });
-    }, [state.showTypeMenu]);
-    useOuterEvent('mousedown', [typePopoverEl, typeMenuPopoverTarget], () => {
-        dispatch({ type: 'setShowTypeMenu', payload: false });
-    });
-    useEffect(() => {
-        if (reset) {
-            dispatch({ type: 'reset' });
-            onReset();
-        }
-    }, [reset]);
-    useEffect(() => {
-        dispatch({ type: 'updateRecipientMenuItems' });
-    }, [recipients]);
-    useEffect(() => {
-        onSelectedRecipientsUpdate(state.multiSelectItems);
-    }, [state.multiSelectItems]);
-    useEffect(() => {
-        if (!state.showTypeMenu) {
-            let timeoutId;
-            if (state.postType === 'private') {
-                // Timeout to prevent flash of recipients options when closing menu.
-                timeoutId = setTimeout(() => {
-                    dispatch({ type: 'setViewingRecipients', payload: true });
-                }, 100);
-            }
-            timeoutId = setTimeout(() => {
-                // Timeout to prevent flash of type menu when resetting postType on close
-                dispatch({ type: 'resetUnappliedState' });
-            }, 100);
-            return () => clearTimeout(timeoutId);
-        }
-    }, [state.showTypeMenu]);
-    useEffect(() => {
-        if (multiSelectInputRef.current) {
-            multiSelectInputRef.current?.focus();
-        }
-    }, [multiSelectInputRef.current]);
-    useEffect(() => {
-        if (state.postType === 'private') {
-            if (!state.viewingRecipients) {
-                toggleEl?.focus();
-            }
-            else {
-                multiSelectInputRef.current?.focus();
-            }
-        }
-    }, [state.viewingRecipients]);
-    useAfterInitialEffect(() => {
-        onSetPostType(state.postType);
-        dispatch({ type: 'updateTypeMenuItems' });
-        if (state.postType === 'private') {
-            multiSelectInputRef.current?.focus();
-        }
-    }, [state.postType]);
-    useEffect(() => {
-        const interactionTimeout = setTimeout(() => {
-            onRecipientSearch(state.searchValue);
-            dispatch({ type: 'setItemsLoading', payload: true });
-            dispatch({ type: 'setShowRecipientMenu', payload: !!state.searchValue.length });
-        }, 300);
-        return () => clearTimeout(interactionTimeout);
-    }, [state.searchValue]);
-    useEffect(() => {
-        toggleEl?.addEventListener('keydown', handleKeydownToggle);
-        return () => toggleEl?.removeEventListener('keydown', handleKeydownToggle);
-    }, [toggleEl, state.showTypeMenu]);
-    useEffect(() => {
-        multiSelectInputRef.current?.addEventListener('keydown', handleKeydownToggle);
-        return () => multiSelectInputRef.current?.removeEventListener('keydown', handleKeydownToggle);
-    }, [multiSelectInputRef.current, state.showTypeMenu]);
-    const onRecipientsCountClick = () => {
-        recipientsModalRef.current = create(FeedModalList, {
-            count: state.multiSelectItems.length,
-            heading: t('feed_recipients'),
-            listItems: state.multiSelectItems.map(item => ({
-                id: item.id,
-                primary: item.primary,
-                secondary: item.secondary,
-                visual: item.visual
-            }))
-        });
-    };
-    return (_jsxs(Flex, { container: { gap: 0.5 }, children: [_jsxs(StyledTypeMenuToggle, { ...restProps, onClick: () => {
-                    dispatch({ type: 'toggleTypeMenu' });
-                }, ref: setToggleEl, variant: 'link', "aria-haspopup": 'menu', "aria-expanded": state.showTypeMenu, children: [_jsx("span", { ref: setTypeMenuPopoverTarget, children: typeCopy[state.postType].primary }), _jsx(Icon, { name: 'arrow-micro-down' })] }), state.postType === 'private' && state.multiSelectItems.length > 0 && (_jsxs(_Fragment, { children: [_jsx(StyledCountButton, { ref: setRecipientCountEl, onClick: onRecipientsCountClick, "aria-label": `${t('feed_private_post')} ${t('feed_recipients')} ${formatListToLocaleString(state.multiSelectItems.map(item => item.primary).slice(0, 2), t, locale, {
-                            count: state.multiSelectItems.length
-                        })}`, tabIndex: 0, children: _jsx(Count, { children: state.multiSelectItems.length }) }), _jsx(Tooltip, { target: recipientCountEl, showDelay: 'none', hideDelay: 'none', describeTarget: false, children: formatListToLocaleString(state.multiSelectItems.map(item => item.primary).slice(0, 2), t, locale, {
-                            count: state.multiSelectItems.length,
-                            separator: '\n'
-                        }) })] })), _jsxs(StyledPostTypePopover, { id: menuPopoverId, ref: setTypePopoverEl, target: typeMenuPopoverTarget, show: state.showTypeMenu, placement: 'bottom-start', children: [(state.postType !== 'private' || !state.viewingRecipients) && (_jsx(Menu, { items: state.typeMenuItems, focusControlEl: toggleEl || undefined, mode: 'single-select', onItemClick: selectedId => {
-                            const postType = state.typeMenuItems.find(item => item.id === selectedId).value;
-                            dispatch({ type: 'setPostType', payload: postType });
-                        }, onItemExpand: () => {
-                            if (state.postType === 'private') {
-                                dispatch({ type: 'setViewingRecipients', payload: true });
-                            }
-                            else {
-                                dispatch({ type: 'setPostType', payload: 'private' });
-                            }
-                        } })), state.postType === 'private' && state.viewingRecipients && (_jsxs(StyledPostTypePopoverContent, { children: [_jsxs(StyledRecipientMenuHeader, { children: [_jsxs(Button, { as: StyledRecipientBackButton, variant: 'text', "aria-label": 'close submenu', onClick: () => {
-                                            dispatch({ type: 'setViewingRecipients', payload: false });
-                                        }, children: [_jsx(Icon, { name: 'caret-left' }), typeCopy.private.primary] }), _jsx(StyledSelectedInputContainer, { children: _jsx(MultiSelectInput, { ref: multiSelectInputRef, selected: state.multiSelectItems.map(item => ({
-                                                id: item.id,
-                                                text: item.primary
-                                            })), onRemove: (selectedId) => {
-                                                dispatch({ type: 'removeRecipientViaMultiSelect', payload: selectedId });
-                                            }, value: state.searchValue, onChange: (e) => {
-                                                dispatch({ type: 'setSearchValue', payload: e.target.value });
-                                            } }) })] }), state.showRecipientMenu && (_jsx(StyledRecipientMenu, { loading: state.itemsLoading, focusControlEl: multiSelectInputRef.current, items: state.itemsLoading ? [] : state.recipientMenuItems, scrollAt: 11, mode: 'action', emptyText: 'No items', onItemClick: (selectedId) => {
-                                    dispatch({ type: 'selectRecipientViaMenu', payload: selectedId });
-                                } }))] }))] })] }));
-};
-export default FeedNewPostTypeMenu;
-//# sourceMappingURL=FeedNewPostTypeMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeedNewPostTypeMenu.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedNewPostTypeMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAe,MAAM,OAAO,CAAC;AACzF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,MAAM,EACN,IAAI,EACJ,aAAa,EACb,cAAc,EACd,IAAI,EACJ,UAAU,EACV,UAAU,EACV,aAAa,EACb,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,EACL,gBAAgB,EAChB,SAAS,EACT,qBAAqB,EACrB,wBAAwB,EAExB,gBAAgB,EAChB,OAAO,EAEP,eAAe,EAChB,MAAM,yBAAyB,CAAC;AACjC,OAAO,cAAc,MAAM,8DAA8D,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,MAAM,yDAAyD,CAAC;AAC/F,OAAO,gBAAgB,MAAM,mFAAmF,CAAC;AAEjH,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAU5C,MAAM,iBAAiB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;CAE/C,CAAC;AAEF,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;eACG,OAAO;;;uBAGC,OAAO;;GAE3B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,8BAA8B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE/D,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9C,CAAC;AAEF,MAAM,4BAA4B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC5D,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;cACE,OAAO,aAAa,OAAO,cAAc,OAAO;GAC3D,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,4BAA4B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE7D,MAAM,yBAAyB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,MAAM,EACJ,IAAI,EAAE,EACJ,aAAa,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,EAC1C,OAAO,EACR,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;mBACO,UAAU;eACd,OAAO,aAAa,OAAO;;;;;;;SAOjC,UAAU;;2BAEQ,OAAO;;GAE/B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE/C,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxD,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;wBACY,OAAO;GAC5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,oBAAoB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAErD,MAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACrD,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;MACN,cAAc;iBACH,OAAO,aAAa,OAAO;;GAEzC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,qBAAqB,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1D,MAAM,EACJ,IAAI,EAAE,EACJ,aAAa,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,EACtC,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;MACN,aAAa;qBACE,UAAU;;GAE5B,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,OAAO,EAAE,aAAa;KACvB;IACD,OAAO,EAAE;QACP,OAAO,EAAE,cAAc;KACxB;CACF,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,SAA0B,EAC1B,WAAuC,EACvC,EAAE;IACF,MAAM,QAAQ,GAAG,WAAW,IAAI,EAAE,CAAC;IACnC,MAAM,EAAE,GAAG,UAAU,SAAS,CAAC,KAAK,EAAE,CAAC;IAEvC,OAAO;QACL,GAAG,SAAS;QACZ,EAAE;QACF,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;KAChC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAc,EAAsC,EAAE;IAC9E,OAAO;QACL;YACE,EAAE,EAAE,GAAG;YACP,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,OAAO;YAC9B,QAAQ,EAAE,IAAI,KAAK,MAAM;YACzB,KAAK,EAAE,MAAM;SACd;QACD;YACE,EAAE,EAAE,GAAG;YACP,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,OAAO;YACjC,QAAQ,EAAE,IAAI,KAAK,SAAS;YAC5B,KAAK,EAAE,SAAS;SACjB;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,YAAY,GAAsB;IACtC,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,KAAK;IACnB,YAAY,EAAE,KAAK;IACnB,iBAAiB,EAAE,KAAK;IACxB,iBAAiB,EAAE,KAAK;IACxB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,gBAAgB,CAAC,MAAM,CAAC;IACvC,kBAAkB,EAAE,EAAyB;IAC7C,gBAAgB,EAAE,EAAyB;CAC5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,CAAC,EAC3B,UAAU,EACV,aAAa,EACb,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,EACL,OAAO,EACP,GAAG,SAAS,EACqB,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,EAAE,CAAC;IACrC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IACrD,MAAM,kBAAkB,GAAG,MAAM,EAAoC,CAAC;IAEtE,MAAM,mBAAmB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,EAAqB,CAAC;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,UAAU,EAAe,CAAC;IAC1E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,UAAU,CAAc,IAAI,CAAC,CAAC;IACxE,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,UAAU,CAAoB,IAAI,CAAC,CAAC;IAE9F,MAAM,OAAO,GAAG,CACd,KAAwB,EACxB,MAgBC,EACkB,EAAE;QACrB,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC;QACzB,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAE/B,QAAQ,IAAI,EAAE;YACZ,KAAK,OAAO,CAAC,CAAC;gBACZ,OAAO,YAAY,CAAC;aACrB;YACD,KAAK,aAAa,CAAC,CAAC;gBAClB,MAAM,QAAQ,GAAG,OAAO,CAAC;gBACzB,MAAM,eAAe,GAAG,QAAQ,KAAK,SAAS,CAAC;gBAE/C,OAAO;oBACL,GAAG,KAAK;oBACR,QAAQ;oBACR,YAAY,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY;oBAC3D,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB;oBACnE,gBAAgB,EAAE,YAAY,CAAC,gBAAgB;oBAC/C,WAAW,EAAE,YAAY,CAAC,WAAW;iBACtC,CAAC;aACH;YACD,KAAK,iBAAiB,CAAC,CAAC;gBACtB,OAAO;oBACL,GAAG,KAAK;oBACR,YAAY,EAAE,OAAO;iBACtB,CAAC;aACH;YACD,KAAK,sBAAsB,CAAC,CAAC;gBAC3B,OAAO;oBACL,GAAG,KAAK;oBACR,iBAAiB,EAAE,OAAO;iBAC3B,CAAC;aACH;YACD,KAAK,gBAAgB,CAAC,CAAC;gBACrB,OAAO;oBACL,GAAG,KAAK;oBACR,WAAW,EAAE,OAAO;iBACrB,CAAC;aACH;YACD,KAAK,sBAAsB,CAAC,CAAC;gBAC3B,OAAO;oBACL,GAAG,KAAK;oBACR,iBAAiB,EAAE,OAAO;iBAC3B,CAAC;aACH;YACD,KAAK,iBAAiB,CAAC,CAAC;gBACtB,OAAO;oBACL,GAAG,KAAK;oBACR,YAAY,EAAE,OAAO;iBACtB,CAAC;aACH;YACD,KAAK,qBAAqB,CAAC,CAAC;gBAC1B,OAAO;oBACL,GAAG,KAAK;oBACR,aAAa,EAAE,gBAAgB,CAAC,KAAK,CAAC,QAAQ,CAAC;iBAChD,CAAC;aACH;YACD,KAAK,gBAAgB,CAAC,CAAC;gBACrB,OAAO;oBACL,GAAG,KAAK;oBACR,YAAY,EAAE,CAAC,KAAK,CAAC,YAAY;iBAClC,CAAC;aACH;YACD,KAAK,+BAA+B,CAAC,CAAC;gBACpC,MAAM,UAAU,GAAG,OAAO,CAAC;gBAE3B,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CACpD,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;oBACjB,IAAI,SAAS,CAAC,EAAE,KAAK,UAAU;wBAAE,OAAO,GAAG,CAAC;oBAE5C,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;gBACjC,CAAC,EACD,EAAE,CACH,CAAC;gBAEF,MAAM,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;oBAC7D,IAAI,IAAI,CAAC,EAAE,KAAK,UAAU,EAAE;wBAC1B,OAAO;4BACL,GAAG,IAAI;4BACP,QAAQ,EAAE,KAAK;yBAChB,CAAC;qBACH;oBAED,OAAO;wBACL,GAAG,IAAI;qBACR,CAAC;gBACJ,CAAC,CAAC,CAAC;gBAEH,OAAO;oBACL,GAAG,KAAK;oBACR,gBAAgB;oBAChB,kBAAkB;iBACnB,CAAC;aACH;YACD,KAAK,wBAAwB,CAAC,CAAC;gBAC7B,MAAM,UAAU,GAAG,OAAO,CAAC;gBAE3B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE;oBAChE,MAAM,gBAAgB,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CACtD,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAC/B,CAAC,CAAC,CAAC,CAAC;oBAEL,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBAE3E,OAAO;wBACL,GAAG,KAAK;wBACR,gBAAgB;wBAChB,WAAW,EAAE,EAAE;qBAChB,CAAC;iBACH;gBAED,OAAO;oBACL,GAAG,KAAK;oBACR,WAAW,EAAE,EAAE;iBAChB,CAAC;aACH;YACD,KAAK,0BAA0B,CAAC,CAAC;gBAC/B,MAAM,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAEhE,OAAO;oBACL,GAAG,KAAK;oBACR,YAAY,EAAE,KAAK;oBACnB,kBAAkB,EAAE,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAC7C,uBAAuB,CAAC,SAAS,EAAE,WAAW,CAAC,CAChD;iBACF,CAAC;aACH;YACD,KAAK,qBAAqB,CAAC,CAAC;gBAC1B,MAAM,QAAQ,GACZ,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC;oBACjE,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC;gBAErB,MAAM,WAAW,GAAG,EAAE,CAAC;gBAEvB,OAAO;oBACL,GAAG,KAAK;oBACR,QAAQ;oBACR,WAAW;iBACZ,CAAC;aACH;YACD;gBACE,OAAO;oBACL,GAAG,KAAK;iBACT,CAAC;SACL;IACH,CAAC,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;IAE5D,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,YAAY;YAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;IACrF,CAAC,EACD,CAAC,KAAK,CAAC,YAAY,CAAC,CACrB,CAAC;IAEF,aAAa,CAAC,WAAW,EAAE,CAAC,aAAa,EAAE,qBAAqB,CAAC,EAAE,GAAG,EAAE;QACtE,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE;YACT,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;YAC5B,OAAO,EAAE,CAAC;SACX;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,EAAE,0BAA0B,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,0BAA0B,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YACvB,IAAI,SAAwC,CAAC;YAC7C,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;gBAChC,oEAAoE;gBACpE,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC1B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC5D,CAAC,EAAE,GAAG,CAAC,CAAC;aACT;YAED,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC1B,yEAAyE;gBACzE,QAAQ,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;YAC5C,CAAC,EAAE,GAAG,CAAC,CAAC;YAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,mBAAmB,CAAC,OAAO,EAAE;YAC/B,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;YAChC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE;gBAC5B,QAAQ,EAAE,KAAK,EAAE,CAAC;aACnB;iBAAM;gBACL,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;aACtC;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAE9B,qBAAqB,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC9B,QAAQ,CAAC,EAAE,IAAI,EAAE,qBAAqB,EAAE,CAAC,CAAC;QAE1C,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;YAChC,mBAAmB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAErB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,kBAAkB,GAAG,UAAU,CAAC,GAAG,EAAE;YACzC,iBAAiB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACrC,QAAQ,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACrD,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,CAAC;QAClF,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAE3D,OAAO,GAAG,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;IAC7E,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnC,SAAS,CAAC,GAAG,EAAE;QACb,mBAAmB,CAAC,OAAO,EAAE,gBAAgB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;QAE9E,OAAO,GAAG,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,mBAAmB,CAAC,SAAS,EAAE,mBAAmB,CAAC,CAAC;IAChG,CAAC,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtD,MAAM,sBAAsB,GAAG,GAAG,EAAE;QAClC,kBAAkB,CAAC,OAAO,GAAG,MAAM,CAAC,aAAa,EAAE;YACjD,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM;YACpC,OAAO,EAAE,CAAC,CAAC,iBAAiB,CAAC;YAC7B,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC7C,EAAE,EAAE,IAAI,CAAC,EAAE;gBACX,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,MAAM,EAAE,IAAI,CAAC,MAAM;aACpB,CAAC,CAAC;SACJ,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,aAC3B,MAAC,oBAAoB,OACf,SAAS,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CAAC;gBACvC,CAAC,EACD,GAAG,EAAE,WAAW,EAChB,OAAO,EAAC,MAAM,mBACA,MAAM,mBACL,KAAK,CAAC,YAAY,aAEjC,eAAM,GAAG,EAAE,wBAAwB,YAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,OAAO,GAAQ,EAC9E,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,IACX,EAEtB,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CACpE,8BACE,KAAC,iBAAiB,IAChB,GAAG,EAAE,mBAAmB,EACxB,OAAO,EAAE,sBAAsB,gBACnB,GAAG,CAAC,CAAC,mBAAmB,CAAC,IAAI,CAAC,CACxC,iBAAiB,CAClB,IAAI,wBAAwB,CAC3B,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5D,CAAC,EACD,MAAM,EACN;4BACE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM;yBACrC,CACF,EAAE,EACH,QAAQ,EAAE,CAAC,YAEX,KAAC,KAAK,cAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAS,GAC5B,EACpB,KAAC,OAAO,IACN,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAC,MAAM,EAChB,SAAS,EAAC,MAAM,EAChB,cAAc,EAAE,KAAK,YAEpB,wBAAwB,CACvB,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC5D,CAAC,EACD,MAAM,EACN;4BACE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM;4BACpC,SAAS,EAAE,IAAI;yBAChB,CACF,GACO,IACT,CACJ,EAED,MAAC,qBAAqB,IACpB,EAAE,EAAE,aAAa,EACjB,GAAG,EAAE,gBAAgB,EACrB,MAAM,EAAE,qBAAqB,EAC7B,IAAI,EAAE,KAAK,CAAC,YAAY,EACxB,SAAS,EAAC,cAAc,aAEvB,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,CAC7D,KAAC,IAAI,IACH,KAAK,EAAE,KAAK,CAAC,aAAa,EAC1B,cAAc,EAAE,QAAQ,IAAI,SAAS,EACrC,IAAI,EAAC,eAAe,EACpB,WAAW,EAAE,UAAU,CAAC,EAAE;4BACxB,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAE,CAAC,KAAK,CAAC;4BACjF,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC;wBACvD,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;4BACjB,IAAI,KAAK,CAAC,QAAQ,KAAK,SAAS,EAAE;gCAChC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;6BAC3D;iCAAM;gCACL,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;6BACvD;wBACH,CAAC,GACD,CACH,EAEA,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,iBAAiB,IAAI,CAC1D,MAAC,4BAA4B,eAC3B,MAAC,yBAAyB,eACxB,MAAC,MAAM,IACL,EAAE,EAAE,yBAAyB,EAC7B,OAAO,EAAC,MAAM,gBACH,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE;4CACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;wCAC7D,CAAC,aAED,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACzB,QAAQ,CAAC,OAAO,CAAC,OAAO,IAClB,EAET,KAAC,4BAA4B,cAC3B,KAAC,gBAAgB,IACf,GAAG,EAAE,mBAAmB,EACxB,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gDAC5C,EAAE,EAAE,IAAI,CAAC,EAAE;gDACX,IAAI,EAAE,IAAI,CAAC,OAAO;6CACnB,CAAC,CAAC,EACH,QAAQ,EAAE,CAAC,UAAmC,EAAE,EAAE;gDAChD,QAAQ,CAAC,EAAE,IAAI,EAAE,+BAA+B,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;4CAC3E,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,WAAW,EACxB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;gDAC7C,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;4CAChE,CAAC,GACD,GAC2B,IACL,EAE3B,KAAK,CAAC,iBAAiB,IAAI,CAC1B,KAAC,mBAAmB,IAClB,OAAO,EAAE,KAAK,CAAC,YAAY,EAC3B,cAAc,EAAE,mBAAmB,CAAC,OAAO,EAC3C,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,EACzD,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,UAAU,EACpB,WAAW,EAAE,CAAC,UAAmC,EAAE,EAAE;oCACnD,QAAQ,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC,CAAC;gCACpE,CAAC,GACD,CACH,IAC4B,CAChC,IACqB,IACnB,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useRef, useMemo, useEffect, useCallback, useReducer, ChangeEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Flex,\n  StyledPrimary,\n  StyledMenuItem,\n  Icon,\n  StyledIcon,\n  useElement,\n  useOuterEvent,\n  Popover,\n  Tooltip,\n  Menu,\n  Count,\n  defaultThemeProp,\n  createUID,\n  useAfterInitialEffect,\n  formatListToLocaleString,\n  ForwardProps,\n  useConfiguration,\n  useI18n,\n  ModalMethods,\n  useModalManager\n} from '@pega/cosmos-react-core';\nimport BareRoleButton from '@pega/cosmos-react-core/lib/components/Button/BareRoleButton';\nimport { StyledMenuListHeader } from '@pega/cosmos-react-core/lib/components/Menu/Menu.styles';\nimport MultiSelectInput from '@pega/cosmos-react-core/lib/components/ComboBox/MultiSelectInput/MultiSelectInput';\n\nimport FeedModalList from './FeedModalList';\nimport {\n  RecipientMenuItem,\n  PostType,\n  PostTypeMenuState,\n  PostTypeMenuProps,\n  FeedModalListProps,\n  RecipientOption\n} from './Feed.types';\n\nconst StyledCountButton = styled(BareRoleButton)`\n  display: inline-block;\n`;\n\nconst StyledCountBadgePopoverContent = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    padding: ${spacing};\n\n    p:not(:last-child) {\n      margin-bottom: ${spacing};\n    }\n  `;\n});\nStyledCountBadgePopoverContent.defaultProps = defaultThemeProp;\n\nconst StyledPostTypePopoverContent = styled.div`\n  width: clamp(16rem, 60vw, 40rem);\n`;\n\nconst StyledSelectedInputContainer = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin: ${spacing} calc(2 * ${spacing}) calc(2 * ${spacing});\n  `;\n});\nStyledSelectedInputContainer.defaultProps = defaultThemeProp;\n\nconst StyledRecipientBackButton = styled(StyledMenuListHeader)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { 'semi-bold': fontWeight },\n      spacing\n    }\n  } = theme;\n\n  return css`\n    font-weight: ${fontWeight};\n    padding: ${spacing} calc(2 * ${spacing});\n\n    &:hover,\n    &:focus {\n      text-decoration: none;\n    }\n\n    && ${StyledIcon} {\n      display: inline-block;\n      margin-inline-end: ${spacing};\n    }\n  `;\n});\nStyledRecipientBackButton.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenuHeader = styled.div``;\n\nconst StyledTypeMenuToggle = styled(Button)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    margin-block-end: ${spacing};\n  `;\n});\nStyledTypeMenuToggle.defaultProps = defaultThemeProp;\n\nconst StyledRecipientMenu = styled(Menu)(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    ${StyledMenuItem} > button {\n      padding: ${spacing} calc(2 * ${spacing});\n    }\n  `;\n});\nStyledRecipientMenu.defaultProps = defaultThemeProp;\n\nconst StyledPostTypePopover = styled(Popover)(({ theme }) => {\n  const {\n    base: {\n      'font-weight': { normal: fontWeight }\n    }\n  } = theme;\n  return css`\n    ${StyledPrimary} {\n      font-weight: ${fontWeight};\n    }\n  `;\n});\nStyledPostTypePopover.defaultProps = defaultThemeProp;\n\nconst typeCopy = {\n  post: {\n    primary: 'Public post'\n  },\n  private: {\n    primary: 'Private post'\n  }\n};\n\nconst createRecipientMenuItem = (\n  recipient: RecipientOption,\n  selectedIds?: RecipientMenuItem['id'][]\n) => {\n  const checkIds = selectedIds || [];\n  const id = `option_${recipient.value}`;\n\n  return {\n    ...recipient,\n    id,\n    selected: checkIds.includes(id)\n  };\n};\n\nconst getTypeMenuItems = (type: PostType): PostTypeMenuState['typeMenuItems'] => {\n  return [\n    {\n      id: '1',\n      primary: typeCopy.post.primary,\n      selected: type === 'post',\n      value: 'post'\n    },\n    {\n      id: '2',\n      primary: typeCopy.private.primary,\n      selected: type === 'private',\n      value: 'private'\n    }\n  ];\n};\n\nconst initialState: PostTypeMenuState = {\n  postType: 'post',\n  itemsLoading: false,\n  showTypeMenu: false,\n  showRecipientMenu: false,\n  viewingRecipients: false,\n  searchValue: '',\n  typeMenuItems: getTypeMenuItems('post'),\n  recipientMenuItems: [] as RecipientMenuItem[],\n  multiSelectItems: [] as RecipientMenuItem[]\n};\n\nconst FeedNewPostTypeMenu = ({\n  recipients,\n  onSetPostType,\n  onSelectedRecipientsUpdate,\n  onRecipientSearch,\n  reset,\n  onReset,\n  ...restProps\n}: PostTypeMenuProps & ForwardProps) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const { create } = useModalManager();\n  const menuPopoverId = useMemo(() => createUID(), []);\n  const recipientsModalRef = useRef<ModalMethods<FeedModalListProps>>();\n\n  const multiSelectInputRef = useRef<HTMLInputElement>(null);\n  const [toggleEl, setToggleEl] = useElement<HTMLButtonElement>();\n  const [recipientCountEl, setRecipientCountEl] = useElement<HTMLElement>();\n  const [typePopoverEl, setTypePopoverEl] = useElement<HTMLElement>(null);\n  const [typeMenuPopoverTarget, setTypeMenuPopoverTarget] = useElement<HTMLButtonElement>(null);\n\n  const reducer = (\n    state: PostTypeMenuState,\n    action: {\n      type:\n        | 'reset'\n        | 'setPostType'\n        | 'setShowTypeMenu'\n        | 'setShowRecipientMenu'\n        | 'setSearchValue'\n        | 'setViewingRecipients'\n        | 'setItemsLoading'\n        | 'updateTypeMenuItems'\n        | 'toggleTypeMenu'\n        | 'removeRecipientViaMultiSelect'\n        | 'selectRecipientViaMenu'\n        | 'updateRecipientMenuItems'\n        | 'resetUnappliedState';\n      payload?: any;\n    }\n  ): PostTypeMenuState => {\n    const type = action.type;\n    const payload = action.payload;\n\n    switch (type) {\n      case 'reset': {\n        return initialState;\n      }\n      case 'setPostType': {\n        const postType = payload;\n        const privateSelected = postType === 'private';\n\n        return {\n          ...state,\n          postType,\n          showTypeMenu: !privateSelected ? false : state.showTypeMenu,\n          viewingRecipients: privateSelected ? true : state.viewingRecipients,\n          multiSelectItems: initialState.multiSelectItems,\n          searchValue: initialState.searchValue\n        };\n      }\n      case 'setShowTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: payload\n        };\n      }\n      case 'setShowRecipientMenu': {\n        return {\n          ...state,\n          showRecipientMenu: payload\n        };\n      }\n      case 'setSearchValue': {\n        return {\n          ...state,\n          searchValue: payload\n        };\n      }\n      case 'setViewingRecipients': {\n        return {\n          ...state,\n          viewingRecipients: payload\n        };\n      }\n      case 'setItemsLoading': {\n        return {\n          ...state,\n          itemsLoading: payload\n        };\n      }\n      case 'updateTypeMenuItems': {\n        return {\n          ...state,\n          typeMenuItems: getTypeMenuItems(state.postType)\n        };\n      }\n      case 'toggleTypeMenu': {\n        return {\n          ...state,\n          showTypeMenu: !state.showTypeMenu\n        };\n      }\n      case 'removeRecipientViaMultiSelect': {\n        const selectedId = payload;\n\n        const multiSelectItems = state.multiSelectItems.reduce<RecipientMenuItem[]>(\n          (acc, recipient) => {\n            if (recipient.id === selectedId) return acc;\n\n            return acc.concat([recipient]);\n          },\n          []\n        );\n\n        const recipientMenuItems = state.recipientMenuItems.map(item => {\n          if (item.id === selectedId) {\n            return {\n              ...item,\n              selected: false\n            };\n          }\n\n          return {\n            ...item\n          };\n        });\n\n        return {\n          ...state,\n          multiSelectItems,\n          recipientMenuItems\n        };\n      }\n      case 'selectRecipientViaMenu': {\n        const selectedId = payload;\n\n        if (!state.multiSelectItems.some(item => item.id === selectedId)) {\n          const selectedFromMenu = state.recipientMenuItems.filter(\n            item => item.id === selectedId\n          )[0];\n\n          const multiSelectItems = state.multiSelectItems.concat([selectedFromMenu]);\n\n          return {\n            ...state,\n            multiSelectItems,\n            searchValue: ''\n          };\n        }\n\n        return {\n          ...state,\n          searchValue: ''\n        };\n      }\n      case 'updateRecipientMenuItems': {\n        const selectedIds = state.multiSelectItems.map(item => item.id);\n\n        return {\n          ...state,\n          itemsLoading: false,\n          recipientMenuItems: recipients.map(recipient =>\n            createRecipientMenuItem(recipient, selectedIds)\n          )\n        };\n      }\n      case 'resetUnappliedState': {\n        const postType =\n          state.postType === 'private' && state.multiSelectItems.length === 0\n            ? 'post'\n            : state.postType;\n\n        const searchValue = '';\n\n        return {\n          ...state,\n          postType,\n          searchValue\n        };\n      }\n      default:\n        return {\n          ...state\n        };\n    }\n  };\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  const handleKeydownToggle = useCallback(\n    (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && state.showTypeMenu) dispatch({ type: 'toggleTypeMenu' });\n    },\n    [state.showTypeMenu]\n  );\n\n  useOuterEvent('mousedown', [typePopoverEl, typeMenuPopoverTarget], () => {\n    dispatch({ type: 'setShowTypeMenu', payload: false });\n  });\n\n  useEffect(() => {\n    if (reset) {\n      dispatch({ type: 'reset' });\n      onReset();\n    }\n  }, [reset]);\n\n  useEffect(() => {\n    dispatch({ type: 'updateRecipientMenuItems' });\n  }, [recipients]);\n\n  useEffect(() => {\n    onSelectedRecipientsUpdate(state.multiSelectItems);\n  }, [state.multiSelectItems]);\n\n  useEffect(() => {\n    if (!state.showTypeMenu) {\n      let timeoutId: ReturnType<typeof setTimeout>;\n      if (state.postType === 'private') {\n        // Timeout to prevent flash of recipients options when closing menu.\n        timeoutId = setTimeout(() => {\n          dispatch({ type: 'setViewingRecipients', payload: true });\n        }, 100);\n      }\n\n      timeoutId = setTimeout(() => {\n        // Timeout to prevent flash of type menu when resetting postType on close\n        dispatch({ type: 'resetUnappliedState' });\n      }, 100);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [state.showTypeMenu]);\n\n  useEffect(() => {\n    if (multiSelectInputRef.current) {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [multiSelectInputRef.current]);\n\n  useEffect(() => {\n    if (state.postType === 'private') {\n      if (!state.viewingRecipients) {\n        toggleEl?.focus();\n      } else {\n        multiSelectInputRef.current?.focus();\n      }\n    }\n  }, [state.viewingRecipients]);\n\n  useAfterInitialEffect(() => {\n    onSetPostType(state.postType);\n    dispatch({ type: 'updateTypeMenuItems' });\n\n    if (state.postType === 'private') {\n      multiSelectInputRef.current?.focus();\n    }\n  }, [state.postType]);\n\n  useEffect(() => {\n    const interactionTimeout = setTimeout(() => {\n      onRecipientSearch(state.searchValue);\n      dispatch({ type: 'setItemsLoading', payload: true });\n      dispatch({ type: 'setShowRecipientMenu', payload: !!state.searchValue.length });\n    }, 300);\n\n    return () => clearTimeout(interactionTimeout);\n  }, [state.searchValue]);\n\n  useEffect(() => {\n    toggleEl?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => toggleEl?.removeEventListener('keydown', handleKeydownToggle);\n  }, [toggleEl, state.showTypeMenu]);\n\n  useEffect(() => {\n    multiSelectInputRef.current?.addEventListener('keydown', handleKeydownToggle);\n\n    return () => multiSelectInputRef.current?.removeEventListener('keydown', handleKeydownToggle);\n  }, [multiSelectInputRef.current, state.showTypeMenu]);\n\n  const onRecipientsCountClick = () => {\n    recipientsModalRef.current = create(FeedModalList, {\n      count: state.multiSelectItems.length,\n      heading: t('feed_recipients'),\n      listItems: state.multiSelectItems.map(item => ({\n        id: item.id,\n        primary: item.primary,\n        secondary: item.secondary,\n        visual: item.visual\n      }))\n    });\n  };\n\n  return (\n    <Flex container={{ gap: 0.5 }}>\n      <StyledTypeMenuToggle\n        {...restProps}\n        onClick={() => {\n          dispatch({ type: 'toggleTypeMenu' });\n        }}\n        ref={setToggleEl}\n        variant='link'\n        aria-haspopup='menu'\n        aria-expanded={state.showTypeMenu}\n      >\n        <span ref={setTypeMenuPopoverTarget}>{typeCopy[state.postType].primary}</span>\n        <Icon name='arrow-micro-down' />\n      </StyledTypeMenuToggle>\n\n      {state.postType === 'private' && state.multiSelectItems.length > 0 && (\n        <>\n          <StyledCountButton\n            ref={setRecipientCountEl}\n            onClick={onRecipientsCountClick}\n            aria-label={`${t('feed_private_post')} ${t(\n              'feed_recipients'\n            )} ${formatListToLocaleString(\n              state.multiSelectItems.map(item => item.primary).slice(0, 2),\n              t,\n              locale,\n              {\n                count: state.multiSelectItems.length\n              }\n            )}`}\n            tabIndex={0}\n          >\n            <Count>{state.multiSelectItems.length}</Count>\n          </StyledCountButton>\n          <Tooltip\n            target={recipientCountEl}\n            showDelay='none'\n            hideDelay='none'\n            describeTarget={false}\n          >\n            {formatListToLocaleString(\n              state.multiSelectItems.map(item => item.primary).slice(0, 2),\n              t,\n              locale,\n              {\n                count: state.multiSelectItems.length,\n                separator: '\\n'\n              }\n            )}\n          </Tooltip>\n        </>\n      )}\n\n      <StyledPostTypePopover\n        id={menuPopoverId}\n        ref={setTypePopoverEl}\n        target={typeMenuPopoverTarget}\n        show={state.showTypeMenu}\n        placement='bottom-start'\n      >\n        {(state.postType !== 'private' || !state.viewingRecipients) && (\n          <Menu\n            items={state.typeMenuItems}\n            focusControlEl={toggleEl || undefined}\n            mode='single-select'\n            onItemClick={selectedId => {\n              const postType = state.typeMenuItems.find(item => item.id === selectedId)!.value;\n              dispatch({ type: 'setPostType', payload: postType });\n            }}\n            onItemExpand={() => {\n              if (state.postType === 'private') {\n                dispatch({ type: 'setViewingRecipients', payload: true });\n              } else {\n                dispatch({ type: 'setPostType', payload: 'private' });\n              }\n            }}\n          />\n        )}\n\n        {state.postType === 'private' && state.viewingRecipients && (\n          <StyledPostTypePopoverContent>\n            <StyledRecipientMenuHeader>\n              <Button\n                as={StyledRecipientBackButton}\n                variant='text'\n                aria-label='close submenu'\n                onClick={() => {\n                  dispatch({ type: 'setViewingRecipients', payload: false });\n                }}\n              >\n                <Icon name='caret-left' />\n                {typeCopy.private.primary}\n              </Button>\n\n              <StyledSelectedInputContainer>\n                <MultiSelectInput\n                  ref={multiSelectInputRef}\n                  selected={state.multiSelectItems.map(item => ({\n                    id: item.id,\n                    text: item.primary\n                  }))}\n                  onRemove={(selectedId: RecipientMenuItem['id']) => {\n                    dispatch({ type: 'removeRecipientViaMultiSelect', payload: selectedId });\n                  }}\n                  value={state.searchValue}\n                  onChange={(e: ChangeEvent<HTMLInputElement>) => {\n                    dispatch({ type: 'setSearchValue', payload: e.target.value });\n                  }}\n                />\n              </StyledSelectedInputContainer>\n            </StyledRecipientMenuHeader>\n\n            {state.showRecipientMenu && (\n              <StyledRecipientMenu\n                loading={state.itemsLoading}\n                focusControlEl={multiSelectInputRef.current}\n                items={state.itemsLoading ? [] : state.recipientMenuItems}\n                scrollAt={11}\n                mode='action'\n                emptyText='No items'\n                onItemClick={(selectedId: RecipientMenuItem['id']) => {\n                  dispatch({ type: 'selectRecipientViaMenu', payload: selectedId });\n                }}\n              />\n            )}\n          </StyledPostTypePopoverContent>\n        )}\n      </StyledPostTypePopover>\n    </Flex>\n  );\n};\n\nexport default FeedNewPostTypeMenu;\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeedPost.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedPost.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAsE,MAAM,OAAO,CAAC;AAG/F,OAAO,EAOL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AASjC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAQ7C,eAAO,MAAM,cAAc,iMAI1B,CAAC;AAmBF,eAAO,MAAM,aAAa,yGAQzB,CAAC;AAIF,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,GAAG,aAAa,CAmM9C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/Feed/FeedPost.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useContext, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { Button, Card, CardContent, Flex, registerIcon, defaultThemeProp, useI18n, Progress, usePrevious } from '@pega/cosmos-react-core';
-import * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';
-import * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';
-import FeedAttachments from './FeedAttachments';
-import FeedContent from './FeedContent';
-import FeedReplyInput, { StyledReplyInputContainer } from './FeedReplyInput';
-import { FeedContext, FeedReplyContext } from './Feed.context';
-import FeedContentHeader from './FeedContentHeader';
-import FeedContentFooter from './FeedContentFooter';
-import FeedEditRegion from './FeedEditRegion';
-import { StyledFeedReplyContainer } from './FeedReply';
-registerIcon(arrowMicroDownIcon, caretLeftIcon);
-export const StyledFeedPost = styled(Card)(({ theme }) => css `
-    margin-block-start: calc(2 * ${theme.base.spacing});
-  `);
-StyledFeedPost.defaultProps = defaultThemeProp;
-const StyledPostContent = styled.div(({ showLines, theme }) => {
-    return css `
-    padding-inline-start: calc(6 * ${theme.base.spacing});
-
-    ${showLines &&
-        css `
-      margin-inline-start: calc(2.5 * ${theme.base.spacing});
-      border-inline-start: solid 0.0625rem ${theme.base.palette['border-line']};
-      padding-inline-start: calc(3.5 * ${theme.base.spacing});
-    `}
-  `;
-});
-StyledPostContent.defaultProps = defaultThemeProp;
-export const StyledReplies = styled.div(({ theme }) => css `
-    margin-inline-start: calc(-1.75 * ${theme.base.spacing});
-
-    ${StyledFeedReplyContainer}, ${StyledReplyInputContainer} {
-      padding-block-start: ${theme.base.spacing};
-    }
-  `);
-StyledReplies.defaultProps = defaultThemeProp;
-const FeedPost = (props) => {
-    const { id, avatarSrc, fullname, username, postTimestamp, content, postType = 'public', recipients, recipientsCount, attachments, liked, icon, postContext, userStatus, likes, likeCount, interactionsEnabled, maxContentHeight = Infinity, onMouseEnter, onMouseLeave, onCommentClick, onLikeClick, onLikeCountInteraction, likesLoading, onLoadMoreLikes, onRecipientInteraction, recipientsLoading, onLoadMoreRecipients, onUserClick, onShowMoreClick, newReplyField, menuItems, onEditSubmit, edited = false, editTimestamp, replies = [], replyInput, replyInputShown, replyCount, repliesLoading, onShowLessReplies, onShowMoreReplies, ...restProps } = props;
-    const { announce } = useContext(FeedContext);
-    const variant = 'post';
-    const t = useI18n();
-    const [editMode, setEditMode] = useState(false);
-    const [emptyEditText, setEmptyEditText] = useState(false);
-    const [replyInputOpen, setReplyInputOpen] = useState(false);
-    const [replyInputRef, setReplyInputRef] = useState(null);
-    const prevReplies = usePrevious(replies);
-    const suppressNextAnnouncement = useRef(false);
-    useEffect(() => {
-        if ((replyInputOpen || replyInputShown) && replyInputRef) {
-            replyInputRef.current?.focus();
-        }
-    }, [replyInputOpen, replyInputShown, replyInputRef]);
-    const replyCtxValue = useMemo(() => ({ onShowReplyInput: () => setReplyInputOpen(true) }), []);
-    useEffect(() => {
-        if (prevReplies) {
-            const difference = prevReplies.length - replies.length;
-            if (difference > 0 && !suppressNextAnnouncement.current) {
-                const timeoutId = announce(t('feed_comment_removed'));
-                return () => clearTimeout(timeoutId);
-            }
-            suppressNextAnnouncement.current = false;
-        }
-    }, [replies]);
-    const hasReplies = !!replies?.length;
-    return (_jsx(FeedReplyContext.Provider, { value: replyCtxValue, children: _jsx(StyledFeedPost, { ...restProps, onMouseEnter: () => {
-                onMouseEnter?.({ id });
-            }, onMouseLeave: () => {
-                onMouseLeave?.({ id });
-            }, children: _jsxs(CardContent, { children: [_jsx(FeedContentHeader, { variant: variant, id: id, fullname: fullname, username: username, postTimestamp: postTimestamp, content: content, avatarSrc: avatarSrc, icon: icon, userStatus: userStatus, postType: postType, postContext: postContext, recipients: recipients, recipientsCount: recipientsCount, menuItems: menuItems, edited: edited, editTimestamp: editTimestamp, recipientsLoading: recipientsLoading, onEditSubmit: onEditSubmit, onLoadMoreRecipients: onLoadMoreRecipients, onRecipientInteraction: onRecipientInteraction, onUserClick: onUserClick, setEditMode: setEditMode }), _jsxs(StyledPostContent, { showLines: hasReplies || replyInputOpen, children: [_jsxs(Flex, { container: { direction: 'column', pad: [0, editMode ? 0 : 2, 0, 0] }, item: { grow: 1 }, children: [editMode ? (_jsx(FeedEditRegion, { variant: variant, id: id, content: content, setEditMode: setEditMode, onEditSubmit: onEditSubmit, emptyEditText: emptyEditText, setEmptyEditText: setEmptyEditText })) : (_jsx(FeedContent, { maxContentHeight: maxContentHeight, children: content })), _jsx(FeedAttachments, { variant: variant, attachments: attachments, readOnly: true })] }), _jsx(FeedContentFooter, { variant: variant, id: id, username: username, liked: liked, likes: likes, likeCount: likeCount, interactionsEnabled: interactionsEnabled, likesLoading: likesLoading, replies: replies, replyCount: replyCount, repliesLoading: repliesLoading, onCommentClick: onCommentClick, onLikeClick: onLikeClick, onLikeCountInteraction: onLikeCountInteraction, onLoadMoreLikes: onLoadMoreLikes, onShowMoreReplies: onShowMoreReplies, onShowLessReplies: onShowLessReplies, replyInputOpen: replyInputOpen, setReplyInputOpen: setReplyInputOpen }), _jsxs(StyledReplies, { children: [hasReplies && replies, replyInputShown ||
-                                        (replyInputOpen && (_jsx(FeedReplyInput, { onSetInputRef: ({ ref }) => {
-                                                setReplyInputRef(ref);
-                                            }, id: id, attachments: replyInput.attachments, onFilesAdded: replyInput.onFilesAdded, onSubmit: e => {
-                                                setReplyInputOpen(false);
-                                                replyInput.onSubmit(e);
-                                            } })))] }), onShowLessReplies && !!replies.length && (_jsxs(Flex, { container: { justify: 'center', pad: [0, 0, 1], gap: 1 }, children: [_jsx(Button, { variant: 'link', onClick: () => {
-                                            onShowLessReplies({ id });
-                                            suppressNextAnnouncement.current = true;
-                                        }, children: t('show_less') }), repliesLoading && _jsx(Progress, { placement: 'inline' })] }))] })] }) }) }));
-};
-export default FeedPost;
-//# sourceMappingURL=FeedPost.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeedPost.js","sourceRoot":"","sources":["../../../src/components/Feed/FeedPost.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FC, useState, useEffect, MutableRefObject, useRef, useContext, useMemo } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  Flex,\n  registerIcon,\n  defaultThemeProp,\n  ForwardProps,\n  useI18n,\n  Progress,\n  usePrevious\n} from '@pega/cosmos-react-core';\nimport { RichTextEditorState } from '@pega/cosmos-react-rte';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as caretLeftIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-left.icon';\n\nimport FeedAttachments from './FeedAttachments';\nimport FeedContent from './FeedContent';\nimport FeedReplyInput, { StyledReplyInputContainer } from './FeedReplyInput';\nimport { FeedContext, FeedReplyContext } from './Feed.context';\nimport { FeedPostProps } from './Feed.types';\nimport FeedContentHeader from './FeedContentHeader';\nimport FeedContentFooter from './FeedContentFooter';\nimport FeedEditRegion from './FeedEditRegion';\nimport { StyledFeedReplyContainer } from './FeedReply';\n\nregisterIcon(arrowMicroDownIcon, caretLeftIcon);\n\nexport const StyledFeedPost = styled(Card)(\n  ({ theme }) => css`\n    margin-block-start: calc(2 * ${theme.base.spacing});\n  `\n);\n\nStyledFeedPost.defaultProps = defaultThemeProp;\n\nconst StyledPostContent = styled.div<{ showLines: boolean }>(({ showLines, theme }) => {\n  return css`\n    padding-inline-start: calc(6 * ${theme.base.spacing});\n\n    ${showLines &&\n    css`\n      margin-inline-start: calc(2.5 * ${theme.base.spacing});\n      border-inline-start: solid 0.0625rem ${theme.base.palette['border-line']};\n      padding-inline-start: calc(3.5 * ${theme.base.spacing});\n    `}\n  `;\n});\n\nStyledPostContent.defaultProps = defaultThemeProp;\n\nexport const StyledReplies = styled.div(\n  ({ theme }) => css`\n    margin-inline-start: calc(-1.75 * ${theme.base.spacing});\n\n    ${StyledFeedReplyContainer}, ${StyledReplyInputContainer} {\n      padding-block-start: ${theme.base.spacing};\n    }\n  `\n);\n\nStyledReplies.defaultProps = defaultThemeProp;\n\nconst FeedPost: FC<ForwardProps & FeedPostProps> = (props: ForwardProps & FeedPostProps) => {\n  const {\n    id,\n    avatarSrc,\n    fullname,\n    username,\n    postTimestamp,\n    content,\n    postType = 'public',\n    recipients,\n    recipientsCount,\n    attachments,\n    liked,\n    icon,\n    postContext,\n    userStatus,\n    likes,\n    likeCount,\n    interactionsEnabled,\n    maxContentHeight = Infinity,\n    onMouseEnter,\n    onMouseLeave,\n    onCommentClick,\n    onLikeClick,\n    onLikeCountInteraction,\n    likesLoading,\n    onLoadMoreLikes,\n    onRecipientInteraction,\n    recipientsLoading,\n    onLoadMoreRecipients,\n    onUserClick,\n    onShowMoreClick,\n    newReplyField,\n    menuItems,\n    onEditSubmit,\n    edited = false,\n    editTimestamp,\n    replies = [],\n    replyInput,\n    replyInputShown,\n    replyCount,\n    repliesLoading,\n    onShowLessReplies,\n    onShowMoreReplies,\n    ...restProps\n  } = props;\n  const { announce } = useContext(FeedContext);\n  const variant = 'post';\n\n  const t = useI18n();\n  const [editMode, setEditMode] = useState(false);\n  const [emptyEditText, setEmptyEditText] = useState(false);\n  const [replyInputOpen, setReplyInputOpen] = useState(false);\n  const [replyInputRef, setReplyInputRef] = useState<MutableRefObject<\n    RichTextEditorState | undefined\n  > | null>(null);\n  const prevReplies = usePrevious(replies);\n  const suppressNextAnnouncement = useRef(false);\n\n  useEffect(() => {\n    if ((replyInputOpen || replyInputShown) && replyInputRef) {\n      replyInputRef.current?.focus();\n    }\n  }, [replyInputOpen, replyInputShown, replyInputRef]);\n\n  const replyCtxValue = useMemo(() => ({ onShowReplyInput: () => setReplyInputOpen(true) }), []);\n\n  useEffect(() => {\n    if (prevReplies) {\n      const difference = prevReplies.length - replies.length;\n      if (difference > 0 && !suppressNextAnnouncement.current) {\n        const timeoutId = announce(t('feed_comment_removed'));\n        return () => clearTimeout(timeoutId);\n      }\n      suppressNextAnnouncement.current = false;\n    }\n  }, [replies]);\n\n  const hasReplies = !!replies?.length;\n\n  return (\n    <FeedReplyContext.Provider value={replyCtxValue}>\n      <StyledFeedPost\n        {...restProps}\n        onMouseEnter={() => {\n          onMouseEnter?.({ id });\n        }}\n        onMouseLeave={() => {\n          onMouseLeave?.({ id });\n        }}\n      >\n        <CardContent>\n          <FeedContentHeader\n            variant={variant}\n            id={id}\n            fullname={fullname}\n            username={username}\n            postTimestamp={postTimestamp}\n            content={content}\n            avatarSrc={avatarSrc}\n            icon={icon}\n            userStatus={userStatus}\n            postType={postType}\n            postContext={postContext}\n            recipients={recipients}\n            recipientsCount={recipientsCount}\n            menuItems={menuItems}\n            edited={edited}\n            editTimestamp={editTimestamp}\n            recipientsLoading={recipientsLoading}\n            onEditSubmit={onEditSubmit}\n            onLoadMoreRecipients={onLoadMoreRecipients}\n            onRecipientInteraction={onRecipientInteraction}\n            onUserClick={onUserClick}\n            setEditMode={setEditMode}\n          />\n          <StyledPostContent showLines={hasReplies || replyInputOpen}>\n            <Flex\n              container={{ direction: 'column', pad: [0, editMode ? 0 : 2, 0, 0] }}\n              item={{ grow: 1 }}\n            >\n              {editMode ? (\n                <FeedEditRegion\n                  variant={variant}\n                  id={id}\n                  content={content}\n                  setEditMode={setEditMode}\n                  onEditSubmit={onEditSubmit}\n                  emptyEditText={emptyEditText}\n                  setEmptyEditText={setEmptyEditText}\n                />\n              ) : (\n                <FeedContent maxContentHeight={maxContentHeight}>{content}</FeedContent>\n              )}\n              <FeedAttachments variant={variant} attachments={attachments} readOnly />\n            </Flex>\n            <FeedContentFooter\n              variant={variant}\n              id={id}\n              username={username}\n              liked={liked}\n              likes={likes}\n              likeCount={likeCount}\n              interactionsEnabled={interactionsEnabled}\n              likesLoading={likesLoading}\n              replies={replies}\n              replyCount={replyCount}\n              repliesLoading={repliesLoading}\n              onCommentClick={onCommentClick}\n              onLikeClick={onLikeClick}\n              onLikeCountInteraction={onLikeCountInteraction}\n              onLoadMoreLikes={onLoadMoreLikes}\n              onShowMoreReplies={onShowMoreReplies}\n              onShowLessReplies={onShowLessReplies}\n              replyInputOpen={replyInputOpen}\n              setReplyInputOpen={setReplyInputOpen}\n            />\n\n            <StyledReplies>\n              {hasReplies && replies}\n              {replyInputShown ||\n                (replyInputOpen && (\n                  <FeedReplyInput\n                    onSetInputRef={({ ref }) => {\n                      setReplyInputRef(ref);\n                    }}\n                    id={id}\n                    attachments={replyInput.attachments}\n                    onFilesAdded={replyInput.onFilesAdded}\n                    onSubmit={e => {\n                      setReplyInputOpen(false);\n                      replyInput.onSubmit(e);\n                    }}\n                  />\n                ))}\n            </StyledReplies>\n            {onShowLessReplies && !!replies.length && (\n              <Flex container={{ justify: 'center', pad: [0, 0, 1], gap: 1 }}>\n                <Button\n                  variant='link'\n                  onClick={() => {\n                    onShowLessReplies({ id });\n                    suppressNextAnnouncement.current = true;\n                  }}\n                >\n                  {t('show_less')}\n                </Button>\n                {repliesLoading && <Progress placement='inline' />}\n              </Flex>\n            )}\n          </StyledPostContent>\n        </CardContent>\n      </StyledFeedPost>\n    </FeedReplyContext.Provider>\n  );\n};\n\nexport default FeedPost;\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FeedReply.d.ts","sourceRoot":"","sources":["../../../src/components/Feed/FeedReply.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAwC,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAK7F,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,wBAAwB,yGAAe,CAAC;AAcrD,QAAA,MAAM,SAAS,EAAE,EAAE,CAAC,YAAY,GAAG,cAAc,CAoGhD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/Feed/FeedReply.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import styled, { css } from 'styled-components';
-import { Flex, registerIcon, defaultThemeProp } from '@pega/cosmos-react-core';
-import * as chatIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/chat.icon';
-import * as thumbsUpSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up-solid.icon';
-import * as thumbsUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/thumbs-up.icon';
-import FeedAttachments from './FeedAttachments';
-import FeedContent from './FeedContent';
-import FeedContentHeader from './FeedContentHeader';
-import FeedContentFooter from './FeedContentFooter';
-import FeedEditRegion from './FeedEditRegion';
-registerIcon(chatIcon, thumbsUpSolidIcon, thumbsUpIcon);
-export const StyledFeedReplyContainer = styled.div ``;
-StyledFeedReplyContainer.defaultProps = defaultThemeProp;
-const StyledReplyContent = styled.div(({ theme }) => {
-    return css `
-    margin-inline-start: calc(2 * ${theme.base.spacing});
-    border-inline-start: solid 0.0625rem ${theme.base.palette['border-line']};
-    padding-inline-start: calc(3 * ${theme.base.spacing});
-  `;
-});
-StyledReplyContent.defaultProps = defaultThemeProp;
-const FeedReply = (props) => {
-    const { id, avatarSrc, postTimestamp, content, attachments, username, fullname, liked, likes, likeCount, interactionsEnabled, icon, userStatus, maxContentHeight = Infinity, menuItems, onEditSubmit, edited = false, editTimestamp, onMouseEnter, onMouseLeave, onCommentClick, onLikeClick, onLikeCountInteraction, onLoadMoreLikes, likesLoading, onUserClick, ...restProps } = props;
-    const variant = 'reply';
-    const [editMode, setEditMode] = useState(false);
-    const [emptyEditText, setEmptyEditText] = useState(false);
-    return (_jsxs(StyledFeedReplyContainer, { onMouseEnter: () => {
-            onMouseEnter?.({ id });
-        }, onMouseLeave: () => {
-            onMouseLeave?.({ id });
-        }, ...restProps, children: [_jsx(FeedContentHeader, { variant: variant, id: id, fullname: fullname, username: username, postTimestamp: postTimestamp, content: content, avatarSrc: avatarSrc, icon: icon, userStatus: userStatus, menuItems: menuItems, edited: edited, editTimestamp: editTimestamp, onEditSubmit: onEditSubmit, onUserClick: onUserClick, setEditMode: setEditMode }), _jsxs(StyledReplyContent, { children: [_jsxs(Flex, { container: { direction: 'column', pad: [0, editMode ? 0 : 2, 0, 0] }, item: { grow: 1 }, children: [editMode ? (_jsx(FeedEditRegion, { variant: variant, id: id, content: content, setEditMode: setEditMode, onEditSubmit: onEditSubmit, emptyEditText: emptyEditText, setEmptyEditText: setEmptyEditText })) : (_jsx(FeedContent, { maxContentHeight: maxContentHeight, children: content })), _jsx(FeedAttachments, { variant: variant, attachments: attachments, readOnly: true })] }), _jsx(FeedContentFooter, { variant: variant, id: id, username: username, liked: liked, likes: likes, likeCount: likeCount, interactionsEnabled: interactionsEnabled, likesLoading: likesLoading, onCommentClick: onCommentClick, onLikeClick: onLikeClick, onLikeCountInteraction: onLikeCountInteraction, onLoadMoreLikes: onLoadMoreLikes })] })] }));
-};
-export default FeedReply;
-//# sourceMappingURL=FeedReply.js.map