@pega/cosmos-react-demos 5.0.0-dev.4.8 → 5.0.0-dev.5.0

package/jsx/social/Feed/Feed.mocks.jsx

@@ -0,0 +1,412 @@
+import { Avatar, EmailDisplay, PhoneDisplay, Link, Flex, Image, createUID } from '@pega/cosmos-react-core';
+export const userMentions = [
+    {
+        id: 'turnc',
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(111) 111-1111'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='turnc@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Cindy Turner'/>
+    },
+    {
+        id: 'deans',
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(222) 222-2222'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='deans@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>
+    },
+    {
+        id: 'moorj',
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(333) 333-3333'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='moorj@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Helen Bush'
+            }
+        ],
+        visual: <Avatar size='l' name='Janet Moore'/>
+    },
+    {
+        id: 'thomd',
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(444) 444-4444'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='thomd@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Bob Hathoway'
+            }
+        ],
+        visual: <Avatar size='l' name='Dean Thomas'/>
+    },
+    {
+        id: 'hathb',
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(555) 555-5555'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='hathb@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: ''
+            }
+        ],
+        visual: <Avatar size='l' name='Bob Hathoway'/>
+    },
+    {
+        id: 'amell',
+        primary: 'Audrey Mell',
+        secondary: ['Intern'],
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(666) 666-6666'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='amell@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Dean Thomas'
+            }
+        ],
+        visual: <Avatar size='l' name='Audrey Mell'/>
+    }
+];
+export const caseMentions = [
+    {
+        id: 'c-001',
+        primary: 'Complete user sign up form',
+        secondary: ['US-111111'],
+        visual: <Avatar size='l' name='c-001' icon='case'/>,
+        href: '#c-001'
+    },
+    {
+        id: 'c-002',
+        primary: 'Button missing on home page',
+        secondary: ['BUG-222222'],
+        visual: <Avatar size='l' name='c-002' icon='case'/>,
+        href: '#c-002'
+    },
+    {
+        id: 'c-003',
+        primary: 'Set up transaction broker',
+        secondary: ['US-333333'],
+        visual: <Avatar size='l' name='c-03' icon='case'/>,
+        href: '#c-003'
+    },
+    {
+        id: 'c-004',
+        primary: 'Check in with security team',
+        secondary: ['TASK-444444'],
+        visual: <Avatar size='l' name='c-004' icon='case'/>,
+        href: '#c-004'
+    },
+    {
+        id: 'c-005',
+        primary: 'Error occurs upon submitting form',
+        secondary: ['BUG-555555'],
+        visual: <Avatar size='l' name='c-005' icon='case'/>,
+        href: '#c-005'
+    }
+];
+export const generatedLikes = [
+    {
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        visual: <Avatar size='l' name='Cindy Turner'/>,
+        id: 'turnc'
+    },
+    {
+        primary: 'Helen Bush',
+        secondary: ['Product Manager', 'Product Owner'],
+        visual: <Avatar size='l' name='Helen Bush'/>,
+        id: 'bushh'
+    },
+    {
+        primary: 'Randy Paul',
+        secondary: ['Frontend Developer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Randy Paul'/>,
+        id: 'paulr'
+    },
+    {
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        visual: <Avatar size='l' name='Janet Moore'/>,
+        id: 'moorj'
+    },
+    {
+        primary: 'Kate Mirin',
+        secondary: ['Quality Engineer'],
+        visual: <Avatar size='l' name='Kate Mirin'/>,
+        id: 'mirik'
+    },
+    {
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        visual: <Avatar size='l' name='Bob Hathoway'/>,
+        id: 'hathb'
+    },
+    {
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>,
+        id: 'deans'
+    },
+    {
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        visual: <Avatar size='l' name='Dean Thomas'/>,
+        id: 'thomd'
+    },
+    {
+        primary: 'Louie Santos',
+        secondary: ['Marketing Specialist'],
+        visual: <Avatar size='l' name='Louie Santos'/>,
+        id: 'santl'
+    },
+    {
+        primary: 'Margaret Foster',
+        secondary: ['Architect', 'Designer'],
+        visual: <Avatar size='l' name='Margaret Foster'/>,
+        id: 'fostm'
+    }
+];
+export const availableRecipients = [
+    {
+        primary: 'Cindy Turner',
+        secondary: ['Lead Engineer'],
+        visual: <Avatar size='l' name='Cindy Turner'/>,
+        value: 'turnc',
+        id: 'turnc'
+    },
+    {
+        primary: 'Helen Bush',
+        secondary: ['Product Manager', 'Product Owner'],
+        visual: <Avatar size='l' name='Helen Bush'/>,
+        value: 'bushh',
+        id: 'bushh'
+    },
+    {
+        primary: 'Randy Paul',
+        secondary: ['Frontend Developer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Randy Paul'/>,
+        value: 'paulr',
+        id: 'paulr'
+    },
+    {
+        primary: 'Janet Moore',
+        secondary: ['Backend Developer'],
+        visual: <Avatar size='l' name='Janet Moore'/>,
+        value: 'moorj',
+        id: 'moorj'
+    },
+    {
+        primary: 'Kate Mirin',
+        secondary: ['Quality Engineer'],
+        visual: <Avatar size='l' name='Kate Mirin'/>,
+        value: 'mirik',
+        id: 'mirik'
+    },
+    {
+        primary: 'Bob Hathoway',
+        secondary: ['Lead Designer', 'Product Owner'],
+        visual: <Avatar size='l' name='Bob Hathoway'/>,
+        value: 'hathb',
+        id: 'hathb'
+    },
+    {
+        primary: 'Seth DeAngelo',
+        secondary: ['Senior Software Engineer', 'Backend Developer'],
+        visual: <Avatar size='l' name='Seth DeAngelo'/>,
+        value: 'deans',
+        id: 'deans'
+    },
+    {
+        primary: 'Dean Thomas',
+        secondary: ['Designer'],
+        visual: <Avatar size='l' name='Dean Thomas'/>,
+        value: 'thomd',
+        id: 'thomd'
+    },
+    {
+        primary: 'Louie Santos',
+        secondary: ['Marketing Specialist'],
+        visual: <Avatar size='l' name='Louie Santos'/>,
+        value: 'santl',
+        id: 'santl'
+    },
+    {
+        primary: 'Margaret Foster',
+        secondary: ['Architect', 'Designer'],
+        visual: <Avatar size='l' name='Margaret Foster'/>,
+        value: 'fostm',
+        id: 'fostm'
+    }
+];
+export const feedPosts = [
+    {
+        id: createUID(),
+        fullname: 'Feed Bot',
+        icon: 'robot-solid',
+        username: 'feed_bot',
+        content: 'How is everyone doing with their reports?',
+        postType: 'private',
+        replies: [],
+        likes: generatedLikes,
+        likeCount: generatedLikes.length
+    },
+    {
+        id: createUID(),
+        fullname: 'Feed Bot',
+        icon: 'robot-solid',
+        username: 'feed_bot',
+        content: (<Link href='https://www.pega.com/webinars/future-proof-your-business-architecture?utm_content=1606750722&utm_keyword=sprout&utm_medium=oso&utm_source=twitter'>
+        <Flex container={{ direction: 'column' }}>
+          Check out this awesome event!
+          <Image src='https://pbs.twimg.com/media/EoKHAUKWEAM5hpz?format=jpg&name=medium' alt='Pegasystems'/>
+        </Flex>
+      </Link>),
+        postType: 'private',
+        replies: []
+    },
+    {
+        id: createUID(),
+        fullname: 'Feed Bot',
+        icon: 'robot-solid',
+        username: 'feed_bot',
+        content: (<Link href='https://www.pega.com/products/sales-automation'>
+        <Flex container={{ direction: 'column' }}>
+          Sales Automation makes business happen.
+          <Image src='https://cf-images.us-east-1.prod.boltdns.net/v1/static/1900410236/893966f4-f7e1-41f0-9cc2-e3064273d3aa/72837f91-61a1-455b-a7e3-126972b61ddd/1280x720/match/image.jpg' alt='Pega Sales Automation'/>
+        </Flex>
+      </Link>),
+        postType: 'private',
+        replies: []
+    }
+];
+export const feedUserGlimpseDetails = [
+    {
+        id: 'demoUser',
+        username: 'demo_user',
+        heading: {
+            primary: 'Demo User',
+            secondary: 'Mock data for the user of this demo',
+            visual: <Avatar size='l' name='Demo User'/>
+        },
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(111) 111-1111'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='demo.user@example.com'/>
+            }
+        ]
+    },
+    {
+        id: 'feedBot',
+        username: 'feed_bot',
+        heading: {
+            primary: 'Feed Bot',
+            secondary: 'A bot that leaves messages for this demo',
+            visual: <Avatar size='l' name='Feed Bot' icon='robot-solid'/>
+        },
+        fields: [
+            {
+                name: 'Project',
+                value: 'Cosmos Demo'
+            },
+            {
+                name: 'Phone number',
+                value: <PhoneDisplay value='(010) 101-0101'/>
+            },
+            {
+                name: 'Email',
+                value: <EmailDisplay value='feed.bot@example.com'/>
+            },
+            {
+                name: 'Reports to',
+                value: 'Demo User'
+            }
+        ]
+    }
+];
+//# sourceMappingURL=Feed.mocks.jsx.map

