npm - @pega/cosmos-react-demos - Versions diffs - 3.0.0-dev.3.0 → 3.0.0-dev.30.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1484) hide show

package/jsx/social/Chat/Chat.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chat.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Button,\n Icon,\n registerIcon,\n Text,\n MenuButton,\n Flex,\n Popover,\n Link,\n Status,\n EmojiContext,\n BannerProps,\n createUID,\n useOuterEvent,\n TextArea,\n Select,\n Option,\n Menu,\n useElement,\n FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n Chat,\n ChatProps,\n ChatHeader,\n ChatBody,\n ChatComposer,\n ChatTranscript,\n Message,\n MessageList,\n MessageProps,\n MessageListItemProps,\n MessageListImperativeHandleProps,\n NewMessageSeparatorId,\n AttachmentItemProps,\n ChatComposerImperativeHandleProps,\n SuggestedReply,\n SuggestedReplyPicker,\n SystemMessage,\n TranscriptMessage,\n TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n title: 'Social/Chat',\n component: Chat\n} as Meta;\n\n/ ******************* ChatHeader component - START ********************* /\nexport const ChatHeaderDemo = () => {\n const actionsConfig = (\n <Flex>\n <Button variant='simple' aria-label='Show transcripts'>\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button variant='simple' icon aria-label='chat info'>\n <Icon name='information' />\n </Button>\n </Flex>\n );\n\n return (\n <ChatHeader\n title='Live Chat'\n icon='chat-solid'\n aria-label='Chat header'\n actions={actionsConfig}\n />\n );\n};\n/* *************************** ChatHeader component - END ***************** /\n\n/* ************************** MessageList component - START *********************** /\nexport const MessageListDemo = () => {\n const messages: any[] = ChatMockData.chatMessages;\n\n const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n return (\n <Flex container style={{ height: '80vh' }}>\n <MessageList\n tabIndex={0}\n messages={messages}\n unReadMessageCount={unReadMessageCount}\n onScrollToButtonClick={() => {\n setUnReadMessagesCount(0);\n }}\n />\n </Flex>\n );\n};\n/* ************************** MessageList component - END ************************** /\n\n/* *************************** Message component - START ******************** /\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n const attachments = [\n {\n id: '2499167340',\n name: 'Location',\n icon: 'document',\n meta: 'PNG 0.1 MB',\n thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n },\n {\n id: '2499167341',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-pdf',\n meta: 'PDF 0.7 MB'\n }\n ];\n const pagePushLinks = [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n thumbnail:\n 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n title: 'Ask the expert'\n }\n ];\n return (\n <>\n {/ Message with attachments /}\n <Message\n type='message'\n attachments={attachments}\n avatarInfo={{ name: 'John Brown' }}\n status='Opened'\n timeStamp='1:44 PM'\n message='Hi, Welcome to u-plus. How can I help you ?'\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/ Message with page push links /}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n pagePushLinks={pagePushLinks}\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/ Normal message with plain text /}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n variant={args.variant}\n direction={args.direction}\n />\n </>\n );\n};\n\nMessageDemo.args = {\n variant: 'receiver',\n direction: 'in'\n};\n\nMessageDemo.argTypes = {\n variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/* *************************** Message component - END ********************* /\n\n/* ************************** SystemMessage component - START *************** /\nexport const SystemMessageDemo = () => (\n <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/* *************************** SystemMessage component - END ****************** /\n\n/* *************************** TypeIndicator component - START **************** /\ninterface TypeIndicatorDemoProps {\n message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n message: { control: { type: 'text' } }\n};\n/* ************************* TypeIndicator component - END ********************* /\n\n/* ************************ ChatTranscripts component - START ******************* /\nexport const ChatTranscriptsDemo = () => {\n return ChatMockData.transcripts.map((transcript: any) => {\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcript.data}\n />\n );\n });\n};\n/* ************************** ChatTranscripts component - END ********************** /\n\n/* ************************* TranscriptMessage component - START **************** /\nexport const TranscriptMessageDemo = () => (\n <TranscriptMessage\n timeStamp='01:20 PM'\n variant='bot'\n message='Hello… This is bot. How can I help you? Please select your category.'\n />\n);\n/* ************************* TranscriptMessage component - END ****************** /\n\n/* ************************* SuggestedReplyPicker component - START **************** /\n\nexport const SuggestedReplyPickerDemo = () => {\n const suggestedReplies: SuggestedReply[] = [\n {\n id: createUID(),\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 95\n },\n {\n id: createUID(),\n message:\n 'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n confidence: 75\n }\n ];\n return (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={suggestedReply => {\n action(`Suggested reply picked ${suggestedReply.message}`)();\n }}\n onDismiss={action('Suggested reply dismissed')}\n />\n );\n};\n\n/* ************************* SuggestedReplyPicker component - END **************** /\n\n/* ***************************** ChatComposer component - START ********************** /\ninterface ChatComposerDemoProps {\n maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n <ChatComposer\n maxAttachments={args.maxAttachments}\n attachments={ChatMockData.defaultAttachments}\n maxLength={256}\n placeholder='Type here to send message'\n onSend={() => {}}\n >\n <MenuButton text='Phrases' menu={{ items: [] }} />\n <MenuButton text='Page Push' menu={{ items: [] }} />\n </ChatComposer>\n);\n\nChatComposerDemo.args = {\n maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n maxAttachments: { control: { type: 'number' } }\n};\n/* ********************************* ChatComposer component - END ******************** /\n\n/* ********************************* Standard Chat component - START ****************** /\ninterface StandardChatProps {\n maxAttachments?: number;\n chatWidth?: string;\n selectedChannel?: string;\n showChatBanner?: boolean;\n disableChat?: boolean;\n simulateConversation?: boolean;\n message?: string;\n placeholder?: string;\n defaultMessage?: string;\n maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n const ChatMockDataClone: any = useMemo(() => {\n return JSON.parse(JSON.stringify(ChatMockData));\n }, [ChatMockData]);\n\n const Channels: {\n label: string;\n options: any;\n } = {\n label: 'Channel',\n options: {\n LiveChat: {\n title: 'Live chat',\n icon: 'chat-solid'\n },\n Twitter: {\n title: 'Twitter chat',\n icon: 'twitter'\n },\n Facebook: {\n title: 'Facebook messenger',\n icon: 'facebook'\n }\n }\n };\n\n const {\n participants,\n chatMessages: mockChatMessagesJson,\n transcripts,\n defaultAttachments,\n suggestedReplies\n }: {\n participants: any;\n chatMessages: any[];\n transcripts: [];\n defaultAttachments: any[];\n suggestedReplies: SuggestedReply[];\n } = ChatMockDataClone;\n\n const conversationRatingMessage: MessageListItemProps = {\n id: createUID(),\n variant: 'receiver',\n direction: 'in',\n type: 'message',\n message: (\n <Flex\n container={{\n direction: 'column',\n gap: 1\n }}\n >\n <TextArea\n placeholder='Please comment…'\n label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n />\n <Select label='Is the problem resolved?'>\n <Option>Yes</Option>\n <Option>No</Option>\n </Select>\n <Flex\n container={{\n justify: 'center'\n }}\n >\n <Button variant='primary'>Submit</Button>\n </Flex>\n </Flex>\n )\n };\n\n const mockChatMessages = useMemo(() => {\n return [\n ...mockChatMessagesJson.map(message => {\n const { messagePrivacy, ...restMessageData } = message;\n if (messagePrivacy) {\n restMessageData.messageHeader = {\n content: <span>{messagePrivacy}</span>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return restMessageData;\n }),\n conversationRatingMessage\n ];\n }, []);\n\n const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n const timers = useRef<number[]>([]);\n\n useEffect(() => {\n return () => {\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n const [showTranscripts, setShowTranscripts] = useState(false);\n const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n const [chatMessages, setChatMessages] = useState<any[]>(\n args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n );\n\n const onDeleteAttachment = useCallback(\n (name: string) => {\n setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n },\n [setAttachments]\n );\n\n useEffect(() => {\n setAttachments(\n defaultAttachments.map((item: any) => {\n return {\n ...item,\n onDelete: onDeleteAttachment\n };\n })\n );\n }, [defaultAttachments]);\n\n const appendMessage = (message: any) => {\n const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n setChatMessages(prevChatMessages => {\n const newMockMessage: any = {\n ...message\n };\n newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n if (\n !incrementUnreadMessageCount &&\n prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n ) {\n return [\n ...prevChatMessages,\n {\n id: NewMessageSeparatorId,\n type: 'system',\n message: 'New messages',\n variant: 'primary'\n },\n newMockMessage\n ];\n }\n return [...prevChatMessages, newMockMessage];\n });\n if (!incrementUnreadMessageCount) {\n setUnreadMessagesCount(prevCount => prevCount + 1);\n }\n };\n\n useEffect(() => {\n if (args.simulateConversation) {\n const timeOutId = setTimeout(() => {\n if (mockChatMessages.length) {\n appendMessage(mockChatMessages.shift());\n }\n }, 1500);\n return () => {\n clearTimeout(timeOutId);\n };\n }\n }, [chatMessages, args.simulateConversation]);\n\n const [openPopover, setOpenPopover] = useState(false);\n const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n const additionalInfo: {\n title: string;\n options: any;\n } = {\n title: 'Additional info',\n options: {\n LiveChat: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ],\n Twitter: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Twitter handle',\n value: '@Connor'\n },\n {\n id: '3',\n name: 'Followers',\n value: '13,556'\n }\n ],\n Facebook: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ]\n }\n };\n useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n if (openPopover) setOpenPopover(false);\n });\n\n const header = (\n <ChatHeader\n title={Channels.options[args.selectedChannel \|\| 'LiveChat'].title}\n icon={Channels.options[args.selectedChannel \|\| 'LiveChat'].icon}\n aria-label='Chat header'\n actions={\n <Flex>\n <Button\n variant='simple'\n onClick={() => setShowTranscripts(!showTranscripts)}\n aria-label='Show transcripts'\n >\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button\n variant='simple'\n icon\n aria-label='chat info'\n ref={setButtonRef}\n onClick={() => setOpenPopover(current => !current)}\n >\n <Icon name='information' />\n </Button>\n <Popover\n show={openPopover}\n target={buttonRef}\n ref={setPopoverRef}\n arrow\n placement='bottom-end'\n >\n <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n <Text variant='h4'>{additionalInfo.title}</Text>\n <FieldValueList\n variant='inline'\n fields={additionalInfo.options[args.selectedChannel \|\| 'LiveChat']}\n />\n </Flex>\n </Popover>\n <MenuButton\n text='More actions'\n icon='more'\n iconOnly\n variant='simple'\n portal\n menu={{\n items: [\n { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n ]\n }}\n />\n </Flex>\n }\n />\n );\n\n const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n setShowTranscripts(false);\n });\n\n const utilityComp = useMemo<ChatProps['utility'] \| undefined>(() => {\n return showTranscripts ? (\n <div ref={transcriptsContainerRef}>\n {!showEarlierTranscripts && (\n <Flex\n container={{\n direction: 'column',\n alignItems: 'center',\n gap: 1\n }}\n >\n <Button\n icon\n aria-label='Show earlier transcripts'\n variant='secondary'\n onClick={() => {\n setShowEarlierTranscripts(!showEarlierTranscripts);\n }}\n >\n <Icon name='caret-up' />\n </Button>\n </Flex>\n )}\n {transcripts\n .sort((transcript: any) => transcript.earlierTranscripts)\n .filter((transcript: any) =>\n showEarlierTranscripts ? true : !transcript.earlierTranscripts\n )\n .map((transcript: any) => {\n const transcriptData: any = transcript.data.map(\n (message: {\n messagePrivacy: { privacy: string };\n transcriptHeader: { content: ReactElement; meta: JSX.Element };\n }) => {\n if (message.messagePrivacy) {\n message.transcriptHeader = {\n content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return message;\n }\n );\n\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcriptData}\n />\n );\n })}\n </div>\n ) : undefined;\n }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n const chatBanner: BannerProps = {\n id: 'warning',\n messages: ['This is a public interaction and any responses will be public and visible'],\n heading: 'Warning',\n variant: 'warning'\n };\n const body = (\n <ChatBody>\n <MessageList\n unReadMessageCount={unreadMessagesCount}\n onScrollToButtonClick={() => {\n const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n setChatMessages(prevChatMessages =>\n prevChatMessages.map(message => {\n if (message.id === NewMessageSeparatorId) {\n message.id = newRandomMessageId;\n }\n return message;\n })\n );\n const timeOutId: number = window.setTimeout(() => {\n setChatMessages(prevChatMessages =>\n prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n );\n timers.current = timers.current.filter(id => id !== timeOutId);\n }, 5000);\n timers.current.push(timeOutId);\n setUnreadMessagesCount(0);\n }}\n tabIndex={0}\n ref={conversationRef}\n messages={[\n ...chatMessages,\n {\n id: 'Pegasystems',\n type: 'typing',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc:\n 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: args.message,\n ariaLabel: 'Pegasystems is typing'\n }\n ]}\n />\n </ChatBody>\n );\n\n const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n const [mountPopover, setMountPopover] = useState(false);\n const specialKeysConfig = {\n keys: ['//'],\n onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n action(`Event is ${e}`)();\n action(`Typed special key is ${key}`)();\n if (chatComposerImperativeHandleRef.current) {\n setMountPopover(!mountPopover);\n }\n }\n };\n\n const insertPhrasesMessage = (message: string) => {\n if (chatComposerImperativeHandleRef.current) {\n chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n setMountPopover(false);\n }\n };\n\n useOuterEvent(\n 'mousedown',\n [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n () => {\n setMountPopover(false);\n }\n );\n\n const footer = (\n <ChatComposer\n ref={chatComposerImperativeHandleRef}\n maxAttachments={args.maxAttachments}\n attachments={attachments}\n specialKeysConfig={specialKeysConfig}\n showEmoji\n disabled={args.disableChat}\n onAddAttachment={() => {\n setAttachments([\n ...attachments,\n {\n id: `${attachments.length} statement.pdf`,\n name: `${attachments.length} statement.pdf`,\n onDelete: onDeleteAttachment\n }\n ]);\n }}\n maxLength={args.maxLength}\n placeholder={args.placeholder}\n defaultMessage={args.defaultMessage}\n onSend={message => {\n action(`onAppendMessage: ${message}`)();\n appendMessage({\n ...participants.sender,\n type: 'message',\n message,\n timeStamp: '1:45 PM'\n });\n }}\n >\n <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n <Popover\n show={mountPopover}\n target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n placement='top-start'\n >\n <Menu\n scrollAt={20}\n items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n primary: name,\n id: idx.toString(),\n onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n }))}\n />\n </Popover>\n </ChatComposer>\n );\n\n const suggestedReplyPicker =\n suggestedReplies.length > 0 && showSuggestedReplies ? (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={(suggestedReply: SuggestedReply) => {\n chatComposerImperativeHandleRef.current?.appendToMessage(\n suggestedReply.message,\n 'cursor'\n );\n setShowSuggestedReplies(false);\n }}\n onDismiss={() => {\n setShowSuggestedReplies(false);\n }}\n />\n ) : undefined;\n const fetchGoogleSprite = () => {\n return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n };\n\n return (\n <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n <Flex\n container={{\n justify: 'center'\n }}\n style={{\n height: 'calc(100vh)',\n width: args.chatWidth \|\| '30rem',\n margin: 'auto'\n }}\n >\n <Chat\n utility={utilityComp}\n header={header}\n banner={args.showChatBanner ? chatBanner : undefined}\n body={body}\n footer={footer}\n suggestedReplyPicker={suggestedReplyPicker}\n />\n </Flex>\n </EmojiContext.Provider>\n );\n};\n\nStandardChat.args = {\n maxAttachments: 2,\n selectedChannel: 'LiveChat',\n showChatBanner: true,\n disableChat: false,\n simulateConversation: false,\n message: '',\n placeholder: 'Enter message',\n defaultMessage:\n 'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n maxLength: 280\n};\n\nStandardChat.argTypes = {\n maxAttachments: { control: { type: 'number' } },\n selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n showChatBanner: { control: { type: 'boolean' } },\n disableChat: { control: { type: 'boolean' } },\n simulateConversation: { control: { type: 'boolean' } },\n message: { control: { type: 'text' } },\n placeholder: { control: { type: 'text' } },\n defaultMessage: { control: { type: 'text' } },\n maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n layout: 'fullscreen'\n};\n\n/* ************************* Standard Chat component - END ********************** */\n"]}
1	+ {"version":3,"file":"Chat.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Button,\n Icon,\n registerIcon,\n Text,\n MenuButton,\n Flex,\n Popover,\n Link,\n Status,\n EmojiContext,\n BannerProps,\n createUID,\n useOuterEvent,\n TextArea,\n Select,\n Option,\n Menu,\n useElement,\n FieldValueList,\n useModalManager,\n useModalContext,\n Modal,\n SummaryItem,\n useToaster\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n Chat,\n ChatProps,\n ChatHeader,\n ChatBody,\n ChatComposer,\n ChatTranscript,\n Message,\n MessageList,\n MessageProps,\n MessageListItemProps,\n MessageListImperativeHandleProps,\n NewMessageSeparatorId,\n AttachmentItemProps,\n ChatComposerImperativeHandleProps,\n SuggestedReply,\n SuggestedReplyPicker,\n SystemMessage,\n TranscriptMessage,\n TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n title: 'Social/Chat',\n component: Chat\n} as Meta;\n\n/ ******************* ChatHeader component - START ********************* /\nexport const ChatHeaderDemo: Story = () => {\n const actionsConfig = (\n <div>\n <Button variant='simple' aria-label='Show transcripts'>\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button variant='simple' icon aria-label='chat info'>\n <Icon name='information' />\n </Button>\n </div>\n );\n\n return (\n <ChatHeader\n title='Live chat'\n icon='chat'\n aria-label='Chat header'\n actions={actionsConfig}\n sentiment={{\n variant: 'positive'\n }}\n />\n );\n};\n/* *************************** ChatHeader component - END ***************** /\n\n/* ************************** MessageList component - START *********************** /\nexport const MessageListDemo: Story = () => {\n const messages: any[] = ChatMockData.chatMessages;\n\n const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n return (\n <Flex container style={{ height: '80vh' }}>\n <MessageList\n tabIndex={0}\n messages={messages}\n unReadMessageCount={unReadMessageCount}\n onScrollToButtonClick={() => {\n setUnReadMessagesCount(0);\n }}\n />\n </Flex>\n );\n};\n/* ************************** MessageList component - END ************************** /\n\n/* *************************** Message component - START ******************** /\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n const actions: AttachmentItemProps['actions'] = [\n {\n text: 'Associate with case',\n id: 'Associate with case',\n onClick: () => {\n action('Associate with case');\n }\n },\n {\n text: 'Download',\n id: 'Download',\n onClick: () => {\n action('Download');\n }\n }\n ];\n\n const attachments = [\n {\n id: '2499167340',\n name: 'Location',\n icon: 'document',\n meta: 'PNG 0.1 MB',\n thumbnail:\n 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg',\n actions\n },\n {\n id: '2499167341',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-pdf',\n meta: 'PDF 0.7 MB',\n actions\n }\n ];\n const pagePushLinks = [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n thumbnail:\n 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n title: 'Ask the expert'\n }\n ];\n return (\n <>\n {/ Message with attachments /}\n <Message\n type='message'\n attachments={attachments}\n avatarInfo={{ name: 'John Brown' }}\n timeStamp='1:44 PM'\n message='Hi, Welcome to u-plus. How can I help you ?'\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/ Message with page push links /}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n pagePushLinks={pagePushLinks}\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/ Normal message with plain text /}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n variant='sender'\n direction='out'\n status='undelivered'\n />\n </>\n );\n};\n\nMessageDemo.args = {\n variant: 'receiver',\n direction: 'in'\n};\n\nMessageDemo.argTypes = {\n variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/* *************************** Message component - END ********************* /\n\n/* ************************** SystemMessage component - START *************** /\nexport const SystemMessageDemo: Story = () => (\n <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/* *************************** SystemMessage component - END ****************** /\n\n/* *************************** TypeIndicator component - START **************** /\ninterface TypeIndicatorDemoProps {\n message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n message: { control: { type: 'text' } }\n};\n/* ************************* TypeIndicator component - END ********************* /\n\n/* ************************ ChatTranscripts component - START ******************* /\nexport const ChatTranscriptsDemo: Story = () => {\n return (\n <>\n {ChatMockData.transcripts.map((transcript: any) => {\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcript.data}\n />\n );\n })}\n </>\n );\n};\n/* ************************** ChatTranscripts component - END ********************** /\n\n/* ************************* TranscriptMessage component - START **************** /\nexport const TranscriptMessageDemo: Story = () => (\n <TranscriptMessage\n timeStamp='01:20 PM'\n variant='bot'\n message='Hello… This is bot. How can I help you? Please select your category.'\n />\n);\n/* ************************* TranscriptMessage component - END ****************** /\n\n/* ************************* SuggestedReplyPicker component - START **************** /\n\nexport const SuggestedReplyPickerDemo: Story = () => {\n const suggestedReplies: SuggestedReply[] = [\n {\n id: createUID(),\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 95\n },\n {\n id: createUID(),\n message:\n 'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n confidence: 75\n }\n ];\n return (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={suggestedReply => {\n action(`Suggested reply picked ${suggestedReply.message}`)();\n }}\n onDismiss={action('Suggested reply dismissed')}\n />\n );\n};\n\n/* ************************* SuggestedReplyPicker component - END **************** /\n\n/* ***************************** ChatComposer component - START ********************** /\ninterface ChatComposerDemoProps {\n maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n <ChatComposer\n maxAttachments={args.maxAttachments}\n attachments={ChatMockData.defaultAttachments}\n maxLength={256}\n placeholder='Type here to send message'\n onSend={() => {}}\n >\n <MenuButton text='Phrases' menu={{ items: [] }} />\n <MenuButton text='Page Push' menu={{ items: [] }} />\n </ChatComposer>\n);\n\nChatComposerDemo.args = {\n maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n maxAttachments: { control: { type: 'number' } }\n};\n/* ********************************* ChatComposer component - END ******************** /\n\n/* ********************************* Standard Chat component - START ****************** /\ninterface StandardChatProps {\n maxAttachments?: number;\n chatWidth?: string;\n selectedChannel?: string;\n showChatBanner?: boolean;\n disableChat?: boolean;\n simulateConversation?: boolean;\n message?: string;\n placeholder?: string;\n defaultMessage?: string;\n maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n const ChatMockDataClone: any = useMemo(() => {\n return JSON.parse(JSON.stringify(ChatMockData));\n }, [ChatMockData]);\n\n const Channels: {\n label: string;\n options: any;\n } = {\n label: 'Channel',\n options: {\n LiveChat: {\n title: 'Live chat',\n icon: 'chat'\n },\n Twitter: {\n title: 'Twitter chat',\n icon: 'twitter'\n },\n Facebook: {\n title: 'Facebook messenger',\n icon: 'facebook'\n }\n }\n };\n\n const {\n participants,\n chatMessages: mockChatMessagesJson,\n transcripts,\n defaultAttachments,\n suggestedReplies\n }: {\n participants: any;\n chatMessages: any[];\n transcripts: [];\n defaultAttachments: any[];\n suggestedReplies: SuggestedReply[];\n } = ChatMockDataClone;\n\n const conversationRatingMessage: MessageListItemProps = {\n id: createUID(),\n variant: 'receiver',\n direction: 'in',\n type: 'message',\n message: (\n <Flex\n container={{\n direction: 'column',\n gap: 1\n }}\n >\n <TextArea\n placeholder='Please comment…'\n label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n />\n <Select label='Is the problem resolved?'>\n <Option>Yes</Option>\n <Option>No</Option>\n </Select>\n <Flex\n container={{\n justify: 'center'\n }}\n >\n <Button variant='primary'>Submit</Button>\n </Flex>\n </Flex>\n )\n };\n\n const { create } = useModalManager();\n\n const MyModal = () => {\n const { dismiss } = useModalContext();\n const { push } = useToaster();\n\n return (\n <Modal\n heading='Associate with case'\n actions={\n <>\n <Button\n onClick={() => {\n dismiss();\n push({ content: 'Cancelled' });\n }}\n >\n Cancel\n </Button>\n <Button\n variant='primary'\n onClick={() => {\n dismiss();\n push({ content: 'Successfully Submitted!!' });\n }}\n >\n Submit\n </Button>\n </>\n }\n center\n >\n <Flex container={{ gap: 2, direction: 'column' }}>\n <SummaryItem\n primary={<Text variant='secondary'>Security policy</Text>}\n secondary={<Text variant='secondary'>PNG - 6.1MB</Text>}\n visual={<Icon name='document-doc' />}\n />\n <Select label='Select a service case' style={{ width: '15rem' }}>\n <Option value=''>Select…</Option>\n <Option value='Make payment' selected>\n Make payment\n </Option>\n <Option value='Facilities'>Facilities</Option>\n </Select>\n </Flex>\n </Modal>\n );\n };\n\n const onAssociateWithCase = () => {\n create(MyModal);\n };\n\n const actions: AttachmentItemProps['actions'] = [\n {\n text: 'Associate with case',\n id: 'Associate with case',\n onClick: () => {\n action('Associate with case');\n onAssociateWithCase();\n }\n },\n {\n text: 'Download',\n id: 'Download',\n onClick: () => {\n action('Download');\n }\n }\n ];\n\n const mockChatMessages = useMemo(() => {\n return [\n ...mockChatMessagesJson.map(message => {\n const { messagePrivacy, ...restMessageData } = message;\n if (messagePrivacy) {\n restMessageData.messageHeader = {\n content: <span>{messagePrivacy}</span>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n if (restMessageData.attachments) {\n restMessageData.attachments = restMessageData.attachments.map(\n (item: AttachmentItemProps) => {\n return {\n ...item,\n actions\n };\n }\n );\n }\n return restMessageData;\n }),\n conversationRatingMessage\n ];\n }, []);\n\n const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n const timers = useRef<number[]>([]);\n\n useEffect(() => {\n return () => {\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n const [showTranscripts, setShowTranscripts] = useState(false);\n const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n const [chatMessages, setChatMessages] = useState<any[]>(\n args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n );\n\n const onDeleteAttachment = useCallback(\n (name: string) => {\n setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n },\n [setAttachments]\n );\n\n useEffect(() => {\n setAttachments(\n defaultAttachments.map((item: any) => {\n return {\n ...item,\n onDelete: onDeleteAttachment\n };\n })\n );\n }, [defaultAttachments]);\n\n const appendMessage = (message: any) => {\n const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n setChatMessages(prevChatMessages => {\n const newMockMessage: any = {\n ...message\n };\n newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n if (\n !incrementUnreadMessageCount &&\n prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n ) {\n return [\n ...prevChatMessages,\n {\n id: NewMessageSeparatorId,\n type: 'system',\n message: 'New messages',\n variant: 'primary'\n },\n newMockMessage\n ];\n }\n return [...prevChatMessages, newMockMessage];\n });\n if (!incrementUnreadMessageCount) {\n setUnreadMessagesCount(prevCount => prevCount + 1);\n }\n };\n\n useEffect(() => {\n if (args.simulateConversation) {\n const timeOutId = setTimeout(() => {\n if (mockChatMessages.length) {\n appendMessage(mockChatMessages.shift());\n }\n }, 1500);\n return () => {\n clearTimeout(timeOutId);\n };\n }\n }, [chatMessages, args.simulateConversation]);\n\n const [openPopover, setOpenPopover] = useState(false);\n const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n const additionalInfo: {\n title: string;\n options: any;\n } = {\n title: 'Additional info',\n options: {\n LiveChat: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ],\n Twitter: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Twitter handle',\n value: '@Connor'\n },\n {\n id: '3',\n name: 'Followers',\n value: '13,556'\n }\n ],\n Facebook: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ]\n }\n };\n useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n if (openPopover) setOpenPopover(false);\n });\n\n const header = (\n <ChatHeader\n title={Channels.options[args.selectedChannel \|\| 'LiveChat'].title}\n icon={Channels.options[args.selectedChannel \|\| 'LiveChat'].icon}\n aria-label='Chat header'\n sentiment={{\n variant: 'positive'\n }}\n actions={\n <div>\n <Button\n variant='simple'\n onClick={() => setShowTranscripts(!showTranscripts)}\n aria-label='Show transcripts'\n >\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button\n variant='simple'\n icon\n aria-label='chat info'\n ref={setButtonRef}\n onClick={() => setOpenPopover(current => !current)}\n >\n <Icon name='information' />\n </Button>\n <Popover\n show={openPopover}\n target={buttonRef}\n ref={setPopoverRef}\n arrow\n placement='bottom-end'\n >\n <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n <Text variant='h4'>{additionalInfo.title}</Text>\n <FieldValueList\n variant='inline'\n fields={additionalInfo.options[args.selectedChannel \|\| 'LiveChat']}\n />\n </Flex>\n </Popover>\n <MenuButton\n text='More actions'\n icon='more'\n iconOnly\n variant='simple'\n portal\n menu={{\n items: [\n { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n ]\n }}\n />\n </div>\n }\n />\n );\n\n const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n setShowTranscripts(false);\n });\n\n const utilityComp = useMemo<ChatProps['utility'] \| undefined>(() => {\n return showTranscripts ? (\n <div ref={transcriptsContainerRef}>\n {!showEarlierTranscripts && (\n <Flex\n container={{\n direction: 'column',\n alignItems: 'center',\n gap: 1\n }}\n >\n <Button\n icon\n aria-label='Show earlier transcripts'\n variant='secondary'\n onClick={() => {\n setShowEarlierTranscripts(!showEarlierTranscripts);\n }}\n >\n <Icon name='caret-up' />\n </Button>\n </Flex>\n )}\n {transcripts\n .sort((transcript: any) => transcript.earlierTranscripts)\n .filter((transcript: any) =>\n showEarlierTranscripts ? true : !transcript.earlierTranscripts\n )\n .map((transcript: any) => {\n const transcriptData: any = transcript.data.map(\n (message: {\n messagePrivacy: { privacy: string };\n transcriptHeader: { content: ReactElement; meta: JSX.Element };\n }) => {\n if (message.messagePrivacy) {\n message.transcriptHeader = {\n content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return message;\n }\n );\n\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcriptData}\n />\n );\n })}\n </div>\n ) : undefined;\n }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n const chatBanner: BannerProps = {\n id: 'warning',\n messages: ['This is a public interaction and any responses will be public and visible'],\n heading: 'Warning',\n variant: 'warning'\n };\n const body = (\n <ChatBody>\n <MessageList\n unReadMessageCount={unreadMessagesCount}\n onScrollToButtonClick={() => {\n const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n setChatMessages(prevChatMessages =>\n prevChatMessages.map(message => {\n if (message.id === NewMessageSeparatorId) {\n message.id = newRandomMessageId;\n }\n return message;\n })\n );\n const timeOutId: number = window.setTimeout(() => {\n setChatMessages(prevChatMessages =>\n prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n );\n timers.current = timers.current.filter(id => id !== timeOutId);\n }, 5000);\n timers.current.push(timeOutId);\n setUnreadMessagesCount(0);\n }}\n tabIndex={0}\n ref={conversationRef}\n messages={[\n ...chatMessages,\n {\n id: 'Pegasystems',\n type: 'typing',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc:\n 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: args.message,\n ariaLabel: 'Pegasystems is typing'\n }\n ]}\n />\n </ChatBody>\n );\n\n const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n const [mountPopover, setMountPopover] = useState(false);\n const specialKeysConfig = {\n keys: ['//'],\n onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n action(`Event is ${e}`)();\n action(`Typed special key is ${key}`)();\n if (chatComposerImperativeHandleRef.current) {\n setMountPopover(!mountPopover);\n }\n }\n };\n\n const insertPhrasesMessage = (message: string) => {\n if (chatComposerImperativeHandleRef.current) {\n chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n setMountPopover(false);\n }\n };\n\n useOuterEvent(\n 'mousedown',\n [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n () => {\n setMountPopover(false);\n }\n );\n\n const footer = (\n <ChatComposer\n ref={chatComposerImperativeHandleRef}\n maxAttachments={args.maxAttachments}\n attachments={attachments}\n specialKeysConfig={specialKeysConfig}\n showEmoji\n disabled={args.disableChat}\n onAddAttachment={() => {\n setAttachments([\n ...attachments,\n {\n id: `${attachments.length} statement.pdf`,\n name: `${attachments.length} statement.pdf`,\n onDelete: onDeleteAttachment\n }\n ]);\n }}\n maxLength={args.maxLength}\n placeholder={args.placeholder}\n defaultMessage={args.defaultMessage}\n onSend={message => {\n action(`onAppendMessage: ${message}`)();\n appendMessage({\n ...participants.sender,\n type: 'message',\n message,\n timeStamp: '1:45 PM'\n });\n }}\n >\n <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n <Popover\n show={mountPopover}\n target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n placement='top-start'\n >\n <Menu\n scrollAt={20}\n items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n primary: name,\n id: idx.toString(),\n onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n }))}\n />\n </Popover>\n </ChatComposer>\n );\n\n const suggestedReplyPicker =\n suggestedReplies.length > 0 && showSuggestedReplies ? (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={(suggestedReply: SuggestedReply) => {\n chatComposerImperativeHandleRef.current?.appendToMessage(\n suggestedReply.message,\n 'cursor'\n );\n setShowSuggestedReplies(false);\n }}\n onDismiss={() => {\n setShowSuggestedReplies(false);\n }}\n />\n ) : undefined;\n const fetchGoogleSprite = () => {\n return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n };\n\n return (\n <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n <Flex\n container={{\n justify: 'center'\n }}\n style={{\n height: 'calc(100vh)',\n width: args.chatWidth \|\| '30rem',\n margin: 'auto'\n }}\n >\n <Chat\n utility={utilityComp}\n header={header}\n banner={args.showChatBanner ? chatBanner : undefined}\n body={body}\n footer={footer}\n suggestedReplyPicker={suggestedReplyPicker}\n />\n </Flex>\n </EmojiContext.Provider>\n );\n};\n\nStandardChat.args = {\n maxAttachments: 2,\n selectedChannel: 'LiveChat',\n showChatBanner: true,\n disableChat: false,\n simulateConversation: false,\n message: '',\n placeholder: 'Enter message',\n defaultMessage:\n 'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n maxLength: 280\n};\n\nStandardChat.argTypes = {\n maxAttachments: { control: { type: 'number' } },\n selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n showChatBanner: { control: { type: 'boolean' } },\n disableChat: { control: { type: 'boolean' } },\n simulateConversation: { control: { type: 'boolean' } },\n message: { control: { type: 'text' } },\n placeholder: { control: { type: 'text' } },\n defaultMessage: { control: { type: 'text' } },\n maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n layout: 'fullscreen'\n};\n\n/* ************************* Standard Chat component - END ********************** */\n"]}

