@pega/cosmos-react-demos 4.0.0-dev.8.4 β†’ 4.0.0-dev.9.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 (155) hide show
  1. package/jsx/build/AppShell/AppShell.mocks.d.ts +16 -14
  2. package/jsx/build/AppShell/AppShell.mocks.d.ts.map +1 -1
  3. package/jsx/build/AppShell/AppShell.mocks.jsx +144 -101
  4. package/jsx/build/AppShell/AppShell.mocks.jsx.map +1 -1
  5. package/jsx/build/AppShell/AppShell.stories.d.ts +1 -0
  6. package/jsx/build/AppShell/AppShell.stories.d.ts.map +1 -1
  7. package/jsx/build/AppShell/AppShell.stories.jsx +7 -3
  8. package/jsx/build/AppShell/AppShell.stories.jsx.map +1 -1
  9. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts +2 -0
  10. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts.map +1 -1
  11. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js +23 -0
  12. package/jsx/build/ExpressionBuilder/ExpressionBuilder.mocks.js.map +1 -1
  13. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts.map +1 -1
  14. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx +4 -4
  15. package/jsx/build/ExpressionBuilder/ExpressionBuilder.stories.jsx.map +1 -1
  16. package/jsx/build/PageBanner/PageBanner.stories.d.ts +15 -0
  17. package/jsx/build/PageBanner/PageBanner.stories.d.ts.map +1 -0
  18. package/jsx/build/PageBanner/PageBanner.stories.jsx +41 -0
  19. package/jsx/build/PageBanner/PageBanner.stories.jsx.map +1 -0
  20. package/jsx/build/PageTemplates/GalleryPage.stories.d.ts +7 -3
  21. package/jsx/build/PageTemplates/GalleryPage.stories.d.ts.map +1 -1
  22. package/jsx/build/PageTemplates/GalleryPage.stories.jsx +29 -19
  23. package/jsx/build/PageTemplates/GalleryPage.stories.jsx.map +1 -1
  24. package/jsx/build/PageTemplates/ShowcasePage.stories.d.ts +17 -0
  25. package/jsx/build/PageTemplates/ShowcasePage.stories.d.ts.map +1 -0
  26. package/jsx/build/PageTemplates/ShowcasePage.stories.jsx +42 -0
  27. package/jsx/build/PageTemplates/ShowcasePage.stories.jsx.map +1 -0
  28. package/jsx/condition-builder/ConditionBuilder/props.mock.js +4 -4
  29. package/jsx/condition-builder/ConditionBuilder/props.mock.js.map +1 -1
  30. package/jsx/core/AppShell/AppShell.mocks.jsx +1 -1
  31. package/jsx/core/AppShell/AppShell.mocks.jsx.map +1 -1
  32. package/jsx/core/AppShell/AppShell.stories.d.ts +1 -0
  33. package/jsx/core/AppShell/AppShell.stories.d.ts.map +1 -1
  34. package/jsx/core/AppShell/AppShell.stories.jsx +21 -6
  35. package/jsx/core/AppShell/AppShell.stories.jsx.map +1 -1
  36. package/jsx/core/Banner/Banner.stories.d.ts +1 -0
  37. package/jsx/core/Banner/Banner.stories.d.ts.map +1 -1
  38. package/jsx/core/Banner/Banner.stories.jsx +3 -3
  39. package/jsx/core/Banner/Banner.stories.jsx.map +1 -1
  40. package/jsx/cs/CSAppShell/CSAppShell.mocks.d.ts +1 -0
  41. package/jsx/cs/CSAppShell/CSAppShell.mocks.d.ts.map +1 -1
  42. package/jsx/cs/CSAppShell/CSAppShell.mocks.jsx +46 -1
  43. package/jsx/cs/CSAppShell/CSAppShell.mocks.jsx.map +1 -1
  44. package/jsx/cs/CSAppShell/CSAppShell.stories.d.ts.map +1 -1
  45. package/jsx/cs/CSAppShell/CSAppShell.stories.jsx +2 -2
  46. package/jsx/cs/CSAppShell/CSAppShell.stories.jsx.map +1 -1
  47. package/jsx/social/Chat/Chat.mocks.d.ts +2 -1
  48. package/jsx/social/Chat/Chat.mocks.d.ts.map +1 -1
  49. package/jsx/social/Chat/Chat.mocks.js +26 -0
  50. package/jsx/social/Chat/Chat.mocks.js.map +1 -1
  51. package/jsx/social/Chat/Chat.stories.d.ts +5 -2
  52. package/jsx/social/Chat/Chat.stories.d.ts.map +1 -1
  53. package/jsx/social/Chat/Chat.stories.jsx +35 -101
  54. package/jsx/social/Chat/Chat.stories.jsx.map +1 -1
  55. package/jsx/social/Email/Email.mocks.d.ts +49 -7
  56. package/jsx/social/Email/Email.mocks.d.ts.map +1 -1
  57. package/jsx/social/Email/Email.mocks.jsx +127 -15
  58. package/jsx/social/Email/Email.mocks.jsx.map +1 -1
  59. package/jsx/social/Email/Email.stories.d.ts +10 -0
  60. package/jsx/social/Email/Email.stories.d.ts.map +1 -1
  61. package/jsx/social/Email/Email.stories.jsx +129 -12
  62. package/jsx/social/Email/Email.stories.jsx.map +1 -1
  63. package/jsx/tools/DevTools/DevTools.stories.d.ts.map +1 -1
  64. package/jsx/tools/DevTools/DevTools.stories.jsx +2 -4
  65. package/jsx/tools/DevTools/DevTools.stories.jsx.map +1 -1
  66. package/jsx/tools/PreviewShell/PreviewShell.mocks.d.ts +3 -1
  67. package/jsx/tools/PreviewShell/PreviewShell.mocks.d.ts.map +1 -1
  68. package/jsx/tools/PreviewShell/PreviewShell.mocks.jsx +7 -4
  69. package/jsx/tools/PreviewShell/PreviewShell.mocks.jsx.map +1 -1
  70. package/jsx/tools/PreviewShell/PreviewShell.stories.d.ts.map +1 -1
  71. package/jsx/tools/PreviewShell/PreviewShell.stories.jsx +16 -12
  72. package/jsx/tools/PreviewShell/PreviewShell.stories.jsx.map +1 -1
  73. package/jsx/work/Stages/Stages.mocks.jsx +6 -6
  74. package/jsx/work/Stages/Stages.mocks.jsx.map +1 -1
  75. package/jsx/work/Tasks/Tasks.stories.d.ts.map +1 -1
  76. package/jsx/work/Tasks/Tasks.stories.jsx +15 -13
  77. package/jsx/work/Tasks/Tasks.stories.jsx.map +1 -1
  78. package/lib/build/AppShell/AppShell.mocks.d.ts +16 -14
  79. package/lib/build/AppShell/AppShell.mocks.d.ts.map +1 -1
  80. package/lib/build/AppShell/AppShell.mocks.js +144 -101
  81. package/lib/build/AppShell/AppShell.mocks.js.map +1 -1
  82. package/lib/build/AppShell/AppShell.stories.d.ts +1 -0
  83. package/lib/build/AppShell/AppShell.stories.d.ts.map +1 -1
  84. package/lib/build/AppShell/AppShell.stories.js +7 -3
  85. package/lib/build/AppShell/AppShell.stories.js.map +1 -1
  86. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts +2 -0
  87. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.d.ts.map +1 -1
  88. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.js +23 -0
  89. package/lib/build/ExpressionBuilder/ExpressionBuilder.mocks.js.map +1 -1
  90. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.d.ts.map +1 -1
  91. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js +4 -4
  92. package/lib/build/ExpressionBuilder/ExpressionBuilder.stories.js.map +1 -1
  93. package/lib/build/PageBanner/PageBanner.stories.d.ts +15 -0
  94. package/lib/build/PageBanner/PageBanner.stories.d.ts.map +1 -0
  95. package/lib/build/PageBanner/PageBanner.stories.js +42 -0
  96. package/lib/build/PageBanner/PageBanner.stories.js.map +1 -0
  97. package/lib/build/PageTemplates/GalleryPage.stories.d.ts +7 -3
  98. package/lib/build/PageTemplates/GalleryPage.stories.d.ts.map +1 -1
  99. package/lib/build/PageTemplates/GalleryPage.stories.js +29 -19
  100. package/lib/build/PageTemplates/GalleryPage.stories.js.map +1 -1
  101. package/lib/build/PageTemplates/ShowcasePage.stories.d.ts +17 -0
  102. package/lib/build/PageTemplates/ShowcasePage.stories.d.ts.map +1 -0
  103. package/lib/build/PageTemplates/ShowcasePage.stories.js +43 -0
  104. package/lib/build/PageTemplates/ShowcasePage.stories.js.map +1 -0
  105. package/lib/condition-builder/ConditionBuilder/props.mock.js +4 -4
  106. package/lib/condition-builder/ConditionBuilder/props.mock.js.map +1 -1
  107. package/lib/core/AppShell/AppShell.mocks.js +1 -1
  108. package/lib/core/AppShell/AppShell.mocks.js.map +1 -1
  109. package/lib/core/AppShell/AppShell.stories.d.ts +1 -0
  110. package/lib/core/AppShell/AppShell.stories.d.ts.map +1 -1
  111. package/lib/core/AppShell/AppShell.stories.js +21 -6
  112. package/lib/core/AppShell/AppShell.stories.js.map +1 -1
  113. package/lib/core/Banner/Banner.stories.d.ts +1 -0
  114. package/lib/core/Banner/Banner.stories.d.ts.map +1 -1
  115. package/lib/core/Banner/Banner.stories.js +1 -1
  116. package/lib/core/Banner/Banner.stories.js.map +1 -1
  117. package/lib/cs/CSAppShell/CSAppShell.mocks.d.ts +1 -0
  118. package/lib/cs/CSAppShell/CSAppShell.mocks.d.ts.map +1 -1
  119. package/lib/cs/CSAppShell/CSAppShell.mocks.js +37 -1
  120. package/lib/cs/CSAppShell/CSAppShell.mocks.js.map +1 -1
  121. package/lib/cs/CSAppShell/CSAppShell.stories.d.ts.map +1 -1
  122. package/lib/cs/CSAppShell/CSAppShell.stories.js +2 -2
  123. package/lib/cs/CSAppShell/CSAppShell.stories.js.map +1 -1
  124. package/lib/social/Chat/Chat.mocks.d.ts +2 -1
  125. package/lib/social/Chat/Chat.mocks.d.ts.map +1 -1
  126. package/lib/social/Chat/Chat.mocks.js +26 -0
  127. package/lib/social/Chat/Chat.mocks.js.map +1 -1
  128. package/lib/social/Chat/Chat.stories.d.ts +5 -2
  129. package/lib/social/Chat/Chat.stories.d.ts.map +1 -1
  130. package/lib/social/Chat/Chat.stories.js +36 -76
  131. package/lib/social/Chat/Chat.stories.js.map +1 -1
  132. package/lib/social/Email/Email.mocks.d.ts +49 -7
  133. package/lib/social/Email/Email.mocks.d.ts.map +1 -1
  134. package/lib/social/Email/Email.mocks.js +127 -15
  135. package/lib/social/Email/Email.mocks.js.map +1 -1
  136. package/lib/social/Email/Email.stories.d.ts +10 -0
  137. package/lib/social/Email/Email.stories.d.ts.map +1 -1
  138. package/lib/social/Email/Email.stories.js +134 -12
  139. package/lib/social/Email/Email.stories.js.map +1 -1
  140. package/lib/tools/DevTools/DevTools.stories.d.ts.map +1 -1
  141. package/lib/tools/DevTools/DevTools.stories.js +2 -4
  142. package/lib/tools/DevTools/DevTools.stories.js.map +1 -1
  143. package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts +3 -1
  144. package/lib/tools/PreviewShell/PreviewShell.mocks.d.ts.map +1 -1
  145. package/lib/tools/PreviewShell/PreviewShell.mocks.js +5 -4
  146. package/lib/tools/PreviewShell/PreviewShell.mocks.js.map +1 -1
  147. package/lib/tools/PreviewShell/PreviewShell.stories.d.ts.map +1 -1
  148. package/lib/tools/PreviewShell/PreviewShell.stories.js +11 -13
  149. package/lib/tools/PreviewShell/PreviewShell.stories.js.map +1 -1
  150. package/lib/work/Stages/Stages.mocks.js +6 -6
  151. package/lib/work/Stages/Stages.mocks.js.map +1 -1
  152. package/lib/work/Tasks/Tasks.stories.d.ts.map +1 -1
  153. package/lib/work/Tasks/Tasks.stories.js +2 -2
  154. package/lib/work/Tasks/Tasks.stories.js.map +1 -1
  155. package/package.json +10 -9
