@pega/cosmos-react-demos 3.0.0-dev.6.0 → 3.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 (460) hide show
  1. package/jsx/build/AppHeader/AppHeader.stories.d.ts.map +1 -1
  2. package/jsx/build/AppHeader/AppHeader.stories.jsx +6 -1
  3. package/jsx/build/AppHeader/AppHeader.stories.jsx.map +1 -1
  4. package/jsx/build/AppShell/AppShell.mocks.d.ts +2 -0
  5. package/jsx/build/AppShell/AppShell.mocks.d.ts.map +1 -1
  6. package/jsx/build/AppShell/{AppShell.mocks.js → AppShell.mocks.jsx} +18 -1
  7. package/jsx/build/AppShell/AppShell.mocks.jsx.map +1 -0
  8. package/jsx/build/AppShell/AppShell.stories.d.ts +2 -4
  9. package/jsx/build/AppShell/AppShell.stories.d.ts.map +1 -1
  10. package/jsx/build/AppShell/AppShell.stories.jsx +20 -30
  11. package/jsx/build/AppShell/AppShell.stories.jsx.map +1 -1
  12. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts +2 -3
  13. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts.map +1 -1
  14. package/jsx/build/DynamicContentEditor/DynamicContentEditor.stories.jsx.map +1 -1
  15. package/jsx/build/FlowModeller/FlowModeller.mocks.d.ts +15 -15
  16. package/jsx/build/FlowModeller/FlowModeller.mocks.d.ts.map +1 -1
  17. package/jsx/build/FlowModeller/FlowModeller.mocks.jsx +49 -46
  18. package/jsx/build/FlowModeller/FlowModeller.mocks.jsx.map +1 -1
  19. package/jsx/build/FlowModeller/FlowModeller.stories.d.ts +3 -4
  20. package/jsx/build/FlowModeller/FlowModeller.stories.d.ts.map +1 -1
  21. package/jsx/build/FlowModeller/FlowModeller.stories.jsx +132 -58
  22. package/jsx/build/FlowModeller/FlowModeller.stories.jsx.map +1 -1
  23. package/jsx/build/ItemLibrary/LibraryPicker.stories.d.ts +2 -3
  24. package/jsx/build/ItemLibrary/LibraryPicker.stories.d.ts.map +1 -1
  25. package/jsx/build/ItemLibrary/LibraryPicker.stories.jsx.map +1 -1
  26. package/jsx/build/LifeCycle/LifeCycle.stories.d.ts +5 -6
  27. package/jsx/build/LifeCycle/LifeCycle.stories.d.ts.map +1 -1
  28. package/jsx/build/LifeCycle/LifeCycle.stories.jsx.map +1 -1
  29. package/jsx/build/ObjectSelect/ObjectSelect.mocks.d.ts +7 -1
  30. package/jsx/build/ObjectSelect/ObjectSelect.mocks.d.ts.map +1 -1
  31. package/jsx/build/ObjectSelect/ObjectSelect.mocks.jsx +66 -46
  32. package/jsx/build/ObjectSelect/ObjectSelect.mocks.jsx.map +1 -1
  33. package/jsx/build/ObjectSelect/ObjectSelect.stories.d.ts +1 -2
  34. package/jsx/build/ObjectSelect/ObjectSelect.stories.d.ts.map +1 -1
  35. package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx +38 -6
  36. package/jsx/build/ObjectSelect/ObjectSelect.stories.jsx.map +1 -1
  37. package/jsx/build/PageTemplates/GalleryPage.mocks.d.ts +10 -9
  38. package/jsx/build/PageTemplates/GalleryPage.mocks.d.ts.map +1 -1
  39. package/jsx/build/PageTemplates/GalleryPage.mocks.jsx +7 -9
  40. package/jsx/build/PageTemplates/GalleryPage.mocks.jsx.map +1 -1
  41. package/jsx/build/PageTemplates/GalleryPage.stories.d.ts +0 -1
  42. package/jsx/build/PageTemplates/GalleryPage.stories.d.ts.map +1 -1
  43. package/jsx/build/PageTemplates/GalleryPage.stories.jsx +12 -14
  44. package/jsx/build/PageTemplates/GalleryPage.stories.jsx.map +1 -1
  45. package/jsx/build/PageTemplates/PageTemplates.mocks.d.ts +8 -1
  46. package/jsx/build/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  47. package/jsx/build/PageTemplates/PageTemplates.mocks.jsx +161 -3
  48. package/jsx/build/PageTemplates/PageTemplates.mocks.jsx.map +1 -1
  49. package/jsx/build/PageTemplates/PageTemplates.stories.d.ts +4 -10
  50. package/jsx/build/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  51. package/jsx/build/PageTemplates/PageTemplates.stories.jsx +95 -144
  52. package/jsx/build/PageTemplates/PageTemplates.stories.jsx.map +1 -1
  53. package/jsx/core/Badges/Keyboard.stories.d.ts +6 -0
  54. package/jsx/core/Badges/Keyboard.stories.d.ts.map +1 -0
  55. package/jsx/core/Badges/Keyboard.stories.jsx +17 -0
  56. package/jsx/core/Badges/Keyboard.stories.jsx.map +1 -0
  57. package/jsx/core/Badges/Selection.stories.d.ts +2 -3
  58. package/jsx/core/Badges/Selection.stories.d.ts.map +1 -1
  59. package/jsx/core/Badges/Selection.stories.jsx.map +1 -1
  60. package/jsx/core/Badges/Tag.stories.d.ts +2 -3
  61. package/jsx/core/Badges/Tag.stories.d.ts.map +1 -1
  62. package/jsx/core/Badges/Tag.stories.jsx.map +1 -1
  63. package/jsx/core/Banner/Banner.stories.d.ts +7 -18
  64. package/jsx/core/Banner/Banner.stories.d.ts.map +1 -1
  65. package/jsx/core/Banner/Banner.stories.jsx.map +1 -1
  66. package/jsx/core/Breadcrumbs/Breadcrumbs.stories.d.ts +3 -4
  67. package/jsx/core/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
  68. package/jsx/core/Breadcrumbs/Breadcrumbs.stories.jsx.map +1 -1
  69. package/jsx/core/Button/Button.stories.d.ts +2 -3
  70. package/jsx/core/Button/Button.stories.d.ts.map +1 -1
  71. package/jsx/core/Button/Button.stories.jsx.map +1 -1
  72. package/jsx/core/Card/Card.stories.d.ts +1 -2
  73. package/jsx/core/Card/Card.stories.d.ts.map +1 -1
  74. package/jsx/core/Card/Card.stories.jsx.map +1 -1
  75. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.d.ts +3 -3
  76. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -1
  77. package/jsx/core/CheckboxGroup/CheckboxGroup.stories.jsx.map +1 -1
  78. package/jsx/core/ColorPicker/ColorPicker.stories.d.ts +1 -2
  79. package/jsx/core/ColorPicker/ColorPicker.stories.d.ts.map +1 -1
  80. package/jsx/core/ColorPicker/ColorPicker.stories.jsx.map +1 -1
  81. package/jsx/core/Configuration/Configuration.stories.d.ts +2 -3
  82. package/jsx/core/Configuration/Configuration.stories.d.ts.map +1 -1
  83. package/jsx/core/Configuration/Configuration.stories.jsx.map +1 -1
  84. package/jsx/core/CreditCard/CreditCard.stories.d.ts +3 -2
  85. package/jsx/core/CreditCard/CreditCard.stories.d.ts.map +1 -1
  86. package/jsx/core/CreditCard/CreditCard.stories.jsx +41 -6
  87. package/jsx/core/CreditCard/CreditCard.stories.jsx.map +1 -1
  88. package/jsx/core/Currency/Currency.stories.d.ts +2 -2
  89. package/jsx/core/Currency/Currency.stories.d.ts.map +1 -1
  90. package/jsx/core/Currency/Currency.stories.jsx.map +1 -1
  91. package/jsx/core/DateTime/DateTime.stories.jsx +1 -1
  92. package/jsx/core/DateTime/DateTime.stories.jsx.map +1 -1
  93. package/jsx/core/FieldGroup/FieldGroup.stories.d.ts +6 -6
  94. package/jsx/core/FieldGroup/FieldGroup.stories.d.ts.map +1 -1
  95. package/jsx/core/FieldGroup/FieldGroup.stories.jsx.map +1 -1
  96. package/jsx/core/FieldValueList/FieldValueList.stories.d.ts +2 -2
  97. package/jsx/core/FieldValueList/FieldValueList.stories.d.ts.map +1 -1
  98. package/jsx/core/FieldValueList/FieldValueList.stories.jsx.map +1 -1
  99. package/jsx/core/Flex/FlexContainer.stories.d.ts +1 -2
  100. package/jsx/core/Flex/FlexContainer.stories.d.ts.map +1 -1
  101. package/jsx/core/Flex/FlexContainer.stories.jsx.map +1 -1
  102. package/jsx/core/Grid/GridContainer.stories.d.ts +4 -5
  103. package/jsx/core/Grid/GridContainer.stories.d.ts.map +1 -1
  104. package/jsx/core/Grid/GridContainer.stories.jsx.map +1 -1
  105. package/jsx/core/Grid/GridItem.stories.d.ts +1 -2
  106. package/jsx/core/Grid/GridItem.stories.d.ts.map +1 -1
  107. package/jsx/core/Grid/GridItem.stories.jsx.map +1 -1
  108. package/jsx/core/Icon/Icon.stories.d.ts +5 -6
  109. package/jsx/core/Icon/Icon.stories.d.ts.map +1 -1
  110. package/jsx/core/Icon/Icon.stories.jsx.map +1 -1
  111. package/jsx/core/Image/Image.stories.d.ts +2 -3
  112. package/jsx/core/Image/Image.stories.d.ts.map +1 -1
  113. package/jsx/core/Image/Image.stories.jsx.map +1 -1
  114. package/jsx/core/List/CommaSeparatedList.stories.d.ts +2 -2
  115. package/jsx/core/List/CommaSeparatedList.stories.d.ts.map +1 -1
  116. package/jsx/core/List/CommaSeparatedList.stories.jsx.map +1 -1
  117. package/jsx/core/ListToolbar/ListToolbar.stories.d.ts +3 -4
  118. package/jsx/core/ListToolbar/ListToolbar.stories.d.ts.map +1 -1
  119. package/jsx/core/ListToolbar/ListToolbar.stories.jsx.map +1 -1
  120. package/jsx/core/MenuButton/MenuButton.stories.d.ts +6 -6
  121. package/jsx/core/MenuButton/MenuButton.stories.d.ts.map +1 -1
  122. package/jsx/core/MenuButton/MenuButton.stories.jsx.map +1 -1
  123. package/jsx/core/Modal/Modal.stories.d.ts +10 -5
  124. package/jsx/core/Modal/Modal.stories.d.ts.map +1 -1
  125. package/jsx/core/Modal/Modal.stories.jsx +6 -1
  126. package/jsx/core/Modal/Modal.stories.jsx.map +1 -1
  127. package/jsx/core/MultiStep/MultiStep.stories.d.ts +2 -3
  128. package/jsx/core/MultiStep/MultiStep.stories.d.ts.map +1 -1
  129. package/jsx/core/MultiStep/MultiStep.stories.jsx.map +1 -1
  130. package/jsx/core/Number/Number.stories.d.ts +6 -3
  131. package/jsx/core/Number/Number.stories.d.ts.map +1 -1
  132. package/jsx/core/Number/Number.stories.jsx +10 -4
  133. package/jsx/core/Number/Number.stories.jsx.map +1 -1
  134. package/jsx/core/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  135. package/jsx/core/PageTemplates/PageTemplates.stories.jsx +20 -32
  136. package/jsx/core/PageTemplates/PageTemplates.stories.jsx.map +1 -1
  137. package/jsx/core/Phone/Phone.stories.d.ts.map +1 -1
  138. package/jsx/core/Phone/Phone.stories.jsx +3 -1
  139. package/jsx/core/Phone/Phone.stories.jsx.map +1 -1
  140. package/jsx/core/Popover/Popover.stories.d.ts +1 -1
  141. package/jsx/core/Popover/Popover.stories.d.ts.map +1 -1
  142. package/jsx/core/Popover/Popover.stories.jsx.map +1 -1
  143. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts +3 -3
  144. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -1
  145. package/jsx/core/RadioButtonGroup/RadioButtonGroup.stories.jsx.map +1 -1
  146. package/jsx/core/Slider/Slider.stories.d.ts +4 -3
  147. package/jsx/core/Slider/Slider.stories.d.ts.map +1 -1
  148. package/jsx/core/Slider/Slider.stories.jsx +1 -1
  149. package/jsx/core/Slider/Slider.stories.jsx.map +1 -1
  150. package/jsx/core/SummaryItem/SummaryItem.stories.d.ts +5 -5
  151. package/jsx/core/SummaryItem/SummaryItem.stories.d.ts.map +1 -1
  152. package/jsx/core/SummaryItem/SummaryItem.stories.jsx.map +1 -1
  153. package/jsx/core/SummaryList/SummaryList.stories.d.ts +2 -2
  154. package/jsx/core/SummaryList/SummaryList.stories.d.ts.map +1 -1
  155. package/jsx/core/SummaryList/SummaryList.stories.jsx.map +1 -1
  156. package/jsx/core/Tabs/Tabs.stories.d.ts +5 -2
  157. package/jsx/core/Tabs/Tabs.stories.d.ts.map +1 -1
  158. package/jsx/core/Tabs/Tabs.stories.jsx.map +1 -1
  159. package/jsx/core/Toaster/Toaster.stories.d.ts +2 -3
  160. package/jsx/core/Toaster/Toaster.stories.d.ts.map +1 -1
  161. package/jsx/core/Toaster/Toaster.stories.jsx.map +1 -1
  162. package/jsx/core/Tooltip/Tooltip.stories.d.ts +1 -2
  163. package/jsx/core/Tooltip/Tooltip.stories.d.ts.map +1 -1
  164. package/jsx/core/Tooltip/Tooltip.stories.jsx.map +1 -1
  165. package/jsx/core/Tree/Tree.stories.d.ts +1 -2
  166. package/jsx/core/Tree/Tree.stories.d.ts.map +1 -1
  167. package/jsx/core/Tree/Tree.stories.jsx.map +1 -1
  168. package/jsx/cs/Article/Article.stories.d.ts +3 -4
  169. package/jsx/cs/Article/Article.stories.d.ts.map +1 -1
  170. package/jsx/cs/Article/Article.stories.jsx.map +1 -1
  171. package/jsx/cs/ArticleList/ArticleList.stories.d.ts +3 -4
  172. package/jsx/cs/ArticleList/ArticleList.stories.d.ts.map +1 -1
  173. package/jsx/cs/ArticleList/ArticleList.stories.jsx.map +1 -1
  174. package/jsx/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts +3 -4
  175. package/jsx/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts.map +1 -1
  176. package/jsx/cs/IntelligentGuidance/IntelligentGuidance.stories.jsx.map +1 -1
  177. package/jsx/rte/Editor/Editor.mocks.d.ts +307 -4
  178. package/jsx/rte/Editor/Editor.mocks.d.ts.map +1 -1
  179. package/jsx/rte/Editor/Editor.mocks.jsx +16 -13
  180. package/jsx/rte/Editor/Editor.mocks.jsx.map +1 -1
  181. package/jsx/rte/Editor/Editor.stories.d.ts +7 -8
  182. package/jsx/rte/Editor/Editor.stories.d.ts.map +1 -1
  183. package/jsx/rte/Editor/Editor.stories.jsx +3 -3
  184. package/jsx/rte/Editor/Editor.stories.jsx.map +1 -1
  185. package/jsx/rte/RichTextEditor/RichTextViewer.stories.d.ts +5 -5
  186. package/jsx/rte/RichTextEditor/RichTextViewer.stories.d.ts.map +1 -1
  187. package/jsx/rte/RichTextEditor/RichTextViewer.stories.jsx +18 -1
  188. package/jsx/rte/RichTextEditor/RichTextViewer.stories.jsx.map +1 -1
  189. package/jsx/social/Chat/Chat.stories.d.ts +6 -7
  190. package/jsx/social/Chat/Chat.stories.d.ts.map +1 -1
  191. package/jsx/social/Chat/Chat.stories.jsx +5 -3
  192. package/jsx/social/Chat/Chat.stories.jsx.map +1 -1
  193. package/jsx/social/Email/Email.stories.d.ts +5 -11
  194. package/jsx/social/Email/Email.stories.d.ts.map +1 -1
  195. package/jsx/social/Email/Email.stories.jsx.map +1 -1
  196. package/jsx/social/Feed/Feed.stories.d.ts +6 -11
  197. package/jsx/social/Feed/Feed.stories.d.ts.map +1 -1
  198. package/jsx/social/Feed/Feed.stories.jsx.map +1 -1
  199. package/jsx/social/Feed/FeedNewPost.stories.d.ts +7 -14
  200. package/jsx/social/Feed/FeedNewPost.stories.d.ts.map +1 -1
  201. package/jsx/social/Feed/FeedNewPost.stories.jsx.map +1 -1
  202. package/jsx/social/Feed/FeedPost.stories.d.ts +4 -5
  203. package/jsx/social/Feed/FeedPost.stories.d.ts.map +1 -1
  204. package/jsx/social/Feed/FeedPost.stories.jsx.map +1 -1
  205. package/jsx/social/Feed/FeedReply.stories.d.ts +10 -10
  206. package/jsx/social/Feed/FeedReply.stories.d.ts.map +1 -1
  207. package/jsx/social/Feed/FeedReply.stories.jsx.map +1 -1
  208. package/jsx/social/Feed/FeedReplyInput.stories.d.ts +7 -12
  209. package/jsx/social/Feed/FeedReplyInput.stories.d.ts.map +1 -1
  210. package/jsx/social/Feed/FeedReplyInput.stories.jsx.map +1 -1
  211. package/jsx/work/CaseView/CaseView.stories.d.ts +4 -11
  212. package/jsx/work/CaseView/CaseView.stories.d.ts.map +1 -1
  213. package/jsx/work/CaseView/CaseView.stories.jsx.map +1 -1
  214. package/jsx/work/CaseView/MobileCaseView.stories.d.ts +2 -3
  215. package/jsx/work/CaseView/MobileCaseView.stories.d.ts.map +1 -1
  216. package/jsx/work/CaseView/MobileCaseView.stories.jsx.map +1 -1
  217. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts +2 -3
  218. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts.map +1 -1
  219. package/jsx/work/ConfigurableLayout/ConfigurableLayout.stories.jsx.map +1 -1
  220. package/jsx/work/Confirmation/Confirmation.stories.jsx +1 -1
  221. package/jsx/work/Confirmation/Confirmation.stories.jsx.map +1 -1
  222. package/jsx/work/Stakeholders/Stakeholders.stories.d.ts +2 -3
  223. package/jsx/work/Stakeholders/Stakeholders.stories.d.ts.map +1 -1
  224. package/jsx/work/Stakeholders/Stakeholders.stories.jsx.map +1 -1
  225. package/jsx/work/Tasks/Tasks.stories.jsx +1 -1
  226. package/jsx/work/Tasks/Tasks.stories.jsx.map +1 -1
  227. package/jsx/work/Timeline/Timeline.stories.d.ts +1 -2
  228. package/jsx/work/Timeline/Timeline.stories.d.ts.map +1 -1
  229. package/jsx/work/Timeline/Timeline.stories.jsx.map +1 -1
  230. package/lib/build/AppHeader/AppHeader.stories.d.ts.map +1 -1
  231. package/lib/build/AppHeader/AppHeader.stories.js +6 -1
  232. package/lib/build/AppHeader/AppHeader.stories.js.map +1 -1
  233. package/lib/build/AppShell/AppShell.mocks.d.ts +2 -0
  234. package/lib/build/AppShell/AppShell.mocks.d.ts.map +1 -1
  235. package/lib/build/AppShell/AppShell.mocks.js +16 -0
  236. package/lib/build/AppShell/AppShell.mocks.js.map +1 -1
  237. package/lib/build/AppShell/AppShell.stories.d.ts +2 -4
  238. package/lib/build/AppShell/AppShell.stories.d.ts.map +1 -1
  239. package/lib/build/AppShell/AppShell.stories.js +20 -28
  240. package/lib/build/AppShell/AppShell.stories.js.map +1 -1
  241. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts +2 -3
  242. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.d.ts.map +1 -1
  243. package/lib/build/DynamicContentEditor/DynamicContentEditor.stories.js.map +1 -1
  244. package/lib/build/FlowModeller/FlowModeller.mocks.d.ts +15 -15
  245. package/lib/build/FlowModeller/FlowModeller.mocks.d.ts.map +1 -1
  246. package/lib/build/FlowModeller/FlowModeller.mocks.js +21 -34
  247. package/lib/build/FlowModeller/FlowModeller.mocks.js.map +1 -1
  248. package/lib/build/FlowModeller/FlowModeller.stories.d.ts +3 -4
  249. package/lib/build/FlowModeller/FlowModeller.stories.d.ts.map +1 -1
  250. package/lib/build/FlowModeller/FlowModeller.stories.js +123 -54
  251. package/lib/build/FlowModeller/FlowModeller.stories.js.map +1 -1
  252. package/lib/build/ItemLibrary/LibraryPicker.stories.d.ts +2 -3
  253. package/lib/build/ItemLibrary/LibraryPicker.stories.d.ts.map +1 -1
  254. package/lib/build/ItemLibrary/LibraryPicker.stories.js.map +1 -1
  255. package/lib/build/LifeCycle/LifeCycle.stories.d.ts +5 -6
  256. package/lib/build/LifeCycle/LifeCycle.stories.d.ts.map +1 -1
  257. package/lib/build/LifeCycle/LifeCycle.stories.js.map +1 -1
  258. package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts +7 -1
  259. package/lib/build/ObjectSelect/ObjectSelect.mocks.d.ts.map +1 -1
  260. package/lib/build/ObjectSelect/ObjectSelect.mocks.js +65 -29
  261. package/lib/build/ObjectSelect/ObjectSelect.mocks.js.map +1 -1
  262. package/lib/build/ObjectSelect/ObjectSelect.stories.d.ts +1 -2
  263. package/lib/build/ObjectSelect/ObjectSelect.stories.d.ts.map +1 -1
  264. package/lib/build/ObjectSelect/ObjectSelect.stories.js +33 -5
  265. package/lib/build/ObjectSelect/ObjectSelect.stories.js.map +1 -1
  266. package/lib/build/PageTemplates/GalleryPage.mocks.d.ts +10 -9
  267. package/lib/build/PageTemplates/GalleryPage.mocks.d.ts.map +1 -1
  268. package/lib/build/PageTemplates/GalleryPage.mocks.js +7 -9
  269. package/lib/build/PageTemplates/GalleryPage.mocks.js.map +1 -1
  270. package/lib/build/PageTemplates/GalleryPage.stories.d.ts +0 -1
  271. package/lib/build/PageTemplates/GalleryPage.stories.d.ts.map +1 -1
  272. package/lib/build/PageTemplates/GalleryPage.stories.js +12 -14
  273. package/lib/build/PageTemplates/GalleryPage.stories.js.map +1 -1
  274. package/lib/build/PageTemplates/PageTemplates.mocks.d.ts +8 -1
  275. package/lib/build/PageTemplates/PageTemplates.mocks.d.ts.map +1 -1
  276. package/lib/build/PageTemplates/PageTemplates.mocks.js +156 -4
  277. package/lib/build/PageTemplates/PageTemplates.mocks.js.map +1 -1
  278. package/lib/build/PageTemplates/PageTemplates.stories.d.ts +4 -10
  279. package/lib/build/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  280. package/lib/build/PageTemplates/PageTemplates.stories.js +104 -152
  281. package/lib/build/PageTemplates/PageTemplates.stories.js.map +1 -1
  282. package/lib/core/Badges/Keyboard.stories.d.ts +6 -0
  283. package/lib/core/Badges/Keyboard.stories.d.ts.map +1 -0
  284. package/lib/core/Badges/Keyboard.stories.js +16 -0
  285. package/lib/core/Badges/Keyboard.stories.js.map +1 -0
  286. package/lib/core/Badges/Selection.stories.d.ts +2 -3
  287. package/lib/core/Badges/Selection.stories.d.ts.map +1 -1
  288. package/lib/core/Badges/Selection.stories.js.map +1 -1
  289. package/lib/core/Badges/Tag.stories.d.ts +2 -3
  290. package/lib/core/Badges/Tag.stories.d.ts.map +1 -1
  291. package/lib/core/Badges/Tag.stories.js.map +1 -1
  292. package/lib/core/Banner/Banner.stories.d.ts +7 -18
  293. package/lib/core/Banner/Banner.stories.d.ts.map +1 -1
  294. package/lib/core/Banner/Banner.stories.js.map +1 -1
  295. package/lib/core/Breadcrumbs/Breadcrumbs.stories.d.ts +3 -4
  296. package/lib/core/Breadcrumbs/Breadcrumbs.stories.d.ts.map +1 -1
  297. package/lib/core/Breadcrumbs/Breadcrumbs.stories.js.map +1 -1
  298. package/lib/core/Button/Button.stories.d.ts +2 -3
  299. package/lib/core/Button/Button.stories.d.ts.map +1 -1
  300. package/lib/core/Button/Button.stories.js.map +1 -1
  301. package/lib/core/Card/Card.stories.d.ts +1 -2
  302. package/lib/core/Card/Card.stories.d.ts.map +1 -1
  303. package/lib/core/Card/Card.stories.js.map +1 -1
  304. package/lib/core/CheckboxGroup/CheckboxGroup.stories.d.ts +3 -3
  305. package/lib/core/CheckboxGroup/CheckboxGroup.stories.d.ts.map +1 -1
  306. package/lib/core/CheckboxGroup/CheckboxGroup.stories.js.map +1 -1
  307. package/lib/core/ColorPicker/ColorPicker.stories.d.ts +1 -2
  308. package/lib/core/ColorPicker/ColorPicker.stories.d.ts.map +1 -1
  309. package/lib/core/ColorPicker/ColorPicker.stories.js.map +1 -1
  310. package/lib/core/Configuration/Configuration.stories.d.ts +2 -3
  311. package/lib/core/Configuration/Configuration.stories.d.ts.map +1 -1
  312. package/lib/core/Configuration/Configuration.stories.js.map +1 -1
  313. package/lib/core/CreditCard/CreditCard.stories.d.ts +3 -2
  314. package/lib/core/CreditCard/CreditCard.stories.d.ts.map +1 -1
  315. package/lib/core/CreditCard/CreditCard.stories.js +41 -6
  316. package/lib/core/CreditCard/CreditCard.stories.js.map +1 -1
  317. package/lib/core/Currency/Currency.stories.d.ts +2 -2
  318. package/lib/core/Currency/Currency.stories.d.ts.map +1 -1
  319. package/lib/core/Currency/Currency.stories.js.map +1 -1
  320. package/lib/core/DateTime/DateTime.stories.js +1 -1
  321. package/lib/core/DateTime/DateTime.stories.js.map +1 -1
  322. package/lib/core/FieldGroup/FieldGroup.stories.d.ts +6 -6
  323. package/lib/core/FieldGroup/FieldGroup.stories.d.ts.map +1 -1
  324. package/lib/core/FieldGroup/FieldGroup.stories.js.map +1 -1
  325. package/lib/core/FieldValueList/FieldValueList.stories.d.ts +2 -2
  326. package/lib/core/FieldValueList/FieldValueList.stories.d.ts.map +1 -1
  327. package/lib/core/FieldValueList/FieldValueList.stories.js.map +1 -1
  328. package/lib/core/Flex/FlexContainer.stories.d.ts +1 -2
  329. package/lib/core/Flex/FlexContainer.stories.d.ts.map +1 -1
  330. package/lib/core/Flex/FlexContainer.stories.js.map +1 -1
  331. package/lib/core/Grid/GridContainer.stories.d.ts +4 -5
  332. package/lib/core/Grid/GridContainer.stories.d.ts.map +1 -1
  333. package/lib/core/Grid/GridContainer.stories.js.map +1 -1
  334. package/lib/core/Grid/GridItem.stories.d.ts +1 -2
  335. package/lib/core/Grid/GridItem.stories.d.ts.map +1 -1
  336. package/lib/core/Grid/GridItem.stories.js.map +1 -1
  337. package/lib/core/Icon/Icon.stories.d.ts +5 -6
  338. package/lib/core/Icon/Icon.stories.d.ts.map +1 -1
  339. package/lib/core/Icon/Icon.stories.js.map +1 -1
  340. package/lib/core/Image/Image.stories.d.ts +2 -3
  341. package/lib/core/Image/Image.stories.d.ts.map +1 -1
  342. package/lib/core/Image/Image.stories.js.map +1 -1
  343. package/lib/core/List/CommaSeparatedList.stories.d.ts +2 -2
  344. package/lib/core/List/CommaSeparatedList.stories.d.ts.map +1 -1
  345. package/lib/core/List/CommaSeparatedList.stories.js.map +1 -1
  346. package/lib/core/ListToolbar/ListToolbar.stories.d.ts +3 -4
  347. package/lib/core/ListToolbar/ListToolbar.stories.d.ts.map +1 -1
  348. package/lib/core/ListToolbar/ListToolbar.stories.js.map +1 -1
  349. package/lib/core/MenuButton/MenuButton.stories.d.ts +6 -6
  350. package/lib/core/MenuButton/MenuButton.stories.d.ts.map +1 -1
  351. package/lib/core/MenuButton/MenuButton.stories.js.map +1 -1
  352. package/lib/core/Modal/Modal.stories.d.ts +10 -5
  353. package/lib/core/Modal/Modal.stories.d.ts.map +1 -1
  354. package/lib/core/Modal/Modal.stories.js +6 -1
  355. package/lib/core/Modal/Modal.stories.js.map +1 -1
  356. package/lib/core/MultiStep/MultiStep.stories.d.ts +2 -3
  357. package/lib/core/MultiStep/MultiStep.stories.d.ts.map +1 -1
  358. package/lib/core/MultiStep/MultiStep.stories.js.map +1 -1
  359. package/lib/core/Number/Number.stories.d.ts +6 -3
  360. package/lib/core/Number/Number.stories.d.ts.map +1 -1
  361. package/lib/core/Number/Number.stories.js +10 -4
  362. package/lib/core/Number/Number.stories.js.map +1 -1
  363. package/lib/core/PageTemplates/PageTemplates.stories.d.ts.map +1 -1
  364. package/lib/core/PageTemplates/PageTemplates.stories.js +15 -27
  365. package/lib/core/PageTemplates/PageTemplates.stories.js.map +1 -1
  366. package/lib/core/Phone/Phone.stories.d.ts.map +1 -1
  367. package/lib/core/Phone/Phone.stories.js +3 -1
  368. package/lib/core/Phone/Phone.stories.js.map +1 -1
  369. package/lib/core/Popover/Popover.stories.d.ts +1 -1
  370. package/lib/core/Popover/Popover.stories.d.ts.map +1 -1
  371. package/lib/core/Popover/Popover.stories.js.map +1 -1
  372. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts +3 -3
  373. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.d.ts.map +1 -1
  374. package/lib/core/RadioButtonGroup/RadioButtonGroup.stories.js.map +1 -1
  375. package/lib/core/Slider/Slider.stories.d.ts +4 -3
  376. package/lib/core/Slider/Slider.stories.d.ts.map +1 -1
  377. package/lib/core/Slider/Slider.stories.js +1 -1
  378. package/lib/core/Slider/Slider.stories.js.map +1 -1
  379. package/lib/core/SummaryItem/SummaryItem.stories.d.ts +5 -5
  380. package/lib/core/SummaryItem/SummaryItem.stories.d.ts.map +1 -1
  381. package/lib/core/SummaryItem/SummaryItem.stories.js.map +1 -1
  382. package/lib/core/SummaryList/SummaryList.stories.d.ts +2 -2
  383. package/lib/core/SummaryList/SummaryList.stories.d.ts.map +1 -1
  384. package/lib/core/SummaryList/SummaryList.stories.js.map +1 -1
  385. package/lib/core/Tabs/Tabs.stories.d.ts +5 -2
  386. package/lib/core/Tabs/Tabs.stories.d.ts.map +1 -1
  387. package/lib/core/Tabs/Tabs.stories.js.map +1 -1
  388. package/lib/core/Toaster/Toaster.stories.d.ts +2 -3
  389. package/lib/core/Toaster/Toaster.stories.d.ts.map +1 -1
  390. package/lib/core/Toaster/Toaster.stories.js.map +1 -1
  391. package/lib/core/Tooltip/Tooltip.stories.d.ts +1 -2
  392. package/lib/core/Tooltip/Tooltip.stories.d.ts.map +1 -1
  393. package/lib/core/Tooltip/Tooltip.stories.js.map +1 -1
  394. package/lib/core/Tree/Tree.stories.d.ts +1 -2
  395. package/lib/core/Tree/Tree.stories.d.ts.map +1 -1
  396. package/lib/core/Tree/Tree.stories.js.map +1 -1
  397. package/lib/cs/Article/Article.stories.d.ts +3 -4
  398. package/lib/cs/Article/Article.stories.d.ts.map +1 -1
  399. package/lib/cs/Article/Article.stories.js.map +1 -1
  400. package/lib/cs/ArticleList/ArticleList.stories.d.ts +3 -4
  401. package/lib/cs/ArticleList/ArticleList.stories.d.ts.map +1 -1
  402. package/lib/cs/ArticleList/ArticleList.stories.js.map +1 -1
  403. package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts +3 -4
  404. package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.d.ts.map +1 -1
  405. package/lib/cs/IntelligentGuidance/IntelligentGuidance.stories.js.map +1 -1
  406. package/lib/rte/Editor/Editor.mocks.d.ts +307 -4
  407. package/lib/rte/Editor/Editor.mocks.d.ts.map +1 -1
  408. package/lib/rte/Editor/Editor.mocks.js +16 -13
  409. package/lib/rte/Editor/Editor.mocks.js.map +1 -1
  410. package/lib/rte/Editor/Editor.stories.d.ts +7 -8
  411. package/lib/rte/Editor/Editor.stories.d.ts.map +1 -1
  412. package/lib/rte/Editor/Editor.stories.js +3 -3
  413. package/lib/rte/Editor/Editor.stories.js.map +1 -1
  414. package/lib/rte/RichTextEditor/RichTextViewer.stories.d.ts +5 -5
  415. package/lib/rte/RichTextEditor/RichTextViewer.stories.d.ts.map +1 -1
  416. package/lib/rte/RichTextEditor/RichTextViewer.stories.js +14 -1
  417. package/lib/rte/RichTextEditor/RichTextViewer.stories.js.map +1 -1
  418. package/lib/social/Chat/Chat.stories.d.ts +6 -7
  419. package/lib/social/Chat/Chat.stories.d.ts.map +1 -1
  420. package/lib/social/Chat/Chat.stories.js +3 -3
  421. package/lib/social/Chat/Chat.stories.js.map +1 -1
  422. package/lib/social/Email/Email.stories.d.ts +5 -11
  423. package/lib/social/Email/Email.stories.d.ts.map +1 -1
  424. package/lib/social/Email/Email.stories.js.map +1 -1
  425. package/lib/social/Feed/Feed.stories.d.ts +6 -11
  426. package/lib/social/Feed/Feed.stories.d.ts.map +1 -1
  427. package/lib/social/Feed/Feed.stories.js.map +1 -1
  428. package/lib/social/Feed/FeedNewPost.stories.d.ts +7 -14
  429. package/lib/social/Feed/FeedNewPost.stories.d.ts.map +1 -1
  430. package/lib/social/Feed/FeedNewPost.stories.js.map +1 -1
  431. package/lib/social/Feed/FeedPost.stories.d.ts +4 -5
  432. package/lib/social/Feed/FeedPost.stories.d.ts.map +1 -1
  433. package/lib/social/Feed/FeedPost.stories.js.map +1 -1
  434. package/lib/social/Feed/FeedReply.stories.d.ts +10 -10
  435. package/lib/social/Feed/FeedReply.stories.d.ts.map +1 -1
  436. package/lib/social/Feed/FeedReply.stories.js.map +1 -1
  437. package/lib/social/Feed/FeedReplyInput.stories.d.ts +7 -12
  438. package/lib/social/Feed/FeedReplyInput.stories.d.ts.map +1 -1
  439. package/lib/social/Feed/FeedReplyInput.stories.js.map +1 -1
  440. package/lib/work/CaseView/CaseView.stories.d.ts +4 -11
  441. package/lib/work/CaseView/CaseView.stories.d.ts.map +1 -1
  442. package/lib/work/CaseView/CaseView.stories.js.map +1 -1
  443. package/lib/work/CaseView/MobileCaseView.stories.d.ts +2 -3
  444. package/lib/work/CaseView/MobileCaseView.stories.d.ts.map +1 -1
  445. package/lib/work/CaseView/MobileCaseView.stories.js.map +1 -1
  446. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts +2 -3
  447. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.d.ts.map +1 -1
  448. package/lib/work/ConfigurableLayout/ConfigurableLayout.stories.js.map +1 -1
  449. package/lib/work/Confirmation/Confirmation.stories.js +1 -1
  450. package/lib/work/Confirmation/Confirmation.stories.js.map +1 -1
  451. package/lib/work/Stakeholders/Stakeholders.stories.d.ts +2 -3
  452. package/lib/work/Stakeholders/Stakeholders.stories.d.ts.map +1 -1
  453. package/lib/work/Stakeholders/Stakeholders.stories.js.map +1 -1
  454. package/lib/work/Tasks/Tasks.stories.js +1 -1
  455. package/lib/work/Tasks/Tasks.stories.js.map +1 -1
  456. package/lib/work/Timeline/Timeline.stories.d.ts +1 -2
  457. package/lib/work/Timeline/Timeline.stories.d.ts.map +1 -1
  458. package/lib/work/Timeline/Timeline.stories.js.map +1 -1
  459. package/package.json +14 -9
  460. package/jsx/build/AppShell/AppShell.mocks.js.map +0 -1