package/jsx/social/Chat/RepeatingView.mocks.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import { RepeatingViewRow } from '@pega/cosmos-react-social';
+export interface Contact extends RepeatingViewRow {
+    name: {
+        title: string;
+        first: string;
+        last: string;
+    };
+    phone: string;
+    picture: {
+        thumbnail: string;
+    };
+}
+export declare const FetchContactsAPI: (results: number, abortController: AbortController) => Promise<Contact[]>;
+//# sourceMappingURL=RepeatingView.mocks.d.ts.map

package/jsx/social/Chat/RepeatingView.mocks.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RepeatingView.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,MAAM,WAAW,OAAQ,SAAQ,gBAAgB;IAC/C,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE;QAAE,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,CAC7B,OAAO,EAAE,MAAM,EACf,eAAe,EAAE,eAAe,KAC7B,OAAO,CAAC,OAAO,EAAE,CAWrB,CAAC"}

package/jsx/social/Chat/RepeatingView.mocks.js ADDED Viewed

@@ -0,0 +1,11 @@
+export const FetchContactsAPI = (results, abortController) => {
+    return fetch(`https://randomuser.me/api?results=${results}`, {
+        signal: abortController.signal
+    })
+        .then(res => res.json())
+        .then((data) => [...data.results].map(item => ({
+        ...item,
+        id: Math.floor(Math.random() * Math.floor(500000)).toString()
+    })));
+};
+//# sourceMappingURL=RepeatingView.mocks.js.map