@@ -3,8 +3,11 @@ import { createContext, useCallback, useContext, useState, useEffect, useMemo }
3
3
  import { AppShellDrawerContext, Banner, Button, Flex, Form, Input, Option, Select, menuHelpers, CheckboxGroup, Checkbox, ComboBox } from '@pega/cosmos-react-core';
4
4
  import { CTIPanel } from '@pega/cosmos-react-cs';
5
5
  import ChatSettingsPanel from '@pega/cosmos-react-social/lib/components/Chat/ChatSettingsPanel';
6
- import { userStatusOptions } from '../CallControlPanel/CallControlPanel.mocks';
6
+ import { AppshellEmailSummaryList, EmailSummaryList } from '@pega/cosmos-react-social';
7
+ import EmailNotificationPanel from '@pega/cosmos-react-social/lib/components/Email/EmailNotificationPanel';
8
+ import { emailSummaryItems } from '../../social/Email/Email.mocks';
7
9
  import { CallControlPanelDemo, ExternalCTIDemo } from '../CallControlPanel/CallControlPanel.stories';
10
+ import { userStatusOptions } from '../CallControlPanel/CallControlPanel.mocks';
8
11
  export const CallLoginForm = ({ ctiLinkOptions, onLogin, onCancel }) => {
9
12
  const [agentId, setAgentId] = useState('');
10
13
  const [password, setPassword] = useState('');
@@ -346,4 +349,37 @@ export const ChatSettingsPanelMock = () => {
346
349
  ? menuHelpers.getParentItem(items, selected?.id)?.id
347
350
  : selected?.id, onClick: () => openDrawer(drawerContent) }));
348
351
  };
352
+ const EmailNotifications = () => {
353
+ const { closeDrawer } = useContext(AppShellDrawerContext);
354
+ const [sortOptions, setSortOptions] = useState([
355
+ { id: 'Most recent', primary: 'Most recent', selected: true },
356
+ { id: 'Most urgent', primary: 'Most urgent', selected: false },
357
+ { id: 'All unread', primary: 'All unread', selected: false }
358
+ ]);
359
+ const selected = menuHelpers.getSelected(sortOptions)[0];
360
+ const selectItem = (id) => {
361
+ setSortOptions(cur => menuHelpers.selectItem(cur, id, 'single-select'));
362
+ };
363
+ return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, item: { grow: 1 }, children: [_jsx(Flex, { container: { justify: 'center', pad: [1, 0, 0] }, children: _jsx(Button, { onClick: closeDrawer, children: "Get next email" }) }), _jsx(Flex, { container: { direction: 'column', pad: [0, 2] }, children: _jsx(ComboBox, { label: 'Sorted by', mode: 'single-select', selected: selected
364
+ ? {
365
+ items: {
366
+ id: selected?.id,
367
+ text: selected?.primary
368
+ }
369
+ }
370
+ : undefined, menu: {
371
+ items: sortOptions,
372
+ onItemClick: selectItem
373
+ } }) }), _jsx(EmailSummaryList, { items: emailSummaryItems, as: AppshellEmailSummaryList, onItemClick: closeDrawer, emptyMessage: 'No emails', selectable: false })] }));
374
+ };
375
+ export const EmailNotificationPanelMock = () => {
376
+ const { openDrawer } = useContext(AppShellDrawerContext);
377
+ const drawerHeader = 'My open emails';
378
+ const drawerContent = {
379
+ drawerHeader,
380
+ drawerView: _jsx(EmailNotifications, {}),
381
+ name: drawerHeader
382
+ };
383
+ return (_jsx(EmailNotificationPanel, { count: 15, label: drawerHeader, onClick: () => openDrawer(drawerContent) }));
384
+ };
349
385
  //# sourceMappingURL=CSAppShell.mocks.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CSAppShell.mocks.js","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ChangeEvent,\n createContext,\n FunctionComponent,\n MouseEvent,\n useCallback,\n useContext,\n useState,\n useEffect,\n useMemo\n} from 'react';\n\nimport {\n AppShellDrawerContext,\n Banner,\n Button,\n Flex,\n Form,\n Input,\n Option,\n Select,\n MenuProps,\n menuHelpers,\n MenuItemProps,\n CheckboxGroup,\n Checkbox,\n ComboBox\n} from '@pega/cosmos-react-core';\nimport { type UserAvailabilityStatusOption, CTIPanel } from '@pega/cosmos-react-cs';\nimport ChatSettingsPanel from '@pega/cosmos-react-social/lib/components/Chat/ChatSettingsPanel';\nimport { UserAvailability } from '@pega/cosmos-react-social/lib/components/Chat/Chat.types';\n\nimport { userStatusOptions } from '../CallControlPanel/CallControlPanel.mocks';\nimport {\n CallControlPanelDemo,\n ExternalCTIDemo\n} from '../CallControlPanel/CallControlPanel.stories';\n\nexport type LoginError = string;\n\nexport interface LoginFormProps {\n ctiLinkOptions: { [key: string]: string };\n onLogin: (\n ctiLinkId: keyof LoginFormProps['ctiLinkOptions'],\n agentId: string,\n password: string\n ) => Promise<LoginError | undefined>;\n onCancel: () => void;\n}\n\nexport const CallLoginForm: FunctionComponent<LoginFormProps> = ({\n ctiLinkOptions,\n onLogin,\n onCancel\n}: LoginFormProps) => {\n const [agentId, setAgentId] = useState<string>('');\n const [password, setPassword] = useState<string>('');\n const [extension, setExtension] = useState<string>('');\n const [ctiLinkId, setCTILinkId] = useState<string>(Object.keys(ctiLinkOptions)[0]);\n const [errorMessage, setErrorMessage] = useState<string>();\n\n const canSubmit = agentId && password && ctiLinkId && extension;\n\n const actions = (\n <>\n <Button key='cancel' name='cancel' variant='secondary' onClick={onCancel}>\n Cancel\n </Button>\n <Button\n key='submit'\n name='submit'\n type='submit'\n variant='primary'\n disabled={!canSubmit}\n onClick={(e: MouseEvent) => {\n e.preventDefault();\n onLogin(ctiLinkId!, agentId, password).then(setErrorMessage);\n }}\n >\n Login\n </Button>\n </>\n );\n\n return (\n <Form\n actions={actions}\n banners={errorMessage ? <Banner variant='urgent' messages={[errorMessage]} /> : undefined}\n >\n <Select required label='CTI link' onChange={e => setCTILinkId(e.target.value)}>\n {Object.entries(ctiLinkOptions).map(([id, label]) => (\n <Option value={id}>{label}</Option>\n ))}\n </Select>\n <Input\n required\n label='Agent ID'\n value={agentId}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setAgentId(e.target.value)}\n />\n <Input\n type='password'\n required\n label='Password'\n value={password}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n />\n <Input\n required\n label='Extension'\n value={extension}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setExtension(e.target.value)}\n />\n </Form>\n );\n};\n\nexport const CTIControlPanelContext = createContext<{\n type: 'internal' | 'external';\n draggable?: boolean;\n applyAppStyling: boolean;\n}>({\n type: 'internal',\n draggable: true,\n applyAppStyling: false\n});\n\nexport const CTIControlPanel: FunctionComponent = () => {\n const [agentStatus, setAgentStatus] = useState<UserAvailabilityStatusOption>(\n userStatusOptions[0] as UserAvailabilityStatusOption\n );\n const [callPanelVisible, setCallPanelVisible] = useState(false);\n const { type, draggable, applyAppStyling } = useContext(CTIControlPanelContext);\n const { openDrawer, closeDrawer } = useContext(AppShellDrawerContext);\n\n const drawerView = (\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }} item={{ grow: 1 }}>\n <CallLoginForm\n ctiLinkOptions={{\n valid: 'It will be accepted',\n invalid: 'This will raise an error'\n }}\n onLogin={ctiLink => {\n if (ctiLink === 'invalid') return Promise.resolve('Login incorrect');\n setAgentStatus(userStatusOptions[0]);\n setCallPanelVisible(true);\n closeDrawer();\n return Promise.resolve(undefined);\n }}\n onCancel={closeDrawer}\n />\n </Flex>\n );\n const drawerHeader = 'Pega Call Log In';\n\n return (\n <>\n <CTIPanel\n visible={callPanelVisible}\n status={agentStatus}\n onClick={() => {\n if (agentStatus.status === 'logout')\n openDrawer({\n drawerHeader,\n drawerView,\n name: drawerHeader\n });\n else setCallPanelVisible(prev => !prev);\n }}\n >\n {type === 'internal' ? (\n <CallControlPanelDemo\n heading='Agent'\n status={agentStatus.id}\n onStatusChange={status => {\n setAgentStatus(status);\n if (status.status === 'logout') setCallPanelVisible(false);\n }}\n isDraggable={draggable}\n showStatus\n visible={callPanelVisible}\n />\n ) : (\n <ExternalCTIDemo\n heading='External CTI'\n isDraggable={draggable}\n showStatus\n visible={callPanelVisible}\n applyAppStyling={applyAppStyling}\n />\n )}\n </CTIPanel>\n </>\n );\n};\n\nexport const AppShellMockData = {\n notifications: [\n {\n id: '123',\n primary:\n \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345',\n visual: 'Dean Thomas',\n unread: true\n },\n {\n id: '456',\n primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n visual: 'Seth DeAngelo',\n secondary: 'BUG-12345',\n unread: true\n },\n {\n id: '789',\n primary:\n \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-12345',\n visual: 'Janet Moore',\n unread: true\n },\n {\n id: '000',\n primary: 'You have been awarded Employee of the Month! Congratulations!',\n secondary: '',\n visual: 'Cindy Turner',\n unread: true\n }\n ],\n recents: [\n {\n id: '123',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '456',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '789',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '111',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '222',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '333',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '444',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '555',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '666',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n }\n ],\n 'Phone interaction': {\n caseId: 'Customer',\n heading: 'Ginger Ventura',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Gold'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Phone'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'Low'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'July 2018'\n },\n {\n id: '3',\n name: 'Address',\n value: '2213b Gormand street'\n }\n ]\n },\n 'Chat interaction': {\n caseId: 'Customer',\n heading: 'Sara Davis',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Silver'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Chat'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'High'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'March 2005'\n },\n {\n id: '3',\n name: 'Address',\n value: '340 River'\n }\n ]\n },\n 'Mail interaction': {\n caseId: 'Customer',\n heading: 'John Brown',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Bronze'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Mail'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'Medium'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'March 1995'\n },\n {\n id: '3',\n name: 'Address',\n value: '340 River'\n }\n ]\n }\n};\n\nexport const statuses = [\n { id: 'available', primary: 'Available', selected: false },\n {\n id: 'temporarilyUnavailable',\n primary: 'Temporarily unavailable',\n items: [\n { id: 'quick_break', primary: 'Quick break', selected: false },\n { id: 'personal_work', primary: 'Personal work', selected: false },\n { id: 'in_a_meeting', primary: 'In a meeting', selected: false }\n ]\n },\n { id: 'unavailable', primary: 'Unavailable', selected: false }\n];\n\nexport const ChatSettingsPanelMock: FunctionComponent = () => {\n const { openDrawer, closeDrawer } = useContext(AppShellDrawerContext);\n\n const [chatAlias, setChatAlias] = useState('');\n const [queues, setQueues] = useState<{ id: string; checked: boolean }[]>([\n { id: 'Billing', checked: false },\n { id: 'General', checked: false },\n { id: 'Technical', checked: false }\n ]);\n\n const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n return menuHelpers.mapTree(statuses, item => ({\n ...item,\n selected: item.items ? undefined : !!item.selected\n }));\n });\n\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = useCallback((id: MenuItemProps['id']) => {\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n }, []);\n\n const formActions = (\n <>\n <Button name='Cancel' variant='secondary' onClick={closeDrawer}>\n Cancel\n </Button>\n <Button name='Submit' variant='primary' onClick={closeDrawer}>\n Submit\n </Button>\n </>\n );\n\n const chatSettings = useMemo(\n () => (\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }} item={{ grow: 1 }}>\n <Form actions={formActions}>\n <Flex container={{ direction: 'column', pad: 0.5 }}>\n <Input\n label='Chat alias'\n value={chatAlias}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n setChatAlias(e.target.value);\n }}\n />\n </Flex>\n <Flex container={{ direction: 'column', pad: 1 }}>\n <CheckboxGroup label='Joined queues' name='queueslist' labelHidden={false}>\n {queues.map(({ id, checked }) => (\n <Checkbox\n label={id}\n id={id}\n name={id}\n checked={checked}\n onChange={e =>\n setQueues(\n queues.map(queue => {\n if (queue.id === id) {\n return {\n ...queue,\n checked: e.target.checked\n };\n }\n return queue;\n })\n )\n }\n />\n ))}\n </CheckboxGroup>\n </Flex>\n <Flex container={{ direction: 'column', pad: 0.5 }}>\n <ComboBox\n label='Status'\n mode='single-select'\n required\n selected={\n selected\n ? {\n items: {\n id: selected?.id,\n text: selected?.primary\n }\n }\n : undefined\n }\n menu={{\n items,\n variant: 'drill-down',\n onItemClick: selectItem\n }}\n />\n </Flex>\n </Form>\n </Flex>\n ),\n [items]\n );\n\n const drawerHeader = 'Chat settings';\n\n const drawerContent = {\n drawerHeader,\n drawerView: chatSettings,\n name: drawerHeader\n };\n\n useEffect(() => {\n if (selected) openDrawer(drawerContent);\n }, [selected]);\n\n return (\n <ChatSettingsPanel\n label={drawerHeader}\n status={\n menuHelpers.getParentItem(items, selected?.id)?.id === 'temporarilyUnavailable'\n ? (menuHelpers.getParentItem(items, selected?.id)?.id as UserAvailability)\n : (selected?.id as UserAvailability)\n }\n onClick={() => openDrawer(drawerContent)}\n />\n );\n};\n"]}
