@pega/cosmos-react-demos 3.0.0-dev.2.1 → 3.0.0-dev.3.0

package/jsx/social/Email/Email.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Email.stories.jsx","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ChangeEvent, useRef, useContext, createRef, Ref } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { array, boolean } from '@storybook/addon-knobs';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Card,\n  CardContent,\n  createUID,\n  MenuButton,\n  MenuItemProps,\n  MenuProps,\n  Icon,\n  registerIcon,\n  hasProp,\n  Flex,\n  Button,\n  ModalManagerContext,\n  SentimentProps,\n  Modal,\n  menuHelpers,\n  defaultThemeProp\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport { ModalManagerContextValue } from '@pega/cosmos-react-core/lib/components/Modal/Modal.types';\nimport {\n  Email,\n  EmailConversation,\n  EmailComposer,\n  EmailShell,\n  EmailSummaryItem,\n  EmailSummaryList,\n  ViewAnalysis,\n  EmailUser,\n  EmailProps,\n  EmailConversationProps,\n  EmailComposerProps,\n  ViewAnalysisProps\n} from '@pega/cosmos-react-social';\n\nimport {\n  bccParticipants,\n  ccParticipants,\n  emailBodyContent,\n  participants,\n  toParticipants,\n  emailAttachments,\n  ViewAnalysisMockData,\n  EmailMockData\n} from './Email.mocks';\n\nregisterIcon(filterIcon);\n\nexport default {\n  title: 'Social/Email',\n  component: Email\n};\n\nconst {\n  emails: mockEmails,\n  suggestedReplies: mockSuggestedReplies,\n  emailBodyTemplates: mockEmailBodyTemplates\n} = EmailMockData;\n\nconst handleExternalEntry = (filterValue: string) => {\n  const pattern = /^[\\w.\\-_]+@[a-zA-Z]+(\\.[a-zA-Z]{2,3}){1,2}$/;\n  const matched = filterValue.match(pattern);\n  return !!matched?.input;\n};\n\nconst baseComposerProps: EmailComposerProps = {\n  participants,\n  externalValidator: handleExternalEntry,\n  to: {\n    reply: toParticipants.slice(0, 1),\n    replyAll: toParticipants\n  },\n  cc: ccParticipants,\n  subject: '',\n  bodyContent: '',\n  onSend: action('On Send'),\n  onCancel: () => {\n    action('cancelled email composing');\n  },\n  templates: mockEmailBodyTemplates\n};\n\nenum LaunchAction {\n  REPLY,\n  REPLYALL,\n  SUGGESTION,\n  FORWARD\n}\n\nconst composerModals: {\n  [key: string]: {\n    dismissModal: () => void;\n    unMountModal: () => void;\n    composerRef: Ref<HTMLDivElement>;\n  };\n} = {};\n\nconst getCompositeId = (id: string, launchAction: LaunchAction): string => {\n  return `${id}-${launchAction}`;\n};\n\nconst handleComposerCancel = (compositeID: string) => {\n  composerModals[compositeID]?.dismissModal();\n  composerModals[compositeID]?.unMountModal();\n  delete composerModals[compositeID];\n};\n\nconst launchEmailComposer = (\n  id: string,\n  launchAction: LaunchAction,\n  composerProps: EmailComposerProps,\n  create: ModalManagerContextValue['create']\n) => {\n  const compositeId = getCompositeId(id, launchAction);\n  const composerRef = createRef<HTMLDivElement>();\n  const modalControls = create(\n    () => {\n      return (\n        <Modal heading={composerProps.subject} options={{ id: { compositeId } }}>\n          <EmailComposer\n            {...composerProps}\n            ref={composerRef}\n            onCancel={() => handleComposerCancel(compositeId)}\n          />\n        </Modal>\n      );\n    },\n    { center: true },\n    { minimizable: true, maximizable: true, dockable: true }\n  );\n\n  composerModals[compositeId] = {\n    dismissModal: modalControls.dismiss,\n    unMountModal: modalControls.unmount,\n    composerRef\n  };\n};\n\nconst emailActions: EmailProps['actions'] = (\n  <MenuButton\n    text='Email actions'\n    variant='simple'\n    icon='more'\n    iconOnly\n    menu={{\n      items: [\n        {\n          id: createUID(),\n          primary: 'Reply',\n          onClick: action('On reply')\n        },\n        {\n          id: createUID(),\n          primary: 'Reply all',\n          onClick: action('On reply all')\n        },\n        {\n          id: createUID(),\n          primary: 'Forward',\n          onClick: action('Forward')\n        }\n      ]\n    }}\n  />\n);\n\nconst emailDemoActions = (\n  create: ModalManagerContextValue['create'],\n  subject: EmailProps['subject']\n) => {\n  const id = createUID();\n  return (\n    <MenuButton\n      text='Email actions'\n      variant='simple'\n      icon='more'\n      iconOnly\n      menu={{\n        items: [\n          {\n            id,\n            primary: 'Reply',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLY,\n                {\n                  ...baseComposerProps,\n                  responseType: 'reply',\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id,\n            primary: 'Reply all',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLYALL,\n                {\n                  ...baseComposerProps,\n                  responseType: 'replyAll',\n                  cc: [],\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id,\n            primary: 'Forward',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.FORWARD,\n                {\n                  ...baseComposerProps,\n                  responseType: 'forward',\n                  subject: `Fw-${subject}` || ''\n                },\n                create\n              )\n          }\n        ]\n      }}\n    />\n  );\n};\n\nconst generateEmailConversationParticipants = (emails: EmailProps[], fields?: string[]) => {\n  let l: string[];\n\n  if (fields) {\n    l = [...fields];\n  } else {\n    l = ['from', 'to', 'cc', 'bcc'];\n  }\n\n  const emailUsers: EmailUser[][] = emails.map(emailItem => {\n    return l.map(n => {\n      if (hasProp(emailItem, n)) {\n        return emailItem[n];\n      }\n      return [];\n    });\n  }) as EmailUser[][];\n  return [...new Set(Array.from(emailUsers).flat(2))];\n};\n\nconst StyledEmailCardContent = styled(CardContent)(({ theme }) => {\n  return css`\n    &&&& {\n      padding: calc(2 * ${theme.base.spacing}) 0;\n    }\n  `;\n});\n\nStyledEmailCardContent.defaultProps = defaultThemeProp;\n\n/*\n\n   _____                 _ _\n  | ____|_ __ ___   __ _(_) |\n  |  _| | '_ ` _ \\ / _` | | |\n  | |___| | | | | | (_| | | |\n  |_____|_| |_| |_|\\__,_|_|_|\n\n\n*/\n\nexport const email = () => {\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket(H-765437) !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>'\n          subject='I have a quick question on travel'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'positive'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n          attachments={[\n            {\n              id: createUID(),\n              value: 'https://pega.com/media/document.doc',\n              displayText: 'Policy document'\n            },\n            {\n              id: createUID(),\n              value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n              displayText: 'E-Ticket'\n            }\n          ].map(attachment => {\n            return {\n              ...attachment,\n              onDownload: action('On attachment download'),\n              onPreview: action('On attachment preview')\n            };\n          })}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\nconst StyledViewAnalysis = styled.div`\n  width: 18rem;\n`;\n\nexport const viewAnalysis = () => {\n  const content: ViewAnalysisProps['content'] = ViewAnalysisMockData;\n  const headerProps: ViewAnalysisProps['header'] = {\n    icon: 'list-number',\n    text: 'Entities'\n  };\n\n  return (\n    <StyledViewAnalysis>\n      <ViewAnalysis header={headerProps} content={content} />\n    </StyledViewAnalysis>\n  );\n};\n\n/*\n  ______                 _ _   ______       _   _ _   _\n |  ____|               (_) | |  ____|     | | (_) | (_)\n | |__   _ __ ___   __ _ _| | | |__   _ __ | |_ _| |_ _  ___  ___\n |  __| | '_ ` _ \\ / _` | | | |  __| | '_ \\| __| | __| |/ _ \\/ __|\n | |____| | | | | | (_| | | | | |____| | | | |_| | |_| |  __/\\__ \\\n |______|_| |_| |_|\\__,_|_|_| |______|_| |_|\\__|_|\\__|_|\\___||___/\n\n*/\n\nexport const emailEntities = () => {\n  const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, Nagercoil branch, with code 3967. I have a saving bank account here. My account number is 6785420965476.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>'\n          entityHighlightMapping={\n            boolean('Entity Highlighting', true)\n              ? [\n                  {\n                    value: '3967',\n                    type: 'system',\n                    name: 'BranchCode',\n                    variant: 0,\n                    description: 'Branch Code'\n                  },\n                  {\n                    value: 'Laura Stevens',\n                    type: 'system',\n                    name: 'Name',\n                    variant: 1,\n                    description: 'Name'\n                  },\n                  {\n                    value: 'Nagercoil',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: nestedEntities\n                  },\n                  {\n                    value: 'Trichy',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: 'Location'\n                  },\n                  {\n                    value: '6785420965476',\n                    type: 'system',\n                    name: 'AccountNumber',\n                    variant: 3,\n                    description: 'Account Number'\n                  },\n                  {\n                    value: '1920 6746 8653 1256',\n                    type: 'system',\n                    name: 'CardNumber',\n                    variant: 4,\n                    description: 'Card Number'\n                  },\n                  {\n                    value: 'Debit Card',\n                    type: 'system',\n                    name: 'CardType',\n                    variant: 5,\n                    description: 'Card Type'\n                  },\n                  {\n                    value: 'Jan 04, 2021',\n                    type: 'system',\n                    name: 'Date',\n                    variant: 6,\n                    description: 'Date'\n                  }\n                ]\n              : undefined\n          }\n          subject='I lost my debit card'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'neutral'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _    ____                                    _   _\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ ____   _____ _ __ ___  __ _| |_(_) ___  _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ \\ \\ / / _ \\ '__/ __|/ _` | __| |/ _ \\| '_ \\\n  | |___| | | | | | (_| | | | | |__| (_) | | | \\ V /  __/ |  \\__ \\ (_| | |_| | (_) | | | |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_|\\_/ \\___|_|  |___/\\__,_|\\__|_|\\___/|_| |_|\n\n\n*/\n\nexport const emailConversation = () => {\n  const emailArr: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: mockEmails['Laura Stevens'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\n      unRead: true,\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions,\n      suggestions: mockSuggestedReplies\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: mockEmails['Sara Davis'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions\n    }\n  ];\n\n  return (\n    <EmailConversation\n      participants={generateEmailConversationParticipants(emailArr)}\n      from={generateEmailConversationParticipants(emailArr, ['from'])[0]}\n      to={generateEmailConversationParticipants(emailArr, ['to'])}\n      id={createUID()}\n      timeStamp={emailArr[0].timeStamp}\n      unReadEmailCount={emailArr.filter(item => item.unRead).length}\n      emails={emailArr}\n    />\n  );\n};\n\n/*\n\n   _____                 _ _    ____\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ __ ___  _ __   ___  ___  ___ _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ ` _ \\| '_ \\ / _ \\/ __|/ _ \\ '__|\n  | |___| | | | | | (_| | | | | |__| (_) | | | | | | |_) | (_) \\__ \\  __/ |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_| |_| .__/ \\___/|___/\\___|_|\n                                                   |_|\n\n*/\n\nexport const EmailComposerDemo = () => {\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const [attachments, setAttachments] = useState<Required<EmailComposerProps>['attachments']>(\n    emailAttachments!\n  );\n\n  return (\n    <Card style={{ width: '30rem' }}>\n      <CardContent>\n        <EmailComposer\n          onSend={action('On Send')}\n          onCancel={action('On cancel')}\n          externalValidator={handleExternalEntry}\n          participants={participants}\n          to={{\n            reply: [participants[7].emailAddress],\n            replyAll: toParticipants,\n            forward: []\n          }}\n          cc={ccParticipants}\n          bcc={bccParticipants}\n          responseType='reply'\n          subject='Request: Pause service'\n          templates={mockEmailBodyTemplates}\n          bodyContent='Hi, Hope you are doing well'\n          onImageAdded={action('On Image added')}\n          attachments={attachments.map(attachment => {\n            return {\n              ...attachment,\n              onDelete: name => {\n                setAttachments(prevAttachments =>\n                  prevAttachments.filter(item => item.name !== name)\n                );\n              }\n            };\n          })}\n          footerMoreActions={\n            <MenuButton\n              text='Phrases'\n              placement='top'\n              menu={{\n                items: [\n                  {\n                    primary: 'Thanks',\n                    id: 'Thanks',\n                    onClick: action('Thanks!')\n                  },\n                  {\n                    primary: 'Sorry, please give us some time',\n                    id: 'Sorry',\n                    onClick: action('Sorry, please give us some time!')\n                  }\n                ]\n              }}\n            />\n          }\n        />\n        <input\n          ref={fileUploadInputRef}\n          type='file'\n          style={{ display: 'none' }}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n            if (e.target.files) {\n              setAttachments(prevAttachments => [\n                ...prevAttachments,\n                ...Array.from(e.target.files!).map(file => {\n                  return {\n                    name: file.name\n                  };\n                })\n              ]);\n            }\n          }}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _       _          _ _\n  | ____|_ __ ___   __ _(_) |  ___| |__   ___| | |\n  |  _| | '_ ` _ \\ / _` | | | / __| '_ \\ / _ \\ | |\n  | |___| | | | | | (_| | | | \\__ \\ | | |  __/ | |\n  |_____|_| |_| |_|\\__,_|_|_| |___/_| |_|\\___|_|_|\n\n*/\n\nexport const EmailDemo = ({ hideSuggestions }: { hideSuggestions?: boolean }) => {\n  const actions = array('Actions', ['Transfer', 'End conversation']).map(name => ({\n    primary: name,\n    id: name,\n    onClick: action(`Clicked ${name}`)\n  }));\n\n  const { create } = useContext(ModalManagerContext);\n\n  const emailsData: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: participants[0],\n      to: participants.slice(0, 2),\n      body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\n      unRead: true,\n      subject: 'Pause service',\n      suggestions: hideSuggestions ? undefined : mockSuggestedReplies,\n      attachments: [\n        {\n          id: createUID(),\n          value: 'https://pega.com/media/document.doc',\n          displayText: 'Policy document'\n        },\n        {\n          id: createUID(),\n          value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n          displayText: 'E-Ticket'\n        }\n      ].map(attachment => {\n        return {\n          ...attachment,\n          onDownload: action('On attachment download'),\n          onPreview: action('On attachment preview')\n        };\n      })\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: participants[3],\n      to: participants.slice(2, 4),\n      body: emailBodyContent,\n      unRead: true,\n      subject: 'Pause service'\n    }\n  ].map(emailData => {\n    const emailActionItems = emailDemoActions(create, emailData.subject);\n    return {\n      ...emailData,\n      onReply: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.REPLY,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            subject: `Re-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onForward: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.FORWARD,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'forward',\n            subject: `Fw-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onSuggestionClick: (id, suggestionId) => {\n        const suggestion = emailData.suggestions?.find(item => item.id === suggestionId);\n        launchEmailComposer(\n          id,\n          LaunchAction.SUGGESTION,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            subject: suggestion?.title || '',\n            bodyContent: suggestion ? suggestion.content : '',\n            defaultTemplate: suggestion?.title\n          },\n          create\n        );\n      },\n      actions: emailActionItems,\n      tags: hideSuggestions\n        ? undefined\n        : {\n            items: ['Pause service', 'Lost or stolen'],\n            label: 'Associated service cases',\n            onRemove: action('On Associated service case remove'),\n            dismissable: true\n          }\n    };\n  });\n\n  const emailConversations: EmailConversationProps[] = (\n    [\n      [...emailsData],\n      [\n        {\n          ...emailsData[0],\n          timeStamp: '2021-01-03T17:15',\n          from: mockEmails['Hugh Phillips'],\n          to: [mockEmails['Mystery Rey'], ...emailsData[0].to],\n          cc: [mockEmails['Adam Gillchrist']],\n          bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n          body: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div>  <br />Regards, <br />Hugh Phillips </div>'\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-02T14:16',\n          from: mockEmails['Mystery Rey'],\n          to: [mockEmails['Hugh Phillips']],\n          body: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\n        }\n      ],\n      [\n        {\n          ...emailsData[0],\n          unRead: false,\n          timeStamp: '2020-12-05T18:18',\n          from: mockEmails['Laura Stevens'],\n          to: [mockEmails['Sara Davis']],\n          body: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\n          sentiment: {\n            variant: 'positive'\n          }\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-04T08:30',\n          from: mockEmails['Sara Davis'],\n          to: [mockEmails['Laura Stevens']],\n          body: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n        }\n      ]\n    ] as EmailProps[][]\n  ).map((emails, i) => {\n    return {\n      from: generateEmailConversationParticipants(emails, ['from'])[0],\n      to: emails[0].to,\n      id: createUID(),\n      timeStamp: emails[0].timeStamp,\n      unReadEmailCount: emails.filter(item => item.unRead).length,\n      emails,\n      sentiment: emails[0].sentiment,\n      isForwarded: i !== 2,\n      isCollapsed: i !== 0\n    } as EmailConversationProps;\n  });\n\n  const singleEmailConversation: EmailConversationProps[] = [\n    {\n      from: generateEmailConversationParticipants(emailsData, ['from'])[0],\n      to: generateEmailConversationParticipants(emailsData, ['to']),\n      id: createUID(),\n      timeStamp: new Date(emailsData[0].timeStamp),\n      unReadEmailCount: emailsData.filter(item => item.unRead).length,\n      emails: emailsData\n    }\n  ];\n\n  return (\n    <EmailShell\n      style={{\n        height: 'calc(100vh)',\n        width: '30rem',\n        margin: 'auto'\n      }}\n      headerProps={{\n        actions: (\n          <Flex\n            container={{\n              alignItems: 'center',\n              gap: 0\n            }}\n          >\n            <Button variant='simple' icon>\n              <Icon name='filter' />\n            </Button>\n            <MenuButton\n              variant='simple'\n              text='More actions'\n              icon='more'\n              iconOnly\n              portal\n              menu={{ items: actions }}\n            />\n          </Flex>\n        ),\n        subject: 'Pause service'\n      }}\n      autoCollapse={boolean('Auto collapse', true)}\n      conversations={\n        boolean('Single conversation', true) ? singleEmailConversation : emailConversations\n      }\n    />\n  );\n};\nEmailDemo.parameters = {\n  layout: 'fullscreen'\n};\n\nconst sentiment: SentimentProps = {\n  variant: 'negative',\n  labelHidden: true\n};\n\n/*\n  ______                 _ _    _____                                              _____ _\n |  ____|               (_) |  / ____|                                            |_   _| |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _    | | | |_ ___ _ __ ___\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | |   | | | __/ _ \\ '_ ` _ \\\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| |  _| |_| ||  __/ | | | | |\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |_____|\\__\\___|_| |_| |_|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nexport const EmailSummaryItemDemo = () => {\n  const [active, setActive] = useState(false);\n  return (\n    <EmailSummaryItem\n      style={{ width: '25rem' }}\n      id={createUID()}\n      activeParticipants={[\n        {\n          shortName: 'Robert',\n          fullName: 'Robert Downer',\n          emailAddress: 'robert.downey@example.com'\n        },\n        {\n          shortName: 'Nathan',\n          fullName: 'Nathan Swanson',\n          emailAddress: 'nathan.swanson@example.com'\n        }\n      ]}\n      message='I have a quick question on traveling to India. How do I reach Hyderabad?'\n      timeStamp={new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24))}\n      topic='Missing Luggage'\n      sentiment={sentiment}\n      urgency={10}\n      unreadEmailCount={active ? 0 : 8}\n      active={active}\n      onClick={() => {\n        setActive(true);\n      }}\n    />\n  );\n};\n\n/*\n  ______                 _ _    _____                                              _      _     _\n |  ____|               (_) |  / ____|                                            | |    (_)   | |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _  | |     _ ___| |_\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | |    | / __| __|\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| | | |____| \\__ \\ |_\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |______|_|___/\\__|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nconst emailSummaryItems = [\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    active: true,\n    urgency: 85,\n    unreadEmailCount: 4\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10,\n    unreadEmailCount: 2\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida. Is there a discount going on?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65,\n    unreadEmailCount: 1\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance? How often do we need it?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85,\n    unreadEmailCount: 6\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  }\n];\n\nexport const EmailSummaryListDemo = () => {\n  const emailSummaryListRef = useRef(null);\n  const [allEmailItems, setAllEmailItems] = useState(emailSummaryItems);\n  const [categories, setCategories] = useState<MenuProps['items']>([\n    {\n      id: createUID(),\n      primary: 'Default worklist',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Authors',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Administrators',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Managers',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Users',\n      selected: false\n    }\n  ]);\n\n  const handleItemClick = (id: string) => {\n    const index = allEmailItems.findIndex(emailItem => {\n      return emailItem.id === id;\n    });\n\n    const newEmailItems = [...allEmailItems];\n    newEmailItems.splice(index, 1, { ...allEmailItems[index], unreadEmailCount: 0 });\n\n    setAllEmailItems(newEmailItems);\n  };\n\n  const onCategoryClick: MenuItemProps['onClick'] = (id: MenuItemProps['id']) => {\n    setCategories(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n  };\n\n  return (\n    <EmailSummaryList\n      style={{ height: 'calc(100vh)', width: '25rem', margin: 'auto' }}\n      ref={emailSummaryListRef}\n      unreadEmailCount={99}\n      categories={categories}\n      items={allEmailItems}\n      onItemClick={handleItemClick}\n      onCategoryClick={onCategoryClick}\n    />\n  );\n};\n\nEmailSummaryListDemo.parameters = {\n  layout: 'fullscreen'\n};\n"]}
+{"version":3,"file":"Email.stories.jsx","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, ChangeEvent, useRef, useContext, createRef, Ref } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { array, boolean } from '@storybook/addon-knobs';\nimport styled, { css } from 'styled-components';\n\nimport {\n  Card,\n  CardContent,\n  createUID,\n  MenuButton,\n  MenuItemProps,\n  MenuProps,\n  Icon,\n  registerIcon,\n  hasProp,\n  Flex,\n  Button,\n  ModalManagerContext,\n  SentimentProps,\n  Modal,\n  menuHelpers,\n  defaultThemeProp,\n  CardHeader,\n  Text,\n  SummaryList,\n  Grid,\n  FieldValueList,\n  SummaryListItem,\n  StyledLabel\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport { ModalManagerContextValue } from '@pega/cosmos-react-core/lib/components/Modal/Modal.types';\nimport {\n  Email,\n  EmailConversation,\n  EmailComposer,\n  EmailShell,\n  EmailSummaryItem,\n  EmailSummaryList,\n  EntityList,\n  EmailUser,\n  EmailProps,\n  EmailConversationProps,\n  EmailComposerProps,\n  EntityListProps\n} from '@pega/cosmos-react-social';\n\nimport {\n  bccParticipants,\n  ccParticipants,\n  emailBodyContent,\n  participants,\n  toParticipants,\n  emailAttachments,\n  EntityListMockData,\n  EmailMockData,\n  viewAnalysisEmailHeaderMock,\n  topicListMock\n} from './Email.mocks';\n\nregisterIcon(filterIcon);\n\nexport default {\n  title: 'Social/Email',\n  component: Email\n};\n\nconst {\n  emails: mockEmails,\n  suggestedReplies: mockSuggestedReplies,\n  emailBodyTemplates: mockEmailBodyTemplates\n} = EmailMockData;\n\nconst handleExternalEntry = (filterValue: string) => {\n  const pattern = /^[\\w.\\-_]+@[a-zA-Z]+(\\.[a-zA-Z]{2,3}){1,2}$/;\n  const matched = filterValue.match(pattern);\n  return !!matched?.input;\n};\n\nconst templates = mockEmailBodyTemplates.map(({ id, title }) => {\n  return {\n    id,\n    title\n  };\n});\n\nconst baseComposerProps: EmailComposerProps = {\n  participants,\n  externalValidator: handleExternalEntry,\n  to: {\n    reply: toParticipants.slice(0, 1),\n    replyAll: toParticipants\n  },\n  cc: ccParticipants,\n  subject: '',\n  bodyContent: '',\n  onSend: action('On Send'),\n  onCancel: () => {\n    action('cancelled email composing');\n  },\n  templates\n};\n\nenum LaunchAction {\n  REPLY,\n  REPLYALL,\n  SUGGESTION,\n  FORWARD\n}\n\nconst composerModals: {\n  [key: string]: {\n    dismissModal: () => void;\n    unMountModal: () => void;\n    composerRef: Ref<HTMLDivElement>;\n  };\n} = {};\n\nconst getCompositeId = (id: string, launchAction: LaunchAction): string => {\n  return `${id}-${launchAction}`;\n};\n\nconst handleComposerCancel = (compositeID: string) => {\n  composerModals[compositeID]?.dismissModal();\n  composerModals[compositeID]?.unMountModal();\n  delete composerModals[compositeID];\n};\n\nconst launchEmailComposer = (\n  id: string,\n  launchAction: LaunchAction,\n  composerProps: EmailComposerProps,\n  create: ModalManagerContextValue['create']\n) => {\n  const compositeId = getCompositeId(id, launchAction);\n  const composerRef = createRef<HTMLDivElement>();\n  const modalControls = create(\n    () => {\n      return (\n        <Modal heading={composerProps.subject} options={{ id: { compositeId } }}>\n          <EmailComposer\n            {...composerProps}\n            ref={composerRef}\n            onCancel={() => handleComposerCancel(compositeId)}\n          />\n        </Modal>\n      );\n    },\n    { center: true },\n    { minimizable: true, maximizable: true, dockable: true }\n  );\n\n  composerModals[compositeId] = {\n    dismissModal: modalControls.dismiss,\n    unMountModal: modalControls.unmount,\n    composerRef\n  };\n};\n\nconst emailActions: EmailProps['actions'] = (\n  <MenuButton\n    text='Email actions'\n    variant='simple'\n    icon='more'\n    iconOnly\n    menu={{\n      items: [\n        {\n          id: createUID(),\n          primary: 'Reply',\n          onClick: action('On reply')\n        },\n        {\n          id: createUID(),\n          primary: 'Reply all',\n          onClick: action('On reply all')\n        },\n        {\n          id: createUID(),\n          primary: 'Forward',\n          onClick: action('Forward')\n        }\n      ]\n    }}\n  />\n);\n\nconst emailDemoActions = (\n  create: ModalManagerContextValue['create'],\n  subject: EmailProps['subject'],\n  onTemplateChange: EmailComposerProps['onTemplateChange']\n) => {\n  const id = createUID();\n  return (\n    <MenuButton\n      text='Email actions'\n      variant='simple'\n      icon='more'\n      iconOnly\n      menu={{\n        items: [\n          {\n            id: createUID(),\n            primary: 'Reply',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLY,\n                {\n                  ...baseComposerProps,\n                  onTemplateChange,\n                  responseType: 'reply',\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id: createUID(),\n            primary: 'Reply all',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.REPLYALL,\n                {\n                  ...baseComposerProps,\n                  onTemplateChange,\n                  responseType: 'replyAll',\n                  cc: [],\n                  subject: `Re-${subject}` || ''\n                },\n                create\n              )\n          },\n          {\n            id: createUID(),\n            primary: 'Forward',\n            onClick: () =>\n              launchEmailComposer(\n                id,\n                LaunchAction.FORWARD,\n                {\n                  ...baseComposerProps,\n                  onTemplateChange,\n                  responseType: 'forward',\n                  subject: `Fw-${subject}` || ''\n                },\n                create\n              )\n          }\n        ]\n      }}\n    />\n  );\n};\n\nconst generateEmailConversationParticipants = (emails: EmailProps[], fields?: string[]) => {\n  let l: string[];\n\n  if (fields) {\n    l = [...fields];\n  } else {\n    l = ['from', 'to', 'cc', 'bcc'];\n  }\n\n  const emailUsers: EmailUser[][] = emails.map(emailItem => {\n    return l.map(n => {\n      if (hasProp(emailItem, n)) {\n        return emailItem[n];\n      }\n      return [];\n    });\n  }) as EmailUser[][];\n  return [...new Set(Array.from(emailUsers).flat(2))];\n};\n\nconst StyledEmailCardContent = styled(CardContent)(({ theme }) => {\n  return css`\n    &&&& {\n      padding: calc(2 * ${theme.base.spacing}) 0;\n    }\n  `;\n});\n\nStyledEmailCardContent.defaultProps = defaultThemeProp;\n\n/*\n\n   _____                 _ _\n  | ____|_ __ ___   __ _(_) |\n  |  _| | '_ ` _ \\ / _` | | |\n  | |___| | | | | | (_| | | |\n  |_____|_| |_| |_|\\__,_|_|_|\n\n\n*/\n\nexport const email = () => {\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket(H-765437) !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>'\n          subject='I have a quick question on travel'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'positive'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n          attachments={[\n            {\n              id: createUID(),\n              value: 'https://pega.com/media/document.doc',\n              displayText: 'Policy document'\n            },\n            {\n              id: createUID(),\n              value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n              displayText: 'E-Ticket'\n            }\n          ].map(attachment => {\n            return {\n              ...attachment,\n              onDownload: action('On attachment download'),\n              onPreview: action('On attachment preview')\n            };\n          })}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\nconst StyledViewAnalysis = styled.div`\n  width: 18rem;\n`;\n\nexport const ViewAnalysis = () => {\n  const headerProps: EntityListProps['header'] = {\n    icon: 'list-number',\n    text: 'Entities'\n  };\n\n  const itemsToRender: SummaryListItem[] = topicListMock.map(items => {\n    return {\n      ...items,\n      primary: <StyledLabel>{items.primary}</StyledLabel>,\n      secondary: (\n        <Flex container={{ direction: 'row', justify: 'between' }}>\n          <Text variant='primary'>{items.secondary.indicator}</Text>\n          <StyledLabel>{items.secondary.value}</StyledLabel>\n        </Flex>\n      )\n    };\n  });\n  return (\n    <StyledViewAnalysis>\n      <Grid container={{ rowGap: 2 }}>\n        <EntityList header={headerProps} content={EntityListMockData} />\n\n        <Card>\n          <CardHeader container={{ alignItems: 'center', gap: 1 }}>\n            <Icon name='document-doc' />\n            <Text variant='h3'>Email header</Text>\n          </CardHeader>\n          <CardContent>\n            <FieldValueList fields={viewAnalysisEmailHeaderMock} variant='stacked' />\n          </CardContent>\n        </Card>\n\n        <SummaryList name='Topics' icon='headline' items={itemsToRender} noItemsText='No items' />\n      </Grid>\n    </StyledViewAnalysis>\n  );\n};\n\n/*\n  ______                 _ _   ______       _   _ _   _\n |  ____|               (_) | |  ____|     | | (_) | (_)\n | |__   _ __ ___   __ _ _| | | |__   _ __ | |_ _| |_ _  ___  ___\n |  __| | '_ ` _ \\ / _` | | | |  __| | '_ \\| __| | __| |/ _ \\/ __|\n | |____| | | | | | (_| | | | | |____| | | | |_| | |_| |  __/\\__ \\\n |______|_| |_| |_|\\__,_|_|_| |______|_| |_|\\__|_|\\__|_|\\___||___/\n\n*/\n\nexport const emailEntities = () => {\n  const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n  return (\n    <Card>\n      <StyledEmailCardContent>\n        <Email\n          id={createUID()}\n          timeStamp='2021-01-05T09:12'\n          from={mockEmails['Laura Stevens']}\n          cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n          bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n          to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n          body='<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, Nagercoil branch, with code 3967. I have a saving bank account here. My account number is 6785420965476.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>'\n          entityHighlightMapping={\n            boolean('Entity Highlighting', true)\n              ? [\n                  {\n                    value: '3967',\n                    type: 'system',\n                    name: 'BranchCode',\n                    variant: 0,\n                    description: 'Branch Code'\n                  },\n                  {\n                    value: 'Laura Stevens',\n                    type: 'system',\n                    name: 'Name',\n                    variant: 1,\n                    description: 'Name'\n                  },\n                  {\n                    value: 'Nagercoil',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: nestedEntities\n                  },\n                  {\n                    value: 'Trichy',\n                    type: 'system',\n                    name: 'Location',\n                    variant: 2,\n                    description: 'Location'\n                  },\n                  {\n                    value: '6785420965476',\n                    type: 'system',\n                    name: 'AccountNumber',\n                    variant: 3,\n                    description: 'Account Number'\n                  },\n                  {\n                    value: '1920 6746 8653 1256',\n                    type: 'system',\n                    name: 'CardNumber',\n                    variant: 4,\n                    description: 'Card Number'\n                  },\n                  {\n                    value: 'Debit Card',\n                    type: 'system',\n                    name: 'CardType',\n                    variant: 5,\n                    description: 'Card Type'\n                  },\n                  {\n                    value: 'Jan 04, 2021',\n                    type: 'system',\n                    name: 'Date',\n                    variant: 6,\n                    description: 'Date'\n                  }\n                ]\n              : undefined\n          }\n          subject='I lost my debit card'\n          onReply={action('On reply')}\n          onReplyAll={action('On reply all')}\n          onForward={action('On forward')}\n          onSuggestionClick={action('On Suggested reply clicked')}\n          sentiment={{\n            variant: 'neutral'\n          }}\n          actions={emailActions}\n          suggestions={mockSuggestedReplies}\n        />\n      </StyledEmailCardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _    ____                                    _   _\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ ____   _____ _ __ ___  __ _| |_(_) ___  _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ \\ \\ / / _ \\ '__/ __|/ _` | __| |/ _ \\| '_ \\\n  | |___| | | | | | (_| | | | | |__| (_) | | | \\ V /  __/ |  \\__ \\ (_| | |_| | (_) | | | |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_|\\_/ \\___|_|  |___/\\__,_|\\__|_|\\___/|_| |_|\n\n\n*/\n\nexport const emailConversation = () => {\n  const emailArr: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: mockEmails['Laura Stevens'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\n      unRead: true,\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions,\n      suggestions: mockSuggestedReplies\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: mockEmails['Sara Davis'],\n      cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n      bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n      to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n      body: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\n      onReply: action('On reply'),\n      onForward: action('On forward'),\n      onSuggestionClick: action('On Suggested reply clicked'),\n      actions: emailActions\n    }\n  ];\n\n  return (\n    <EmailConversation\n      participants={generateEmailConversationParticipants(emailArr)}\n      from={generateEmailConversationParticipants(emailArr, ['from'])[0]}\n      to={generateEmailConversationParticipants(emailArr, ['to'])}\n      id={createUID()}\n      timeStamp={emailArr[0].timeStamp}\n      unReadEmailCount={emailArr.filter(item => item.unRead).length}\n      emails={emailArr}\n    />\n  );\n};\n\n/*\n\n   _____                 _ _    ____\n  | ____|_ __ ___   __ _(_) |  / ___|___  _ __ ___  _ __   ___  ___  ___ _ __\n  |  _| | '_ ` _ \\ / _` | | | | |   / _ \\| '_ ` _ \\| '_ \\ / _ \\/ __|/ _ \\ '__|\n  | |___| | | | | | (_| | | | | |__| (_) | | | | | | |_) | (_) \\__ \\  __/ |\n  |_____|_| |_| |_|\\__,_|_|_|  \\____\\___/|_| |_| |_| .__/ \\___/|___/\\___|_|\n                                                   |_|\n\n*/\n\nexport const EmailComposerDemo = () => {\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const [attachments, setAttachments] = useState<Required<EmailComposerProps>['attachments']>(\n    emailAttachments!\n  );\n\n  const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n    const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n    return selectedTemplate?.content as string;\n  };\n\n  return (\n    <Card style={{ width: '30rem' }}>\n      <CardContent>\n        <EmailComposer\n          onSend={action('On Send')}\n          onCancel={action('On cancel')}\n          externalValidator={handleExternalEntry}\n          participants={participants}\n          to={{\n            reply: [participants[7].emailAddress],\n            replyAll: toParticipants,\n            forward: []\n          }}\n          cc={ccParticipants}\n          bcc={bccParticipants}\n          responseType='reply'\n          subject='Request: Pause service'\n          templates={templates}\n          onTemplateChange={onTemplateChange}\n          bodyContent='Hi, Hope you are doing well'\n          onImageAdded={action('On Image added')}\n          attachments={attachments.map(attachment => {\n            return {\n              ...attachment,\n              onDelete: name => {\n                setAttachments(prevAttachments =>\n                  prevAttachments.filter(item => item.name !== name)\n                );\n              }\n            };\n          })}\n          footerMoreActions={\n            <MenuButton\n              text='Phrases'\n              placement='top'\n              menu={{\n                items: [\n                  {\n                    primary: 'Thanks',\n                    id: 'Thanks',\n                    onClick: action('Thanks!')\n                  },\n                  {\n                    primary: 'Sorry, please give us some time',\n                    id: 'Sorry',\n                    onClick: action('Sorry, please give us some time!')\n                  }\n                ]\n              }}\n            />\n          }\n        />\n        <input\n          ref={fileUploadInputRef}\n          type='file'\n          style={{ display: 'none' }}\n          onChange={(e: ChangeEvent<HTMLInputElement>) => {\n            if (e.target.files) {\n              setAttachments(prevAttachments => [\n                ...prevAttachments,\n                ...Array.from(e.target.files!).map(file => {\n                  return {\n                    name: file.name\n                  };\n                })\n              ]);\n            }\n          }}\n        />\n      </CardContent>\n    </Card>\n  );\n};\n\n/*\n\n   _____                 _ _       _          _ _\n  | ____|_ __ ___   __ _(_) |  ___| |__   ___| | |\n  |  _| | '_ ` _ \\ / _` | | | / __| '_ \\ / _ \\ | |\n  | |___| | | | | | (_| | | | \\__ \\ | | |  __/ | |\n  |_____|_| |_| |_|\\__,_|_|_| |___/_| |_|\\___|_|_|\n\n*/\n\nexport const EmailDemo = ({ hideSuggestions }: { hideSuggestions?: boolean }) => {\n  const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n    const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n    return selectedTemplate?.content as string;\n  };\n\n  const actions = array('Actions', ['Transfer', 'End conversation']).map(name => ({\n    primary: name,\n    id: name,\n    onClick: action(`Clicked ${name}`)\n  }));\n\n  const { create } = useContext(ModalManagerContext);\n\n  const emailsData: EmailProps[] = [\n    {\n      id: createUID(),\n      timeStamp: '2021-01-05T09:12',\n      from: participants[0],\n      to: participants.slice(0, 2),\n      body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\n      unRead: true,\n      subject: 'Pause service',\n      suggestions: hideSuggestions ? undefined : mockSuggestedReplies,\n      attachments: [\n        {\n          id: createUID(),\n          value: 'https://pega.com/media/document.doc',\n          displayText: 'Policy document'\n        },\n        {\n          id: createUID(),\n          value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n          displayText: 'E-Ticket'\n        }\n      ].map(attachment => {\n        return {\n          ...attachment,\n          onDownload: action('On attachment download'),\n          onPreview: action('On attachment preview')\n        };\n      })\n    },\n    {\n      id: createUID(),\n      timeStamp: '2021-01-02T03:12',\n      from: participants[3],\n      to: participants.slice(2, 4),\n      body: emailBodyContent,\n      unRead: true,\n      subject: 'Pause service'\n    }\n  ].map(emailData => {\n    const emailActionItems = emailDemoActions(create, emailData.subject, onTemplateChange);\n    return {\n      ...emailData,\n      onReply: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.REPLY,\n          {\n            ...baseComposerProps,\n            onTemplateChange,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            subject: `Re-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onForward: id => {\n        launchEmailComposer(\n          id,\n          LaunchAction.FORWARD,\n          {\n            ...baseComposerProps,\n            onTemplateChange,\n            externalValidator: handleExternalEntry,\n            responseType: 'forward',\n            subject: `Fw-${emailData.subject}` || ''\n          },\n          create\n        );\n      },\n      onSuggestionClick: (id, suggestionId) => {\n        const suggestion = emailData.suggestions?.find(item => item.id === suggestionId);\n        launchEmailComposer(\n          id,\n          LaunchAction.SUGGESTION,\n          {\n            ...baseComposerProps,\n            externalValidator: handleExternalEntry,\n            responseType: 'reply',\n            onTemplateChange,\n            subject: suggestion?.title || '',\n            bodyContent: suggestion ? suggestion.content : '',\n            defaultTemplateId: suggestion?.id\n          },\n          create\n        );\n      },\n      actions: emailActionItems,\n      tags: hideSuggestions\n        ? undefined\n        : {\n            items: ['Pause service', 'Lost or stolen'],\n            label: 'Associated service cases',\n            onRemove: action('On Associated service case remove'),\n            dismissable: true\n          }\n    };\n  });\n\n  const emailConversations: EmailConversationProps[] = (\n    [\n      [...emailsData],\n      [\n        {\n          ...emailsData[0],\n          timeStamp: '2021-01-03T17:15',\n          from: mockEmails['Hugh Phillips'],\n          to: [mockEmails['Mystery Rey'], ...emailsData[0].to],\n          cc: [mockEmails['Adam Gillchrist']],\n          bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n          body: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div>  <br />Regards, <br />Hugh Phillips </div>'\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-02T14:16',\n          from: mockEmails['Mystery Rey'],\n          to: [mockEmails['Hugh Phillips']],\n          body: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\n        }\n      ],\n      [\n        {\n          ...emailsData[0],\n          unRead: false,\n          timeStamp: '2020-12-05T18:18',\n          from: mockEmails['Laura Stevens'],\n          to: [mockEmails['Sara Davis']],\n          body: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\n          sentiment: {\n            variant: 'positive'\n          }\n        },\n        {\n          ...emailsData[1],\n          unRead: false,\n          timeStamp: '2021-01-04T08:30',\n          from: mockEmails['Sara Davis'],\n          to: [mockEmails['Laura Stevens']],\n          body: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n        }\n      ]\n    ] as EmailProps[][]\n  ).map((emails, i) => {\n    return {\n      from: generateEmailConversationParticipants(emails, ['from'])[0],\n      to: emails[0].to,\n      id: createUID(),\n      timeStamp: emails[0].timeStamp,\n      unReadEmailCount: emails.filter(item => item.unRead).length,\n      emails,\n      sentiment: emails[0].sentiment,\n      isForwarded: i !== 2,\n      isCollapsed: i !== 0\n    } as EmailConversationProps;\n  });\n\n  const singleEmailConversation: EmailConversationProps[] = [\n    {\n      from: generateEmailConversationParticipants(emailsData, ['from'])[0],\n      to: generateEmailConversationParticipants(emailsData, ['to']),\n      id: createUID(),\n      timeStamp: new Date(emailsData[0].timeStamp),\n      unReadEmailCount: emailsData.filter(item => item.unRead).length,\n      emails: emailsData\n    }\n  ];\n\n  return (\n    <EmailShell\n      style={{\n        height: 'calc(100vh)',\n        width: '30rem',\n        margin: 'auto'\n      }}\n      headerProps={{\n        actions: (\n          <Flex\n            container={{\n              alignItems: 'center',\n              gap: 0\n            }}\n          >\n            <Button variant='simple' icon>\n              <Icon name='filter' />\n            </Button>\n            <MenuButton\n              variant='simple'\n              text='More actions'\n              icon='more'\n              iconOnly\n              portal\n              menu={{ items: actions }}\n            />\n          </Flex>\n        ),\n        subject: 'Pause service'\n      }}\n      autoCollapse={boolean('Auto collapse', true)}\n      conversations={\n        boolean('Single conversation', true) ? singleEmailConversation : emailConversations\n      }\n    />\n  );\n};\nEmailDemo.parameters = {\n  layout: 'fullscreen'\n};\n\nconst sentiment: SentimentProps = {\n  variant: 'negative',\n  labelHidden: true\n};\n\n/*\n  ______                 _ _    _____                                              _____ _\n |  ____|               (_) |  / ____|                                            |_   _| |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _    | | | |_ ___ _ __ ___\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | |   | | | __/ _ \\ '_ ` _ \\\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| |  _| |_| ||  __/ | | | | |\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |_____|\\__\\___|_| |_| |_|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nexport const EmailSummaryItemDemo = () => {\n  const [active, setActive] = useState(false);\n  return (\n    <EmailSummaryItem\n      style={{ width: '25rem' }}\n      id={createUID()}\n      activeParticipants={[\n        {\n          shortName: 'Robert',\n          fullName: 'Robert Downer',\n          emailAddress: 'robert.downey@example.com'\n        },\n        {\n          shortName: 'Nathan',\n          fullName: 'Nathan Swanson',\n          emailAddress: 'nathan.swanson@example.com'\n        }\n      ]}\n      message='I have a quick question on traveling to India. How do I reach Hyderabad?'\n      timeStamp={new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24))}\n      topic='Missing Luggage'\n      sentiment={sentiment}\n      urgency={10}\n      unreadEmailCount={active ? 0 : 8}\n      active={active}\n      onClick={() => {\n        setActive(true);\n      }}\n    />\n  );\n};\n\n/*\n  ______                 _ _    _____                                              _      _     _\n |  ____|               (_) |  / ____|                                            | |    (_)   | |\n | |__   _ __ ___   __ _ _| | | (___  _   _ _ __ ___  _ __ ___   __ _ _ __ _   _  | |     _ ___| |_\n |  __| | '_ ` _ \\ / _` | | |  \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | |    | / __| __|\n | |____| | | | | | (_| | | |  ____) | |_| | | | | | | | | | | | (_| | |  | |_| | | |____| \\__ \\ |_\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_|   \\__, | |______|_|___/\\__|\n                                                                            __/ |\n                                                                           |___/\n*/\n\nconst emailSummaryItems = [\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    active: true,\n    urgency: 85,\n    unreadEmailCount: 4\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10,\n    unreadEmailCount: 2\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida. Is there a discount going on?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65,\n    unreadEmailCount: 1\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance? How often do we need it?',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85,\n    unreadEmailCount: 6\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Robert', fullName: 'Robert Downer', emailAddress: 'robert.downey@example.com' },\n      { shortName: 'Robert', fullName: 'Robert ', emailAddress: 'robert.downey@example.com' }\n    ],\n    message: 'I have a quick question on travel',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      {\n        shortName: 'Nathan',\n        fullName: 'Nathan Swanson',\n        emailAddress: 'nathan.swanson@example.com'\n      }\n    ],\n    message: 'My luggage did not drive!',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Missing Luggage',\n    sentiment,\n    urgency: 10\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Simpson', fullName: 'Glenn Simpson', emailAddress: 'glenn.simpson@example.com' }\n    ],\n    message: 'Re: How much is a flight to Florida',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 65\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Green', fullName: 'Ralph Green', emailAddress: 'ralph.green@example.com' }\n    ],\n    message: 'Re: Should I purchase travel insurance',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 85\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Greene', fullName: 'Fred Greene', emailAddress: 'Fred.greene@example.com' }\n    ],\n    message: 'My next vacation',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 45\n  },\n  {\n    id: createUID(),\n    activeParticipants: [\n      { shortName: 'Smith', fullName: 'Aya Smith', emailAddress: 'aya.smith@example.com' },\n      { shortName: 'Support', fullName: 'Support', emailAddress: 'support@example.com' },\n      { shortName: 'Downer', fullName: 'Robert Downer', emailAddress: 'robert.downer@example.com' }\n    ],\n    message: 'Airport questions',\n    timeStamp: new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24)),\n    topic: 'Travel request',\n    sentiment,\n    urgency: 35\n  }\n];\n\nexport const EmailSummaryListDemo = () => {\n  const emailSummaryListRef = useRef(null);\n  const [allEmailItems, setAllEmailItems] = useState(emailSummaryItems);\n  const [categories, setCategories] = useState<MenuProps['items']>([\n    {\n      id: createUID(),\n      primary: 'Default worklist',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Authors',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Administrators',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Managers',\n      selected: false\n    },\n    {\n      id: createUID(),\n      primary: 'Users',\n      selected: false\n    }\n  ]);\n\n  const handleItemClick = (id: string) => {\n    const index = allEmailItems.findIndex(emailItem => {\n      return emailItem.id === id;\n    });\n\n    const newEmailItems = [...allEmailItems];\n    newEmailItems.splice(index, 1, { ...allEmailItems[index], unreadEmailCount: 0 });\n\n    setAllEmailItems(newEmailItems);\n  };\n\n  const onCategoryClick: MenuItemProps['onClick'] = (id: MenuItemProps['id']) => {\n    setCategories(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n  };\n\n  return (\n    <EmailSummaryList\n      style={{ height: 'calc(100vh)', width: '25rem', margin: 'auto' }}\n      ref={emailSummaryListRef}\n      unreadEmailCount={99}\n      categories={categories}\n      items={allEmailItems}\n      onItemClick={handleItemClick}\n      onCategoryClick={onCategoryClick}\n    />\n  );\n};\n\nEmailSummaryListDemo.parameters = {\n  layout: 'fullscreen'\n};\n"]}

package/jsx/work/Details/Details.stories.jsx

@@ -10,17 +10,17 @@ export const DetailsDemo = () => {
             {
                 id: '1',
                 name: 'Statement balance',
-                value: <CurrencyDisplay value='1289.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value={1289.0} currencyISOCode='USD'/>
             },
             {
                 id: '2',
                 name: 'Total balance',
-                value: <CurrencyDisplay value='35667.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value={35667.0} currencyISOCode='USD'/>
             },
             {
                 id: '3',
                 name: 'Available credit',
-                value: <CurrencyDisplay value='5813.00' currencyISOCode='USD'/>
+                value: <CurrencyDisplay value={5813.0} currencyISOCode='USD'/>
             },
             {
                 id: '4',

package/jsx/work/Details/Details.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n  CurrencyDisplay,\n  DateTimeDisplay,\n  URLDisplay,\n  BooleanDisplay,\n  FieldGroup,\n  FieldValueList,\n  LocationDisplay,\n  MapsContext,\n  PhoneDisplay,\n  EmailDisplay\n} from '@pega/cosmos-react-core';\nimport { Details } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Details',\n  component: Details\n} as Meta;\n\nexport const DetailsDemo: Story = () => {\n  return (\n    <MapsContext.Provider value={{ name: 'google' }}>\n      <Details\n        highlightedFields={[\n          {\n            id: '1',\n            name: 'Statement balance',\n            value: <CurrencyDisplay value='1289.00' currencyISOCode='USD' />\n          },\n          {\n            id: '2',\n            name: 'Total balance',\n            value: <CurrencyDisplay value='35667.00' currencyISOCode='USD' />\n          },\n          {\n            id: '3',\n            name: 'Available credit',\n            value: <CurrencyDisplay value='5813.00' currencyISOCode='USD' />\n          },\n          {\n            id: '4',\n            name: 'Payment due date',\n            value: <DateTimeDisplay value={Date.now()} variant='datetime' format='long' />\n          },\n          {\n            id: '5',\n            name: 'Available benefits',\n            value: (\n              <URLDisplay\n                value='https://www.google.com/'\n                displayText='View benefits'\n                variant='link'\n              />\n            )\n          },\n          {\n            id: '6',\n            name: 'Platinum member',\n            value: <BooleanDisplay value />\n          }\n        ]}\n        regions={[\n          <FieldGroup name='Personal'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Home address',\n                  value: (\n                    <LocationDisplay\n                      value='12 Higgins Bottom Way, Carnell, NH, 02133'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Primary phone', value: <PhoneDisplay value='+15553749637' /> },\n                {\n                  name: 'Primary email',\n                  value: <EmailDisplay value='joe.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>,\n          <FieldGroup name='Work'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Work address',\n                  value: (\n                    <LocationDisplay\n                      value='1 Monolith Business Parkway, Milltown, NH, 02333'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Work phone', value: <PhoneDisplay value='+15553742200' /> },\n                {\n                  name: 'Work email',\n                  value: <EmailDisplay value='jane.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>\n        ]}\n      />\n    </MapsContext.Provider>\n  );\n};\n"]}
+{"version":3,"file":"Details.stories.jsx","sourceRoot":"","sources":["../../../src/work/Details/Details.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,eAAe,EACf,UAAU,EACV,cAAc,EACd,UAAU,EACV,cAAc,EACd,eAAe,EACf,WAAW,EACX,YAAY,EACZ,YAAY,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,OAAO;CACX,CAAC;AAEV,MAAM,CAAC,MAAM,WAAW,GAAU,GAAG,EAAE;IACrC,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAC9C;MAAA,CAAC,OAAO,CACN,iBAAiB,CAAC,CAAC;YACjB;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,mBAAmB;gBACzB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,KAAK,EAAG;aAChE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,eAAe,CAAC,KAAK,EAAG;aACjE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,KAAK,EAAG;aAChE;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,kBAAkB;gBACxB,KAAK,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAG;aAC/E;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,oBAAoB;gBAC1B,KAAK,EAAE,CACL,CAAC,UAAU,CACT,KAAK,CAAC,yBAAyB,CAC/B,WAAW,CAAC,eAAe,CAC3B,OAAO,CAAC,MAAM,EACd,CACH;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,IAAI,EAAE,iBAAiB;gBACvB,KAAK,EAAE,CAAC,cAAc,CAAC,KAAK,EAAG;aAChC;SACF,CAAC,CACF,OAAO,CAAC,CAAC;YACP,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CACzB;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN;wBACE,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,CACL,CAAC,eAAe,CACd,KAAK,CAAC,2CAA2C,CACjD,OAAO,CAAC,MAAM,EACd,CACH;qBACF;oBACD,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAG,EAAE;oBACvE;wBACE,IAAI,EAAE,eAAe;wBACrB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,uBAAuB,EAAG;qBACtD;iBACF,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC;YACb,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CACrB;YAAA,CAAC,cAAc,CACb,MAAM,CAAC,CAAC;oBACN;wBACE,IAAI,EAAE,cAAc;wBACpB,KAAK,EAAE,CACL,CAAC,eAAe,CACd,KAAK,CAAC,kDAAkD,CACxD,OAAO,CAAC,MAAM,EACd,CACH;qBACF;oBACD,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,EAAG,EAAE;oBACpE;wBACE,IAAI,EAAE,YAAY;wBAClB,KAAK,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,wBAAwB,EAAG;qBACvD;iBACF,CAAC,EAEN;UAAA,EAAE,UAAU,CAAC;SACd,CAAC,EAEN;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Meta, Story } from '@storybook/react';\n\nimport {\n  CurrencyDisplay,\n  DateTimeDisplay,\n  URLDisplay,\n  BooleanDisplay,\n  FieldGroup,\n  FieldValueList,\n  LocationDisplay,\n  MapsContext,\n  PhoneDisplay,\n  EmailDisplay\n} from '@pega/cosmos-react-core';\nimport { Details } from '@pega/cosmos-react-work';\n\nexport default {\n  title: 'Work/Details',\n  component: Details\n} as Meta;\n\nexport const DetailsDemo: Story = () => {\n  return (\n    <MapsContext.Provider value={{ name: 'google' }}>\n      <Details\n        highlightedFields={[\n          {\n            id: '1',\n            name: 'Statement balance',\n            value: <CurrencyDisplay value={1289.0} currencyISOCode='USD' />\n          },\n          {\n            id: '2',\n            name: 'Total balance',\n            value: <CurrencyDisplay value={35667.0} currencyISOCode='USD' />\n          },\n          {\n            id: '3',\n            name: 'Available credit',\n            value: <CurrencyDisplay value={5813.0} currencyISOCode='USD' />\n          },\n          {\n            id: '4',\n            name: 'Payment due date',\n            value: <DateTimeDisplay value={Date.now()} variant='datetime' format='long' />\n          },\n          {\n            id: '5',\n            name: 'Available benefits',\n            value: (\n              <URLDisplay\n                value='https://www.google.com/'\n                displayText='View benefits'\n                variant='link'\n              />\n            )\n          },\n          {\n            id: '6',\n            name: 'Platinum member',\n            value: <BooleanDisplay value />\n          }\n        ]}\n        regions={[\n          <FieldGroup name='Personal'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Home address',\n                  value: (\n                    <LocationDisplay\n                      value='12 Higgins Bottom Way, Carnell, NH, 02133'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Primary phone', value: <PhoneDisplay value='+15553749637' /> },\n                {\n                  name: 'Primary email',\n                  value: <EmailDisplay value='joe.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>,\n          <FieldGroup name='Work'>\n            <FieldValueList\n              fields={[\n                {\n                  name: 'Work address',\n                  value: (\n                    <LocationDisplay\n                      value='1 Monolith Business Parkway, Milltown, NH, 02333'\n                      variant='text'\n                    />\n                  )\n                },\n                { name: 'Work phone', value: <PhoneDisplay value='+15553742200' /> },\n                {\n                  name: 'Work email',\n                  value: <EmailDisplay value='jane.smith@example.com' />\n                }\n              ]}\n            />\n          </FieldGroup>\n        ]}\n      />\n    </MapsContext.Provider>\n  );\n};\n"]}

package/jsx/work/Stakeholders/Stakeholders.mocks.jsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { Input, Grid, FieldGroup } from '@pega/cosmos-react-core';
 import { useMockListData } from '../../core/SummaryList/SummaryList.mocks';
 export const mockNetworkReq = () => new Promise(resolve => setTimeout(resolve, 2000));
-const count = Math.floor(Math.random() * 50) + 1;
+const count = 20;
 export const mockRoles = Array.from({ length: 3 }, (_, i) => ({
     name: `Role-${i + 1}`,
     description: `This is a description of Role-${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet dolor a mauris imperdiet convallis.`

package/jsx/work/Stakeholders/Stakeholders.mocks.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"Stakeholders.mocks.jsx","sourceRoot":"","sources":["../../../src/work/Stakeholders/Stakeholders.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAO3E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAGtF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;AAGjD,MAAM,CAAC,MAAM,SAAS,GAAoD,KAAK,CAAC,IAAI,CAClF,EAAE,MAAM,EAAE,CAAC,EAAE,EACb,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE;IACrB,WAAW,EAAE,iCACX,CAAC,GAAG,CACN,6GAA6G;CAC9G,CAAC,CACH,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EAQN,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,CACb,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACvC;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EAC3D;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EACzD;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,EAC/D;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAClF;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;IAEF,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,eAAe,gBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAC3E,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,EAAc,EACgE,EAAE;IAChF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAEtF,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,CACpC,GAAG,EAAE;QACH,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAClC,EAAE,EAAE,CAAC;IACP,CAAC,EACD,EAAE,KAAK,EAAE,CACV,CAAC;IAEF,OAAO;QACL,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACjC,OAAO,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACpE,CAAC,CAAC;QACF,mBAAmB;KACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react';\n\nimport { Input, Grid, FieldGroup } from '@pega/cosmos-react-core';\nimport { Role, StakeholdersProps, Stakeholder } from '@pega/cosmos-react-work';\n\nimport { useMockListData } from '../../core/SummaryList/SummaryList.mocks';\n\ninterface MockStakeholderObject extends Stakeholder {\n  role?: Role;\n  data?: StakeholdersProps['form']['rendererProps'];\n}\n\nexport const mockNetworkReq = () => new Promise(resolve => setTimeout(resolve, 2000));\n\n// Mock total count of Stakeholder resource.\nconst count = Math.floor(Math.random() * 50) + 1;\n\n// Mock stakeholder roles.\nexport const mockRoles: NonNullable<StakeholdersProps['form']>['roles'] = Array.from(\n  { length: 3 },\n  (_, i) => ({\n    name: `Role-${i + 1}`,\n    description: `This is a description of Role-${\n      i + 1\n    }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet dolor a mauris imperdiet convallis.`\n  })\n);\n\n/**\n * A component that will be rendered internally by Stakeholders when adding or editing.\n * If roles exists, the component will be passed the selected role as a prop.\n * The return content of this will likely be a dynamically rendered view.\n */\nexport const AddAndEditForm = ({\n  selectedRoleName,\n  firstName,\n  lastName,\n  email\n}: {\n  // Cosmos will pass the selectedRoleName\n  selectedRoleName?: Role['name'];\n  // Any prop passed to rendererProps will be forwarded here\n  firstName?: string;\n  lastName?: string;\n  email?: string;\n}) => {\n  const inputs = (\n    <Grid container={{ cols: '1fr', gap: 2 }}>\n      <Input label='First name' required defaultValue={firstName} />\n      <Input label='Last name' required defaultValue={lastName} />\n      <Input type='email' label='Email' required defaultValue={email} />\n      <Input label='Job title' defaultValue={firstName ? 'Vice president' : undefined} />\n    </Grid>\n  );\n\n  return selectedRoleName ? (\n    <FieldGroup name={`Fields for: ${selectedRoleName}`}>{inputs}</FieldGroup>\n  ) : (\n    inputs\n  );\n};\n\nexport const useMockStakeholders = (\n  cb: () => void\n): [MockStakeholderObject[], Dispatch<SetStateAction<MockStakeholderObject[]>>] => {\n  const [mockStakeholders, setMockStakeholders] = useState<MockStakeholderObject[]>([]);\n  // Grab some mock data...\n  const [mockListData] = useMockListData(\n    () => {\n      setMockStakeholders(mockListData);\n      cb();\n    },\n    { count }\n  );\n\n  return [\n    mockStakeholders.map(stakeholder => {\n      return { ...stakeholder, role: stakeholder.role ?? mockRoles[0] };\n    }),\n    setMockStakeholders\n  ];\n};\n"]}
+{"version":3,"file":"Stakeholders.mocks.jsx","sourceRoot":"","sources":["../../../src/work/Stakeholders/Stakeholders.mocks.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAO3E,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;AAGtF,MAAM,KAAK,GAAG,EAAE,CAAC;AAGjB,MAAM,CAAC,MAAM,SAAS,GAAoD,KAAK,CAAC,IAAI,CAClF,EAAE,MAAM,EAAE,CAAC,EAAE,EACb,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IACT,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAE;IACrB,WAAW,EAAE,iCACX,CAAC,GAAG,CACN,6GAA6G;CAC9G,CAAC,CACH,CAAC;AAOF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,KAAK,EAQN,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,CACb,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CACvC;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EAC3D;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,EACzD;MAAA,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,EAC/D;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,EAClF;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;IAEF,OAAO,gBAAgB,CAAC,CAAC,CAAC,CACxB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,eAAe,gBAAgB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,CAC3E,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,EAAc,EACgE,EAAE;IAChF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC,CAAC;IAEtF,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,CACpC,GAAG,EAAE;QACH,mBAAmB,CAAC,YAAY,CAAC,CAAC;QAClC,EAAE,EAAE,CAAC;IACP,CAAC,EACD,EAAE,KAAK,EAAE,CACV,CAAC;IAEF,OAAO;QACL,gBAAgB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE;YACjC,OAAO,EAAE,GAAG,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;QACpE,CAAC,CAAC;QACF,mBAAmB;KACpB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Dispatch, SetStateAction, useState } from 'react';\n\nimport { Input, Grid, FieldGroup } from '@pega/cosmos-react-core';\nimport { Role, StakeholdersProps, Stakeholder } from '@pega/cosmos-react-work';\n\nimport { useMockListData } from '../../core/SummaryList/SummaryList.mocks';\n\ninterface MockStakeholderObject extends Stakeholder {\n  role?: Role;\n  data?: StakeholdersProps['form']['rendererProps'];\n}\n\nexport const mockNetworkReq = () => new Promise(resolve => setTimeout(resolve, 2000));\n\n// Mock total count of Stakeholder resource.\nconst count = 20;\n\n// Mock stakeholder roles.\nexport const mockRoles: NonNullable<StakeholdersProps['form']>['roles'] = Array.from(\n  { length: 3 },\n  (_, i) => ({\n    name: `Role-${i + 1}`,\n    description: `This is a description of Role-${\n      i + 1\n    }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet dolor a mauris imperdiet convallis.`\n  })\n);\n\n/**\n * A component that will be rendered internally by Stakeholders when adding or editing.\n * If roles exists, the component will be passed the selected role as a prop.\n * The return content of this will likely be a dynamically rendered view.\n */\nexport const AddAndEditForm = ({\n  selectedRoleName,\n  firstName,\n  lastName,\n  email\n}: {\n  // Cosmos will pass the selectedRoleName\n  selectedRoleName?: Role['name'];\n  // Any prop passed to rendererProps will be forwarded here\n  firstName?: string;\n  lastName?: string;\n  email?: string;\n}) => {\n  const inputs = (\n    <Grid container={{ cols: '1fr', gap: 2 }}>\n      <Input label='First name' required defaultValue={firstName} />\n      <Input label='Last name' required defaultValue={lastName} />\n      <Input type='email' label='Email' required defaultValue={email} />\n      <Input label='Job title' defaultValue={firstName ? 'Vice president' : undefined} />\n    </Grid>\n  );\n\n  return selectedRoleName ? (\n    <FieldGroup name={`Fields for: ${selectedRoleName}`}>{inputs}</FieldGroup>\n  ) : (\n    inputs\n  );\n};\n\nexport const useMockStakeholders = (\n  cb: () => void\n): [MockStakeholderObject[], Dispatch<SetStateAction<MockStakeholderObject[]>>] => {\n  const [mockStakeholders, setMockStakeholders] = useState<MockStakeholderObject[]>([]);\n  // Grab some mock data...\n  const [mockListData] = useMockListData(\n    () => {\n      setMockStakeholders(mockListData);\n      cb();\n    },\n    { count }\n  );\n\n  return [\n    mockStakeholders.map(stakeholder => {\n      return { ...stakeholder, role: stakeholder.role ?? mockRoles[0] };\n    }),\n    setMockStakeholders\n  ];\n};\n"]}

package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const DynamicContentEditorDemo: () => JSX.Element;
+//# sourceMappingURL=DynamicContentEditor.stories.d.ts.map

package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.stories.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicContentEditor/DynamicContentEditor.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;;AAmBxC,wBAGU;AAEV,eAAO,MAAM,wBAAwB,mBAwFpC,CAAC"}

package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback } from 'react';
+import { Button, Card, CardContent, CardFooter, Flex, TextArea, useAutoResize, useConsolidatedRef, useI18n } from '@pega/cosmos-react-core';
+import { DynamicContentEditor } from '@pega/cosmos-react-build';
+import FieldSelector from './FieldSelector';
+export default {
+    title: 'Build/DynamicContentEditor',
+    component: DynamicContentEditor
+};
+export const DynamicContentEditorDemo = () => {
+    const [html, setHtml] = useState('<p>Hi <pega-reference role="button" contenteditable="false" data-rule-type="field" data-rule-id="CustomerName">CustomerName</pega-reference><p>please check this <a href="https://google.com">link</a></p></p>');
+    const rteRef = useRef(null);
+    const onImageAdded = (image, id) => {
+        const src = URL.createObjectURL(image);
+        rteRef.current?.appendImage({ src, alt: image.name }, id);
+    };
+    const [textAreaRef, resizeTextArea] = useAutoResize(undefined, 100);
+    const ref = useRef(null);
+    const consolidatedRef = useConsolidatedRef(textAreaRef, ref);
+    const handleShowHtml = () => {
+        resizeTextArea();
+        setHtml(rteRef.current?.getHtml() || '');
+    };
+    const t = useI18n();
+    const [selectedField, setSelectedField] = useState({
+        id: '',
+        text: ''
+    });
+    const updateSelection = (selectedItem) => {
+        setSelectedField(selectedItem);
+    };
+    const onSubmit = useCallback((insertField) => {
+        insertField(selectedField);
+    }, [selectedField]);
+    const dynamicContentPicker = (_jsx(Flex, { container: {
+            gap: 2,
+            direction: 'column'
+        }, children: _jsx(FieldSelector, { itemList: [
+                { id: 'CustomerName', text: 'CustomerName' },
+                { id: 'Address', text: 'Address' },
+                { id: 'Locality', text: 'Locality' },
+                { id: 'Country', text: 'Country' },
+                { id: 'Region', text: 'Region' },
+                { id: 'Occupation', text: 'Occupation' }
+            ], label: 'Field', updateSelection: updateSelection, placeholder: t('select'), defaultSelection: selectedField }, selectedField?.id) }, void 0));
+    return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsxs(Card, { children: [_jsx(CardContent, { children: _jsx(TextArea, { value: html, onChange: e => setHtml(e.target.value), autoResize: true, ref: consolidatedRef }, void 0) }, void 0), _jsx(CardFooter, { children: _jsx(Button, { onClick: () => rteRef.current?.insertHtml(html.trim(), true), children: "Overwrite RTE with new HTML" }, void 0) }, void 0)] }, void 0), _jsx(DynamicContentEditor, { defaultValue: html, onImageAdded: onImageAdded, ref: rteRef, label: 'Dynamic content editor', toolbar: ['inline-styling', 'lists', 'indentation', 'links', 'images'], form: { onSubmit, dynamicContentPicker }, onActiveFieldChange: (field) => setSelectedField(field) }, void 0), _jsx(Flex, { container: { gap: 1 }, children: _jsx(Button, { onClick: () => handleShowHtml(), children: "Show HTML" }, void 0) }, void 0)] }, void 0));
+};
+//# sourceMappingURL=DynamicContentEditor.stories.js.map