package/jsx/social/Chat/RepeatingView.mocks.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RepeatingView.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.mocks.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,gBAAgB,GAGH,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE;IACrD,OAAO,KAAK,CAAC,qCAAqC,OAAO,EAAE,EAAE;QAC3D,MAAM,EAAE,eAAe,CAAC,MAAM;KAC/B,CAAC;SACC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACvB,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAClB,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,GAAG,IAAI;QACP,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE;KAC9D,CAAC,CAAC,CACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { RepeatingViewRow } from '@pega/cosmos-react-social';\n\nexport interface Contact extends RepeatingViewRow {\n name: { title: string; first: string; last: string };\n phone: string;\n picture: { thumbnail: string };\n}\n\nexport const FetchContactsAPI: (\n results: number,\n abortController: AbortController\n) => Promise<Contact[]> = (results, abortController) => {\n return fetch(`https://randomuser.me/api?results=${results}`, {\n signal: abortController.signal\n })\n .then(res => res.json())\n .then((data: any) =>\n [...data.results].map(item => ({\n ...item,\n id: Math.floor(Math.random() * Math.floor(500000)).toString()\n }))\n );\n};\n"]}

package/jsx/social/Chat/RepeatingView.stories.d.ts CHANGED Viewed

@@ -1,20 +1,9 @@
-/// <reference types="react" />
-import { RepeatingViewRow, RepeatingViewProps } from '@pega/cosmos-react-social';
-declare const _default: {
-    title: string;
-    component: import("react").FunctionComponent<RepeatingViewProps & import("@pega/cosmos-react-core").ForwardProps>;
-};
+import { Meta, Story } from '@storybook/react';
+import { RepeatingViewProps } from '@pega/cosmos-react-social';
+declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
-export interface Contact extends RepeatingViewRow {
-    name: {
-        title: string;
-        first: string;
-        last: string;
-    };
-    phone: string;
-    picture: {
-        thumbnail: string;
-    };
+interface RepeatingViewStoryProps {
+    scrollDirection: RepeatingViewProps['scrollDirection'];
 }
-export declare const RepeatingViewSample: () => JSX.Element;
+export declare const RepeatingViewSample: Story<RepeatingViewStoryProps>;
 //# sourceMappingURL=RepeatingView.stories.d.ts.map

package/jsx/social/Chat/RepeatingView.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RepeatingView.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"~~;AAKA~~,OAAO,~~EAIL~~,~~gBAAgB~~,~~EAChB~~,~~kBAAkB~~,~~EACnB~~,MAAM,~~2BAA2B~~,CAAC~~;;;;;AAEnC,wBAGE~~;~~AAEF,MAAM,WAAW,OAAQ,SAAQ,gBAAgB;IAC~~/C,~~IAAI~~,~~EAAE;QAAE~~,~~KAAK~~,EAAE,MAAM,CAAC;~~QAAC~~,~~KAAK~~,~~EAAE,MAAM,CAAC~~;~~QAAC~~,~~IAAI~~,EAAE,~~MAAM~~,~~CAAA;KAAE,~~CAAC~~;IACrD~~,~~KAAK~~,~~EAAE~~,~~MAAM,~~CAAC;~~IACd~~,~~OAAO~~,~~EAAE;QAAE~~,~~SAAS~~,EAAE,~~MAAM~~,~~CAAA;KAAE,~~CAAC~~;CAChC;AA6CD~~,~~eAAO~~,~~MAAM~~,~~mBAAmB,mBAmF/B,~~CAAC"}
1	+ {"version":3,"file":"RepeatingView.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;;AAK9E,wBAGU;AAEV,UAAU,uBAAuB;IAC/B,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,uBAAuB,CAgF9D,CAAC"}