1
+ {"version":3,"file":"CSAppShell.mocks.js","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.mocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n ChangeEvent,\n createContext,\n FunctionComponent,\n MouseEvent,\n useCallback,\n useContext,\n useState,\n useEffect,\n useMemo\n} from 'react';\n\nimport {\n AppShellDrawerContext,\n Banner,\n Button,\n Flex,\n Form,\n Input,\n Option,\n Select,\n MenuProps,\n menuHelpers,\n MenuItemProps,\n CheckboxGroup,\n Checkbox,\n ComboBox\n} from '@pega/cosmos-react-core';\nimport { type UserAvailabilityStatusOption, CTIPanel } from '@pega/cosmos-react-cs';\nimport ChatSettingsPanel from '@pega/cosmos-react-social/lib/components/Chat/ChatSettingsPanel';\nimport { UserAvailability } from '@pega/cosmos-react-social/lib/components/Chat/Chat.types';\nimport { AppshellEmailSummaryList, EmailSummaryList } from '@pega/cosmos-react-social';\nimport EmailNotificationPanel from '@pega/cosmos-react-social/lib/components/Email/EmailNotificationPanel';\n\nimport { emailSummaryItems } from '../../social/Email/Email.mocks';\nimport {\n CallControlPanelDemo,\n ExternalCTIDemo\n} from '../CallControlPanel/CallControlPanel.stories';\nimport { userStatusOptions } from '../CallControlPanel/CallControlPanel.mocks';\n\nexport type LoginError = string;\n\nexport interface LoginFormProps {\n ctiLinkOptions: { [key: string]: string };\n onLogin: (\n ctiLinkId: keyof LoginFormProps['ctiLinkOptions'],\n agentId: string,\n password: string\n ) => Promise<LoginError | undefined>;\n onCancel: () => void;\n}\n\nexport const CallLoginForm: FunctionComponent<LoginFormProps> = ({\n ctiLinkOptions,\n onLogin,\n onCancel\n}: LoginFormProps) => {\n const [agentId, setAgentId] = useState<string>('');\n const [password, setPassword] = useState<string>('');\n const [extension, setExtension] = useState<string>('');\n const [ctiLinkId, setCTILinkId] = useState<string>(Object.keys(ctiLinkOptions)[0]);\n const [errorMessage, setErrorMessage] = useState<string>();\n\n const canSubmit = agentId && password && ctiLinkId && extension;\n\n const actions = (\n <>\n <Button key='cancel' name='cancel' variant='secondary' onClick={onCancel}>\n Cancel\n </Button>\n <Button\n key='submit'\n name='submit'\n type='submit'\n variant='primary'\n disabled={!canSubmit}\n onClick={(e: MouseEvent) => {\n e.preventDefault();\n onLogin(ctiLinkId!, agentId, password).then(setErrorMessage);\n }}\n >\n Login\n </Button>\n </>\n );\n\n return (\n <Form\n actions={actions}\n banners={errorMessage ? <Banner variant='urgent' messages={[errorMessage]} /> : undefined}\n >\n <Select required label='CTI link' onChange={e => setCTILinkId(e.target.value)}>\n {Object.entries(ctiLinkOptions).map(([id, label]) => (\n <Option value={id}>{label}</Option>\n ))}\n </Select>\n <Input\n required\n label='Agent ID'\n value={agentId}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setAgentId(e.target.value)}\n />\n <Input\n type='password'\n required\n label='Password'\n value={password}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}\n />\n <Input\n required\n label='Extension'\n value={extension}\n onChange={(e: ChangeEvent<HTMLInputElement>) => setExtension(e.target.value)}\n />\n </Form>\n );\n};\n\nexport const CTIControlPanelContext = createContext<{\n type: 'internal' | 'external';\n draggable?: boolean;\n applyAppStyling: boolean;\n}>({\n type: 'internal',\n draggable: true,\n applyAppStyling: false\n});\n\nexport const CTIControlPanel: FunctionComponent = () => {\n const [agentStatus, setAgentStatus] = useState<UserAvailabilityStatusOption>(\n userStatusOptions[0] as UserAvailabilityStatusOption\n );\n const [callPanelVisible, setCallPanelVisible] = useState(false);\n const { type, draggable, applyAppStyling } = useContext(CTIControlPanelContext);\n const { openDrawer, closeDrawer } = useContext(AppShellDrawerContext);\n\n const drawerView = (\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }} item={{ grow: 1 }}>\n <CallLoginForm\n ctiLinkOptions={{\n valid: 'It will be accepted',\n invalid: 'This will raise an error'\n }}\n onLogin={ctiLink => {\n if (ctiLink === 'invalid') return Promise.resolve('Login incorrect');\n setAgentStatus(userStatusOptions[0]);\n setCallPanelVisible(true);\n closeDrawer();\n return Promise.resolve(undefined);\n }}\n onCancel={closeDrawer}\n />\n </Flex>\n );\n const drawerHeader = 'Pega Call Log In';\n\n return (\n <>\n <CTIPanel\n visible={callPanelVisible}\n status={agentStatus}\n onClick={() => {\n if (agentStatus.status === 'logout')\n openDrawer({\n drawerHeader,\n drawerView,\n name: drawerHeader\n });\n else setCallPanelVisible(prev => !prev);\n }}\n >\n {type === 'internal' ? (\n <CallControlPanelDemo\n heading='Agent'\n status={agentStatus.id}\n onStatusChange={status => {\n setAgentStatus(status);\n if (status.status === 'logout') setCallPanelVisible(false);\n }}\n isDraggable={draggable}\n showStatus\n visible={callPanelVisible}\n />\n ) : (\n <ExternalCTIDemo\n heading='External CTI'\n isDraggable={draggable}\n showStatus\n visible={callPanelVisible}\n applyAppStyling={applyAppStyling}\n />\n )}\n </CTIPanel>\n </>\n );\n};\n\nexport const AppShellMockData = {\n notifications: [\n {\n id: '123',\n primary:\n \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345',\n visual: 'Dean Thomas',\n unread: true\n },\n {\n id: '456',\n primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n visual: 'Seth DeAngelo',\n secondary: 'BUG-12345',\n unread: true\n },\n {\n id: '789',\n primary:\n \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-12345',\n visual: 'Janet Moore',\n unread: true\n },\n {\n id: '000',\n primary: 'You have been awarded Employee of the Month! Congratulations!',\n secondary: '',\n visual: 'Cindy Turner',\n unread: true\n }\n ],\n recents: [\n {\n id: '123',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '456',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '789',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '111',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '222',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '333',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '444',\n primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n secondary: 'BUG-12345'\n },\n {\n id: '555',\n primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n secondary: 'BUG-00000'\n },\n {\n id: '666',\n primary:\n \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n secondary: 'BUG-00000'\n }\n ],\n 'Phone interaction': {\n caseId: 'Customer',\n heading: 'Ginger Ventura',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Gold'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Phone'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'Low'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'July 2018'\n },\n {\n id: '3',\n name: 'Address',\n value: '2213b Gormand street'\n }\n ]\n },\n 'Chat interaction': {\n caseId: 'Customer',\n heading: 'Sara Davis',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Silver'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Chat'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'High'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'March 2005'\n },\n {\n id: '3',\n name: 'Address',\n value: '340 River'\n }\n ]\n },\n 'Mail interaction': {\n caseId: 'Customer',\n heading: 'John Brown',\n primaryFields: [\n {\n id: '0',\n name: 'Lifetime value',\n value: 'Bronze'\n },\n {\n id: '1',\n name: 'Interaction type',\n value: 'Mail'\n },\n {\n id: '2',\n name: 'Churn risk',\n value: 'Medium'\n },\n {\n id: '3',\n name: 'Status',\n value: 'Open'\n }\n ],\n secondaryFields: [\n {\n id: '0',\n name: 'Status',\n value: 'Verified'\n },\n {\n id: '1',\n name: 'Web login',\n value: 'Today'\n },\n {\n id: '2',\n name: 'Customer since',\n value: 'March 1995'\n },\n {\n id: '3',\n name: 'Address',\n value: '340 River'\n }\n ]\n }\n};\n\nexport const statuses = [\n { id: 'available', primary: 'Available', selected: false },\n {\n id: 'temporarilyUnavailable',\n primary: 'Temporarily unavailable',\n items: [\n { id: 'quick_break', primary: 'Quick break', selected: false },\n { id: 'personal_work', primary: 'Personal work', selected: false },\n { id: 'in_a_meeting', primary: 'In a meeting', selected: false }\n ]\n },\n { id: 'unavailable', primary: 'Unavailable', selected: false }\n];\n\nexport const ChatSettingsPanelMock: FunctionComponent = () => {\n const { openDrawer, closeDrawer } = useContext(AppShellDrawerContext);\n\n const [chatAlias, setChatAlias] = useState('');\n const [queues, setQueues] = useState<{ id: string; checked: boolean }[]>([\n { id: 'Billing', checked: false },\n { id: 'General', checked: false },\n { id: 'Technical', checked: false }\n ]);\n\n const [items, setItems] = useState<MenuProps['items']>((): MenuProps['items'] => {\n return menuHelpers.mapTree(statuses, item => ({\n ...item,\n selected: item.items ? undefined : !!item.selected\n }));\n });\n\n const selected = useMemo(() => menuHelpers.getSelected(items)[0], [items]);\n\n const selectItem = useCallback((id: MenuItemProps['id']) => {\n setItems(cur => menuHelpers.selectItem(cur, id, 'single-select'));\n }, []);\n\n const formActions = (\n <>\n <Button name='Cancel' variant='secondary' onClick={closeDrawer}>\n Cancel\n </Button>\n <Button name='Submit' variant='primary' onClick={closeDrawer}>\n Submit\n </Button>\n </>\n );\n\n const chatSettings = useMemo(\n () => (\n <Flex container={{ direction: 'column', gap: 2, pad: 2 }} item={{ grow: 1 }}>\n <Form actions={formActions}>\n <Flex container={{ direction: 'column', pad: 0.5 }}>\n <Input\n label='Chat alias'\n value={chatAlias}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n setChatAlias(e.target.value);\n }}\n />\n </Flex>\n <Flex container={{ direction: 'column', pad: 1 }}>\n <CheckboxGroup label='Joined queues' name='queueslist' labelHidden={false}>\n {queues.map(({ id, checked }) => (\n <Checkbox\n label={id}\n id={id}\n name={id}\n checked={checked}\n onChange={e =>\n setQueues(\n queues.map(queue => {\n if (queue.id === id) {\n return {\n ...queue,\n checked: e.target.checked\n };\n }\n return queue;\n })\n )\n }\n />\n ))}\n </CheckboxGroup>\n </Flex>\n <Flex container={{ direction: 'column', pad: 0.5 }}>\n <ComboBox\n label='Status'\n mode='single-select'\n required\n selected={\n selected\n ? {\n items: {\n id: selected?.id,\n text: selected?.primary\n }\n }\n : undefined\n }\n menu={{\n items,\n variant: 'drill-down',\n onItemClick: selectItem\n }}\n />\n </Flex>\n </Form>\n </Flex>\n ),\n [items]\n );\n\n const drawerHeader = 'Chat settings';\n\n const drawerContent = {\n drawerHeader,\n drawerView: chatSettings,\n name: drawerHeader\n };\n\n useEffect(() => {\n if (selected) openDrawer(drawerContent);\n }, [selected]);\n\n return (\n <ChatSettingsPanel\n label={drawerHeader}\n status={\n menuHelpers.getParentItem(items, selected?.id)?.id === 'temporarilyUnavailable'\n ? (menuHelpers.getParentItem(items, selected?.id)?.id as UserAvailability)\n : (selected?.id as UserAvailability)\n }\n onClick={() => openDrawer(drawerContent)}\n />\n );\n};\n\nconst EmailNotifications = () => {\n const { closeDrawer } = useContext(AppShellDrawerContext);\n\n const [sortOptions, setSortOptions] = useState<MenuItemProps[]>([\n { id: 'Most recent', primary: 'Most recent', selected: true },\n { id: 'Most urgent', primary: 'Most urgent', selected: false },\n { id: 'All unread', primary: 'All unread', selected: false }\n ]);\n\n const selected = menuHelpers.getSelected(sortOptions)[0];\n\n const selectItem = (id: MenuItemProps['id']) => {\n setSortOptions(cur => menuHelpers.selectItem(cur, id, 'single-select') as MenuItemProps[]);\n };\n\n return (\n <Flex container={{ direction: 'column', gap: 2 }} item={{ grow: 1 }}>\n <Flex container={{ justify: 'center', pad: [1, 0, 0] }}>\n <Button onClick={closeDrawer}>Get next email</Button>\n </Flex>\n <Flex container={{ direction: 'column', pad: [0, 2] }}>\n <ComboBox\n label='Sorted by'\n mode='single-select'\n selected={\n selected\n ? {\n items: {\n id: selected?.id,\n text: selected?.primary\n }\n }\n : undefined\n }\n menu={{\n items: sortOptions,\n onItemClick: selectItem\n }}\n />\n </Flex>\n\n <EmailSummaryList\n items={emailSummaryItems}\n as={AppshellEmailSummaryList}\n onItemClick={closeDrawer}\n emptyMessage='No emails'\n selectable={false}\n />\n </Flex>\n );\n};\n\nexport const EmailNotificationPanelMock: FunctionComponent = () => {\n const { openDrawer } = useContext(AppShellDrawerContext);\n\n const drawerHeader = 'My open emails';\n\n const drawerContent = {\n drawerHeader,\n drawerView: <EmailNotifications />,\n name: drawerHeader\n };\n\n return (\n <EmailNotificationPanel\n count={15}\n label={drawerHeader}\n onClick={() => openDrawer(drawerContent)}\n />\n );\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"CSAppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAY/C,OAAO,EAEL,0BAA0B,EAC3B,MAAM,8CAA8C,CAAC;;AAWtD,wBAmBU;AAEV,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B,CAAC,EAAE,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAClC,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAwL7C,CAAC"}
1
+ {"version":3,"file":"CSAppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAY/C,OAAO,EAEL,0BAA0B,EAC3B,MAAM,8CAA8C,CAAC;;AAYtD,wBAmBU;AAEV,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B,CAAC,EAAE,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;IACpD,QAAQ,EAAE,UAAU,GAAG,UAAU,CAAC;IAClC,uBAAuB,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAwL7C,CAAC"}
@@ -10,7 +10,7 @@ import { EmailShellDemo } from '../../social/Email/Email.stories';
10
10
  import { StandardChat } from '../../social/Chat/Chat.stories';
11
11
  import { TaskManagerDemo } from '../TaskManager/TaskManager.stories';
12
12
  import { InteractionTimerDemo as InteractionTimerStory } from '../InteractionTimer/InteractionTimer.stories';
13
- import { AppShellMockData, ChatSettingsPanelMock, CTIControlPanel, CTIControlPanelContext } from './CSAppShell.mocks';
13
+ import { AppShellMockData, ChatSettingsPanelMock, CTIControlPanel, CTIControlPanelContext, EmailNotificationPanelMock } from './CSAppShell.mocks';
14
14
  registerIcon(chatSolidIcon);
15
15
  export default {
16
16
  title: 'Customer Service/CS App Shell',
@@ -149,7 +149,7 @@ export const CSAppShell = (args) => {
149
149
  customerName: 'Ginger Ventura'
150
150
  });
151
151
  }, []);