package/jsx/social/Feed/Feed.mocks.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.mocks.jsx","sourceRoot":"","sources":["../../../src/social/Feed/Feed.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ReactNode } from 'react';\n\nimport {\n  Avatar,\n  EmailDisplay,\n  PhoneDisplay,\n  Link,\n  Flex,\n  Image,\n  OmitStrict,\n  createUID\n} from '@pega/cosmos-react-core';\nimport { FeedPostProps } from '@pega/cosmos-react-social';\nimport { GlimpseProps } from '@pega/cosmos-react-work';\n\ninterface Mention {\n  id: string;\n  primary: string;\n  secondary?: string | string[];\n  visual?: ReactNode;\n  fields?: { name: string; value: ReactNode }[];\n  href?: string;\n}\n\n// cspell:disable\nexport const userMentions: Mention[] = [\n  {\n    id: 'turnc',\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(111) 111-1111' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='turnc@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Cindy Turner' />\n  },\n  {\n    id: 'deans',\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(222) 222-2222' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='deans@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Seth DeAngelo' />\n  },\n  {\n    id: 'moorj',\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(333) 333-3333' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='moorj@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Helen Bush'\n      }\n    ],\n    visual: <Avatar size='l' name='Janet Moore' />\n  },\n  {\n    id: 'thomd',\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(444) 444-4444' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='thomd@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Bob Hathoway'\n      }\n    ],\n    visual: <Avatar size='l' name='Dean Thomas' />\n  },\n  {\n    id: 'hathb',\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(555) 555-5555' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='hathb@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: ''\n      }\n    ],\n    visual: <Avatar size='l' name='Bob Hathoway' />\n  },\n  {\n    id: 'amell',\n    primary: 'Audrey Mell',\n    secondary: ['Intern'],\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(666) 666-6666' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='amell@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Dean Thomas'\n      }\n    ],\n    visual: <Avatar size='l' name='Audrey Mell' />\n  }\n];\n\nexport const caseMentions: Mention[] = [\n  {\n    id: 'c-001',\n    primary: 'Complete user sign up form',\n    secondary: ['US-111111'],\n    visual: <Avatar size='l' name='c-001' icon='case' />,\n    href: '#c-001'\n  },\n  {\n    id: 'c-002',\n    primary: 'Button missing on home page',\n    secondary: ['BUG-222222'],\n    visual: <Avatar size='l' name='c-002' icon='case' />,\n    href: '#c-002'\n  },\n  {\n    id: 'c-003',\n    primary: 'Set up transaction broker',\n    secondary: ['US-333333'],\n    visual: <Avatar size='l' name='c-03' icon='case' />,\n    href: '#c-003'\n  },\n  {\n    id: 'c-004',\n    primary: 'Check in with security team',\n    secondary: ['TASK-444444'],\n    visual: <Avatar size='l' name='c-004' icon='case' />,\n    href: '#c-004'\n  },\n  {\n    id: 'c-005',\n    primary: 'Error occurs upon submitting form',\n    secondary: ['BUG-555555'],\n    visual: <Avatar size='l' name='c-005' icon='case' />,\n    href: '#c-005'\n  }\n];\n\nexport const generatedLikes = [\n  {\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    visual: <Avatar size='l' name='Cindy Turner' />,\n    id: 'turnc'\n  },\n  {\n    primary: 'Helen Bush',\n    secondary: ['Product Manager', 'Product Owner'],\n    visual: <Avatar size='l' name='Helen Bush' />,\n    id: 'bushh'\n  },\n  {\n    primary: 'Randy Paul',\n    secondary: ['Frontend Developer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Randy Paul' />,\n    id: 'paulr'\n  },\n  {\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    visual: <Avatar size='l' name='Janet Moore' />,\n    id: 'moorj'\n  },\n  {\n    primary: 'Kate Mirin',\n    secondary: ['Quality Engineer'],\n    visual: <Avatar size='l' name='Kate Mirin' />,\n    id: 'mirik'\n  },\n  {\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    visual: <Avatar size='l' name='Bob Hathoway' />,\n    id: 'hathb'\n  },\n  {\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Seth DeAngelo' />,\n    id: 'deans'\n  },\n  {\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    visual: <Avatar size='l' name='Dean Thomas' />,\n    id: 'thomd'\n  },\n  {\n    primary: 'Louie Santos',\n    secondary: ['Marketing Specialist'],\n    visual: <Avatar size='l' name='Louie Santos' />,\n    id: 'santl'\n  },\n  {\n    primary: 'Margaret Foster',\n    secondary: ['Architect', 'Designer'],\n    visual: <Avatar size='l' name='Margaret Foster' />,\n    id: 'fostm'\n  }\n];\n\nexport const availableRecipients = [\n  {\n    primary: 'Cindy Turner',\n    secondary: ['Lead Engineer'],\n    visual: <Avatar size='l' name='Cindy Turner' />,\n    value: 'turnc',\n    id: 'turnc'\n  },\n  {\n    primary: 'Helen Bush',\n    secondary: ['Product Manager', 'Product Owner'],\n    visual: <Avatar size='l' name='Helen Bush' />,\n    value: 'bushh',\n    id: 'bushh'\n  },\n  {\n    primary: 'Randy Paul',\n    secondary: ['Frontend Developer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Randy Paul' />,\n    value: 'paulr',\n    id: 'paulr'\n  },\n  {\n    primary: 'Janet Moore',\n    secondary: ['Backend Developer'],\n    visual: <Avatar size='l' name='Janet Moore' />,\n    value: 'moorj',\n    id: 'moorj'\n  },\n  {\n    primary: 'Kate Mirin',\n    secondary: ['Quality Engineer'],\n    visual: <Avatar size='l' name='Kate Mirin' />,\n    value: 'mirik',\n    id: 'mirik'\n  },\n  {\n    primary: 'Bob Hathoway',\n    secondary: ['Lead Designer', 'Product Owner'],\n    visual: <Avatar size='l' name='Bob Hathoway' />,\n    value: 'hathb',\n    id: 'hathb'\n  },\n  {\n    primary: 'Seth DeAngelo',\n    secondary: ['Senior Software Engineer', 'Backend Developer'],\n    visual: <Avatar size='l' name='Seth DeAngelo' />,\n    value: 'deans',\n    id: 'deans'\n  },\n  {\n    primary: 'Dean Thomas',\n    secondary: ['Designer'],\n    visual: <Avatar size='l' name='Dean Thomas' />,\n    value: 'thomd',\n    id: 'thomd'\n  },\n  {\n    primary: 'Louie Santos',\n    secondary: ['Marketing Specialist'],\n    visual: <Avatar size='l' name='Louie Santos' />,\n    value: 'santl',\n    id: 'santl'\n  },\n  {\n    primary: 'Margaret Foster',\n    secondary: ['Architect', 'Designer'],\n    visual: <Avatar size='l' name='Margaret Foster' />,\n    value: 'fostm',\n    id: 'fostm'\n  }\n];\n// cspell:enable\n\nexport interface FeedPostDemoProps {\n  id: string;\n  fullname: FeedPostProps['fullname'];\n  username: FeedPostProps['username'];\n  content: FeedPostProps['content'];\n  icon?: FeedPostProps['icon'];\n  postType?: FeedPostProps['postType'];\n  recipients?: FeedPostProps['recipients'];\n  attachments?: FeedPostProps['attachments'];\n  replies?: FeedPostProps['replies'];\n  postTimestamp?: FeedPostProps['postTimestamp'];\n  userStatus?: FeedPostProps['userStatus'];\n  likes?: FeedPostProps['likes'];\n  likeCount?: FeedPostProps['likeCount'];\n  onDelete?: () => void;\n}\n\nexport const feedPosts: FeedPostDemoProps[] = [\n  {\n    id: createUID(),\n    fullname: 'Feed Bot',\n    icon: 'robot-solid',\n    username: 'feed_bot',\n    content: 'How is everyone doing with their reports?',\n    postType: 'private',\n    replies: [],\n    likes: generatedLikes,\n    likeCount: generatedLikes.length\n  },\n  {\n    id: createUID(),\n    fullname: 'Feed Bot',\n    icon: 'robot-solid',\n    username: 'feed_bot',\n    content: (\n      <Link href='https://www.pega.com/webinars/future-proof-your-business-architecture?utm_content=1606750722&utm_keyword=sprout&utm_medium=oso&utm_source=twitter'>\n        <Flex container={{ direction: 'column' }}>\n          Check out this awesome event!\n          <Image\n            src='https://pbs.twimg.com/media/EoKHAUKWEAM5hpz?format=jpg&name=medium'\n            alt='Pegasystems'\n          />\n        </Flex>\n      </Link>\n    ),\n    postType: 'private',\n    replies: []\n  },\n  {\n    id: createUID(),\n    fullname: 'Feed Bot',\n    icon: 'robot-solid',\n    username: 'feed_bot',\n    content: (\n      <Link href='https://www.pega.com/products/sales-automation'>\n        <Flex container={{ direction: 'column' }}>\n          Sales Automation makes business happen.\n          <Image\n            src='https://cf-images.us-east-1.prod.boltdns.net/v1/static/1900410236/893966f4-f7e1-41f0-9cc2-e3064273d3aa/72837f91-61a1-455b-a7e3-126972b61ddd/1280x720/match/image.jpg'\n            alt='Pega Sales Automation'\n          />\n        </Flex>\n      </Link>\n    ),\n    postType: 'private',\n    replies: []\n  }\n];\n\nexport type FeedUserGlimpse = OmitStrict<GlimpseProps, 'onDismiss' | 'target'> & {\n  username: string;\n};\n\nexport const feedUserGlimpseDetails: FeedUserGlimpse[] = [\n  {\n    id: 'demoUser',\n    username: 'demo_user',\n    heading: {\n      primary: 'Demo User',\n      secondary: 'Mock data for the user of this demo',\n      visual: <Avatar size='l' name='Demo User' />\n    },\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(111) 111-1111' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='demo.user@example.com' />\n      }\n    ]\n  },\n  {\n    id: 'feedBot',\n    username: 'feed_bot',\n    heading: {\n      primary: 'Feed Bot',\n      secondary: 'A bot that leaves messages for this demo',\n      visual: <Avatar size='l' name='Feed Bot' icon='robot-solid' />\n    },\n    fields: [\n      {\n        name: 'Project',\n        value: 'Cosmos Demo'\n      },\n      {\n        name: 'Phone number',\n        value: <PhoneDisplay value='(010) 101-0101' />\n      },\n      {\n        name: 'Email',\n        value: <EmailDisplay value='feed.bot@example.com' />\n      },\n      {\n        name: 'Reports to',\n        value: 'Demo User'\n      }\n    ]\n  }\n];\n"]}

package/jsx/social/Feed/Feed.stories.d.ts

@@ -0,0 +1,11 @@
+import type { StoryFn } from '@storybook/react';
+import type { FeedProps } from '@pega/cosmos-react-social';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("@storybook/types").Args>;
+export default _default;
+interface FeedDemoProps {
+    markdownMap?: FeedProps['markdownMap'];
+    onMentionPreview?: FeedProps['onMentionPreview'];
+}
+export declare const FeedDemo: StoryFn<FeedDemoProps>;
+export declare const FeedWithAppShell: StoryFn;
+//# sourceMappingURL=Feed.stories.d.ts.map

package/jsx/social/Feed/Feed.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Feed.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Feed/Feed.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,KAAK,EAAE,SAAS,EAAwC,MAAM,2BAA2B,CAAC;;AAajG,wBAGU;AAEV,UAAU,aAAa;IACrB,WAAW,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAC;IACvC,gBAAgB,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAC,aAAa,CAsS3C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,OAE9B,CAAC"}