package/jsx/social/Chat/RepeatingView.stories.jsx CHANGED Viewed

@@ -1,57 +1,21 @@
 import { useCallback, useState, useEffect, useMemo } from 'react';
-import styled, { css } from 'styled-components';
-import { radios } from '@storybook/addon-knobs';
-import { Avatar, SummaryItem, defaultThemeProp } from '@pega/cosmos-react-core';
-import { RepeatingView, StyledRepeatingViewItem, StyledRepeatingView } from '@pega/cosmos-react-social';
+import { Avatar, SummaryItem } from '@pega/cosmos-react-core';
+import { RepeatingView } from '@pega/cosmos-react-social';
+import { StyledContactsBook } from './RepeatingView.styles';
+import { FetchContactsAPI } from './RepeatingView.mocks';
 export default {
     title: 'Social/Chat/RepeatingView',
     component: RepeatingView
 };
-const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {
-    const bdrColor = theme.base.palette['border-line'];
-    return css `
-    width: 25rem;
-    position: absolute;
-    top: 0;
-    left: 50%;
-    transform: translate(-50%, 0%);
-    z-index: 1;
-    border: 0.0625rem solid ${bdrColor};
-    background-color: ${theme.base.palette['primary-background']};
-    ${StyledRepeatingViewItem} {
-      border-bottom: 0.0625rem solid ${bdrColor};
-      padding: calc(0.5 * ${theme.base.spacing});
-    }
-  `;
-});
-StyledContactsBook.defaultProps = defaultThemeProp;
-const INITIAL_CHUNK_SIZE = 50;
-const APPEND_CHUNK_SIZE = 25;
-const FETCH_AHEAD_OFFSET = 10;
-const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);
-function id() {
-    return Math.floor(Math.random() * Math.floor(500000)).toString();
-}
-const FetchContactsAPI = (results, abortController) => {
-    return fetch(`https://randomuser.me/api?results=${results}`, {
-        signal: abortController.signal
-    })
-        .then(res => res.json())
-        .then((data) => [...data.results].map(item => ({
-        ...item,
-        id: id()
-    })));
-};
-export const RepeatingViewSample = () => {
+export const RepeatingViewSample = (args) => {
+    const INITIAL_CHUNK_SIZE = 50;
+    const APPEND_CHUNK_SIZE = 25;
+    const FETCH_AHEAD_OFFSET = 10;
+    const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);
     const [rows, setRows] = useState({
         data: [],
         isLoading: true
     });
-    const scrollDirectionOptions = {
-        'Top to bottom': 'top-to-bottom',
-        'Bottom to top': 'bottom-to-top'
-    };
-    const scrollDirection = radios('Scroll direction', scrollDirectionOptions, scrollDirectionOptions[Object.keys(scrollDirectionOptions)[0]]);
     const abortController = useMemo(() => {
         return new AbortController();
     }, []);
@@ -80,11 +44,17 @@ export const RepeatingViewSample = () => {
             });
         }
     }, [rows, setRows]);