152
- const utils = [_jsx(ChatSettingsPanelMock, {}), _jsx(CTIControlPanel, {})];
152
+ const utils = [_jsx(EmailNotificationPanelMock, {}), _jsx(ChatSettingsPanelMock, {}), _jsx(CTIControlPanel, {})];
153
153
  const appInfo = {
154
154
  href: 'https://www.pega.com/',
155
155
  imageSrc: 'https://www.clipartmax.com/png/middle/345-3454195_account-executive-civilian-pega-logo-png.png',
@@ -1 +1 @@
1
- {"version":3,"file":"CSAppShell.stories.js","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { AppShellProps, createUID, TwoColumnPage, registerIcon } from '@pega/cosmos-react-core';\nimport * as chatSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/chat-solid.icon';\n\nimport { CaseViewMock } from '../../work/CaseView/CaseView.mocks';\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\nimport { EmailShellDemo } from '../../social/Email/Email.stories';\nimport { StandardChat } from '../../social/Chat/Chat.stories';\nimport { TaskManagerDemo } from '../TaskManager/TaskManager.stories';\nimport {\n InteractionTimerDemo as InteractionTimerStory,\n InteractionTimerStoryProps\n} from '../InteractionTimer/InteractionTimer.stories';\n\nimport {\n AppShellMockData,\n ChatSettingsPanelMock,\n CTIControlPanel,\n CTIControlPanelContext\n} from './CSAppShell.mocks';\n\nregisterIcon(chatSolidIcon);\n\nexport default {\n title: 'Customer Service/CS App Shell',\n parameters: {\n layout: 'fullscreen'\n },\n args: {\n isDraggable: true,\n hasInteractionNotifications: true,\n enableSla: true,\n ctiPanel: 'internal',\n applyThemeToExternalCTI: false\n },\n argTypes: {\n isDraggable: { control: { type: 'boolean' } },\n hasInteractionNotifications: { control: { type: 'boolean' } },\n enableSla: { control: { type: 'boolean' } },\n ctiPanel: { options: ['internal', 'external'], control: { type: 'inline-radio' } },\n applyThemeToExternalCTI: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface CSAppShellProps {\n isDraggable?: boolean;\n hasInteractionNotifications?: InteractionTimerStoryProps['hasNotifications'];\n enableSla?: InteractionTimerStoryProps['showTimer'];\n ctiPanel: 'internal' | 'external';\n applyThemeToExternalCTI: boolean;\n}\n\nexport const CSAppShell: Story<CSAppShellProps> = (args: CSAppShellProps) => {\n const CaseData = AppShellMockData as any;\n\n const home = <TwoColumnPage a={<FeedDemo />} b={<TasksDemo />} title='Welcome, Sara Davis' />;\n\n const [mainContent, setMainContent] = useState(home);\n const [caseID, setCaseID] = useState(1001);\n const [cases, setCases] = useState<AppShellProps['cases']>([]);\n const [links, setLinks] = useState<AppShellProps['links']>([\n {\n id: '01',\n name: 'Home',\n href: '#home',\n icon: 'home-solid'\n }\n ]);\n\n const renderCaseView = (name: string) => {\n if (name) {\n const { heading } = CaseData[name];\n\n let persistentUtilityContent;\n if (name === 'Mail interaction') {\n persistentUtilityContent = {\n content: <EmailShellDemo hideSuggestions />,\n title: 'Email'\n };\n } else if (name === 'Chat interaction') {\n persistentUtilityContent = {\n content: <StandardChat chatWidth='100%' />,\n title: 'Chat'\n };\n }\n setMainContent(\n <CaseViewMock\n stages={false}\n tasks={<TaskManagerDemo verbatimStatus='pending' />}\n persistentUtility={persistentUtilityContent}\n heading={heading}\n />\n );\n }\n };\n\n const setActiveItem = (key: string) => {\n setCases((prevCases = []) => {\n return prevCases.map(caseItem => {\n return { ...caseItem, active: caseItem.id === key };\n });\n });\n setLinks((prevLinks = []) => {\n return prevLinks.map(link => {\n return {\n ...link,\n active: link.name === key\n };\n });\n });\n };\n\n const createInteraction = (createLink: {\n primary: string;\n secondary?: string;\n icon: string;\n meta: string;\n customerName?: string;\n }) => {\n const { primary, secondary, icon, customerName } = createLink;\n const key: string = createUID();\n const createdAt = new Date().getTime();\n const newCase = {\n visual: (\n <InteractionTimerStory\n icon={icon}\n showTimer={args.enableSla}\n hasNotifications={args.hasInteractionNotifications}\n meta={args.enableSla ? '0:00' : createLink.meta}\n interactionType={primary}\n />\n ),\n primary: customerName || 'Unknown customer',\n secondary,\n createdAt,\n id: key,\n active: true,\n onClick: () => {\n setActiveItem(key);\n renderCaseView(primary);\n },\n onDismiss: (e: any) => {\n setActiveItem('Home');\n e.stopPropagation();\n setCases((prevCases = []) => prevCases.filter(caseItem => caseItem.id !== key));\n setMainContent(home);\n }\n };\n setCases((prevCases = []) => [...prevCases, newCase]);\n setActiveItem(key);\n setCaseID(caseID + 1);\n renderCaseView(primary);\n };\n\n const createLinks = [\n {\n primary: 'Phone interaction',\n secondary: 'Received 20s ago',\n icon: 'phone-solid',\n meta: 'FH',\n customerName: 'Ginger Ventura'\n },\n {\n primary: 'Chat interaction',\n secondary: 'Sent 2h ago',\n icon: 'chat-solid',\n meta: 'SC',\n customerName: 'Sara Davis'\n },\n {\n primary: 'Mail interaction',\n secondary: 'Received 20s ago',\n icon: 'mail-solid',\n meta: 'JB',\n customerName: 'John Brown'\n }\n ].map(item => {\n const { primary, icon } = item;\n return {\n name: primary,\n icon,\n href: '',\n onClick: () => {\n createInteraction(item);\n }\n };\n });\n\n useEffect(() => {\n createInteraction({\n primary: 'Phone interaction',\n secondary: 'Received 20s ago',\n icon: 'phone-solid',\n meta: 'GV',\n customerName: 'Ginger Ventura'\n });\n }, []);\n\n const utils = [<ChatSettingsPanelMock />, <CTIControlPanel />];\n\n const appInfo = {\n href: 'https://www.pega.com/',\n imageSrc:\n 'https://www.clipartmax.com/png/middle/345-3454195_account-executive-civilian-pega-logo-png.png',\n fullImageSrc: 'Full Image Source',\n appName: 'CS AppShell'\n };\n\n return (\n <CTIControlPanelContext.Provider\n value={useMemo(\n () => ({\n type: args.ctiPanel,\n draggable: args.isDraggable,\n applyAppStyling: args.applyThemeToExternalCTI\n }),\n [args.isDraggable, args.applyThemeToExternalCTI, args.ctiPanel]\n )}\n >\n <AppShellDemo\n main={mainContent}\n appInfo={appInfo}\n cases={cases}\n createLinks={createLinks}\n caseLinks={links}\n utils={utils}\n onLinkClick={(name: string) => {\n if (name === 'Home') {\n setMainContent(home);\n }\n setActiveItem(name);\n }}\n collapsedHoverMenus\n />\n </CTIControlPanelContext.Provider>\n );\n};\n"]}
1
+ {"version":3,"file":"CSAppShell.stories.js","sourceRoot":"","sources":["../../../src/cs/CSAppShell/CSAppShell.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { AppShellProps, createUID, TwoColumnPage, registerIcon } from '@pega/cosmos-react-core';\nimport * as chatSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/chat-solid.icon';\n\nimport { CaseViewMock } from '../../work/CaseView/CaseView.mocks';\nimport { AppShellDemo } from '../../core/AppShell/AppShell.stories';\nimport { TasksDemo } from '../../work/Tasks/Tasks.stories';\nimport { FeedDemo } from '../../social/Feed/Feed.stories';\nimport { EmailShellDemo } from '../../social/Email/Email.stories';\nimport { StandardChat } from '../../social/Chat/Chat.stories';\nimport { TaskManagerDemo } from '../TaskManager/TaskManager.stories';\nimport {\n InteractionTimerDemo as InteractionTimerStory,\n InteractionTimerStoryProps\n} from '../InteractionTimer/InteractionTimer.stories';\n\nimport {\n AppShellMockData,\n ChatSettingsPanelMock,\n CTIControlPanel,\n CTIControlPanelContext,\n EmailNotificationPanelMock\n} from './CSAppShell.mocks';\n\nregisterIcon(chatSolidIcon);\n\nexport default {\n title: 'Customer Service/CS App Shell',\n parameters: {\n layout: 'fullscreen'\n },\n args: {\n isDraggable: true,\n hasInteractionNotifications: true,\n enableSla: true,\n ctiPanel: 'internal',\n applyThemeToExternalCTI: false\n },\n argTypes: {\n isDraggable: { control: { type: 'boolean' } },\n hasInteractionNotifications: { control: { type: 'boolean' } },\n enableSla: { control: { type: 'boolean' } },\n ctiPanel: { options: ['internal', 'external'], control: { type: 'inline-radio' } },\n applyThemeToExternalCTI: { control: { type: 'boolean' } }\n }\n} as Meta;\n\ninterface CSAppShellProps {\n isDraggable?: boolean;\n hasInteractionNotifications?: InteractionTimerStoryProps['hasNotifications'];\n enableSla?: InteractionTimerStoryProps['showTimer'];\n ctiPanel: 'internal' | 'external';\n applyThemeToExternalCTI: boolean;\n}\n\nexport const CSAppShell: Story<CSAppShellProps> = (args: CSAppShellProps) => {\n const CaseData = AppShellMockData as any;\n\n const home = <TwoColumnPage a={<FeedDemo />} b={<TasksDemo />} title='Welcome, Sara Davis' />;\n\n const [mainContent, setMainContent] = useState(home);\n const [caseID, setCaseID] = useState(1001);\n const [cases, setCases] = useState<AppShellProps['cases']>([]);\n const [links, setLinks] = useState<AppShellProps['links']>([\n {\n id: '01',\n name: 'Home',\n href: '#home',\n icon: 'home-solid'\n }\n ]);\n\n const renderCaseView = (name: string) => {\n if (name) {\n const { heading } = CaseData[name];\n\n let persistentUtilityContent;\n if (name === 'Mail interaction') {\n persistentUtilityContent = {\n content: <EmailShellDemo hideSuggestions />,\n title: 'Email'\n };\n } else if (name === 'Chat interaction') {\n persistentUtilityContent = {\n content: <StandardChat chatWidth='100%' />,\n title: 'Chat'\n };\n }\n setMainContent(\n <CaseViewMock\n stages={false}\n tasks={<TaskManagerDemo verbatimStatus='pending' />}\n persistentUtility={persistentUtilityContent}\n heading={heading}\n />\n );\n }\n };\n\n const setActiveItem = (key: string) => {\n setCases((prevCases = []) => {\n return prevCases.map(caseItem => {\n return { ...caseItem, active: caseItem.id === key };\n });\n });\n setLinks((prevLinks = []) => {\n return prevLinks.map(link => {\n return {\n ...link,\n active: link.name === key\n };\n });\n });\n };\n\n const createInteraction = (createLink: {\n primary: string;\n secondary?: string;\n icon: string;\n meta: string;\n customerName?: string;\n }) => {\n const { primary, secondary, icon, customerName } = createLink;\n const key: string = createUID();\n const createdAt = new Date().getTime();\n const newCase = {\n visual: (\n <InteractionTimerStory\n icon={icon}\n showTimer={args.enableSla}\n hasNotifications={args.hasInteractionNotifications}\n meta={args.enableSla ? '0:00' : createLink.meta}\n interactionType={primary}\n />\n ),\n primary: customerName || 'Unknown customer',\n secondary,\n createdAt,\n id: key,\n active: true,\n onClick: () => {\n setActiveItem(key);\n renderCaseView(primary);\n },\n onDismiss: (e: any) => {\n setActiveItem('Home');\n e.stopPropagation();\n setCases((prevCases = []) => prevCases.filter(caseItem => caseItem.id !== key));\n setMainContent(home);\n }\n };\n setCases((prevCases = []) => [...prevCases, newCase]);\n setActiveItem(key);\n setCaseID(caseID + 1);\n renderCaseView(primary);\n };\n\n const createLinks = [\n {\n primary: 'Phone interaction',\n secondary: 'Received 20s ago',\n icon: 'phone-solid',\n meta: 'FH',\n customerName: 'Ginger Ventura'\n },\n {\n primary: 'Chat interaction',\n secondary: 'Sent 2h ago',\n icon: 'chat-solid',\n meta: 'SC',\n customerName: 'Sara Davis'\n },\n {\n primary: 'Mail interaction',\n secondary: 'Received 20s ago',\n icon: 'mail-solid',\n meta: 'JB',\n customerName: 'John Brown'\n }\n ].map(item => {\n const { primary, icon } = item;\n return {\n name: primary,\n icon,\n href: '',\n onClick: () => {\n createInteraction(item);\n }\n };\n });\n\n useEffect(() => {\n createInteraction({\n primary: 'Phone interaction',\n secondary: 'Received 20s ago',\n icon: 'phone-solid',\n meta: 'GV',\n customerName: 'Ginger Ventura'\n });\n }, []);\n\n const utils = [<EmailNotificationPanelMock />, <ChatSettingsPanelMock />, <CTIControlPanel />];\n\n const appInfo = {\n href: 'https://www.pega.com/',\n imageSrc:\n 'https://www.clipartmax.com/png/middle/345-3454195_account-executive-civilian-pega-logo-png.png',\n fullImageSrc: 'Full Image Source',\n appName: 'CS AppShell'\n };\n\n return (\n <CTIControlPanelContext.Provider\n value={useMemo(\n () => ({\n type: args.ctiPanel,\n draggable: args.isDraggable,\n applyAppStyling: args.applyThemeToExternalCTI\n }),\n [args.isDraggable, args.applyThemeToExternalCTI, args.ctiPanel]\n )}\n >\n <AppShellDemo\n main={mainContent}\n appInfo={appInfo}\n cases={cases}\n createLinks={createLinks}\n caseLinks={links}\n utils={utils}\n onLinkClick={(name: string) => {\n if (name === 'Home') {\n setMainContent(home);\n }\n setActiveItem(name);\n }}\n collapsedHoverMenus\n />\n </CTIControlPanelContext.Provider>\n );\n};\n"]}
@@ -1,4 +1,4 @@
1
- import { MenuProps } from '@pega/cosmos-react-core';
1
+ import { FieldValueListItemProps, MenuProps } from '@pega/cosmos-react-core';
2
2
  export declare const ChatMockData: {
3
3
  transcripts: {
4
4
  id: string;
@@ -433,4 +433,5 @@ export declare const pagePushList: ({
433
433
  }[];
434
434
  ariaLabel: string;
435
435
  })[];
436
+ export declare const contextItems: FieldValueListItemProps[];
436
437
  //# sourceMappingURL=Chat.mocks.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAinBxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,OAAO,CAyDlD,CAAC;AAEF,eAAO,MAAM,eAAe;;;GAqC3B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4DxB,CAAC"}
1
+ {"version":3,"file":"Chat.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAE7E,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAinBxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,OAAO,CAyDlD,CAAC;AAEF,eAAO,MAAM,eAAe;;;GAqC3B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4DxB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,uBAAuB,EAyBjD,CAAC"}
@@ -758,4 +758,30 @@ export const pagePushList = [
758
758
  ariaLabel: 'John Brown said Contact center at 1:45 PM with 1 link'
759
759
  }
760
760
  ];