package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicContentEditor.stories.js","sourceRoot":"","sources":["../../../src/build/DynamicContentEditor/DynamicContentEditor.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Meta } from '@storybook/react';\nimport { useRef, useState, useCallback } from 'react';\n\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardFooter,\n  Flex,\n  TextArea,\n  useAutoResize,\n  useConsolidatedRef,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport { EditorState } from '@pega/cosmos-react-rte';\nimport { DynamicContentEditor, ItemType } from '@pega/cosmos-react-build';\n\nimport FieldSelector, { FieldSelectorProps } from './FieldSelector';\n\nexport default {\n  title: 'Build/DynamicContentEditor',\n  component: DynamicContentEditor\n} as Meta;\n\nexport const DynamicContentEditorDemo = () => {\n  const [html, setHtml] = useState(\n    '<p>Hi <pega-reference role=\"button\" contenteditable=\"false\" data-rule-type=\"field\" data-rule-id=\"CustomerName\">CustomerName</pega-reference><p>please check this <a href=\"https://google.com\">link</a></p></p>'\n  );\n  const rteRef = useRef<EditorState>(null);\n\n  const onImageAdded = (image: File, id: string) => {\n    const src = URL.createObjectURL(image);\n    rteRef.current?.appendImage({ src, alt: image.name }, id);\n  };\n  const [textAreaRef, resizeTextArea] = useAutoResize<HTMLTextAreaElement>(undefined, 100);\n  const ref = useRef(null);\n  const consolidatedRef = useConsolidatedRef(textAreaRef, ref);\n  const handleShowHtml = () => {\n    resizeTextArea();\n    setHtml(rteRef.current?.getHtml() || '');\n  };\n  const t = useI18n();\n  const [selectedField, setSelectedField] = useState<ItemType>({\n    id: '',\n    text: ''\n  });\n\n  const updateSelection: FieldSelectorProps['updateSelection'] = (selectedItem: ItemType) => {\n    setSelectedField(selectedItem);\n  };\n  const onSubmit = useCallback(\n    (insertField: (selectedField: ItemType) => void) => {\n      insertField(selectedField);\n    },\n    [selectedField]\n  );\n\n  const dynamicContentPicker = (\n    <Flex\n      container={{\n        gap: 2,\n        direction: 'column'\n      }}\n    >\n      <FieldSelector\n        itemList={[\n          { id: 'CustomerName', text: 'CustomerName' },\n          { id: 'Address', text: 'Address' },\n          { id: 'Locality', text: 'Locality' },\n          { id: 'Country', text: 'Country' },\n          { id: 'Region', text: 'Region' },\n          { id: 'Occupation', text: 'Occupation' }\n        ]}\n        key={selectedField?.id}\n        label='Field'\n        updateSelection={updateSelection}\n        placeholder={t('select')}\n        defaultSelection={selectedField}\n      />\n    </Flex>\n  );\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }}>\n      <Card>\n        <CardContent>\n          <TextArea\n            value={html}\n            onChange={e => setHtml(e.target.value)}\n            autoResize\n            ref={consolidatedRef}\n          />\n        </CardContent>\n        <CardFooter>\n          <Button onClick={() => rteRef.current?.insertHtml(html.trim(), true)}>\n            Overwrite RTE with new HTML\n          </Button>\n        </CardFooter>\n      </Card>\n      <DynamicContentEditor\n        defaultValue={html}\n        onImageAdded={onImageAdded}\n        ref={rteRef}\n        label='Dynamic content editor'\n        toolbar={['inline-styling', 'lists', 'indentation', 'links', 'images']}\n        form={{ onSubmit, dynamicContentPicker }}\n        onActiveFieldChange={(field: ItemType) => setSelectedField(field)}\n      />\n      <Flex container={{ gap: 1 }}>\n        <Button onClick={() => handleShowHtml()}>Show HTML</Button>\n      </Flex>\n    </Flex>\n  );\n};\n"]}