@@ -1,19 +1,18 @@
1
- /// <reference types="react" />
2
1
  import { Meta, Story } from '@storybook/react';
3
2
  import { MessageProps } from '@pega/cosmos-react-social';
4
3
  declare const _default: Meta<import("@storybook/react").Args>;
5
4
  export default _default;
6
5
  /** *********************** ChatHeader component - START *********************** */
7
- export declare const ChatHeaderDemo: () => JSX.Element;
6
+ export declare const ChatHeaderDemo: Story;
8
7
  /** ***************************** ChatHeader component - END ******************* */
9
8
  /** **************************** MessageList component - START ************************* */
10
- export declare const MessageListDemo: () => JSX.Element;
9
+ export declare const MessageListDemo: Story;
11
10
  /** **************************** MessageList component - END **************************** */
12
11
  /** ***************************** Message component - START ********************** */
13
12
  export declare const MessageDemo: Story<MessageProps>;
14
13
  /** ***************************** Message component - END *********************** */
15
14
  /** **************************** SystemMessage component - START ***************** */
16
- export declare const SystemMessageDemo: () => JSX.Element;
15
+ export declare const SystemMessageDemo: Story;
17
16
  /** ***************************** SystemMessage component - END ******************** */
18
17
  /** ***************************** TypeIndicator component - START ****************** */