761
+ export const contextItems = [
762
+ {
763
+ id: 'Location',
764
+ name: 'Location',
765
+ value: 'New York, NY',
766
+ variant: 'inline'
767
+ },
768
+ {
769
+ id: 'Initiated from',
770
+ name: 'Initiated from',
771
+ value: 'Uplus.com/Products',
772
+ variant: 'inline'
773
+ },
774
+ {
775
+ id: 'Shopping cart',
776
+ name: 'Shopping cart',
777
+ value: '$155.25',
778
+ variant: 'inline'
779
+ },
780
+ {
781
+ id: 'Items in shopping cart',
782
+ name: 'Items in shopping cart',
783
+ value: 'Product name 01, Product name 02',
784
+ variant: 'inline'
785
+ }
786
+ ];
761
787
  //# sourceMappingURL=Chat.mocks.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { MenuProps } from '@pega/cosmos-react-core';\n\nexport const ChatMockData = {\n transcripts: [\n {\n id: 'botTranscripts',\n title: 'Bot',\n earlierTranscripts: true,\n data: [\n {\n id: '2499167349',\n type: 'transcript',\n timeStamp: '01:20 PM',\n variant: 'bot',\n message: 'Hello… This is bot. How can I help you? Please select your category. ',\n ariaLabel:\n 'Bot said Hello… This is bot. How can I help you? Please select your category. at 01:20 PM'\n },\n {\n id: '414918079',\n type: 'transcript',\n timeStamp: '01:21 PM',\n variant: 'user',\n message: 'Policy details',\n avatarInfo: {\n name: 'Sara Davis'\n },\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n ariaLabel: 'Sara Davis said Policy details at 01:21 PM via Public Tweet'\n },\n {\n id: '4750473261',\n type: 'transcript',\n timeStamp: '01:22 PM',\n variant: 'bot',\n message: 'Please select what would you like to know about your policy. πŸ˜ƒπŸ˜ƒ',\n ariaLabel:\n 'Bot said Please select what would you like to know about your policy. at 01:22 PM'\n },\n {\n id: '925521127',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'Policy terms and conditions',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Policy terms and conditions at 01:23 PM'\n }\n ]\n },\n {\n id: 'preChatTranscript',\n title: 'Questionnaire',\n earlierTranscripts: false,\n data: [\n {\n id: '1457969897',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'question',\n message: 'Could you please enter your query',\n ariaLabel: 'Customer was asked for Could you please enter your query at 01:23 PM'\n },\n {\n id: '4633052071',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'I would like to know my policy terms and conditions',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said I would like to know my policy terms and conditions at 01:23 PM'\n },\n {\n id: '3105885518',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'question',\n message: 'Could you please select the policy',\n ariaLabel: 'Customer was asked for Could you please select the policy at 01:23 PM'\n },\n {\n id: '3008407298',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'Insurance policy - 5545456668555',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said Insurance policy - 5545456668555 at 01:23 PM via Public Tweet'\n },\n {\n id: '4700050925',\n type: 'system',\n message: 'Chat escalated to live agent',\n timeStamp: '01:23 PM'\n },\n {\n id: '3608004939',\n type: 'system',\n message: 'Agent Fred joined the chat',\n timeStamp: '01:24 PM'\n }\n ]\n },\n {\n id: 'csrTranscript',\n earlierTranscripts: false,\n title: 'Transcripts: Agent Fred and Jim',\n data: [\n {\n id: '4713954822',\n type: 'transcript',\n timeStamp: '01:24 PM',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n variant: 'user',\n message: 'Hello, Welcome to U-Plus. How can I help you?',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said Hello, Welcome to U-Plus. How can I help you? at 01:24 PM via Public Tweet'\n },\n {\n id: '2582654831',\n type: 'transcript',\n timeStamp: '01:25 PM',\n variant: 'user',\n message: 'Hi, I would like to know my policy terms and condition',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said Hi, I would like to know my policy terms and condition at 01:25 PM'\n },\n {\n id: '4422603601',\n type: 'transcript',\n timeStamp: '01:26 PM',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n variant: 'user',\n message: 'You can refer this article to know more',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said You can refer this article to know more at 01:26 PM via Public Tweet'\n },\n {\n id: '973978246',\n type: 'system',\n message: 'Customer opened knowledge article',\n timeStamp: '01:26 PM'\n },\n {\n id: '44764769',\n type: 'transcript',\n timeStamp: '01:26 PM',\n variant: 'user',\n message: 'Also I would like to know my policy validity',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Also I would like to know my policy validity at 01:26 PM'\n },\n {\n id: '1052005901',\n type: 'transcript',\n timeStamp: '01:27 PM',\n variant: 'user',\n message: 'Is that fine if I can transfer your chat to serve better? ',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said Is that fine if I can transfer your chat to serve better? at 01:27 PM'\n },\n {\n id: '474082342',\n type: 'transcript',\n timeStamp: '01:27 PM',\n variant: 'user',\n message: 'Yeah Sure',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Yeah Sure at 01:27 PM'\n },\n {\n id: '2128368768',\n type: 'system',\n message: 'Chat has been transferred',\n timeStamp: '01:27 PM'\n }\n ]\n }\n ],\n participants: {\n transcriptUser1: {\n avatarInfo: {\n name: 'Jim'\n }\n },\n transcriptUser2: {\n avatarInfo: {\n name: 'Fred'\n }\n },\n sender: {\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n }\n },\n sender2: {\n variant: 'sender',\n direction: 'out'\n },\n receiver: {\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n }\n },\n other: {\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n }\n }\n },\n chatMessages: [\n {\n id: '4276065002',\n type: 'system',\n message: 'John brown has joined',\n timeStamp: '01:44 PM'\n },\n {\n id: '88365643',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Hi, Welcome to u-plus. How can I help you ?',\n timeStamp: '1:44 PM',\n status: 'sent',\n 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 },\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 ariaLabel:\n 'John Brown said Hi, Welcome to u-plus. How can I help you ? at 1:44 PM with 2 attachments'\n },\n {\n id: '3245595973',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'You may also reach us via',\n timeStamp: '1:45 PM',\n 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 ariaLabel: 'John Brown said You may also reach us via at 1:45 PM with 1 link'\n },\n {\n id: '3865379335',\n type: 'message',\n variant: 'receiver',\n messagePrivacy: 'PUBLIC TWEET',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Hi, I would like to know the validity of my policy',\n ariaLabel:\n 'Sara Davis said Hi, I would like to know the validity of my policy via Public Tweet'\n },\n {\n id: '777315059',\n type: 'message',\n variant: 'receiver',\n messagePrivacy: 'PUBLIC TWEET',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Could you please help',\n timeStamp: '1:45 PM',\n ariaLabel: 'Sara Davis said Could you please help at 1:45 PM via Public Tweet'\n },\n {\n id: '4001121034',\n type: 'system',\n message: 'Pegasystems has joined'\n },\n {\n id: '779591083',\n type: 'message',\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: 'Great, our CSR will help you with that',\n timeStamp: '1:46 PM',\n ariaLabel: 'Pegasystems said Great, our CSR will help you with that at 1:46 PM'\n },\n {\n id: '2683629622',\n type: 'message',\n variant: 'sender',\n messagePrivacy: 'PUBLIC REPLY',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Sure',\n timeStamp: '1:48 PM',\n status: 'delivered',\n ariaLabel: 'John Brown said Sure at 1:48 PM via Public Tweet'\n },\n {\n id: '2748689942',\n type: 'message',\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: ' Carry on',\n timeStamp: '1:49 PM',\n attachments: [\n {\n id: '2499167343',\n name: 'Departments mapping',\n icon: 'document-doc',\n meta: 'PDF 0.1 MB'\n }\n ],\n ariaLabel: 'Pegasystems said Carry on at 1:49 PM with 1 attachment'\n },\n {\n id: '4110947991',\n type: 'message',\n variant: 'other',\n direction: 'in',\n messagePrivacy: 'PUBLIC REPLY',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: ' Refer these documents for more FAQ',\n timeStamp: '1:49 PM',\n attachments: [\n {\n id: '2499167345',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-doc',\n meta: 'PDF 0.7 MB'\n },\n {\n id: '2499167346',\n name: 'Privacy policy',\n icon: 'document-doc',\n meta: 'WORD 0.1 MB'\n }\n ],\n ariaLabel:\n 'Pegasystems said Refer these documents for more FAQ at 1:49 PM with 2 attachments via Public Tweet'\n },\n {\n id: '2549273884',\n type: 'system',\n message: 'Pegasystems has left'\n },\n {\n id: '3375453344',\n type: 'message',\n variant: 'sender',\n messagePrivacy: 'PUBLIC REPLY',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Could you please help me with your account num',\n timeStamp: '1:50 PM',\n attachments: [\n {\n id: '2499167347',\n name: 'Security policy',\n icon: 'document-pdf',\n meta: 'PDF 6.1 MB'\n }\n ],\n ariaLabel:\n 'John Brown said Could you please help me with your account num at 1:50 PM with 1 attachment via Public Tweet'\n },\n {\n id: '1868448522',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Yeah, sure please give me a second',\n ariaLabel: 'Sara Davis said Yeah, sure please give me a second '\n },\n {\n id: '1295058543',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n timeStamp: '1:50 PM',\n attachments: [\n {\n id: '2499167348',\n name: 'Vehicle insurance',\n icon: 'document-doc',\n meta: 'WORD 1.1 MB'\n }\n ],\n ariaLabel: 'Sara Davis said 5588-8899-45-89 at 1:50 PM with 1 attachment'\n },\n {\n id: '2690247642',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Let me pick your details',\n status: 'delivered',\n ariaLabel: 'John Brown said Let me pick your details '\n },\n {\n id: '1208949065',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Can I please transfer your chat request to concerned department please ?',\n timeStamp: '1:51 PM',\n ariaLabel:\n 'John Brown said Can I please transfer your chat request to concerned department please ? at 1:51 PM'\n },\n {\n id: '4302656892',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Sure',\n timeStamp: '1:51 PM',\n ariaLabel: 'Sara Davis said Sure at 1:51 PM'\n },\n {\n id: '658052414',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Please give me a moment',\n timeStamp: '1:51 PM',\n ariaLabel: 'John Brown said Please give me a moment at 1:51 PM'\n },\n {\n id: '719933419',\n type: 'system',\n message: 'Mike has joined'\n },\n {\n id: '679831597',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message:\n 'Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details',\n timeStamp: '1:51 PM',\n ariaLabel:\n 'You said Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details at 1:51 PM'\n },\n {\n id: '2785439809',\n type: 'system',\n message: 'John brown has left'\n },\n {\n id: '85859690',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Ok, your insurance is valid until Dec 21, 2020 11:00 AM',\n timeStamp: '1:52 PM',\n ariaLabel: 'You said Ok, your insurance is valid until Dec 21, 2020 11:00 AM at 1:52 PM'\n },\n {\n id: '2484793043',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Thanks',\n timeStamp: '1:52 PM',\n ariaLabel: 'Sara Davis said Thanks at 1:52 PM'\n },\n {\n id: '352967030',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Is there anything I can help you with',\n timeStamp: '1:52 PM',\n ariaLabel: 'You said Is there anything I can help you with at 1:52 PM'\n },\n {\n id: '3432757116',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'I am good.πŸ˜ƒ',\n timeStamp: '1:53 PM',\n ariaLabel: 'Sara Davis said I am good πŸ˜ƒ. at 1:53 PM'\n },\n {\n id: '2432461831',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Thanks for contacting us, have a great day',\n timeStamp: '1:53 PM',\n ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM',\n status: 'undelivered'\n },\n {\n id: '2965626280',\n type: 'system',\n message: 'Chat has been ended'\n }\n ],\n defaultAttachments: [\n {\n id: '4455774588',\n name: '03/2020 statement.pdf'\n },\n {\n id: '44557745889',\n name: 'Policy T&C.pdf'\n }\n ],\n suggestedReplies: [\n {\n id: 'suggested_reply_1',\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 94\n },\n {\n id: 'suggested_reply_2',\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};\n\nexport const phrasesDisplayNames: MenuProps['items'] = [\n {\n id: '1',\n primary: 'Account',\n items: [\n {\n id: '1-1',\n primary: 'Account balance'\n }\n ]\n },\n {\n id: '2',\n primary: 'Agreement',\n items: [\n {\n id: '2-1',\n primary: 'End of a case/interaction'\n },\n {\n id: '2-2',\n primary: 'Mid interaction'\n }\n ]\n },\n {\n id: '3',\n primary: 'Apologize',\n items: [\n {\n id: '3-1',\n primary: 'Apologize - ask customer to'\n },\n {\n id: '3-2',\n primary: 'Thanks for patience'\n }\n ]\n },\n {\n id: '4',\n primary: 'Ask for transfer',\n items: [\n {\n id: '4-1',\n primary: 'Agent not available'\n },\n {\n id: '4-2',\n primary: 'Agent not available - call back'\n },\n {\n id: '4-3',\n primary: 'Agent not available - stall'\n }\n ]\n }\n];\n\nexport const phrasesMessages = [\n {\n id: '1-1',\n message: 'Ms. Sara J Connor your account balance is $5226.32'\n },\n {\n id: '2-1',\n message: 'My pleasure! Is there anything else I can do for you today?'\n },\n {\n id: '2-2',\n message: 'You are welcome!'\n },\n {\n id: '3-1',\n message:\n \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\"\n },\n {\n id: '3-2',\n message: 'Thanks for your patience. I am working on your request. I will be with you shortly.'\n },\n {\n id: '4-1',\n message:\n 'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.'\n },\n {\n id: '4-2',\n message:\n \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\"\n },\n {\n id: '4-3',\n message:\n 'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.'\n }\n];\n\nexport const pagePushList = [\n {\n id: '3245595454',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'You may also reach us via',\n timeStamp: '1:45 PM',\n 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 ariaLabel: 'John Brown said You may also reach us via at 1:45 PM with 1 link'\n },\n {\n id: '3245596782',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Online Portal',\n timeStamp: '1:45 PM',\n pagePushLinks: [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n title: 'Ask the expert'\n }\n ],\n ariaLabel: 'John Brown said Online portal at 1:45 PM with 1 link'\n },\n {\n id: '3245556754',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Contact center',\n timeStamp: '1:45 PM',\n pagePushLinks: [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n title: 'Ask the expert'\n }\n ],\n ariaLabel: 'John Brown said Contact center at 1:45 PM with 1 link'\n }\n];\n"]}