-    return (<RepeatingView as={StyledContactsBook} loading={rows.isLoading} rows={rows.data} style={{ height: '40rem', maxHeight: '100vh' }} loadMore={loadMore} offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET} scrollDirection={scrollDirection}>
+    return (<RepeatingView as={StyledContactsBook} loading={rows.isLoading} rows={rows.data} style={{ height: '40rem', maxHeight: '100vh' }} loadMore={loadMore} offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET} scrollDirection={args.scrollDirection}>
       {row => {
             const { name: { title, first, last }, phone, picture: { thumbnail } } = row;
             return (<SummaryItem primary={[title, first, last].join(' ')} visual={<Avatar imageSrc={thumbnail} name={[title, first, last].join(' ')} shape='circle' size='l'/>} secondary={phone}/>);
         }}
     </RepeatingView>);
 };
+RepeatingViewSample.args = {
+    scrollDirection: 'top-to-bottom'
+};
+RepeatingViewSample.argTypes = {
+    scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }
+};
 //# sourceMappingURL=RepeatingView.stories.jsx.map

package/jsx/social/Chat/RepeatingView.stories.jsx.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RepeatingView.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;~~AAClE~~,OAAO,MAAM,EAAE,~~EAAE~~,~~GAAG,~~EAAE,MAAM,~~mBAAmB~~,CAAC;~~AAChD~~,OAAO,EAAE,~~MAAM~~,~~EAAE~~,MAAM,~~wBAAwB~~,CAAC;~~AAEhD~~,OAAO,EAAE,~~MAAM~~,EAAE,~~WAAW,EAAE,gBAAgB,EAAE,~~MAAM,~~yBAAyB~~,CAAC;~~AAChF~~,OAAO,~~EACL~~,~~aAAa~~,~~EACb~~,~~uBAAuB,EACvB,mBAAmB,EAGpB,~~MAAM,~~2BAA2B~~,CAAC;~~AAEnC~~,eAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,aAAa;~~CACzB~~,CAAC;~~AAQF~~,MAAM,~~kBAAkB~~,~~GAAG,~~MAAM,~~CAAC,~~mBAAmB,~~CAAC~~,~~CAAC~~,~~CAAC~~,~~EAAE~~,~~KAAK,~~EAAE~~,EAAE,EAAE~~;~~IACnE~~,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,GAAG,CAAA;;;;;;;8BAOkB,QAAQ;wBACd,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;MAC1D,uBAAuB;uCACU,QAAQ;4BACnB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,~~CAAC,YAAY,~~GAAG,~~gBAAgB,CAAC;AAEnD,MAAM,kBAAkB,GAAG,~~EAAE,CAAC;~~AAC9B~~,MAAM,iBAAiB,GAAG,EAAE,CAAC;~~AAC7B~~,MAAM,kBAAkB,GAAG,EAAE,CAAC;~~AAC9B~~,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;~~AAExD~~,~~SAAS,EAAE;IACT,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,~~MAAM,~~EAAE,GAAG,IAAI,~~CAAC,~~KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AACnE,CAAC;AAED,MAAM,gBAAgB,GACpB,CAAC,OAAO,EAAE,eAAe,EAAE,EAAE;IAC3B,OAAO,KAAK,CAAC,qCAAqC,OAAO,EAAE,EAAE;QAC3D,MAAM,EAAE,eAAe,CAAC,MAAM;KAC/B,CAAC;SACC,~~IAAI,~~CAAC,GAAG,CAAC,~~EAAE,~~CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACvB,IAAI,CAAC,CAAC,IAAS,EAAE,EAAE,CAClB,CAAC,GAAG,IAAI,CAAC,~~OAAO,CAAC,~~CAAC,~~GAAG,~~CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC7B,GAAG,IAAI;QACP,EAAE,EAAE,EAAE,EAAE;KACT,CAAC,CAAC,CACJ,CAAC;AACN,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,~~QAAQ,CAG7B;QACD,IAAI,EAAE,EAAE;QACR,SAAS,EAAE,IAAI;KAChB,CAAC,CAAC;IAEH,MAAM,~~sBAAsB,GAA0D;QACpF,~~eAAe,~~EAAE,eAAe;QAChC,eAAe,EAAE,eAAe;KACjC,CAAC;IACF,MAAM,eAAe,~~GAAG,~~MAAM,CAC5B,kBAAkB,EAClB,sBAAsB,EACtB,sBAAsB,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAC/D,CAAC;IAEF,MAAM,eAAe,GAAG,~~OAAO,CAAC,GAAG,EAAE;QACnC,OAAO,IAAI,eAAe,EAAE,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,kBAAkB,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,OAAkB,EAAE,EAAE;YAChF,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACnB,SAAS,EAAE,KAAK;gBAChB,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;aACrC,CAAC,CAAC,CAAC;QACN,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,KAAK,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACnB,GAAG,QAAQ;gBACX,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC,CAAC;YACJ,gBAAgB,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,OAAkB,EAAE,EAAE;gBAC/E,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oBACnB,SAAS,EAAE,KAAK;oBAChB,IAAI,EAAE,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,GAAG,OAAO,CAAC;iBACrC,CAAC,CAAC,CAAC;YACN,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,CAAC,aAAa,CACZ,EAAE,CAAC,CAAC,kBAAkB,CAAC,CACvB,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CACxB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,KAAK,CAAC,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAC/C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,kBAAkB,CAAC,CACxF,eAAe,CAAC,CAAC,eAAe,CAAC,~~CAEjC~~;MAAA,CAAC,GAAG,CAAC,EAAE;YACL,MAAM,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAC5B,KAAK,EACL,OAAO,EAAE,EAAE,SAAS,EAAE,EACvB,GAAG,GAAc,CAAC;YACnB,OAAO,CACL,CAAC,WAAW,CACV,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CACxC,MAAM,CAAC,CACL,CAAC,MAAM,CACL,QAAQ,CAAC,CAAC,SAAS,CAAC,CACpB,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CACrC,KAAK,CAAC,QAAQ,CACd,IAAI,CAAC,GAAG,EACR,CACH,CACD,SAAS,CAAC,CAAC,KAAK,CAAC,EACjB,CACH,CAAC;QACJ,CAAC,CACH;IAAA,EAAE,aAAa,CAAC,CACjB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport ~~styled,~~ { ~~css~~ } ~~from 'styled-components';\nimport { radios~~ } from '@storybook/~~addon-knobs~~';\n\nimport { Avatar, SummaryItem, ~~defaultThemeProp~~ } from '@pega/cosmos-react-core';\nimport {\n RepeatingView~~,\n StyledRepeatingViewItem,\n StyledRepeatingView,\n RepeatingViewRow,\n~~ RepeatingViewProps\n} from '@pega/cosmos-react-social';\n\nexport default {\n title: 'Social/Chat/RepeatingView',\n component: RepeatingView\n}~~;\n\nexport~~ ~~interface~~ ~~Contact extends RepeatingViewRow {\n name: { title: string; first: string; last: string }~~;\n ~~phone: string;\n picture: { thumbnail: string };\n}~~\~~n\nconst~~ ~~StyledContactsBook~~ ~~= styled(StyledRepeatingView)((~~{ ~~theme }) => {~~\n ~~const~~ ~~bdrColor = theme.base.palette~~['~~border-line~~'];\n ~~return css`\~~n ~~width:~~ ~~25rem;\n position:~~ ~~absolute;\n top~~: ~~0;\n left:~~ ~~50%;\n transform:~~ ~~translate~~(~~-50%, 0%);\~~n ~~z-index~~: ~~1;\n border: 0.0625rem solid ${bdrColor};\n background-color: ${theme.base.palette['primary-background']};\n ${StyledRepeatingViewItem} {~~\n ~~border-bottom:~~ ~~0.0625rem~~ ~~solid $~~{~~bdrColor};\n padding: calc(0.5 * ${theme.base.spacing});\n }~~\n ~~`;\n});\n\nStyledContactsBook.defaultProps~~ ~~= defaultThemeProp;\n\nconst~~ INITIAL_CHUNK_SIZE = 50;\~~nconst~~ APPEND_CHUNK_SIZE = 25;\~~nconst~~ FETCH_AHEAD_OFFSET = 10;\~~nconst~~ TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\~~nfunction id() {\~~n return Math.floor(Math.random() * Math.floor(500000)).toString();\n}\n\nconst FetchContactsAPI: (results: number, abortController: AbortController) => Promise<Contact[]> =\n (results, abortController) => {\n return fetch(`https://randomuser.me/api?results=${results}`, {\n signal: abortController.signal\n })\n .then(res => res.json())\n .then((data: any) =>\n [...data.results].map(item => ({\n ...item,\n id: id()\n }))\n );\n };\n\nexport const ~~RepeatingViewSample = () => {\n const~~ [rows, setRows] = useState<{\n data: Contact[];\n isLoading: boolean;\n }>({\n data: [],\n isLoading: true\n });\n\n const scrollDirectionOptions: Record<string, RepeatingViewProps['scrollDirection']> = {\n 'Top to bottom': 'top-to-bottom',\n 'Bottom to top': 'bottom-to-top'\n };\n const scrollDirection = radios(\n 'Scroll direction',\n scrollDirectionOptions,\n scrollDirectionOptions[Object.keys(scrollDirectionOptions)[0]]\n );\n\n const abortController = useMemo(() => {\n return new AbortController();\n }, []);\n\n useEffect(() => {\n FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n setRows(prevRows => ({\n isLoading: false,\n data: [...prevRows.data, ...newRows]\n }));\n });\n return () => {\n abortController.abort();\n };\n }, []);\n\n const loadMore = useCallback(() => {\n if (!rows.isLoading) {\n setRows(prevRows => ({\n ...prevRows,\n isLoading: true\n }));\n FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n setRows(prevRows => ({\n isLoading: false,\n data: [...prevRows.data, ...newRows]\n }));\n });\n }\n }, [rows, setRows]);\n\n return (\n <RepeatingView\n as={StyledContactsBook}\n loading={rows.isLoading}\n rows={rows.data}\n style={{ height: '40rem', maxHeight: '100vh' }}\n loadMore={loadMore}\n offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n scrollDirection={scrollDirection}\n >\n {row => {\n const {\n name: { title, first, last },\n phone,\n picture: { thumbnail }\n } = row as Contact;\n return (\n <SummaryItem\n primary={[title, first, last].join(' ')}\n visual={\n <Avatar\n imageSrc={thumbnail}\n name={[title, first, last].join(' ')}\n shape='circle'\n size='l'\n />\n }\n secondary={phone}\n />\n );\n }}\n </RepeatingView>\n );\n};\n"]}
1	+ {"version":3,"file":"RepeatingView.stories.jsx","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Avatar, SummaryItem } from '@pega/cosmos-react-core';\nimport { RepeatingView, RepeatingViewProps } from '@pega/cosmos-react-social';\n\nimport { StyledContactsBook } from './RepeatingView.styles';\nimport { Contact, FetchContactsAPI } from './RepeatingView.mocks';\n\nexport default {\n title: 'Social/Chat/RepeatingView',\n component: RepeatingView\n} as Meta;\n\ninterface RepeatingViewStoryProps {\n scrollDirection: RepeatingViewProps['scrollDirection'];\n}\n\nexport const RepeatingViewSample: Story<RepeatingViewStoryProps> = (\n args: RepeatingViewStoryProps\n) => {\n const INITIAL_CHUNK_SIZE = 50;\n const APPEND_CHUNK_SIZE = 25;\n const FETCH_AHEAD_OFFSET = 10;\n const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\n const [rows, setRows] = useState<{\n data: Contact[];\n isLoading: boolean;\n }>({\n data: [],\n isLoading: true\n });\n\n const abortController = useMemo(() => {\n return new AbortController();\n }, []);\n\n useEffect(() => {\n FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n setRows(prevRows => ({\n isLoading: false,\n data: [...prevRows.data, ...newRows]\n }));\n });\n return () => {\n abortController.abort();\n };\n }, []);\n\n const loadMore = useCallback(() => {\n if (!rows.isLoading) {\n setRows(prevRows => ({\n ...prevRows,\n isLoading: true\n }));\n FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n setRows(prevRows => ({\n isLoading: false,\n data: [...prevRows.data, ...newRows]\n }));\n });\n }\n }, [rows, setRows]);\n\n return (\n <RepeatingView\n as={StyledContactsBook}\n loading={rows.isLoading}\n rows={rows.data}\n style={{ height: '40rem', maxHeight: '100vh' }}\n loadMore={loadMore}\n offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n scrollDirection={args.scrollDirection}\n >\n {row => {\n const {\n name: { title, first, last },\n phone,\n picture: { thumbnail }\n } = row as Contact;\n return (\n <SummaryItem\n primary={[title, first, last].join(' ')}\n visual={\n <Avatar\n imageSrc={thumbnail}\n name={[title, first, last].join(' ')}\n shape='circle'\n size='l'\n />\n }\n secondary={phone}\n />\n );\n }}\n </RepeatingView>\n );\n};\n\nRepeatingViewSample.args = {\n scrollDirection: 'top-to-bottom'\n};\n\nRepeatingViewSample.argTypes = {\n scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }\n};\n"]}