19
18
  interface TypeIndicatorDemoProps {
@@ -22,13 +21,13 @@ interface TypeIndicatorDemoProps {
22
21
  export declare const TypeIndicatorDemo: Story<TypeIndicatorDemoProps>;
23
22
  /** *************************** TypeIndicator component - END *********************** */
24
23
  /** ************************** ChatTranscripts component - START ********************* */
25
- export declare const ChatTranscriptsDemo: () => JSX.Element[];
24
+ export declare const ChatTranscriptsDemo: Story;
26
25
  /** **************************** ChatTranscripts component - END ************************ */
27
26
  /** *************************** TranscriptMessage component - START ****************** */
28
- export declare const TranscriptMessageDemo: () => JSX.Element;
27
+ export declare const TranscriptMessageDemo: Story;
29
28
  /** *************************** TranscriptMessage component - END ******************** */
30
29
  /** *************************** SuggestedReplyPicker component - START ****************** */
31
- export declare const SuggestedReplyPickerDemo: () => JSX.Element;
30
+ export declare const SuggestedReplyPickerDemo: Story;
32
31
  /** *************************** SuggestedReplyPicker component - END ****************** */
33
32
  /** ******************************* ChatComposer component - START ************************ */
34
33
  interface ChatComposerDemoProps {
@@ -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;AA2B/C,OAAO,EASL,YAAY,EAWb,MAAM,2BAA2B,CAAC;;AAMnC,wBAGU;AAEV,mFAAmF;AACnF,eAAO,MAAM,cAAc,mBA4B1B,CAAC;AACF,mFAAmF;AAEnF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,mBAiB3B,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA2D3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,mBAE7B,CAAC;AACF,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,qBAW/B,CAAC;AACF,4FAA4F;AAE5F,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,mBAMjC,CAAC;AACF,yFAAyF;AAEzF,4FAA4F;AAE5F,eAAO,MAAM,wBAAwB,mBAuBpC,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,CAwgBjD,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;AA2B/C,OAAO,EASL,YAAY,EAWb,MAAM,2BAA2B,CAAC;;AAMnC,wBAGU;AAEV,mFAAmF;AACnF,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAC;AACF,mFAAmF;AAEnF,2FAA2F;AAC3F,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC;AACF,4FAA4F;AAE5F,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,YAAY,CA2D3C,CAAC;AAWF,oFAAoF;AAEpF,qFAAqF;AACrF,eAAO,MAAM,iBAAiB,EAAE,KAE/B,CAAC;AACF,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;AACzF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AACF,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,CAwgBjD,CAAC;AA+BF,yFAAyF"}
@@ -81,9 +81,9 @@ TypeIndicatorDemo.argTypes = {
81
81
  /** *************************** TypeIndicator component - END *********************** */
82
82
  /** ************************** ChatTranscripts component - START ********************* */
83
83
  export const ChatTranscriptsDemo = () => {
84
- return ChatMockData.transcripts.map((transcript) => {
85
- return (_jsx(ChatTranscript, { tabIndex: 0, title: transcript.title, transcript: transcript.data }, transcript.id));
86
- });
84
+ return (_jsx(_Fragment, { children: ChatMockData.transcripts.map((transcript) => {
85
+ return (_jsx(ChatTranscript, { tabIndex: 0, title: transcript.title, transcript: transcript.data }, transcript.id));
86
+ }) }));
87
87
  };
88
88
  /** **************************** ChatTranscripts component - END ************************ */
89
89
  /** *************************** TranscriptMessage component - START ****************** */
@@ -1 +1 @@
1
- {"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Button,\n Icon,\n registerIcon,\n Text,\n MenuButton,\n Flex,\n Popover,\n Link,\n Status,\n EmojiContext,\n BannerProps,\n createUID,\n useOuterEvent,\n TextArea,\n Select,\n Option,\n Menu,\n useElement,\n FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n Chat,\n ChatProps,\n ChatHeader,\n ChatBody,\n ChatComposer,\n ChatTranscript,\n Message,\n MessageList,\n MessageProps,\n MessageListItemProps,\n MessageListImperativeHandleProps,\n NewMessageSeparatorId,\n AttachmentItemProps,\n ChatComposerImperativeHandleProps,\n SuggestedReply,\n SuggestedReplyPicker,\n SystemMessage,\n TranscriptMessage,\n TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n title: 'Social/Chat',\n component: Chat\n} as Meta;\n\n/** *********************** ChatHeader component - START *********************** */\nexport const ChatHeaderDemo = () => {\n const actionsConfig = (\n <Flex>\n <Button variant='simple' aria-label='Show transcripts'>\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button variant='simple' icon aria-label='chat info'>\n <Icon name='information' />\n </Button>\n </Flex>\n );\n\n return (\n <ChatHeader\n title='Live Chat'\n icon='chat-solid'\n aria-label='Chat header'\n actions={actionsConfig}\n />\n );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageListDemo = () => {\n const messages: any[] = ChatMockData.chatMessages;\n\n const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n return (\n <Flex container style={{ height: '80vh' }}>\n <MessageList\n tabIndex={0}\n messages={messages}\n unReadMessageCount={unReadMessageCount}\n onScrollToButtonClick={() => {\n setUnReadMessagesCount(0);\n }}\n />\n </Flex>\n );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n const attachments = [\n {\n id: '2499167340',\n name: 'Location',\n icon: 'document',\n meta: 'PNG 0.1 MB',\n thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n },\n {\n id: '2499167341',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-pdf',\n meta: 'PDF 0.7 MB'\n }\n ];\n const pagePushLinks = [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n thumbnail:\n 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n title: 'Ask the expert'\n }\n ];\n return (\n <>\n {/* Message with attachments */}\n <Message\n type='message'\n attachments={attachments}\n avatarInfo={{ name: 'John Brown' }}\n status='Opened'\n timeStamp='1:44 PM'\n message='Hi, Welcome to u-plus. How can I help you ?'\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/* Message with page push links */}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n pagePushLinks={pagePushLinks}\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/* Normal message with plain text */}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n variant={args.variant}\n direction={args.direction}\n />\n </>\n );\n};\n\nMessageDemo.args = {\n variant: 'receiver',\n direction: 'in'\n};\n\nMessageDemo.argTypes = {\n variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const SystemMessageDemo = () => (\n <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\ninterface TypeIndicatorDemoProps {\n message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n message: { control: { type: 'text' } }\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const ChatTranscriptsDemo = () => {\n return ChatMockData.transcripts.map((transcript: any) => {\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcript.data}\n />\n );\n });\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const TranscriptMessageDemo = () => (\n <TranscriptMessage\n timeStamp='01:20 PM'\n variant='bot'\n message='Hello… This is bot. How can I help you? Please select your category.'\n />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const SuggestedReplyPickerDemo = () => {\n const suggestedReplies: SuggestedReply[] = [\n {\n id: createUID(),\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 95\n },\n {\n id: createUID(),\n message:\n 'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n confidence: 75\n }\n ];\n return (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={suggestedReply => {\n action(`Suggested reply picked ${suggestedReply.message}`)();\n }}\n onDismiss={action('Suggested reply dismissed')}\n />\n );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\ninterface ChatComposerDemoProps {\n maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n <ChatComposer\n maxAttachments={args.maxAttachments}\n attachments={ChatMockData.defaultAttachments}\n maxLength={256}\n placeholder='Type here to send message'\n onSend={() => {}}\n >\n <MenuButton text='Phrases' menu={{ items: [] }} />\n <MenuButton text='Page Push' menu={{ items: [] }} />\n </ChatComposer>\n);\n\nChatComposerDemo.args = {\n maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n maxAttachments: { control: { type: 'number' } }\n};\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\ninterface StandardChatProps {\n maxAttachments?: number;\n chatWidth?: string;\n selectedChannel?: string;\n showChatBanner?: boolean;\n disableChat?: boolean;\n simulateConversation?: boolean;\n message?: string;\n placeholder?: string;\n defaultMessage?: string;\n maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n const ChatMockDataClone: any = useMemo(() => {\n return JSON.parse(JSON.stringify(ChatMockData));\n }, [ChatMockData]);\n\n const Channels: {\n label: string;\n options: any;\n } = {\n label: 'Channel',\n options: {\n LiveChat: {\n title: 'Live chat',\n icon: 'chat-solid'\n },\n Twitter: {\n title: 'Twitter chat',\n icon: 'twitter'\n },\n Facebook: {\n title: 'Facebook messenger',\n icon: 'facebook'\n }\n }\n };\n\n const {\n participants,\n chatMessages: mockChatMessagesJson,\n transcripts,\n defaultAttachments,\n suggestedReplies\n }: {\n participants: any;\n chatMessages: any[];\n transcripts: [];\n defaultAttachments: any[];\n suggestedReplies: SuggestedReply[];\n } = ChatMockDataClone;\n\n const conversationRatingMessage: MessageListItemProps = {\n id: createUID(),\n variant: 'receiver',\n direction: 'in',\n type: 'message',\n message: (\n <Flex\n container={{\n direction: 'column',\n gap: 1\n }}\n >\n <TextArea\n placeholder='Please comment…'\n label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n />\n <Select label='Is the problem resolved?'>\n <Option>Yes</Option>\n <Option>No</Option>\n </Select>\n <Flex\n container={{\n justify: 'center'\n }}\n >\n <Button variant='primary'>Submit</Button>\n </Flex>\n </Flex>\n )\n };\n\n const mockChatMessages = useMemo(() => {\n return [\n ...mockChatMessagesJson.map(message => {\n const { messagePrivacy, ...restMessageData } = message;\n if (messagePrivacy) {\n restMessageData.messageHeader = {\n content: <span>{messagePrivacy}</span>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return restMessageData;\n }),\n conversationRatingMessage\n ];\n }, []);\n\n const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n const timers = useRef<number[]>([]);\n\n useEffect(() => {\n return () => {\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n const [showTranscripts, setShowTranscripts] = useState(false);\n const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n const [chatMessages, setChatMessages] = useState<any[]>(\n args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n );\n\n const onDeleteAttachment = useCallback(\n (name: string) => {\n setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n },\n [setAttachments]\n );\n\n useEffect(() => {\n setAttachments(\n defaultAttachments.map((item: any) => {\n return {\n ...item,\n onDelete: onDeleteAttachment\n };\n })\n );\n }, [defaultAttachments]);\n\n const appendMessage = (message: any) => {\n const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n setChatMessages(prevChatMessages => {\n const newMockMessage: any = {\n ...message\n };\n newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n if (\n !incrementUnreadMessageCount &&\n prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n ) {\n return [\n ...prevChatMessages,\n {\n id: NewMessageSeparatorId,\n type: 'system',\n message: 'New messages',\n variant: 'primary'\n },\n newMockMessage\n ];\n }\n return [...prevChatMessages, newMockMessage];\n });\n if (!incrementUnreadMessageCount) {\n setUnreadMessagesCount(prevCount => prevCount + 1);\n }\n };\n\n useEffect(() => {\n if (args.simulateConversation) {\n const timeOutId = setTimeout(() => {\n if (mockChatMessages.length) {\n appendMessage(mockChatMessages.shift());\n }\n }, 1500);\n return () => {\n clearTimeout(timeOutId);\n };\n }\n }, [chatMessages, args.simulateConversation]);\n\n const [openPopover, setOpenPopover] = useState(false);\n const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n const additionalInfo: {\n title: string;\n options: any;\n } = {\n title: 'Additional info',\n options: {\n LiveChat: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ],\n Twitter: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Twitter handle',\n value: '@Connor'\n },\n {\n id: '3',\n name: 'Followers',\n value: '13,556'\n }\n ],\n Facebook: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ]\n }\n };\n useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n if (openPopover) setOpenPopover(false);\n });\n\n const header = (\n <ChatHeader\n title={Channels.options[args.selectedChannel || 'LiveChat'].title}\n icon={Channels.options[args.selectedChannel || 'LiveChat'].icon}\n aria-label='Chat header'\n actions={\n <Flex>\n <Button\n variant='simple'\n onClick={() => setShowTranscripts(!showTranscripts)}\n aria-label='Show transcripts'\n >\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button\n variant='simple'\n icon\n aria-label='chat info'\n ref={setButtonRef}\n onClick={() => setOpenPopover(current => !current)}\n >\n <Icon name='information' />\n </Button>\n <Popover\n show={openPopover}\n target={buttonRef}\n ref={setPopoverRef}\n arrow\n placement='bottom-end'\n >\n <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n <Text variant='h4'>{additionalInfo.title}</Text>\n <FieldValueList\n variant='inline'\n fields={additionalInfo.options[args.selectedChannel || 'LiveChat']}\n />\n </Flex>\n </Popover>\n <MenuButton\n text='More actions'\n icon='more'\n iconOnly\n variant='simple'\n portal\n menu={{\n items: [\n { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n ]\n }}\n />\n </Flex>\n }\n />\n );\n\n const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n setShowTranscripts(false);\n });\n\n const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n return showTranscripts ? (\n <div ref={transcriptsContainerRef}>\n {!showEarlierTranscripts && (\n <Flex\n container={{\n direction: 'column',\n alignItems: 'center',\n gap: 1\n }}\n >\n <Button\n icon\n aria-label='Show earlier transcripts'\n variant='secondary'\n onClick={() => {\n setShowEarlierTranscripts(!showEarlierTranscripts);\n }}\n >\n <Icon name='caret-up' />\n </Button>\n </Flex>\n )}\n {transcripts\n .sort((transcript: any) => transcript.earlierTranscripts)\n .filter((transcript: any) =>\n showEarlierTranscripts ? true : !transcript.earlierTranscripts\n )\n .map((transcript: any) => {\n const transcriptData: any = transcript.data.map(\n (message: {\n messagePrivacy: { privacy: string };\n transcriptHeader: { content: ReactElement; meta: JSX.Element };\n }) => {\n if (message.messagePrivacy) {\n message.transcriptHeader = {\n content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return message;\n }\n );\n\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcriptData}\n />\n );\n })}\n </div>\n ) : undefined;\n }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n const chatBanner: BannerProps = {\n id: 'warning',\n messages: ['This is a public interaction and any responses will be public and visible'],\n heading: 'Warning',\n variant: 'warning'\n };\n const body = (\n <ChatBody>\n <MessageList\n unReadMessageCount={unreadMessagesCount}\n onScrollToButtonClick={() => {\n const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n setChatMessages(prevChatMessages =>\n prevChatMessages.map(message => {\n if (message.id === NewMessageSeparatorId) {\n message.id = newRandomMessageId;\n }\n return message;\n })\n );\n const timeOutId: number = window.setTimeout(() => {\n setChatMessages(prevChatMessages =>\n prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n );\n timers.current = timers.current.filter(id => id !== timeOutId);\n }, 5000);\n timers.current.push(timeOutId);\n setUnreadMessagesCount(0);\n }}\n tabIndex={0}\n ref={conversationRef}\n messages={[\n ...chatMessages,\n {\n id: 'Pegasystems',\n type: 'typing',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc:\n 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: args.message,\n ariaLabel: 'Pegasystems is typing'\n }\n ]}\n />\n </ChatBody>\n );\n\n const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n const [mountPopover, setMountPopover] = useState(false);\n const specialKeysConfig = {\n keys: ['//'],\n onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n action(`Event is ${e}`)();\n action(`Typed special key is ${key}`)();\n if (chatComposerImperativeHandleRef.current) {\n setMountPopover(!mountPopover);\n }\n }\n };\n\n const insertPhrasesMessage = (message: string) => {\n if (chatComposerImperativeHandleRef.current) {\n chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n setMountPopover(false);\n }\n };\n\n useOuterEvent(\n 'mousedown',\n [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n () => {\n setMountPopover(false);\n }\n );\n\n const footer = (\n <ChatComposer\n ref={chatComposerImperativeHandleRef}\n maxAttachments={args.maxAttachments}\n attachments={attachments}\n specialKeysConfig={specialKeysConfig}\n showEmoji\n disabled={args.disableChat}\n onAddAttachment={() => {\n setAttachments([\n ...attachments,\n {\n id: `${attachments.length} statement.pdf`,\n name: `${attachments.length} statement.pdf`,\n onDelete: onDeleteAttachment\n }\n ]);\n }}\n maxLength={args.maxLength}\n placeholder={args.placeholder}\n defaultMessage={args.defaultMessage}\n onSend={message => {\n action(`onAppendMessage: ${message}`)();\n appendMessage({\n ...participants.sender,\n type: 'message',\n message,\n timeStamp: '1:45 PM'\n });\n }}\n >\n <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n <Popover\n show={mountPopover}\n target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n placement='top-start'\n >\n <Menu\n scrollAt={20}\n items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n primary: name,\n id: idx.toString(),\n onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n }))}\n />\n </Popover>\n </ChatComposer>\n );\n\n const suggestedReplyPicker =\n suggestedReplies.length > 0 && showSuggestedReplies ? (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={(suggestedReply: SuggestedReply) => {\n chatComposerImperativeHandleRef.current?.appendToMessage(\n suggestedReply.message,\n 'cursor'\n );\n setShowSuggestedReplies(false);\n }}\n onDismiss={() => {\n setShowSuggestedReplies(false);\n }}\n />\n ) : undefined;\n const fetchGoogleSprite = () => {\n return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n };\n\n return (\n <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n <Flex\n container={{\n justify: 'center'\n }}\n style={{\n height: 'calc(100vh)',\n width: args.chatWidth || '30rem',\n margin: 'auto'\n }}\n >\n <Chat\n utility={utilityComp}\n header={header}\n banner={args.showChatBanner ? chatBanner : undefined}\n body={body}\n footer={footer}\n suggestedReplyPicker={suggestedReplyPicker}\n />\n </Flex>\n </EmojiContext.Provider>\n );\n};\n\nStandardChat.args = {\n maxAttachments: 2,\n selectedChannel: 'LiveChat',\n showChatBanner: true,\n disableChat: false,\n simulateConversation: false,\n message: '',\n placeholder: 'Enter message',\n defaultMessage:\n 'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n maxLength: 280\n};\n\nStandardChat.argTypes = {\n maxAttachments: { control: { type: 'number' } },\n selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n showChatBanner: { control: { type: 'boolean' } },\n disableChat: { control: { type: 'boolean' } },\n simulateConversation: { control: { type: 'boolean' } },\n message: { control: { type: 'text' } },\n placeholder: { control: { type: 'text' } },\n defaultMessage: { control: { type: 'text' } },\n maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}
1
+ {"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/Chat.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n useState,\n useRef,\n useEffect,\n useCallback,\n useMemo,\n ReactElement,\n SyntheticEvent\n} from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Button,\n Icon,\n registerIcon,\n Text,\n MenuButton,\n Flex,\n Popover,\n Link,\n Status,\n EmojiContext,\n BannerProps,\n createUID,\n useOuterEvent,\n TextArea,\n Select,\n Option,\n Menu,\n useElement,\n FieldValueList\n} from '@pega/cosmos-react-core';\nimport * as arrowMicroDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/arrow-micro-down.icon';\nimport * as replyIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply.icon';\nimport * as replyAllIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/reply-all.icon';\nimport * as forwardIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/forward.icon';\nimport {\n Chat,\n ChatProps,\n ChatHeader,\n ChatBody,\n ChatComposer,\n ChatTranscript,\n Message,\n MessageList,\n MessageProps,\n MessageListItemProps,\n MessageListImperativeHandleProps,\n NewMessageSeparatorId,\n AttachmentItemProps,\n ChatComposerImperativeHandleProps,\n SuggestedReply,\n SuggestedReplyPicker,\n SystemMessage,\n TranscriptMessage,\n TypeIndicator\n} from '@pega/cosmos-react-social';\n\nimport { ChatMockData } from './Chat.mocks';\n\nregisterIcon(forwardIcon, replyIcon, replyAllIcon, arrowMicroDownIcon);\n\nexport default {\n title: 'Social/Chat',\n component: Chat\n} as Meta;\n\n/** *********************** ChatHeader component - START *********************** */\nexport const ChatHeaderDemo: Story = () => {\n const actionsConfig = (\n <Flex>\n <Button variant='simple' aria-label='Show transcripts'>\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button variant='simple' icon aria-label='chat info'>\n <Icon name='information' />\n </Button>\n </Flex>\n );\n\n return (\n <ChatHeader\n title='Live Chat'\n icon='chat-solid'\n aria-label='Chat header'\n actions={actionsConfig}\n />\n );\n};\n/** ***************************** ChatHeader component - END ******************* */\n\n/** **************************** MessageList component - START ************************* */\nexport const MessageListDemo: Story = () => {\n const messages: any[] = ChatMockData.chatMessages;\n\n const [unReadMessageCount, setUnReadMessagesCount] = useState(1);\n\n return (\n <Flex container style={{ height: '80vh' }}>\n <MessageList\n tabIndex={0}\n messages={messages}\n unReadMessageCount={unReadMessageCount}\n onScrollToButtonClick={() => {\n setUnReadMessagesCount(0);\n }}\n />\n </Flex>\n );\n};\n/** **************************** MessageList component - END **************************** */\n\n/** ***************************** Message component - START ********************** */\nexport const MessageDemo: Story<MessageProps> = (args: MessageProps) => {\n const attachments = [\n {\n id: '2499167340',\n name: 'Location',\n icon: 'document',\n meta: 'PNG 0.1 MB',\n thumbnail: 'https://pegasystems.github.io/uplus-wss/health_provider/img/secondary-options.jpg'\n },\n {\n id: '2499167341',\n name: 'FAQ with detailed terms and conditions of the policy',\n icon: 'document-pdf',\n meta: 'PDF 0.7 MB'\n }\n ];\n const pagePushLinks = [\n {\n id: '2499167349',\n href: 'https://collaborate.pega.com/',\n thumbnail:\n 'https://community.pega.com/sites/default/files/styles/480/public/media/images/2020-02/AskExpert.png?itok=ef2MVbOV',\n title: 'Ask the expert'\n }\n ];\n return (\n <>\n {/* Message with attachments */}\n <Message\n type='message'\n attachments={attachments}\n avatarInfo={{ name: 'John Brown' }}\n status='Opened'\n timeStamp='1:44 PM'\n message='Hi, Welcome to u-plus. How can I help you ?'\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/* Message with page push links */}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n pagePushLinks={pagePushLinks}\n variant={args.variant}\n direction={args.direction}\n />\n <br />\n {/* Normal message with plain text */}\n <Message\n type='message'\n message='Hi, Welcome to u-plus. How can I help you ?'\n avatarInfo={{ name: 'John Brown' }}\n variant={args.variant}\n direction={args.direction}\n />\n </>\n );\n};\n\nMessageDemo.args = {\n variant: 'receiver',\n direction: 'in'\n};\n\nMessageDemo.argTypes = {\n variant: { options: ['receiver', 'sender', 'other'], control: { type: 'select' } },\n direction: { options: ['in', 'out'], control: { type: 'select' } }\n};\n/** ***************************** Message component - END *********************** */\n\n/** **************************** SystemMessage component - START ***************** */\nexport const SystemMessageDemo: Story = () => (\n <SystemMessage message='John Brown has joined' timeStamp='10:00 AM' />\n);\n/** ***************************** SystemMessage component - END ******************** */\n\n/** ***************************** TypeIndicator component - START ****************** */\ninterface TypeIndicatorDemoProps {\n message?: string;\n}\nexport const TypeIndicatorDemo: Story<TypeIndicatorDemoProps> = (args: TypeIndicatorDemoProps) => {\n return <TypeIndicator avatarInfo={{ name: 'John Brown' }} message={args.message} />;\n};\n\nTypeIndicatorDemo.args = {\n message: ''\n};\n\nTypeIndicatorDemo.argTypes = {\n message: { control: { type: 'text' } }\n};\n/** *************************** TypeIndicator component - END *********************** */\n\n/** ************************** ChatTranscripts component - START ********************* */\nexport const ChatTranscriptsDemo: Story = () => {\n return (\n <>\n {ChatMockData.transcripts.map((transcript: any) => {\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcript.data}\n />\n );\n })}\n </>\n );\n};\n/** **************************** ChatTranscripts component - END ************************ */\n\n/** *************************** TranscriptMessage component - START ****************** */\nexport const TranscriptMessageDemo: Story = () => (\n <TranscriptMessage\n timeStamp='01:20 PM'\n variant='bot'\n message='Hello… This is bot. How can I help you? Please select your category.'\n />\n);\n/** *************************** TranscriptMessage component - END ******************** */\n\n/** *************************** SuggestedReplyPicker component - START ****************** */\n\nexport const SuggestedReplyPickerDemo: Story = () => {\n const suggestedReplies: SuggestedReply[] = [\n {\n id: createUID(),\n message: 'Hello, Good morning Sara. How can I help you today',\n confidence: 95\n },\n {\n id: createUID(),\n message:\n 'Sorry to hear that. I will surely help you resolve the issue. Can you please provide the policy id, so that I can get more details',\n confidence: 75\n }\n ];\n return (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={suggestedReply => {\n action(`Suggested reply picked ${suggestedReply.message}`)();\n }}\n onDismiss={action('Suggested reply dismissed')}\n />\n );\n};\n\n/** *************************** SuggestedReplyPicker component - END ****************** */\n\n/** ******************************* ChatComposer component - START ************************ */\ninterface ChatComposerDemoProps {\n maxAttachments?: number;\n}\n\nexport const ChatComposerDemo: Story<ChatComposerDemoProps> = (args: ChatComposerDemoProps) => (\n <ChatComposer\n maxAttachments={args.maxAttachments}\n attachments={ChatMockData.defaultAttachments}\n maxLength={256}\n placeholder='Type here to send message'\n onSend={() => {}}\n >\n <MenuButton text='Phrases' menu={{ items: [] }} />\n <MenuButton text='Page Push' menu={{ items: [] }} />\n </ChatComposer>\n);\n\nChatComposerDemo.args = {\n maxAttachments: 2\n};\n\nChatComposerDemo.argTypes = {\n maxAttachments: { control: { type: 'number' } }\n};\n/** *********************************** ChatComposer component - END ********************** */\n\n/** *********************************** Standard Chat component - START ******************** */\ninterface StandardChatProps {\n maxAttachments?: number;\n chatWidth?: string;\n selectedChannel?: string;\n showChatBanner?: boolean;\n disableChat?: boolean;\n simulateConversation?: boolean;\n message?: string;\n placeholder?: string;\n defaultMessage?: string;\n maxLength?: number;\n}\n\nexport const StandardChat: Story<StandardChatProps> = (args: StandardChatProps) => {\n const ChatMockDataClone: any = useMemo(() => {\n return JSON.parse(JSON.stringify(ChatMockData));\n }, [ChatMockData]);\n\n const Channels: {\n label: string;\n options: any;\n } = {\n label: 'Channel',\n options: {\n LiveChat: {\n title: 'Live chat',\n icon: 'chat-solid'\n },\n Twitter: {\n title: 'Twitter chat',\n icon: 'twitter'\n },\n Facebook: {\n title: 'Facebook messenger',\n icon: 'facebook'\n }\n }\n };\n\n const {\n participants,\n chatMessages: mockChatMessagesJson,\n transcripts,\n defaultAttachments,\n suggestedReplies\n }: {\n participants: any;\n chatMessages: any[];\n transcripts: [];\n defaultAttachments: any[];\n suggestedReplies: SuggestedReply[];\n } = ChatMockDataClone;\n\n const conversationRatingMessage: MessageListItemProps = {\n id: createUID(),\n variant: 'receiver',\n direction: 'in',\n type: 'message',\n message: (\n <Flex\n container={{\n direction: 'column',\n gap: 1\n }}\n >\n <TextArea\n placeholder='Please comment…'\n label='Please comment on our service performance and how we can better serve you. Thank you for your time.'\n />\n <Select label='Is the problem resolved?'>\n <Option>Yes</Option>\n <Option>No</Option>\n </Select>\n <Flex\n container={{\n justify: 'center'\n }}\n >\n <Button variant='primary'>Submit</Button>\n </Flex>\n </Flex>\n )\n };\n\n const mockChatMessages = useMemo(() => {\n return [\n ...mockChatMessagesJson.map(message => {\n const { messagePrivacy, ...restMessageData } = message;\n if (messagePrivacy) {\n restMessageData.messageHeader = {\n content: <span>{messagePrivacy}</span>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return restMessageData;\n }),\n conversationRatingMessage\n ];\n }, []);\n\n const conversationRef = useRef<MessageListImperativeHandleProps>(null);\n const timers = useRef<number[]>([]);\n\n useEffect(() => {\n return () => {\n timers.current.forEach(clearTimeout);\n };\n }, []);\n\n const [showSuggestedReplies, setShowSuggestedReplies] = useState(true);\n const [showTranscripts, setShowTranscripts] = useState(false);\n const [attachments, setAttachments] = useState<AttachmentItemProps[]>(defaultAttachments);\n const [unreadMessagesCount, setUnreadMessagesCount] = useState(0);\n const [chatMessages, setChatMessages] = useState<any[]>(\n args.simulateConversation ? mockChatMessages.slice(0, 0) : mockChatMessages\n );\n\n const onDeleteAttachment = useCallback(\n (name: string) => {\n setAttachments(prevAttachments => prevAttachments.filter(item => item.name !== name));\n },\n [setAttachments]\n );\n\n useEffect(() => {\n setAttachments(\n defaultAttachments.map((item: any) => {\n return {\n ...item,\n onDelete: onDeleteAttachment\n };\n })\n );\n }, [defaultAttachments]);\n\n const appendMessage = (message: any) => {\n const incrementUnreadMessageCount = conversationRef.current?.isScrolledToLatest();\n setChatMessages(prevChatMessages => {\n const newMockMessage: any = {\n ...message\n };\n newMockMessage.id = `m-${message.id ? message.id : prevChatMessages.length}`;\n if (\n !incrementUnreadMessageCount &&\n prevChatMessages.filter(({ id }) => id === NewMessageSeparatorId).length === 0\n ) {\n return [\n ...prevChatMessages,\n {\n id: NewMessageSeparatorId,\n type: 'system',\n message: 'New messages',\n variant: 'primary'\n },\n newMockMessage\n ];\n }\n return [...prevChatMessages, newMockMessage];\n });\n if (!incrementUnreadMessageCount) {\n setUnreadMessagesCount(prevCount => prevCount + 1);\n }\n };\n\n useEffect(() => {\n if (args.simulateConversation) {\n const timeOutId = setTimeout(() => {\n if (mockChatMessages.length) {\n appendMessage(mockChatMessages.shift());\n }\n }, 1500);\n return () => {\n clearTimeout(timeOutId);\n };\n }\n }, [chatMessages, args.simulateConversation]);\n\n const [openPopover, setOpenPopover] = useState(false);\n const [popoverRef, setPopoverRef] = useElement<HTMLElement>();\n const [buttonRef, setButtonRef] = useElement<HTMLElement>();\n const additionalInfo: {\n title: string;\n options: any;\n } = {\n title: 'Additional info',\n options: {\n LiveChat: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ],\n Twitter: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Twitter handle',\n value: '@Connor'\n },\n {\n id: '3',\n name: 'Followers',\n value: '13,556'\n }\n ],\n Facebook: [\n {\n id: '1',\n name: 'Session status',\n value: <Status variant='urgent'>UNAUTHENTICATED</Status>\n },\n {\n id: '2',\n name: 'Profile name',\n value: 'Sara Davis'\n }\n ]\n }\n };\n useOuterEvent('mousedown', [popoverRef, buttonRef], () => {\n if (openPopover) setOpenPopover(false);\n });\n\n const header = (\n <ChatHeader\n title={Channels.options[args.selectedChannel || 'LiveChat'].title}\n icon={Channels.options[args.selectedChannel || 'LiveChat'].icon}\n aria-label='Chat header'\n actions={\n <Flex>\n <Button\n variant='simple'\n onClick={() => setShowTranscripts(!showTranscripts)}\n aria-label='Show transcripts'\n >\n <Flex\n container={{\n gap: 1,\n alignItems: 'center'\n }}\n >\n <Icon name='chats' />\n <Text>Transcripts</Text>\n </Flex>\n </Button>\n <Button\n variant='simple'\n icon\n aria-label='chat info'\n ref={setButtonRef}\n onClick={() => setOpenPopover(current => !current)}\n >\n <Icon name='information' />\n </Button>\n <Popover\n show={openPopover}\n target={buttonRef}\n ref={setPopoverRef}\n arrow\n placement='bottom-end'\n >\n <Flex container={{ direction: 'column', gap: 1, pad: 2 }}>\n <Text variant='h4'>{additionalInfo.title}</Text>\n <FieldValueList\n variant='inline'\n fields={additionalInfo.options[args.selectedChannel || 'LiveChat']}\n />\n </Flex>\n </Popover>\n <MenuButton\n text='More actions'\n icon='more'\n iconOnly\n variant='simple'\n portal\n menu={{\n items: [\n { primary: 'Transfer', id: 'transcript', onClick: action('Clicked Transfer') },\n { primary: 'End chat', id: 'endChat', onClick: action('Clicked End chat') }\n ]\n }}\n />\n </Flex>\n }\n />\n );\n\n const [showEarlierTranscripts, setShowEarlierTranscripts] = useState(false);\n\n const transcriptsContainerRef = useRef<HTMLDivElement>(null);\n\n useOuterEvent('mousedown', [transcriptsContainerRef], () => {\n setShowTranscripts(false);\n });\n\n const utilityComp = useMemo<ChatProps['utility'] | undefined>(() => {\n return showTranscripts ? (\n <div ref={transcriptsContainerRef}>\n {!showEarlierTranscripts && (\n <Flex\n container={{\n direction: 'column',\n alignItems: 'center',\n gap: 1\n }}\n >\n <Button\n icon\n aria-label='Show earlier transcripts'\n variant='secondary'\n onClick={() => {\n setShowEarlierTranscripts(!showEarlierTranscripts);\n }}\n >\n <Icon name='caret-up' />\n </Button>\n </Flex>\n )}\n {transcripts\n .sort((transcript: any) => transcript.earlierTranscripts)\n .filter((transcript: any) =>\n showEarlierTranscripts ? true : !transcript.earlierTranscripts\n )\n .map((transcript: any) => {\n const transcriptData: any = transcript.data.map(\n (message: {\n messagePrivacy: { privacy: string };\n transcriptHeader: { content: ReactElement; meta: JSX.Element };\n }) => {\n if (message.messagePrivacy) {\n message.transcriptHeader = {\n content: <Status variant='warn'>{message.messagePrivacy.privacy}</Status>,\n meta: <Link href='/'>I-12345</Link>\n };\n }\n return message;\n }\n );\n\n return (\n <ChatTranscript\n tabIndex={0}\n title={transcript.title}\n key={transcript.id}\n transcript={transcriptData}\n />\n );\n })}\n </div>\n ) : undefined;\n }, [showTranscripts, setShowTranscripts, showEarlierTranscripts, setShowEarlierTranscripts]);\n\n const chatBanner: BannerProps = {\n id: 'warning',\n messages: ['This is a public interaction and any responses will be public and visible'],\n heading: 'Warning',\n variant: 'warning'\n };\n const body = (\n <ChatBody>\n <MessageList\n unReadMessageCount={unreadMessagesCount}\n onScrollToButtonClick={() => {\n const newRandomMessageId = Math.random().toString(36).substr(2, 9);\n setChatMessages(prevChatMessages =>\n prevChatMessages.map(message => {\n if (message.id === NewMessageSeparatorId) {\n message.id = newRandomMessageId;\n }\n return message;\n })\n );\n const timeOutId: number = window.setTimeout(() => {\n setChatMessages(prevChatMessages =>\n prevChatMessages.filter(({ id }) => id !== newRandomMessageId)\n );\n timers.current = timers.current.filter(id => id !== timeOutId);\n }, 5000);\n timers.current.push(timeOutId);\n setUnreadMessagesCount(0);\n }}\n tabIndex={0}\n ref={conversationRef}\n messages={[\n ...chatMessages,\n {\n id: 'Pegasystems',\n type: 'typing',\n avatarInfo: {\n name: 'Pegasystems',\n imageSrc:\n 'https://www.pega.com/sites/default/files/media/images/2018-12/Pega.com-og.png'\n },\n message: args.message,\n ariaLabel: 'Pegasystems is typing'\n }\n ]}\n />\n </ChatBody>\n );\n\n const chatComposerImperativeHandleRef = useRef<ChatComposerImperativeHandleProps>(null);\n\n const [mountPopover, setMountPopover] = useState(false);\n const specialKeysConfig = {\n keys: ['//'],\n onSpecialKey: (e: SyntheticEvent<HTMLTextAreaElement>, key: string) => {\n action(`Event is ${e}`)();\n action(`Typed special key is ${key}`)();\n if (chatComposerImperativeHandleRef.current) {\n setMountPopover(!mountPopover);\n }\n }\n };\n\n const insertPhrasesMessage = (message: string) => {\n if (chatComposerImperativeHandleRef.current) {\n chatComposerImperativeHandleRef.current.appendToMessage(message, 'specialKey');\n setMountPopover(false);\n }\n };\n\n useOuterEvent(\n 'mousedown',\n [chatComposerImperativeHandleRef?.current?.chatComposerRef?.current as Element],\n () => {\n setMountPopover(false);\n }\n );\n\n const footer = (\n <ChatComposer\n ref={chatComposerImperativeHandleRef}\n maxAttachments={args.maxAttachments}\n attachments={attachments}\n specialKeysConfig={specialKeysConfig}\n showEmoji\n disabled={args.disableChat}\n onAddAttachment={() => {\n setAttachments([\n ...attachments,\n {\n id: `${attachments.length} statement.pdf`,\n name: `${attachments.length} statement.pdf`,\n onDelete: onDeleteAttachment\n }\n ]);\n }}\n maxLength={args.maxLength}\n placeholder={args.placeholder}\n defaultMessage={args.defaultMessage}\n onSend={message => {\n action(`onAppendMessage: ${message}`)();\n appendMessage({\n ...participants.sender,\n type: 'message',\n message,\n timeStamp: '1:45 PM'\n });\n }}\n >\n <MenuButton text='Phrases' actions={[]} disabled={args.disableChat} />\n <MenuButton text='Page push' actions={[]} disabled={args.disableChat} />\n <Popover\n show={mountPopover}\n target={chatComposerImperativeHandleRef?.current?.textAreaRef?.current as Element}\n placement='top-start'\n >\n <Menu\n scrollAt={20}\n items={ChatMockData.phrasesDisplayNames.map((name, idx) => ({\n primary: name,\n id: idx.toString(),\n onClick: () => insertPhrasesMessage(ChatMockData.phrasesMessages[idx])\n }))}\n />\n </Popover>\n </ChatComposer>\n );\n\n const suggestedReplyPicker =\n suggestedReplies.length > 0 && showSuggestedReplies ? (\n <SuggestedReplyPicker\n replies={suggestedReplies}\n onSelect={(suggestedReply: SuggestedReply) => {\n chatComposerImperativeHandleRef.current?.appendToMessage(\n suggestedReply.message,\n 'cursor'\n );\n setShowSuggestedReplies(false);\n }}\n onDismiss={() => {\n setShowSuggestedReplies(false);\n }}\n />\n ) : undefined;\n const fetchGoogleSprite = () => {\n return 'https://unpkg.com/emoji-datasource-google@5.0.1/img/google/sheets-256/64.png';\n };\n\n return (\n <EmojiContext.Provider value={{ set: 'google', spriteSrcResolver: fetchGoogleSprite }}>\n <Flex\n container={{\n justify: 'center'\n }}\n style={{\n height: 'calc(100vh)',\n width: args.chatWidth || '30rem',\n margin: 'auto'\n }}\n >\n <Chat\n utility={utilityComp}\n header={header}\n banner={args.showChatBanner ? chatBanner : undefined}\n body={body}\n footer={footer}\n suggestedReplyPicker={suggestedReplyPicker}\n />\n </Flex>\n </EmojiContext.Provider>\n );\n};\n\nStandardChat.args = {\n maxAttachments: 2,\n selectedChannel: 'LiveChat',\n showChatBanner: true,\n disableChat: false,\n simulateConversation: false,\n message: '',\n placeholder: 'Enter message',\n defaultMessage:\n 'Greetings! Hope you are having a great time, Please reach out to us for any help, Thanks!',\n maxLength: 280\n};\n\nStandardChat.argTypes = {\n maxAttachments: { control: { type: 'number' } },\n selectedChannel: { options: ['LiveChat', 'Twitter', 'Facebook'], control: { type: 'select' } },\n showChatBanner: { control: { type: 'boolean' } },\n disableChat: { control: { type: 'boolean' } },\n simulateConversation: { control: { type: 'boolean' } },\n message: { control: { type: 'text' } },\n placeholder: { control: { type: 'text' } },\n defaultMessage: { control: { type: 'text' } },\n maxLength: { control: { type: 'number' } }\n};\n\nStandardChat.parameters = {\n layout: 'fullscreen'\n};\n\n/** *************************** Standard Chat component - END ************************ */\n"]}
@@ -1,28 +1,22 @@
1
- /// <reference types="react" />
2
1
  import { Meta, Story } from '@storybook/react';
3
2
  import { EmailProps } from '@pega/cosmos-react-social';
4
3
  declare const _default: Meta<import("@storybook/react").Args>;
5
4
  export default _default;
6
5
  export declare const Email: Story<EmailProps>;
7
- export declare const ViewAnalysis: () => JSX.Element;
6
+ export declare const ViewAnalysis: Story;
8
7
  interface EmailEntitiesDemoProps {
9
8
  enableEntityHighlighting?: boolean;
10
9
  enableContextMenu?: boolean;
11
10
  }
12
11
  export declare const EmailEntities: Story<EmailEntitiesDemoProps>;
13
- export declare const emailConversation: () => JSX.Element;
14
- export declare const EmailComposerDemo: () => JSX.Element;
12
+ export declare const emailConversation: Story;
13
+ export declare const EmailComposerDemo: Story;
15
14
  interface EmailDemoProps {
16
15
  autoCollapse?: boolean;
17
16
  hideSuggestions?: boolean;
18
17
  singleConversation?: boolean;
19
18
  }
20
19
  export declare const EmailDemo: Story<EmailDemoProps>;
21
- export declare const EmailSummaryItemDemo: () => JSX.Element;
22
- export declare const EmailSummaryListDemo: {
23
- (): JSX.Element;
24
- parameters: {
25
- layout: string;
26
- };
27
- };
20
+ export declare const EmailSummaryItemDemo: Story;
21
+ export declare const EmailSummaryListDemo: Story;
28
22
  //# sourceMappingURL=Email.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAwB/C,OAAO,EAQL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;AA8BnC,wBAGU;AAaV,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,UAAU,CA6CnC,CAAC;AA4BF,eAAO,MAAM,YAAY,mBAqCxB,CAAC;AAYF,UAAU,sBAAsB;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,sBAAsB,CAkHvD,CAAC;AAuBF,eAAO,MAAM,iBAAiB,mBA2C7B,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBAwE7B,CAAC;AAYF,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgN3C,CAAC;AA6BF,eAAO,MAAM,oBAAoB,mBA8BhC,CAAC;AAaF,eAAO,MAAM,oBAAoB;;;;;CA2FhC,CAAC"}
1
+ {"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAwB/C,OAAO,EAQL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;AA8BnC,wBAGU;AAaV,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,UAAU,CA6CnC,CAAC;AA4BF,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAC;AAYF,UAAU,sBAAsB;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,sBAAsB,CAkHvD,CAAC;AAuBF,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAC;AAaF,eAAO,MAAM,iBAAiB,EAAE,KAwE/B,CAAC;AAYF,UAAU,cAAc;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,cAAc,CAgN3C,CAAC;AA6BF,eAAO,MAAM,oBAAoB,EAAE,KA8BlC,CAAC;AAaF,eAAO,MAAM,oBAAoB,EAAE,KA2FlC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Email.stories.js","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words calibri Trichy Nagercoil\nimport { useState, ChangeEvent, useRef, useContext, useCallback } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Card,\n CardContent,\n createUID,\n MenuButton,\n MenuItemProps,\n MenuProps,\n Icon,\n registerIcon,\n Flex,\n Button,\n ModalManagerContext,\n menuHelpers,\n CardHeader,\n Text,\n SummaryList,\n Grid,\n FieldValueList,\n SummaryListItem,\n StyledLabel\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport {\n Email as EmailComponent,\n EmailConversation,\n EmailComposer,\n EmailShell,\n EmailSummaryItem,\n EmailSummaryList,\n EntityList,\n EmailProps,\n EmailConversationProps,\n EmailComposerProps,\n EntityListProps\n} from '@pega/cosmos-react-social';\n\nimport {\n bccParticipants,\n ccParticipants,\n emailBodyContent,\n participants,\n toParticipants,\n emailAttachments,\n EntityListMockData,\n viewAnalysisEmailHeaderMock,\n topicListMock,\n emailActions,\n generateEmailConversationParticipants,\n templates,\n handleExternalEntry,\n emailDemoActions,\n launchEmailComposer,\n LaunchAction,\n baseComposerProps,\n sentiment,\n emailSummaryItems,\n mockEmails,\n mockSuggestedReplies,\n mockEmailBodyTemplates\n} from './Email.mocks';\nimport { StyledEmailCardContent, StyledViewAnalysis } from './Email.styles';\n\nregisterIcon(filterIcon);\n\nexport default {\n title: 'Social/Email',\n component: EmailComponent\n} as Meta;\n\n/*\n\n _____ _ _\n | ____|_ __ ___ __ _(_) |\n | _| | '_ ` _ \\ / _` | | |\n | |___| | | | | | (_| | | |\n |_____|_| |_| |_|\\__,_|_|_|\n\n\n*/\n\nexport const Email: Story<EmailProps> = (args: EmailProps) => {\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\n id={createUID()}\n timeStamp='2022-02-24T09:12'\n from={mockEmails['Laura Stevens']}\n cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n body='<div> Hi Team, <br /> <br /> <div>Please find the below conversation &amp; let us know the best fare (including taxes) per person.</div><br />Regards, <br /> Laura Stevens </div>'\n forwardedContent={args.forwardedContent}\n subject='Regarding flight booking'\n onReply={action('On reply')}\n onReplyAll={action('On reply all')}\n onForward={action('On forward')}\n onSuggestionClick={action('On Suggested reply clicked')}\n sentiment={{\n variant: 'positive'\n }}\n actions={emailActions}\n suggestions={mockSuggestedReplies}\n attachments={[\n {\n id: 'attachment_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'attachment_1',\n value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n displayText: 'E-Ticket'\n }\n ].map(attachment => {\n return {\n ...attachment,\n onDownload: action('On attachment download'),\n onPreview: action('On attachment preview')\n };\n })}\n />\n </StyledEmailCardContent>\n </Card>\n );\n};\n\nEmail.args = {\n // eslint-disable-next-line demo-patterns/literal-args\n forwardedContent: `\n <div id=\"pega-email-message-forward\" style=\"font-family:OpenSans,sans-serif; border-left: 1px solid #c4c4c4; padding-left: 8px;\">\n <div>\n <p class=\"pega-email-forward-header\" style=\"font-size:smaller;color:#90909D;\">--------------------Forwarded message--------------------<br />From: Person, Example &lt;example.person@pega.com&gt; &nbsp;<br />Date: Feb 23, 2022 9:29:59 PM&nbsp;<br />Subject: Regarding flight booking &nbsp;<br />To: Laura, Stevens &lt;laurastevens@example.com&gt;<br />&nbsp;</p>\n </div>\n <div class=\"pega-email-forward-content\">\n <div class=\"WordSection1\">\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Hi,&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">I need to book a flight from Hyderabad to Chennai.&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Please let me know the fare including taxes per each person. </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Thanks,&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Goutham </span></p>\n </div>\n </div>\n </div>\n`\n};\n\nEmail.argTypes = {\n forwardedContent: { control: { type: 'text' } }\n};\n\nexport const ViewAnalysis = () => {\n const headerProps: EntityListProps['header'] = {\n icon: 'list-number',\n text: 'Entities'\n };\n\n const itemsToRender: SummaryListItem[] = topicListMock.map(items => {\n return {\n ...items,\n primary: <StyledLabel>{items.primary}</StyledLabel>,\n secondary: (\n <Flex container={{ direction: 'row', justify: 'between' }}>\n <Text variant='primary'>{items.secondary.indicator}</Text>\n <StyledLabel>{items.secondary.value}</StyledLabel>\n </Flex>\n )\n };\n });\n return (\n <StyledViewAnalysis>\n <Grid container={{ rowGap: 2 }}>\n <EntityList header={headerProps} content={EntityListMockData} />\n\n <Card>\n <CardHeader container={{ alignItems: 'center', gap: 1 }}>\n <Icon name='document-doc' />\n <Text variant='h3'>Email header</Text>\n </CardHeader>\n <CardContent>\n <FieldValueList fields={viewAnalysisEmailHeaderMock} variant='stacked' />\n </CardContent>\n </Card>\n\n <SummaryList name='Topics' icon='headline' items={itemsToRender} noItemsText='No items' />\n </Grid>\n </StyledViewAnalysis>\n );\n};\n\n/*\n ______ _ _ ______ _ _ _ _\n | ____| (_) | | ____| | | (_) | (_)\n | |__ _ __ ___ __ _ _| | | |__ _ __ | |_ _| |_ _ ___ ___\n | __| | '_ ` _ \\ / _` | | | | __| | '_ \\| __| | __| |/ _ \\/ __|\n | |____| | | | | | (_| | | | | |____| | | | |_| | |_| | __/\\__ \\\n |______|_| |_| |_|\\__,_|_|_| |______|_| |_|\\__|_|\\__|_|\\___||___/\n\n*/\n\ninterface EmailEntitiesDemoProps {\n enableEntityHighlighting?: boolean;\n enableContextMenu?: boolean;\n}\n\nexport const EmailEntities: Story<EmailEntitiesDemoProps> = (args: EmailEntitiesDemoProps) => {\n const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\n id={createUID()}\n timeStamp='2021-01-05T09:12'\n from={mockEmails['Laura Stevens']}\n cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n body='<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, <b><i>Nagercoil</i></b> branch, with code <b><a href=\"www.google.com\"><i>3967</i></a></b>. I have a saving bank account here. My account number is <i>6785420965476</i>.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>'\n entityHighlightMapping={\n args.enableEntityHighlighting\n ? [\n {\n value: '3967',\n type: 'system',\n name: 'BranchCode',\n variant: 0,\n description: 'Branch Code'\n },\n {\n value: 'Laura Stevens',\n type: 'system',\n name: 'Name',\n variant: 1,\n description: 'Name'\n },\n {\n value: 'Nagercoil',\n type: 'system',\n name: 'Location',\n variant: 2,\n description: nestedEntities\n },\n {\n value: 'Trichy',\n type: 'system',\n name: 'Location',\n variant: 2,\n description: 'Location'\n },\n {\n value: '6785420965476',\n type: 'system',\n name: 'AccountNumber',\n variant: 3,\n description: 'Account Number'\n },\n {\n value: '1920 6746 8653 1256',\n type: 'system',\n name: 'CardNumber',\n variant: 4,\n description: 'Card Number'\n },\n {\n value: 'Debit Card',\n type: 'system',\n name: 'CardType',\n variant: 5,\n description: 'Card Type'\n },\n {\n value: 'Jan 04, 2021',\n type: 'system',\n name: 'Date',\n variant: 6,\n description: 'Date'\n }\n ]\n : undefined\n }\n contextMenu={\n args.enableContextMenu\n ? {\n heading: 'Copy to',\n items: [\n {\n id: 'item_0',\n primary: 'Field 1',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Field 2',\n selected: true\n },\n {\n id: 'item_2',\n primary: 'Field 3',\n selected: true\n }\n ],\n onItemClick: action('On Copy')\n }\n : undefined\n }\n subject='I lost my debit card'\n onReply={action('On reply')}\n onReplyAll={action('On reply all')}\n onForward={action('On forward')}\n onSuggestionClick={action('On Suggested reply clicked')}\n sentiment={{\n variant: 'neutral'\n }}\n actions={emailActions}\n suggestions={mockSuggestedReplies}\n />\n </StyledEmailCardContent>\n </Card>\n );\n};\n\nEmailEntities.args = {\n enableEntityHighlighting: true,\n enableContextMenu: true\n};\n\nEmailEntities.argTypes = {\n enableEntityHighlighting: { control: { type: 'boolean' } },\n enableContextMenu: { control: { type: 'boolean' } }\n};\n\n/*\n\n _____ _ _ ____ _ _\n | ____|_ __ ___ __ _(_) | / ___|___ _ ____ _____ _ __ ___ __ _| |_(_) ___ _ __\n | _| | '_ ` _ \\ / _` | | | | | / _ \\| '_ \\ \\ / / _ \\ '__/ __|/ _` | __| |/ _ \\| '_ \\\n | |___| | | | | | (_| | | | | |__| (_) | | | \\ V / __/ | \\__ \\ (_| | |_| | (_) | | | |\n |_____|_| |_| |_|\\__,_|_|_| \\____\\___/|_| |_|\\_/ \\___|_| |___/\\__,_|\\__|_|\\___/|_| |_|\n\n\n*/\n\nexport const emailConversation = () => {\n const emailArr: EmailProps[] = [\n {\n id: 'item_0',\n timeStamp: '2021-01-05T09:12',\n from: mockEmails['Laura Stevens'],\n cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n body: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\n unRead: true,\n onReply: action('On reply'),\n onForward: action('On forward'),\n onSuggestionClick: action('On Suggested reply clicked'),\n actions: emailActions,\n suggestions: mockSuggestedReplies\n },\n {\n id: 'item_1',\n timeStamp: '2021-01-02T03:12',\n from: mockEmails['Sara Davis'],\n cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n body: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\n onReply: action('On reply'),\n onForward: action('On forward'),\n onSuggestionClick: action('On Suggested reply clicked'),\n actions: emailActions\n }\n ];\n\n return (\n <EmailConversation\n participants={generateEmailConversationParticipants(emailArr)}\n from={generateEmailConversationParticipants(emailArr, ['from'])[0]}\n to={generateEmailConversationParticipants(emailArr, ['to'])}\n id={createUID()}\n timeStamp={emailArr[0].timeStamp}\n unReadEmailCount={emailArr.filter(item => item.unRead).length}\n emails={emailArr}\n />\n );\n};\n\n/*\n\n _____ _ _ ____\n | ____|_ __ ___ __ _(_) | / ___|___ _ __ ___ _ __ ___ ___ ___ _ __\n | _| | '_ ` _ \\ / _` | | | | | / _ \\| '_ ` _ \\| '_ \\ / _ \\/ __|/ _ \\ '__|\n | |___| | | | | | (_| | | | | |__| (_) | | | | | | |_) | (_) \\__ \\ __/ |\n |_____|_| |_| |_|\\__,_|_|_| \\____\\___/|_| |_| |_| .__/ \\___/|___/\\___|_|\n |_|\n\n*/\n\nexport const EmailComposerDemo = () => {\n const fileUploadInputRef = useRef<HTMLInputElement>(null);\n const [composerProgress, setComposerProgress] = useState<EmailComposerProps['progress']>(false);\n const [attachments, setAttachments] = useState<Required<EmailComposerProps>['attachments']>(\n emailAttachments!\n );\n\n const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n // Simulating api call\n setComposerProgress({ message: 'Loading template...' });\n return new Promise(resolve => {\n setTimeout(() => {\n setComposerProgress(false);\n resolve(selectedTemplate?.content as string);\n }, 1000);\n });\n };\n\n return (\n <Card style={{ width: '30rem' }}>\n <CardContent>\n <EmailComposer\n progress={composerProgress}\n onSend={action('On Send')}\n onCancel={action('On cancel')}\n externalValidator={handleExternalEntry}\n participants={participants}\n to={{\n reply: [participants[7].emailAddress],\n replyAll: toParticipants,\n forward: []\n }}\n cc={ccParticipants}\n bcc={bccParticipants}\n responseType='reply'\n subject='Request: Pause service'\n templates={templates}\n onTemplateChange={onTemplateChange}\n bodyContent='Hi, Hope you are doing well'\n onImageAdded={action('On Image added')}\n attachments={attachments.map(attachment => {\n return {\n ...attachment,\n onDelete: name => {\n setAttachments(prevAttachments =>\n prevAttachments.filter(item => item.name !== name)\n );\n }\n };\n })}\n />\n <input\n ref={fileUploadInputRef}\n type='file'\n style={{ display: 'none' }}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (e.target.files) {\n setAttachments(prevAttachments => [\n ...prevAttachments,\n ...Array.from(e.target.files!).map(file => {\n return {\n name: file.name\n };\n })\n ]);\n }\n }}\n />\n </CardContent>\n </Card>\n );\n};\n\n/*\n\n _____ _ _ _ _ _\n | ____|_ __ ___ __ _(_) | ___| |__ ___| | |\n | _| | '_ ` _ \\ / _` | | | / __| '_ \\ / _ \\ | |\n | |___| | | | | | (_| | | | \\__ \\ | | | __/ | |\n |_____|_| |_| |_|\\__,_|_|_| |___/_| |_|\\___|_|_|\n\n*/\n\ninterface EmailDemoProps {\n autoCollapse?: boolean;\n hideSuggestions?: boolean;\n singleConversation?: boolean;\n}\n\nexport const EmailDemo: Story<EmailDemoProps> = (args: EmailDemoProps) => {\n const actions = ['Transfer', 'End conversation'].map(name => ({\n primary: name,\n id: name,\n onClick: action(`Clicked ${name}`)\n }));\n\n const { create } = useContext(ModalManagerContext);\n\n const emailsData: EmailProps[] = [\n {\n id: 'item_0',\n timeStamp: '2021-01-05T09:12',\n from: participants[0],\n to: participants.slice(0, 2),\n body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\n unRead: true,\n subject: 'Pause service',\n suggestions: args.hideSuggestions ? undefined : mockSuggestedReplies,\n attachments: [\n {\n id: 'item_1_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'item_1_1',\n value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n displayText: 'E-Ticket'\n }\n ].map(attachment => {\n return {\n ...attachment,\n onDownload: action('On attachment download'),\n onPreview: action('On attachment preview')\n };\n })\n },\n {\n id: 'item_1',\n timeStamp: '2021-01-02T03:12',\n from: participants[3],\n to: participants.slice(2, 4),\n body: emailBodyContent,\n unRead: true,\n subject: 'Pause service'\n }\n ].map(emailData => {\n const emailActionItems = emailDemoActions(create, emailData.subject);\n return {\n ...emailData,\n onReply: id => {\n launchEmailComposer(\n id,\n LaunchAction.REPLY,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'reply',\n subject: `Re-${emailData.subject}` || ''\n },\n create\n );\n },\n onForward: id => {\n launchEmailComposer(\n id,\n LaunchAction.FORWARD,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'forward',\n subject: `Fw-${emailData.subject}` || ''\n },\n create\n );\n },\n onSuggestionClick: (id, suggestionId) => {\n const suggestion = emailData.suggestions?.find(item => item.id === suggestionId);\n launchEmailComposer(\n id,\n LaunchAction.SUGGESTION,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'reply',\n subject: suggestion?.title || '',\n bodyContent: suggestion ? suggestion.content : '',\n defaultTemplateId: suggestion?.id\n },\n create\n );\n },\n actions: emailActionItems,\n tags: args.hideSuggestions\n ? undefined\n : {\n items: ['Pause service', 'Lost or stolen'],\n label: 'Associated service cases',\n onRemove: action('On Associated service case remove'),\n dismissable: true\n }\n };\n });\n\n const emailConversations: EmailConversationProps[] = (\n [\n [...emailsData],\n [\n {\n ...emailsData[0],\n timeStamp: '2021-01-03T17:15',\n from: mockEmails['Hugh Phillips'],\n to: [mockEmails['Mystery Rey'], ...emailsData[0].to],\n cc: [mockEmails['Adam Gillchrist']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n body: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div> <br />Regards, <br />Hugh Phillips </div>'\n },\n {\n ...emailsData[1],\n unRead: false,\n timeStamp: '2021-01-02T14:16',\n from: mockEmails['Mystery Rey'],\n to: [mockEmails['Hugh Phillips']],\n body: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\n }\n ],\n [\n {\n ...emailsData[0],\n unRead: false,\n timeStamp: '2020-12-05T18:18',\n from: mockEmails['Laura Stevens'],\n to: [mockEmails['Sara Davis']],\n body: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\n sentiment: {\n variant: 'positive'\n }\n },\n {\n ...emailsData[1],\n unRead: false,\n timeStamp: '2021-01-04T08:30',\n from: mockEmails['Sara Davis'],\n to: [mockEmails['Laura Stevens']],\n body: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n }\n ]\n ] as EmailProps[][]\n ).map((emails, i) => {\n return {\n from: generateEmailConversationParticipants(emails, ['from'])[0],\n to: emails[0].to,\n id: `item_${i}`,\n timeStamp: emails[0].timeStamp,\n unReadEmailCount: emails.filter(item => item.unRead).length,\n emails,\n sentiment: emails[0].sentiment,\n isForwarded: i !== 2,\n isCollapsed: i !== 0\n } as EmailConversationProps;\n });\n\n const singleEmailConversation: EmailConversationProps[] = [\n {\n from: generateEmailConversationParticipants(emailsData, ['from'])[0],\n to: generateEmailConversationParticipants(emailsData, ['to']),\n id: 'item_0',\n timeStamp: new Date(emailsData[0].timeStamp),\n unReadEmailCount: emailsData.filter(item => item.unRead).length,\n emails: emailsData\n }\n ];\n\n return (\n <EmailShell\n style={{\n height: 'calc(100vh)',\n width: '30rem',\n margin: 'auto'\n }}\n headerProps={{\n actions: (\n <Flex\n container={{\n alignItems: 'center',\n gap: 0\n }}\n >\n <Button variant='simple' icon>\n <Icon name='filter' />\n </Button>\n <MenuButton\n variant='simple'\n text='More actions'\n icon='more'\n iconOnly\n portal\n menu={{ items: actions }}\n />\n </Flex>\n ),\n subject: 'Pause service'\n }}\n autoCollapse={args.autoCollapse}\n conversations={args.singleConversation ? singleEmailConversation : emailConversations}\n />\n );\n};\n\nEmailDemo.args = {\n autoCollapse: true,\n hideSuggestions: false,\n singleConversation: true\n};\n\nEmailDemo.argTypes = {\n autoCollapse: { control: { type: 'boolean' } },\n hideSuggestions: { control: { type: 'boolean' } },\n singleConversation: { control: { type: 'boolean' } }\n};\n\nEmailDemo.parameters = {\n layout: 'fullscreen'\n};\n\n/*\n ______ _ _ _____ _____ _\n | ____| (_) | / ____| |_ _| |\n | |__ _ __ ___ __ _ _| | | (___ _ _ _ __ ___ _ __ ___ __ _ _ __ _ _ | | | |_ ___ _ __ ___\n | __| | '_ ` _ \\ / _` | | | \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | | | __/ _ \\ '_ ` _ \\\n | |____| | | | | | (_| | | | ____) | |_| | | | | | | | | | | | (_| | | | |_| | _| |_| || __/ | | | | |\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_| \\__, | |_____|\\__\\___|_| |_| |_|\n __/ |\n |___/\n*/\n\nexport const EmailSummaryItemDemo = () => {\n const [active, setActive] = useState(false);\n return (\n <EmailSummaryItem\n style={{ width: '25rem' }}\n id={createUID()}\n activeParticipants={[\n {\n shortName: 'Robert',\n fullName: 'Robert Downer',\n emailAddress: 'robert.downey@example.com'\n },\n {\n shortName: 'Nathan',\n fullName: 'Nathan Swanson',\n emailAddress: 'nathan.swanson@example.com'\n }\n ]}\n message='I have a quick question on traveling to India. How do I reach Hyderabad?'\n timeStamp={new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24))}\n topic='Missing Luggage'\n sentiment={sentiment}\n urgency={10}\n unreadEmailCount={active ? 0 : 8}\n active={active}\n onClick={() => {\n setActive(true);\n }}\n />\n );\n};\n\n/*\n ______ _ _ _____ _ _ _\n | ____| (_) | / ____| | | (_) | |\n | |__ _ __ ___ __ _ _| | | (___ _ _ _ __ ___ _ __ ___ __ _ _ __ _ _ | | _ ___| |_\n | __| | '_ ` _ \\ / _` | | | \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | | | / __| __|\n | |____| | | | | | (_| | | | ____) | |_| | | | | | | | | | | | (_| | | | |_| | | |____| \\__ \\ |_\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_| \\__, | |______|_|___/\\__|\n __/ |\n |___/\n*/\n\nexport const EmailSummaryListDemo = () => {\n const INITIAL_CHUNK_SIZE = 9;\n const APPEND_CHUNK_SIZE = 1;\n\n const emailSummaryListRef = useRef(null);\n const [allEmailItems, setAllEmailItems] = useState(\n emailSummaryItems.slice(0, INITIAL_CHUNK_SIZE)\n );\n const [categories, setCategories] = useState<MenuProps['items']>([\n {\n id: 'item_0',\n primary: 'Default worklist',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Authors',\n selected: false\n },\n {\n id: 'item_2',\n primary: 'Administrators',\n selected: false\n },\n {\n id: 'item_3',\n primary: 'Managers',\n selected: false\n },\n {\n id: 'item_4',\n primary: 'Users',\n selected: false\n }\n ]);\n\n const handleItemClick = (id: string) => {\n const index = allEmailItems.findIndex(emailItem => {\n return emailItem.id === id;\n });\n\n const newEmailItems = [...allEmailItems];\n newEmailItems.splice(index, 1, { ...allEmailItems[index], unreadEmailCount: 0 });\n\n setAllEmailItems(newEmailItems);\n };\n\n const onCategoryClick: MenuItemProps['onClick'] = (id: MenuItemProps['id']) => {\n setCategories(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n };\n\n const [loading, setLoading] = useState(false);\n const [hasMore, setHasMore] = useState(true);\n\n const loadMore = useCallback(() => {\n if (!loading) {\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n setAllEmailItems(prevItems => {\n const previousItemsLength = prevItems.length;\n const newItems = emailSummaryItems.slice(\n previousItemsLength,\n previousItemsLength + APPEND_CHUNK_SIZE\n );\n\n if (newItems.length === 0) {\n setHasMore(false);\n }\n\n return [...prevItems, ...newItems];\n });\n }, 1500);\n }\n }, [loading]);\n\n return (\n <EmailSummaryList\n style={{ height: '100vh', width: '25rem', margin: 'auto' }}\n ref={emailSummaryListRef}\n unreadEmailCount={99}\n categories={categories}\n items={allEmailItems}\n onItemClick={handleItemClick}\n onCategoryClick={onCategoryClick}\n onLoadMore={hasMore ? loadMore : undefined}\n loading={loading}\n emptyMessage='No emails.'\n />\n );\n};\n\nEmailSummaryListDemo.parameters = {\n layout: 'fullscreen'\n};\n"]}
1
+ {"version":3,"file":"Email.stories.js","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words calibri Trichy Nagercoil\nimport { useState, ChangeEvent, useRef, useContext, useCallback } from 'react';\nimport { action } from '@storybook/addon-actions';\nimport { Meta, Story } from '@storybook/react';\n\nimport {\n Card,\n CardContent,\n createUID,\n MenuButton,\n MenuItemProps,\n MenuProps,\n Icon,\n registerIcon,\n Flex,\n Button,\n ModalManagerContext,\n menuHelpers,\n CardHeader,\n Text,\n SummaryList,\n Grid,\n FieldValueList,\n SummaryListItem,\n StyledLabel\n} from '@pega/cosmos-react-core';\nimport * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';\nimport {\n Email as EmailComponent,\n EmailConversation,\n EmailComposer,\n EmailShell,\n EmailSummaryItem,\n EmailSummaryList,\n EntityList,\n EmailProps,\n EmailConversationProps,\n EmailComposerProps,\n EntityListProps\n} from '@pega/cosmos-react-social';\n\nimport {\n bccParticipants,\n ccParticipants,\n emailBodyContent,\n participants,\n toParticipants,\n emailAttachments,\n EntityListMockData,\n viewAnalysisEmailHeaderMock,\n topicListMock,\n emailActions,\n generateEmailConversationParticipants,\n templates,\n handleExternalEntry,\n emailDemoActions,\n launchEmailComposer,\n LaunchAction,\n baseComposerProps,\n sentiment,\n emailSummaryItems,\n mockEmails,\n mockSuggestedReplies,\n mockEmailBodyTemplates\n} from './Email.mocks';\nimport { StyledEmailCardContent, StyledViewAnalysis } from './Email.styles';\n\nregisterIcon(filterIcon);\n\nexport default {\n title: 'Social/Email',\n component: EmailComponent\n} as Meta;\n\n/*\n\n _____ _ _\n | ____|_ __ ___ __ _(_) |\n | _| | '_ ` _ \\ / _` | | |\n | |___| | | | | | (_| | | |\n |_____|_| |_| |_|\\__,_|_|_|\n\n\n*/\n\nexport const Email: Story<EmailProps> = (args: EmailProps) => {\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\n id={createUID()}\n timeStamp='2022-02-24T09:12'\n from={mockEmails['Laura Stevens']}\n cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n body='<div> Hi Team, <br /> <br /> <div>Please find the below conversation &amp; let us know the best fare (including taxes) per person.</div><br />Regards, <br /> Laura Stevens </div>'\n forwardedContent={args.forwardedContent}\n subject='Regarding flight booking'\n onReply={action('On reply')}\n onReplyAll={action('On reply all')}\n onForward={action('On forward')}\n onSuggestionClick={action('On Suggested reply clicked')}\n sentiment={{\n variant: 'positive'\n }}\n actions={emailActions}\n suggestions={mockSuggestedReplies}\n attachments={[\n {\n id: 'attachment_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'attachment_1',\n value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n displayText: 'E-Ticket'\n }\n ].map(attachment => {\n return {\n ...attachment,\n onDownload: action('On attachment download'),\n onPreview: action('On attachment preview')\n };\n })}\n />\n </StyledEmailCardContent>\n </Card>\n );\n};\n\nEmail.args = {\n // eslint-disable-next-line demo-patterns/literal-args\n forwardedContent: `\n <div id=\"pega-email-message-forward\" style=\"font-family:OpenSans,sans-serif; border-left: 1px solid #c4c4c4; padding-left: 8px;\">\n <div>\n <p class=\"pega-email-forward-header\" style=\"font-size:smaller;color:#90909D;\">--------------------Forwarded message--------------------<br />From: Person, Example &lt;example.person@pega.com&gt; &nbsp;<br />Date: Feb 23, 2022 9:29:59 PM&nbsp;<br />Subject: Regarding flight booking &nbsp;<br />To: Laura, Stevens &lt;laurastevens@example.com&gt;<br />&nbsp;</p>\n </div>\n <div class=\"pega-email-forward-content\">\n <div class=\"WordSection1\">\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Hi,&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">I need to book a flight from Hyderabad to Chennai.&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Please let me know the fare including taxes per each person. </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Thanks,&nbsp; </span></p>\n <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Goutham </span></p>\n </div>\n </div>\n </div>\n`\n};\n\nEmail.argTypes = {\n forwardedContent: { control: { type: 'text' } }\n};\n\nexport const ViewAnalysis: Story = () => {\n const headerProps: EntityListProps['header'] = {\n icon: 'list-number',\n text: 'Entities'\n };\n\n const itemsToRender: SummaryListItem[] = topicListMock.map(items => {\n return {\n ...items,\n primary: <StyledLabel>{items.primary}</StyledLabel>,\n secondary: (\n <Flex container={{ direction: 'row', justify: 'between' }}>\n <Text variant='primary'>{items.secondary.indicator}</Text>\n <StyledLabel>{items.secondary.value}</StyledLabel>\n </Flex>\n )\n };\n });\n return (\n <StyledViewAnalysis>\n <Grid container={{ rowGap: 2 }}>\n <EntityList header={headerProps} content={EntityListMockData} />\n\n <Card>\n <CardHeader container={{ alignItems: 'center', gap: 1 }}>\n <Icon name='document-doc' />\n <Text variant='h3'>Email header</Text>\n </CardHeader>\n <CardContent>\n <FieldValueList fields={viewAnalysisEmailHeaderMock} variant='stacked' />\n </CardContent>\n </Card>\n\n <SummaryList name='Topics' icon='headline' items={itemsToRender} noItemsText='No items' />\n </Grid>\n </StyledViewAnalysis>\n );\n};\n\n/*\n ______ _ _ ______ _ _ _ _\n | ____| (_) | | ____| | | (_) | (_)\n | |__ _ __ ___ __ _ _| | | |__ _ __ | |_ _| |_ _ ___ ___\n | __| | '_ ` _ \\ / _` | | | | __| | '_ \\| __| | __| |/ _ \\/ __|\n | |____| | | | | | (_| | | | | |____| | | | |_| | |_| | __/\\__ \\\n |______|_| |_| |_|\\__,_|_|_| |______|_| |_|\\__|_|\\__|_|\\___||___/\n\n*/\n\ninterface EmailEntitiesDemoProps {\n enableEntityHighlighting?: boolean;\n enableContextMenu?: boolean;\n}\n\nexport const EmailEntities: Story<EmailEntitiesDemoProps> = (args: EmailEntitiesDemoProps) => {\n const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];\n return (\n <Card>\n <StyledEmailCardContent>\n <EmailComponent\n id={createUID()}\n timeStamp='2021-01-05T09:12'\n from={mockEmails['Laura Stevens']}\n cc={[mockEmails['Adam Gillchrist'], mockEmails['John Paul']]}\n bcc={[mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']]}\n to={[mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']]}\n body='<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, <b><i>Nagercoil</i></b> branch, with code <b><a href=\"www.google.com\"><i>3967</i></a></b>. I have a saving bank account here. My account number is <i>6785420965476</i>.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>'\n entityHighlightMapping={\n args.enableEntityHighlighting\n ? [\n {\n value: '3967',\n type: 'system',\n name: 'BranchCode',\n variant: 0,\n description: 'Branch Code'\n },\n {\n value: 'Laura Stevens',\n type: 'system',\n name: 'Name',\n variant: 1,\n description: 'Name'\n },\n {\n value: 'Nagercoil',\n type: 'system',\n name: 'Location',\n variant: 2,\n description: nestedEntities\n },\n {\n value: 'Trichy',\n type: 'system',\n name: 'Location',\n variant: 2,\n description: 'Location'\n },\n {\n value: '6785420965476',\n type: 'system',\n name: 'AccountNumber',\n variant: 3,\n description: 'Account Number'\n },\n {\n value: '1920 6746 8653 1256',\n type: 'system',\n name: 'CardNumber',\n variant: 4,\n description: 'Card Number'\n },\n {\n value: 'Debit Card',\n type: 'system',\n name: 'CardType',\n variant: 5,\n description: 'Card Type'\n },\n {\n value: 'Jan 04, 2021',\n type: 'system',\n name: 'Date',\n variant: 6,\n description: 'Date'\n }\n ]\n : undefined\n }\n contextMenu={\n args.enableContextMenu\n ? {\n heading: 'Copy to',\n items: [\n {\n id: 'item_0',\n primary: 'Field 1',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Field 2',\n selected: true\n },\n {\n id: 'item_2',\n primary: 'Field 3',\n selected: true\n }\n ],\n onItemClick: action('On Copy')\n }\n : undefined\n }\n subject='I lost my debit card'\n onReply={action('On reply')}\n onReplyAll={action('On reply all')}\n onForward={action('On forward')}\n onSuggestionClick={action('On Suggested reply clicked')}\n sentiment={{\n variant: 'neutral'\n }}\n actions={emailActions}\n suggestions={mockSuggestedReplies}\n />\n </StyledEmailCardContent>\n </Card>\n );\n};\n\nEmailEntities.args = {\n enableEntityHighlighting: true,\n enableContextMenu: true\n};\n\nEmailEntities.argTypes = {\n enableEntityHighlighting: { control: { type: 'boolean' } },\n enableContextMenu: { control: { type: 'boolean' } }\n};\n\n/*\n\n _____ _ _ ____ _ _\n | ____|_ __ ___ __ _(_) | / ___|___ _ ____ _____ _ __ ___ __ _| |_(_) ___ _ __\n | _| | '_ ` _ \\ / _` | | | | | / _ \\| '_ \\ \\ / / _ \\ '__/ __|/ _` | __| |/ _ \\| '_ \\\n | |___| | | | | | (_| | | | | |__| (_) | | | \\ V / __/ | \\__ \\ (_| | |_| | (_) | | | |\n |_____|_| |_| |_|\\__,_|_|_| \\____\\___/|_| |_|\\_/ \\___|_| |___/\\__,_|\\__|_|\\___/|_| |_|\n\n\n*/\n\nexport const emailConversation: Story = () => {\n const emailArr: EmailProps[] = [\n {\n id: 'item_0',\n timeStamp: '2021-01-05T09:12',\n from: mockEmails['Laura Stevens'],\n cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n body: '<div> Hi, <br /> <br /> <div>Sure.. Here is your E-Ticket !! </div> <br /><br /> Regards, <br /> Laura Stevens </div>',\n unRead: true,\n onReply: action('On reply'),\n onForward: action('On forward'),\n onSuggestionClick: action('On Suggested reply clicked'),\n actions: emailActions,\n suggestions: mockSuggestedReplies\n },\n {\n id: 'item_1',\n timeStamp: '2021-01-02T03:12',\n from: mockEmails['Sara Davis'],\n cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n to: [mockEmails['Laura Stevens'], mockEmails['John Brown'], mockEmails['Joe Stevens']],\n body: '<div> Hi, <br /> <br /> <div>I’m still at the airport, I need help now!! </div> <br /><br /> Regards, <br /> Sara Davis </div>',\n onReply: action('On reply'),\n onForward: action('On forward'),\n onSuggestionClick: action('On Suggested reply clicked'),\n actions: emailActions\n }\n ];\n\n return (\n <EmailConversation\n participants={generateEmailConversationParticipants(emailArr)}\n from={generateEmailConversationParticipants(emailArr, ['from'])[0]}\n to={generateEmailConversationParticipants(emailArr, ['to'])}\n id={createUID()}\n timeStamp={emailArr[0].timeStamp}\n unReadEmailCount={emailArr.filter(item => item.unRead).length}\n emails={emailArr}\n />\n );\n};\n\n/*\n\n _____ _ _ ____\n | ____|_ __ ___ __ _(_) | / ___|___ _ __ ___ _ __ ___ ___ ___ _ __\n | _| | '_ ` _ \\ / _` | | | | | / _ \\| '_ ` _ \\| '_ \\ / _ \\/ __|/ _ \\ '__|\n | |___| | | | | | (_| | | | | |__| (_) | | | | | | |_) | (_) \\__ \\ __/ |\n |_____|_| |_| |_|\\__,_|_|_| \\____\\___/|_| |_| |_| .__/ \\___/|___/\\___|_|\n |_|\n\n*/\n\nexport const EmailComposerDemo: Story = () => {\n const fileUploadInputRef = useRef<HTMLInputElement>(null);\n const [composerProgress, setComposerProgress] = useState<EmailComposerProps['progress']>(false);\n const [attachments, setAttachments] = useState<Required<EmailComposerProps>['attachments']>(\n emailAttachments!\n );\n\n const onTemplateChange: EmailComposerProps['onTemplateChange'] = id => {\n const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);\n // Simulating api call\n setComposerProgress({ message: 'Loading template...' });\n return new Promise(resolve => {\n setTimeout(() => {\n setComposerProgress(false);\n resolve(selectedTemplate?.content as string);\n }, 1000);\n });\n };\n\n return (\n <Card style={{ width: '30rem' }}>\n <CardContent>\n <EmailComposer\n progress={composerProgress}\n onSend={action('On Send')}\n onCancel={action('On cancel')}\n externalValidator={handleExternalEntry}\n participants={participants}\n to={{\n reply: [participants[7].emailAddress],\n replyAll: toParticipants,\n forward: []\n }}\n cc={ccParticipants}\n bcc={bccParticipants}\n responseType='reply'\n subject='Request: Pause service'\n templates={templates}\n onTemplateChange={onTemplateChange}\n bodyContent='Hi, Hope you are doing well'\n onImageAdded={action('On Image added')}\n attachments={attachments.map(attachment => {\n return {\n ...attachment,\n onDelete: name => {\n setAttachments(prevAttachments =>\n prevAttachments.filter(item => item.name !== name)\n );\n }\n };\n })}\n />\n <input\n ref={fileUploadInputRef}\n type='file'\n style={{ display: 'none' }}\n onChange={(e: ChangeEvent<HTMLInputElement>) => {\n if (e.target.files) {\n setAttachments(prevAttachments => [\n ...prevAttachments,\n ...Array.from(e.target.files!).map(file => {\n return {\n name: file.name\n };\n })\n ]);\n }\n }}\n />\n </CardContent>\n </Card>\n );\n};\n\n/*\n\n _____ _ _ _ _ _\n | ____|_ __ ___ __ _(_) | ___| |__ ___| | |\n | _| | '_ ` _ \\ / _` | | | / __| '_ \\ / _ \\ | |\n | |___| | | | | | (_| | | | \\__ \\ | | | __/ | |\n |_____|_| |_| |_|\\__,_|_|_| |___/_| |_|\\___|_|_|\n\n*/\n\ninterface EmailDemoProps {\n autoCollapse?: boolean;\n hideSuggestions?: boolean;\n singleConversation?: boolean;\n}\n\nexport const EmailDemo: Story<EmailDemoProps> = (args: EmailDemoProps) => {\n const actions = ['Transfer', 'End conversation'].map(name => ({\n primary: name,\n id: name,\n onClick: action(`Clicked ${name}`)\n }));\n\n const { create } = useContext(ModalManagerContext);\n\n const emailsData: EmailProps[] = [\n {\n id: 'item_0',\n timeStamp: '2021-01-05T09:12',\n from: participants[0],\n to: participants.slice(0, 2),\n body: '<div>Hi, <br /> <br /><div>Your address change request is approved.</div> <br /> <br />Regards, <br />Laura Stevens </div>',\n unRead: true,\n subject: 'Pause service',\n suggestions: args.hideSuggestions ? undefined : mockSuggestedReplies,\n attachments: [\n {\n id: 'item_1_0',\n value: 'https://pega.com/media/document.doc',\n displayText: 'Policy document'\n },\n {\n id: 'item_1_1',\n value: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg',\n displayText: 'E-Ticket'\n }\n ].map(attachment => {\n return {\n ...attachment,\n onDownload: action('On attachment download'),\n onPreview: action('On attachment preview')\n };\n })\n },\n {\n id: 'item_1',\n timeStamp: '2021-01-02T03:12',\n from: participants[3],\n to: participants.slice(2, 4),\n body: emailBodyContent,\n unRead: true,\n subject: 'Pause service'\n }\n ].map(emailData => {\n const emailActionItems = emailDemoActions(create, emailData.subject);\n return {\n ...emailData,\n onReply: id => {\n launchEmailComposer(\n id,\n LaunchAction.REPLY,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'reply',\n subject: `Re-${emailData.subject}` || ''\n },\n create\n );\n },\n onForward: id => {\n launchEmailComposer(\n id,\n LaunchAction.FORWARD,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'forward',\n subject: `Fw-${emailData.subject}` || ''\n },\n create\n );\n },\n onSuggestionClick: (id, suggestionId) => {\n const suggestion = emailData.suggestions?.find(item => item.id === suggestionId);\n launchEmailComposer(\n id,\n LaunchAction.SUGGESTION,\n {\n ...baseComposerProps,\n externalValidator: handleExternalEntry,\n responseType: 'reply',\n subject: suggestion?.title || '',\n bodyContent: suggestion ? suggestion.content : '',\n defaultTemplateId: suggestion?.id\n },\n create\n );\n },\n actions: emailActionItems,\n tags: args.hideSuggestions\n ? undefined\n : {\n items: ['Pause service', 'Lost or stolen'],\n label: 'Associated service cases',\n onRemove: action('On Associated service case remove'),\n dismissable: true\n }\n };\n });\n\n const emailConversations: EmailConversationProps[] = (\n [\n [...emailsData],\n [\n {\n ...emailsData[0],\n timeStamp: '2021-01-03T17:15',\n from: mockEmails['Hugh Phillips'],\n to: [mockEmails['Mystery Rey'], ...emailsData[0].to],\n cc: [mockEmails['Adam Gillchrist']],\n bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']],\n body: '<div>Hi, <br /> <br /><div>Sure, Our executive will come and check your connection in 24hrs. </div> <br />Regards, <br />Hugh Phillips </div>'\n },\n {\n ...emailsData[1],\n unRead: false,\n timeStamp: '2021-01-02T14:16',\n from: mockEmails['Mystery Rey'],\n to: [mockEmails['Hugh Phillips']],\n body: '<div>Hi, <br /> <br /><div>Can you fix my internet connection. </div> <br /> <br />Regards, <br />Rey Mystery </div>'\n }\n ],\n [\n {\n ...emailsData[0],\n unRead: false,\n timeStamp: '2020-12-05T18:18',\n from: mockEmails['Laura Stevens'],\n to: [mockEmails['Sara Davis']],\n body: '<div>Hi, <br /> <br /><div>Sure, Our executive will call you shortly. </div> <br /> <br />Regards, <br />Laura Stevens </div>',\n sentiment: {\n variant: 'positive'\n }\n },\n {\n ...emailsData[1],\n unRead: false,\n timeStamp: '2021-01-04T08:30',\n from: mockEmails['Sara Davis'],\n to: [mockEmails['Laura Stevens']],\n body: '<div>Hi, <br /> <br /><div>Can you show please explain your new mobile plans. </div> <br /> <br />Regards, <br />Sara Davis </div>'\n }\n ]\n ] as EmailProps[][]\n ).map((emails, i) => {\n return {\n from: generateEmailConversationParticipants(emails, ['from'])[0],\n to: emails[0].to,\n id: `item_${i}`,\n timeStamp: emails[0].timeStamp,\n unReadEmailCount: emails.filter(item => item.unRead).length,\n emails,\n sentiment: emails[0].sentiment,\n isForwarded: i !== 2,\n isCollapsed: i !== 0\n } as EmailConversationProps;\n });\n\n const singleEmailConversation: EmailConversationProps[] = [\n {\n from: generateEmailConversationParticipants(emailsData, ['from'])[0],\n to: generateEmailConversationParticipants(emailsData, ['to']),\n id: 'item_0',\n timeStamp: new Date(emailsData[0].timeStamp),\n unReadEmailCount: emailsData.filter(item => item.unRead).length,\n emails: emailsData\n }\n ];\n\n return (\n <EmailShell\n style={{\n height: 'calc(100vh)',\n width: '30rem',\n margin: 'auto'\n }}\n headerProps={{\n actions: (\n <Flex\n container={{\n alignItems: 'center',\n gap: 0\n }}\n >\n <Button variant='simple' icon>\n <Icon name='filter' />\n </Button>\n <MenuButton\n variant='simple'\n text='More actions'\n icon='more'\n iconOnly\n portal\n menu={{ items: actions }}\n />\n </Flex>\n ),\n subject: 'Pause service'\n }}\n autoCollapse={args.autoCollapse}\n conversations={args.singleConversation ? singleEmailConversation : emailConversations}\n />\n );\n};\n\nEmailDemo.args = {\n autoCollapse: true,\n hideSuggestions: false,\n singleConversation: true\n};\n\nEmailDemo.argTypes = {\n autoCollapse: { control: { type: 'boolean' } },\n hideSuggestions: { control: { type: 'boolean' } },\n singleConversation: { control: { type: 'boolean' } }\n};\n\nEmailDemo.parameters = {\n layout: 'fullscreen'\n};\n\n/*\n ______ _ _ _____ _____ _\n | ____| (_) | / ____| |_ _| |\n | |__ _ __ ___ __ _ _| | | (___ _ _ _ __ ___ _ __ ___ __ _ _ __ _ _ | | | |_ ___ _ __ ___\n | __| | '_ ` _ \\ / _` | | | \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | | | __/ _ \\ '_ ` _ \\\n | |____| | | | | | (_| | | | ____) | |_| | | | | | | | | | | | (_| | | | |_| | _| |_| || __/ | | | | |\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_| \\__, | |_____|\\__\\___|_| |_| |_|\n __/ |\n |___/\n*/\n\nexport const EmailSummaryItemDemo: Story = () => {\n const [active, setActive] = useState(false);\n return (\n <EmailSummaryItem\n style={{ width: '25rem' }}\n id={createUID()}\n activeParticipants={[\n {\n shortName: 'Robert',\n fullName: 'Robert Downer',\n emailAddress: 'robert.downey@example.com'\n },\n {\n shortName: 'Nathan',\n fullName: 'Nathan Swanson',\n emailAddress: 'nathan.swanson@example.com'\n }\n ]}\n message='I have a quick question on traveling to India. How do I reach Hyderabad?'\n timeStamp={new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 24))}\n topic='Missing Luggage'\n sentiment={sentiment}\n urgency={10}\n unreadEmailCount={active ? 0 : 8}\n active={active}\n onClick={() => {\n setActive(true);\n }}\n />\n );\n};\n\n/*\n ______ _ _ _____ _ _ _\n | ____| (_) | / ____| | | (_) | |\n | |__ _ __ ___ __ _ _| | | (___ _ _ _ __ ___ _ __ ___ __ _ _ __ _ _ | | _ ___| |_\n | __| | '_ ` _ \\ / _` | | | \\___ \\| | | | '_ ` _ \\| '_ ` _ \\ / _` | '__| | | | | | | / __| __|\n | |____| | | | | | (_| | | | ____) | |_| | | | | | | | | | | | (_| | | | |_| | | |____| \\__ \\ |_\n |______|_| |_| |_|\\__,_|_|_| |_____/ \\__,_|_| |_| |_|_| |_| |_|\\__,_|_| \\__, | |______|_|___/\\__|\n __/ |\n |___/\n*/\n\nexport const EmailSummaryListDemo: Story = () => {\n const INITIAL_CHUNK_SIZE = 9;\n const APPEND_CHUNK_SIZE = 1;\n\n const emailSummaryListRef = useRef(null);\n const [allEmailItems, setAllEmailItems] = useState(\n emailSummaryItems.slice(0, INITIAL_CHUNK_SIZE)\n );\n const [categories, setCategories] = useState<MenuProps['items']>([\n {\n id: 'item_0',\n primary: 'Default worklist',\n selected: false\n },\n {\n id: 'item_1',\n primary: 'Authors',\n selected: false\n },\n {\n id: 'item_2',\n primary: 'Administrators',\n selected: false\n },\n {\n id: 'item_3',\n primary: 'Managers',\n selected: false\n },\n {\n id: 'item_4',\n primary: 'Users',\n selected: false\n }\n ]);\n\n const handleItemClick = (id: string) => {\n const index = allEmailItems.findIndex(emailItem => {\n return emailItem.id === id;\n });\n\n const newEmailItems = [...allEmailItems];\n newEmailItems.splice(index, 1, { ...allEmailItems[index], unreadEmailCount: 0 });\n\n setAllEmailItems(newEmailItems);\n };\n\n const onCategoryClick: MenuItemProps['onClick'] = (id: MenuItemProps['id']) => {\n setCategories(cur => menuHelpers.toggleSelected(cur, id, 'single-select'));\n };\n\n const [loading, setLoading] = useState(false);\n const [hasMore, setHasMore] = useState(true);\n\n const loadMore = useCallback(() => {\n if (!loading) {\n setLoading(true);\n\n setTimeout(() => {\n setLoading(false);\n setAllEmailItems(prevItems => {\n const previousItemsLength = prevItems.length;\n const newItems = emailSummaryItems.slice(\n previousItemsLength,\n previousItemsLength + APPEND_CHUNK_SIZE\n );\n\n if (newItems.length === 0) {\n setHasMore(false);\n }\n\n return [...prevItems, ...newItems];\n });\n }, 1500);\n }\n }, [loading]);\n\n return (\n <EmailSummaryList\n style={{ height: '100vh', width: '25rem', margin: 'auto' }}\n ref={emailSummaryListRef}\n unreadEmailCount={99}\n categories={categories}\n items={allEmailItems}\n onItemClick={handleItemClick}\n onCategoryClick={onCategoryClick}\n onLoadMore={hasMore ? loadMore : undefined}\n loading={loading}\n emptyMessage='No emails.'\n />\n );\n};\n\nEmailSummaryListDemo.parameters = {\n layout: 'fullscreen'\n};\n"]}