1
+ {"version":3,"file":"Chat.mocks.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { FieldValueListItemProps, MenuProps } from '@pega/cosmos-react-core';\n\nexport const ChatMockData = {\n transcripts: [\n {\n id: 'botTranscripts',\n title: 'Bot',\n earlierTranscripts: true,\n data: [\n {\n id: '2499167349',\n type: 'transcript',\n timeStamp: '01:20 PM',\n variant: 'bot',\n message: 'Hello… This is bot. How can I help you? Please select your category. ',\n ariaLabel:\n 'Bot said Hello… This is bot. How can I help you? Please select your category. at 01:20 PM'\n },\n {\n id: '414918079',\n type: 'transcript',\n timeStamp: '01:21 PM',\n variant: 'user',\n message: 'Policy details',\n avatarInfo: {\n name: 'Sara Davis'\n },\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n ariaLabel: 'Sara Davis said Policy details at 01:21 PM via Public Tweet'\n },\n {\n id: '4750473261',\n type: 'transcript',\n timeStamp: '01:22 PM',\n variant: 'bot',\n message: 'Please select what would you like to know about your policy. πŸ˜ƒπŸ˜ƒ',\n ariaLabel:\n 'Bot said Please select what would you like to know about your policy. at 01:22 PM'\n },\n {\n id: '925521127',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'Policy terms and conditions',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Policy terms and conditions at 01:23 PM'\n }\n ]\n },\n {\n id: 'preChatTranscript',\n title: 'Questionnaire',\n earlierTranscripts: false,\n data: [\n {\n id: '1457969897',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'question',\n message: 'Could you please enter your query',\n ariaLabel: 'Customer was asked for Could you please enter your query at 01:23 PM'\n },\n {\n id: '4633052071',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'I would like to know my policy terms and conditions',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said I would like to know my policy terms and conditions at 01:23 PM'\n },\n {\n id: '3105885518',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'question',\n message: 'Could you please select the policy',\n ariaLabel: 'Customer was asked for Could you please select the policy at 01:23 PM'\n },\n {\n id: '3008407298',\n type: 'transcript',\n timeStamp: '01:23 PM',\n variant: 'user',\n message: 'Insurance policy - 5545456668555',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said Insurance policy - 5545456668555 at 01:23 PM via Public Tweet'\n },\n {\n id: '4700050925',\n type: 'system',\n message: 'Chat escalated to live agent',\n timeStamp: '01:23 PM'\n },\n {\n id: '3608004939',\n type: 'system',\n message: 'Agent Fred joined the chat',\n timeStamp: '01:24 PM'\n }\n ]\n },\n {\n id: 'csrTranscript',\n earlierTranscripts: false,\n title: 'Transcripts: Agent Fred and Jim',\n data: [\n {\n id: '4713954822',\n type: 'transcript',\n timeStamp: '01:24 PM',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n variant: 'user',\n message: 'Hello, Welcome to U-Plus. How can I help you?',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said Hello, Welcome to U-Plus. How can I help you? at 01:24 PM via Public Tweet'\n },\n {\n id: '2582654831',\n type: 'transcript',\n timeStamp: '01:25 PM',\n variant: 'user',\n message: 'Hi, I would like to know my policy terms and condition',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel:\n 'Sara Davis said Hi, I would like to know my policy terms and condition at 01:25 PM'\n },\n {\n id: '4422603601',\n type: 'transcript',\n timeStamp: '01:26 PM',\n messagePrivacy: {\n privacy: 'PUBLIC TWEET'\n },\n variant: 'user',\n message: 'You can refer this article to know more',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said You can refer this article to know more at 01:26 PM via Public Tweet'\n },\n {\n id: '973978246',\n type: 'system',\n message: 'Customer opened knowledge article',\n timeStamp: '01:26 PM'\n },\n {\n id: '44764769',\n type: 'transcript',\n timeStamp: '01:26 PM',\n variant: 'user',\n message: 'Also I would like to know my policy validity',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Also I would like to know my policy validity at 01:26 PM'\n },\n {\n id: '1052005901',\n type: 'transcript',\n timeStamp: '01:27 PM',\n variant: 'user',\n message: 'Is that fine if I can transfer your chat to serve better? ',\n avatarInfo: {\n name: 'Jim'\n },\n ariaLabel:\n 'Jim said Is that fine if I can transfer your chat to serve better? at 01:27 PM'\n },\n {\n id: '474082342',\n type: 'transcript',\n timeStamp: '01:27 PM',\n variant: 'user',\n message: 'Yeah Sure',\n avatarInfo: {\n name: 'Sara Davis'\n },\n ariaLabel: 'Sara Davis said Yeah Sure at 01:27 PM'\n },\n {\n id: '2128368768',\n type: 'system',\n message: 'Chat has been transferred',\n timeStamp: '01:27 PM'\n }\n ]\n }\n ],\n participants: {\n transcriptUser1: {\n avatarInfo: {\n name: 'Jim'\n }\n },\n transcriptUser2: {\n avatarInfo: {\n name: 'Fred'\n }\n },\n sender: {\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n }\n },\n sender2: {\n variant: 'sender',\n direction: 'out'\n },\n receiver: {\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n }\n },\n other: {\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n }\n }\n },\n chatMessages: [\n {\n id: '4276065002',\n type: 'system',\n message: 'John brown has joined',\n timeStamp: '01:44 PM'\n },\n {\n id: '88365643',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Hi, Welcome to u-plus. How can I help you ?',\n timeStamp: '1:44 PM',\n status: 'sent',\n 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 },\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 ariaLabel:\n 'John Brown said Hi, Welcome to u-plus. How can I help you ? at 1:44 PM with 2 attachments'\n },\n {\n id: '3245595973',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'You may also reach us via',\n timeStamp: '1:45 PM',\n 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 ariaLabel: 'John Brown said You may also reach us via at 1:45 PM with 1 link'\n },\n {\n id: '3865379335',\n type: 'message',\n variant: 'receiver',\n messagePrivacy: 'PUBLIC TWEET',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Hi, I would like to know the validity of my policy',\n ariaLabel:\n 'Sara Davis said Hi, I would like to know the validity of my policy via Public Tweet'\n },\n {\n id: '777315059',\n type: 'message',\n variant: 'receiver',\n messagePrivacy: 'PUBLIC TWEET',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Could you please help',\n timeStamp: '1:45 PM',\n ariaLabel: 'Sara Davis said Could you please help at 1:45 PM via Public Tweet'\n },\n {\n id: '4001121034',\n type: 'system',\n message: 'Pegasystems has joined'\n },\n {\n id: '779591083',\n type: 'message',\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: 'Great, our CSR will help you with that',\n timeStamp: '1:46 PM',\n ariaLabel: 'Pegasystems said Great, our CSR will help you with that at 1:46 PM'\n },\n {\n id: '2683629622',\n type: 'message',\n variant: 'sender',\n messagePrivacy: 'PUBLIC REPLY',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Sure',\n timeStamp: '1:48 PM',\n status: 'delivered',\n ariaLabel: 'John Brown said Sure at 1:48 PM via Public Tweet'\n },\n {\n id: '2748689942',\n type: 'message',\n variant: 'other',\n direction: 'in',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: ' Carry on',\n timeStamp: '1:49 PM',\n attachments: [\n {\n id: '2499167343',\n name: 'Departments mapping',\n icon: 'document-doc',\n meta: 'PDF 0.1 MB'\n }\n ],\n ariaLabel: 'Pegasystems said Carry on at 1:49 PM with 1 attachment'\n },\n {\n id: '4110947991',\n type: 'message',\n variant: 'other',\n direction: 'in',\n messagePrivacy: 'PUBLIC REPLY',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc: 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: ' Refer these documents for more FAQ',\n timeStamp: '1:49 PM',\n attachments: [\n {\n id: '2499167345',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-doc',\n meta: 'PDF 0.7 MB'\n },\n {\n id: '2499167346',\n name: 'Privacy policy',\n icon: 'document-doc',\n meta: 'WORD 0.1 MB'\n }\n ],\n ariaLabel:\n 'Pegasystems said Refer these documents for more FAQ at 1:49 PM with 2 attachments via Public Tweet'\n },\n {\n id: '2549273884',\n type: 'system',\n message: 'Pegasystems has left'\n },\n {\n id: '3375453344',\n type: 'message',\n variant: 'sender',\n messagePrivacy: 'PUBLIC REPLY',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Could you please help me with your account num',\n timeStamp: '1:50 PM',\n attachments: [\n {\n id: '2499167347',\n name: 'Security policy',\n icon: 'document-pdf',\n meta: 'PDF 6.1 MB'\n }\n ],\n ariaLabel:\n 'John Brown said Could you please help me with your account num at 1:50 PM with 1 attachment via Public Tweet'\n },\n {\n id: '1868448522',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Yeah, sure please give me a second',\n ariaLabel: 'Sara Davis said Yeah, sure please give me a second '\n },\n {\n id: '1295058543',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n timeStamp: '1:50 PM',\n attachments: [\n {\n id: '2499167348',\n name: 'Vehicle insurance',\n icon: 'document-doc',\n meta: 'WORD 1.1 MB'\n }\n ],\n ariaLabel: 'Sara Davis said 5588-8899-45-89 at 1:50 PM with 1 attachment'\n },\n {\n id: '2690247642',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Let me pick your details',\n status: 'delivered',\n ariaLabel: 'John Brown said Let me pick your details '\n },\n {\n id: '1208949065',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Can I please transfer your chat request to concerned department please ?',\n timeStamp: '1:51 PM',\n ariaLabel:\n 'John Brown said Can I please transfer your chat request to concerned department please ? at 1:51 PM'\n },\n {\n id: '4302656892',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Sure',\n timeStamp: '1:51 PM',\n ariaLabel: 'Sara Davis said Sure at 1:51 PM'\n },\n {\n id: '658052414',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Please give me a moment',\n timeStamp: '1:51 PM',\n ariaLabel: 'John Brown said Please give me a moment at 1:51 PM'\n },\n {\n id: '719933419',\n type: 'system',\n message: 'Mike has joined'\n },\n {\n id: '679831597',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message:\n 'Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details',\n timeStamp: '1:51 PM',\n ariaLabel:\n 'You said Hi Sara. This is Mike. John has discussed with me. I will be helping you out with the required details at 1:51 PM'\n },\n {\n id: '2785439809',\n type: 'system',\n message: 'John brown has left'\n },\n {\n id: '85859690',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Ok, your insurance is valid until Dec 21, 2020 11:00 AM',\n timeStamp: '1:52 PM',\n ariaLabel: 'You said Ok, your insurance is valid until Dec 21, 2020 11:00 AM at 1:52 PM'\n },\n {\n id: '2484793043',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'Thanks',\n timeStamp: '1:52 PM',\n ariaLabel: 'Sara Davis said Thanks at 1:52 PM'\n },\n {\n id: '352967030',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Is there anything I can help you with',\n timeStamp: '1:52 PM',\n ariaLabel: 'You said Is there anything I can help you with at 1:52 PM'\n },\n {\n id: '3432757116',\n type: 'message',\n variant: 'receiver',\n direction: 'in',\n avatarInfo: {\n name: 'Sara Davis'\n },\n message: 'I am good.πŸ˜ƒ',\n timeStamp: '1:53 PM',\n ariaLabel: 'Sara Davis said I am good πŸ˜ƒ. at 1:53 PM'\n },\n {\n id: '2432461831',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n message: 'Thanks for contacting us, have a great day',\n timeStamp: '1:53 PM',\n ariaLabel: 'You said Thanks for contacting us, have a great day at 1:53 PM',\n status: 'undelivered'\n },\n {\n id: '2965626280',\n type: 'system',\n message: 'Chat has been ended'\n }\n ],\n defaultAttachments: [\n {\n id: '4455774588',\n name: '03/2020 statement.pdf'\n },\n {\n id: '44557745889',\n name: 'Policy T&C.pdf'\n }\n ],\n suggestedReplies: [\n {\n id: 'suggested_reply_1',\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 94\n },\n {\n id: 'suggested_reply_2',\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};\n\nexport const phrasesDisplayNames: MenuProps['items'] = [\n {\n id: '1',\n primary: 'Account',\n items: [\n {\n id: '1-1',\n primary: 'Account balance'\n }\n ]\n },\n {\n id: '2',\n primary: 'Agreement',\n items: [\n {\n id: '2-1',\n primary: 'End of a case/interaction'\n },\n {\n id: '2-2',\n primary: 'Mid interaction'\n }\n ]\n },\n {\n id: '3',\n primary: 'Apologize',\n items: [\n {\n id: '3-1',\n primary: 'Apologize - ask customer to'\n },\n {\n id: '3-2',\n primary: 'Thanks for patience'\n }\n ]\n },\n {\n id: '4',\n primary: 'Ask for transfer',\n items: [\n {\n id: '4-1',\n primary: 'Agent not available'\n },\n {\n id: '4-2',\n primary: 'Agent not available - call back'\n },\n {\n id: '4-3',\n primary: 'Agent not available - stall'\n }\n ]\n }\n];\n\nexport const phrasesMessages = [\n {\n id: '1-1',\n message: 'Ms. Sara J Connor your account balance is $5226.32'\n },\n {\n id: '2-1',\n message: 'My pleasure! Is there anything else I can do for you today?'\n },\n {\n id: '2-2',\n message: 'You are welcome!'\n },\n {\n id: '3-1',\n message:\n \"Ms.Connor. We do not respond to that kind of language. I'm doing my best to help you. Please be civil.\"\n },\n {\n id: '3-2',\n message: 'Thanks for your patience. I am working on your request. I will be with you shortly.'\n },\n {\n id: '4-1',\n message:\n 'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.'\n },\n {\n id: '4-2',\n message:\n \"The agent I was looking to transfer you to isn't available. Would it be possible for us to call you when a specialist is available?\"\n },\n {\n id: '4-3',\n message:\n 'It looks like the agent we were looking to transfer you to will not be available. One moment please while I see whether someone else can assist.'\n }\n];\n\nexport const pagePushList = [\n {\n id: '3245595454',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'You may also reach us via',\n timeStamp: '1:45 PM',\n 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 ariaLabel: 'John Brown said You may also reach us via at 1:45 PM with 1 link'\n },\n {\n id: '3245596782',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Online Portal',\n timeStamp: '1:45 PM',\n pagePushLinks: [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n title: 'Ask the expert'\n }\n ],\n ariaLabel: 'John Brown said Online portal at 1:45 PM with 1 link'\n },\n {\n id: '3245556754',\n type: 'message',\n variant: 'sender',\n direction: 'out',\n avatarInfo: {\n name: 'John Brown'\n },\n message: 'Contact center',\n timeStamp: '1:45 PM',\n pagePushLinks: [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n title: 'Ask the expert'\n }\n ],\n ariaLabel: 'John Brown said Contact center at 1:45 PM with 1 link'\n }\n];\n\nexport const contextItems: FieldValueListItemProps[] = [\n {\n id: 'Location',\n name: 'Location',\n value: 'New York, NY',\n variant: 'inline'\n },\n {\n id: 'Initiated from',\n name: 'Initiated from',\n value: 'Uplus.com/Products',\n variant: 'inline'\n },\n {\n id: 'Shopping cart',\n name: 'Shopping cart',\n value: '$155.25',\n variant: 'inline'\n },\n {\n id: 'Items in shopping cart',\n name: 'Items in shopping cart',\n value: 'Product name 01, Product name 02',\n variant: 'inline'\n }\n];\n"]}
@@ -1,10 +1,13 @@
1
1
  import { Meta, Story } from '@storybook/react';