package/jsx/social/Chat/RepeatingView.styles.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare const StyledContactsBook: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2	+ //# sourceMappingURL=RepeatingView.styles.d.ts.map

package/jsx/social/Chat/RepeatingView.styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"RepeatingView.styles.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,yGAgB7B,CAAC"}

package/jsx/social/Chat/RepeatingView.styles.js ADDED Viewed

@@ -0,0 +1,22 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+import { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';
+export const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {
+    const bdrColor = theme.base.palette['border-line'];
+    return css `
+    width: 25rem;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    z-index: 1;
+    border: 0.0625rem solid ${bdrColor};
+    background-color: ${theme.base.palette['primary-background']};
+    ${StyledRepeatingViewItem} {
+      border-bottom: 0.0625rem solid ${bdrColor};
+      padding: calc(0.5 * ${theme.base.spacing});
+    }
+  `;
+});
+StyledContactsBook.defaultProps = defaultThemeProp;
+//# sourceMappingURL=RepeatingView.styles.js.map

package/jsx/social/Chat/RepeatingView.styles.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RepeatingView.styles.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,GAAG,CAAA;;;;;;;8BAOkB,QAAQ;wBACd,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;MAC1D,uBAAuB;uCACU,QAAQ;4BACnB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';\n\nexport const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {\n const bdrColor = theme.base.palette['border-line'];\n return css`\n width: 25rem;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translate(-50%, 0%);\n z-index: 1;\n border: 0.0625rem solid ${bdrColor};\n background-color: ${theme.base.palette['primary-background']};\n ${StyledRepeatingViewItem} {\n border-bottom: 0.0625rem solid ${bdrColor};\n padding: calc(0.5 * ${theme.base.spacing});\n }\n `;\n});\n\nStyledContactsBook.defaultProps = defaultThemeProp;\n"]}