package/lib/build/DynamicContentEditor/FieldSelector.d.ts

@@ -0,0 +1,14 @@
+import { FunctionComponent } from 'react';
+import { ComboBoxProps, NoChildrenProp } from '@pega/cosmos-react-core';
+import { ItemType } from '@pega/cosmos-react-build/lib/components/DynamicContentEditor/DynamicContentEditor.types';
+export interface FieldSelectorProps extends NoChildrenProp {
+    /** Array of values for the combobox options. */
+    itemList: ItemType[];
+    /** Return selected item */
+    updateSelection: (selectedItem: ItemType, label: ComboBoxProps['label']) => void;
+    /** Default selected item */
+    defaultSelection?: ItemType;
+}
+declare const FieldSelector: FunctionComponent<FieldSelectorProps & Pick<ComboBoxProps, 'label' | 'mode' | 'required' | 'placeholder'>>;
+export default FieldSelector;
+//# sourceMappingURL=FieldSelector.d.ts.map

package/lib/build/DynamicContentEditor/FieldSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldSelector.d.ts","sourceRoot":"","sources":["../../../src/build/DynamicContentEditor/FieldSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,iBAAiB,EAAkC,MAAM,OAAO,CAAC;AAEvF,OAAO,EAEL,aAAa,EAGb,cAAc,EAEf,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,yFAAyF,CAAC;AAEnH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,gDAAgD;IAChD,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,2BAA2B;IAC3B,eAAe,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,4BAA4B;IAC5B,gBAAgB,CAAC,EAAE,QAAQ,CAAC;CAC7B;AAED,QAAA,MAAM,aAAa,EAAE,iBAAiB,CACpC,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,aAAa,CAAC,CAiGxF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/build/DynamicContentEditor/FieldSelector.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useState, useCallback } from 'react';
+import { ComboBox, createStringMatcher, useI18n } from '@pega/cosmos-react-core';
+const FieldSelector = ({ itemList, label, mode = 'single-select', required = false, updateSelection, placeholder, defaultSelection }) => {
+    const t = useI18n();
+    const [filterValue, setFilterValue] = useState('');
+    const [items, setItems] = useState(() => {
+        return itemList.map(item => {
+            return {
+                id: item.id,
+                primary: item.text,
+                selected: defaultSelection ? defaultSelection.id === item.id : false
+            };
+        });
+    });
+    const filterRegex = createStringMatcher(filterValue, 'contains');
+    const itemsToRender = useMemo(() => {
+        return filterRegex ? items.filter(({ primary }) => filterRegex.test(primary)) : items;
+    }, [filterValue, items]);
+    const clearSelection = () => {
+        setItems(curr => {
+            return curr?.map(item => {
+                return {
+                    ...item,
+                    selected: false
+                };
+            });
+        });
+    };
+    const selectItem = useCallback((id) => {
+        setFilterValue('');
+        setItems(curr => curr?.map(item => {
+            if (item.id === id) {
+                return {
+                    ...item,
+                    selected: true
+                };
+            }
+            return { ...item, selected: false };
+        }));
+        const selectedItem = items?.find(item => item.id === id);
+        if (selectedItem?.id)
+            updateSelection({
+                id: selectedItem.id,
+                text: selectedItem.primary
+            }, label);
+    }, [filterValue, items]);
+    const selected = useMemo(() => {
+        return items?.find(item => item.selected);
+    }, [items]);
+    const comboBoxProps = {
+        label,
+        placeholder,
+        mode,
+        value: filterValue,
+        selected: selected
+            ? {
+                items: {
+                    id: selected.id,
+                    text: selected.primary
+                }
+            }
+            : undefined,
+        onChange: (e) => {
+            if (e.target.value)
+                clearSelection();
+            setFilterValue(e.target.value);
+        },
+        onBlur: () => setFilterValue(''),
+        menu: {
+            items: itemsToRender,
+            accent: filterRegex,
+            onItemClick: selectItem,
+            emptyText: t('no_items')
+        },
+        required
+    };
+    return _jsx(ComboBox, { ...comboBoxProps }, void 0);
+};
+export default FieldSelector;
+//# sourceMappingURL=FieldSelector.js.map