2
- import { MessageProps, SystemMessageProps, TranscriptMessageProps, MessageListProps } from '@pega/cosmos-react-social';
2
+ import { OmitStrict } from '@pega/cosmos-react-core';
3
+ import { ChatHeaderProps, MessageProps, SystemMessageProps, TranscriptMessageProps, MessageListProps } from '@pega/cosmos-react-social';
3
4
  import { TranscriptHeaderProps } from '@pega/cosmos-react-social/lib/components/Chat/TranscriptMessage';
4
5
  declare const _default: Meta<import("@storybook/react").Args>;
5
6
  export default _default;
6
7
  /** *********************** ChatHeader component - START *********************** */
7
- export declare const ChatHeaderDemo: Story;
8
+ interface ChatHeaderDemoProps extends OmitStrict<ChatHeaderProps, 'actions' | 'sentiment' | 'context'> {
9
+ }
10
+ export declare const ChatHeaderDemo: Story<ChatHeaderDemoProps>;
8
11
  /** ***************************** ChatHeader component - END ******************* */
9
12
  /** **************************** MessageList component - START ************************* */
10
13
  export interface MessageListDemoProps {
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAqC/C,OAAO,EASL,YAAY,EASZ,kBAAkB,EAElB,sBAAsB,EAEtB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAC;;AAMxG,wBAGU;AAEV,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAC;AACF,mFAAmF;AAEnF,2FAA2F;AAE3F,MAAM,WAAW,oBAAoB;IACnC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAoBvD,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA+E3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,CAEvD,CAAC;AAaF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAE3D,CAAC;AASF,wFAAwF;AAExF,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC;AACF,4FAA4F;AAE5F,yFAAyF;AAEzF,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAC/C,uBAAuB,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,0BAA0B,CAqBnE,CAAC;AAwBF,yFAAyF;AAEzF,4FAA4F;AAE5F,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAC;AAEF,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,qBAAqB,CAWzD,CAAC;AASF,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CA6sBjD,CAAC;AA+BF,yFAAyF"}
1
+ {"version":3,"file":"Chat.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EA8BL,UAAU,EACX,MAAM,yBAAyB,CAAC;AAKjC,OAAO,EAIL,eAAe,EAMf,YAAY,EASZ,kBAAkB,EAElB,sBAAsB,EAEtB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iEAAiE,CAAC;;AAYxG,wBAGU;AAEV,mFAAmF;AACnF,UAAU,mBACR,SAAQ,UAAU,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;CAAG;AAE7E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,mBAAmB,CAiCrD,CAAC;AAeF,mFAAmF;AAEnF,2FAA2F;AAE3F,MAAM,WAAW,oBAAoB;IACnC,qBAAqB,CAAC,EAAE,gBAAgB,CAAC,uBAAuB,CAAC,CAAC;CACnE;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,oBAAoB,CAoBvD,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA+E3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,kBAAkB,CAEvD,CAAC;AAaF,uFAAuF;AAEvF,uFAAuF;AACvF,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AACD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,sBAAsB,CAE3D,CAAC;AASF,wFAAwF;AAExF,yFAAyF;AACzF,eAAO,MAAM,mBAAmB,EAAE,KAejC,CAAC;AACF,4FAA4F;AAE5F,yFAAyF;AAEzF,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,OAAO,EAAE,sBAAsB,CAAC,SAAS,CAAC,CAAC;IAC3C,SAAS,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC;IAC/C,uBAAuB,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,0BAA0B,CAqBnE,CAAC;AAwBF,yFAAyF;AAEzF,4FAA4F;AAE5F,eAAO,MAAM,wBAAwB,EAAE,KAuBtC,CAAC;AAEF,0FAA0F;AAE1F,8FAA8F;AAC9F,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,qBAAqB,CAWzD,CAAC;AASF,8FAA8F;AAE9F,+FAA+F;AAC/F,UAAU,iBAAiB;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CA0lBjD,CAAC;AA+BF,yFAAyF"}