@memori.ai/memori-react 1.2.1 → 2.0.1

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 (327) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/README.md +12 -2
  3. package/dist/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
  4. package/dist/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
  5. package/dist/components/AgeVerificationModal/AgeVerificationModal.js +39 -0
  6. package/dist/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
  7. package/dist/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
  8. package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js +27 -0
  9. package/dist/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
  10. package/dist/components/AttachmentLinkModal/AttachmentLinkModal.stories.d.ts +2 -2
  11. package/dist/components/AttachmentMediaModal/AttachmentMediaModal.stories.d.ts +2 -2
  12. package/dist/components/Auth/Auth.stories.d.ts +5 -5
  13. package/dist/components/Avatar/Avatar.js +2 -2
  14. package/dist/components/Avatar/Avatar.js.map +1 -1
  15. package/dist/components/Avatar/Avatar.stories.d.ts +5 -5
  16. package/dist/components/AvatarView/AvatarView.stories.d.ts +10 -10
  17. package/dist/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
  18. package/dist/components/AvatarView/components/fullbodyAvatar.js +6 -3
  19. package/dist/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
  20. package/dist/components/AvatarView/components/loader.js +3 -1
  21. package/dist/components/AvatarView/components/loader.js.map +1 -1
  22. package/dist/components/AvatarView/index.d.ts +2 -1
  23. package/dist/components/AvatarView/index.js +2 -2
  24. package/dist/components/AvatarView/index.js.map +1 -1
  25. package/dist/components/AvatarView/utils/useMouthSpeaking.js +3 -1
  26. package/dist/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
  27. package/dist/components/Blob/Blob.stories.d.ts +4 -4
  28. package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.stories.d.ts +5 -5
  29. package/dist/components/ChangeMode/ChangeMode.stories.d.ts +3 -3
  30. package/dist/components/Chat/Chat.stories.d.ts +12 -12
  31. package/dist/components/ChatBubble/ChatBubble.css +1 -2
  32. package/dist/components/ChatBubble/ChatBubble.stories.d.ts +7 -7
  33. package/dist/components/ChatInputs/ChatInputs.css +17 -6
  34. package/dist/components/ChatInputs/ChatInputs.js +2 -1
  35. package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
  36. package/dist/components/ChatInputs/ChatInputs.stories.d.ts +9 -9
  37. package/dist/components/ChatTextArea/ChatTextArea.stories.d.ts +4 -4
  38. package/dist/components/CustomGLBModelViewer/ModelViewer.stories.d.ts +2 -2
  39. package/dist/components/DateSelector/DateSelector.css +135 -0
  40. package/dist/components/DateSelector/DateSelector.d.ts +9 -0
  41. package/dist/components/DateSelector/DateSelector.js +61 -0
  42. package/dist/components/DateSelector/DateSelector.js.map +1 -0
  43. package/dist/components/DateSelector/DateSelector.test.d.ts +1 -0
  44. package/dist/components/DateSelector/DateSelector.test.js +24 -0
  45. package/dist/components/DateSelector/DateSelector.test.js.map +1 -0
  46. package/dist/components/ExportHistoryButton/ExportHistoryButton.stories.d.ts +5 -5
  47. package/dist/components/FeedbackButtons/FeedbackButtons.stories.d.ts +4 -4
  48. package/dist/components/Header/Header.d.ts +1 -0
  49. package/dist/components/Header/Header.js +26 -2
  50. package/dist/components/Header/Header.js.map +1 -1
  51. package/dist/components/Header/Header.stories.d.ts +7 -7
  52. package/dist/components/ImageUpload/ImageUpload.css +2 -2
  53. package/dist/components/ImageUpload/ImageUpload.stories.d.ts +8 -8
  54. package/dist/components/MediaWidget/LinkItemWidget.d.ts +2 -1
  55. package/dist/components/MediaWidget/LinkItemWidget.js +10 -2
  56. package/dist/components/MediaWidget/LinkItemWidget.js.map +1 -1
  57. package/dist/components/MediaWidget/LinkItemWidget.stories.d.ts +2 -2
  58. package/dist/components/MediaWidget/MediaItemWidget.css +67 -0
  59. package/dist/components/MediaWidget/MediaItemWidget.d.ts +3 -1
  60. package/dist/components/MediaWidget/MediaItemWidget.js +44 -72
  61. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  62. package/dist/components/MediaWidget/MediaItemWidget.stories.d.ts +3 -3
  63. package/dist/components/MediaWidget/MediaWidget.css +13 -4
  64. package/dist/components/MediaWidget/MediaWidget.js +10 -7
  65. package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
  66. package/dist/components/MediaWidget/MediaWidget.stories.d.ts +5 -5
  67. package/dist/components/MemoriWidget/MemoriWidget.css +1 -23
  68. package/dist/components/MemoriWidget/MemoriWidget.d.ts +3 -2
  69. package/dist/components/MemoriWidget/MemoriWidget.js +92 -25
  70. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  71. package/dist/components/MemoriWidget/MemoriWidget.stories.d.ts +8 -8
  72. package/dist/components/PoweredBy/PoweredBy.css +45 -0
  73. package/dist/components/PoweredBy/PoweredBy.stories.d.ts +4 -4
  74. package/dist/components/SendOnEnterMenu/SendOnEnterMenu.stories.d.ts +3 -3
  75. package/dist/components/SettingsDrawer/SettingsDrawer.css +5 -0
  76. package/dist/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
  77. package/dist/components/SettingsDrawer/SettingsDrawer.js +27 -0
  78. package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
  79. package/dist/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
  80. package/dist/components/SettingsDrawer/SettingsDrawer.test.js +27 -0
  81. package/dist/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
  82. package/dist/components/ShareButton/ShareButton.stories.d.ts +4 -4
  83. package/dist/components/Snippet/Snippet.stories.d.ts +15 -15
  84. package/dist/components/StartPanel/StartPanel.css +11 -5
  85. package/dist/components/StartPanel/StartPanel.d.ts +1 -1
  86. package/dist/components/StartPanel/StartPanel.js +10 -7
  87. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  88. package/dist/components/StartPanel/StartPanel.stories.d.ts +6 -6
  89. package/dist/components/StartPanel/StartPanel.test.js +7 -0
  90. package/dist/components/StartPanel/StartPanel.test.js.map +1 -1
  91. package/dist/components/UploadMenu/UploadMenu.stories.d.ts +4 -4
  92. package/dist/components/icons/Refresh.d.ts +5 -0
  93. package/dist/components/icons/Refresh.js +6 -0
  94. package/dist/components/icons/Refresh.js.map +1 -0
  95. package/dist/components/icons/SelectIcon.d.ts +5 -0
  96. package/dist/components/icons/SelectIcon.js +6 -0
  97. package/dist/components/icons/SelectIcon.js.map +1 -0
  98. package/dist/components/icons/icons.stories.d.ts +2 -2
  99. package/dist/components/layouts/FullPage.d.ts +17 -0
  100. package/dist/components/layouts/FullPage.js +8 -0
  101. package/dist/components/layouts/FullPage.js.map +1 -0
  102. package/dist/components/layouts/FullPage.test.d.ts +1 -0
  103. package/dist/components/layouts/FullPage.test.js +12 -0
  104. package/dist/components/layouts/FullPage.test.js.map +1 -0
  105. package/dist/components/layouts/Totem.d.ts +17 -0
  106. package/dist/components/layouts/Totem.js +8 -0
  107. package/dist/components/layouts/Totem.js.map +1 -0
  108. package/dist/components/layouts/Totem.test.d.ts +1 -0
  109. package/dist/components/layouts/Totem.test.js +12 -0
  110. package/dist/components/layouts/Totem.test.js.map +1 -0
  111. package/dist/components/layouts/totem.css +148 -0
  112. package/dist/components/ui/Button.css +4 -10
  113. package/dist/components/ui/Button.stories.d.ts +14 -14
  114. package/dist/components/ui/Card.stories.d.ts +7 -7
  115. package/dist/components/ui/Checkbox.css +1 -5
  116. package/dist/components/ui/Checkbox.d.ts +2 -0
  117. package/dist/components/ui/Checkbox.js +2 -2
  118. package/dist/components/ui/Checkbox.js.map +1 -1
  119. package/dist/components/ui/Checkbox.stories.d.ts +5 -5
  120. package/dist/components/ui/Drawer.css +24 -2
  121. package/dist/components/ui/Drawer.stories.d.ts +9 -9
  122. package/dist/components/ui/Modal.stories.d.ts +9 -9
  123. package/dist/components/ui/Select.css +135 -0
  124. package/dist/components/ui/Select.d.ts +15 -0
  125. package/dist/components/ui/Select.js +17 -0
  126. package/dist/components/ui/Select.js.map +1 -0
  127. package/dist/components/ui/Select.test.d.ts +1 -0
  128. package/dist/components/ui/Select.test.js +47 -0
  129. package/dist/components/ui/Select.test.js.map +1 -0
  130. package/dist/components/ui/Spin.css +2 -0
  131. package/dist/components/ui/Spin.stories.d.ts +4 -4
  132. package/dist/components/ui/Tooltip.stories.d.ts +6 -6
  133. package/dist/components/ui/definitions.stories.d.ts +2 -3
  134. package/dist/helpers/configuration.js +2 -0
  135. package/dist/helpers/configuration.js.map +1 -1
  136. package/dist/helpers/utils.js +1 -1
  137. package/dist/helpers/utils.js.map +1 -1
  138. package/dist/index.d.ts +2 -0
  139. package/dist/index.js +2 -2
  140. package/dist/index.js.map +1 -1
  141. package/dist/index.stories.d.ts +2 -2
  142. package/dist/locales/en.json +17 -0
  143. package/dist/locales/it.json +17 -0
  144. package/dist/mocks/data.js +5 -2
  145. package/dist/mocks/data.js.map +1 -1
  146. package/dist/styles.css +51 -1
  147. package/esm/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
  148. package/esm/components/AgeVerificationModal/AgeVerificationModal.d.ts +7 -0
  149. package/esm/components/AgeVerificationModal/AgeVerificationModal.js +36 -0
  150. package/esm/components/AgeVerificationModal/AgeVerificationModal.js.map +1 -0
  151. package/esm/components/AgeVerificationModal/AgeVerificationModal.test.d.ts +1 -0
  152. package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js +24 -0
  153. package/esm/components/AgeVerificationModal/AgeVerificationModal.test.js.map +1 -0
  154. package/esm/components/Avatar/Avatar.js +2 -2
  155. package/esm/components/Avatar/Avatar.js.map +1 -1
  156. package/esm/components/AvatarView/components/fullbodyAvatar.d.ts +2 -1
  157. package/esm/components/AvatarView/components/fullbodyAvatar.js +7 -4
  158. package/esm/components/AvatarView/components/fullbodyAvatar.js.map +1 -1
  159. package/esm/components/AvatarView/components/loader.js +2 -1
  160. package/esm/components/AvatarView/components/loader.js.map +1 -1
  161. package/esm/components/AvatarView/index.d.ts +2 -1
  162. package/esm/components/AvatarView/index.js +2 -2
  163. package/esm/components/AvatarView/index.js.map +1 -1
  164. package/esm/components/AvatarView/utils/useMouthSpeaking.js +3 -1
  165. package/esm/components/AvatarView/utils/useMouthSpeaking.js.map +1 -1
  166. package/esm/components/ChatBubble/ChatBubble.css +1 -2
  167. package/esm/components/ChatInputs/ChatInputs.css +17 -6
  168. package/esm/components/ChatInputs/ChatInputs.js +2 -1
  169. package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
  170. package/esm/components/DateSelector/DateSelector.css +135 -0
  171. package/esm/components/DateSelector/DateSelector.d.ts +9 -0
  172. package/esm/components/DateSelector/DateSelector.js +58 -0
  173. package/esm/components/DateSelector/DateSelector.js.map +1 -0
  174. package/esm/components/DateSelector/DateSelector.test.d.ts +1 -0
  175. package/esm/components/DateSelector/DateSelector.test.js +21 -0
  176. package/esm/components/DateSelector/DateSelector.test.js.map +1 -0
  177. package/esm/components/Header/Header.d.ts +1 -0
  178. package/esm/components/Header/Header.js +26 -2
  179. package/esm/components/Header/Header.js.map +1 -1
  180. package/esm/components/ImageUpload/ImageUpload.css +2 -2
  181. package/esm/components/MediaWidget/LinkItemWidget.d.ts +2 -1
  182. package/esm/components/MediaWidget/LinkItemWidget.js +10 -2
  183. package/esm/components/MediaWidget/LinkItemWidget.js.map +1 -1
  184. package/esm/components/MediaWidget/MediaItemWidget.css +67 -0
  185. package/esm/components/MediaWidget/MediaItemWidget.d.ts +3 -1
  186. package/esm/components/MediaWidget/MediaItemWidget.js +44 -72
  187. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  188. package/esm/components/MediaWidget/MediaWidget.css +13 -4
  189. package/esm/components/MediaWidget/MediaWidget.js +11 -8
  190. package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
  191. package/esm/components/MemoriWidget/MemoriWidget.css +1 -23
  192. package/esm/components/MemoriWidget/MemoriWidget.d.ts +3 -2
  193. package/esm/components/MemoriWidget/MemoriWidget.js +92 -25
  194. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  195. package/esm/components/PoweredBy/PoweredBy.css +45 -0
  196. package/esm/components/SettingsDrawer/SettingsDrawer.css +5 -0
  197. package/esm/components/SettingsDrawer/SettingsDrawer.d.ts +13 -0
  198. package/esm/components/SettingsDrawer/SettingsDrawer.js +24 -0
  199. package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -0
  200. package/esm/components/SettingsDrawer/SettingsDrawer.test.d.ts +1 -0
  201. package/esm/components/SettingsDrawer/SettingsDrawer.test.js +24 -0
  202. package/esm/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -0
  203. package/esm/components/StartPanel/StartPanel.css +11 -5
  204. package/esm/components/StartPanel/StartPanel.d.ts +1 -1
  205. package/esm/components/StartPanel/StartPanel.js +10 -7
  206. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  207. package/esm/components/StartPanel/StartPanel.test.js +7 -0
  208. package/esm/components/StartPanel/StartPanel.test.js.map +1 -1
  209. package/esm/components/icons/Refresh.d.ts +5 -0
  210. package/esm/components/icons/Refresh.js +4 -0
  211. package/esm/components/icons/Refresh.js.map +1 -0
  212. package/esm/components/icons/SelectIcon.d.ts +5 -0
  213. package/esm/components/icons/SelectIcon.js +4 -0
  214. package/esm/components/icons/SelectIcon.js.map +1 -0
  215. package/esm/components/layouts/FullPage.d.ts +17 -0
  216. package/esm/components/layouts/FullPage.js +5 -0
  217. package/esm/components/layouts/FullPage.js.map +1 -0
  218. package/esm/components/layouts/FullPage.test.d.ts +1 -0
  219. package/esm/components/layouts/FullPage.test.js +9 -0
  220. package/esm/components/layouts/FullPage.test.js.map +1 -0
  221. package/esm/components/layouts/Totem.d.ts +17 -0
  222. package/esm/components/layouts/Totem.js +5 -0
  223. package/esm/components/layouts/Totem.js.map +1 -0
  224. package/esm/components/layouts/Totem.test.d.ts +1 -0
  225. package/esm/components/layouts/Totem.test.js +9 -0
  226. package/esm/components/layouts/Totem.test.js.map +1 -0
  227. package/esm/components/layouts/totem.css +148 -0
  228. package/esm/components/ui/Button.css +4 -10
  229. package/esm/components/ui/Checkbox.css +1 -5
  230. package/esm/components/ui/Checkbox.d.ts +2 -0
  231. package/esm/components/ui/Checkbox.js +2 -2
  232. package/esm/components/ui/Checkbox.js.map +1 -1
  233. package/esm/components/ui/Drawer.css +24 -2
  234. package/esm/components/ui/Select.css +135 -0
  235. package/esm/components/ui/Select.d.ts +15 -0
  236. package/esm/components/ui/Select.js +14 -0
  237. package/esm/components/ui/Select.js.map +1 -0
  238. package/esm/components/ui/Select.test.d.ts +1 -0
  239. package/esm/components/ui/Select.test.js +44 -0
  240. package/esm/components/ui/Select.test.js.map +1 -0
  241. package/esm/components/ui/Spin.css +2 -0
  242. package/esm/helpers/configuration.js +2 -0
  243. package/esm/helpers/configuration.js.map +1 -1
  244. package/esm/helpers/utils.js +1 -1
  245. package/esm/helpers/utils.js.map +1 -1
  246. package/esm/index.d.ts +2 -0
  247. package/esm/index.js +2 -2
  248. package/esm/index.js.map +1 -1
  249. package/esm/locales/en.json +17 -0
  250. package/esm/locales/it.json +17 -0
  251. package/esm/mocks/data.js +5 -2
  252. package/esm/mocks/data.js.map +1 -1
  253. package/esm/styles.css +51 -1
  254. package/package.json +21 -18
  255. package/src/components/AgeVerificationModal/AgeVerificationModal.css +63 -0
  256. package/src/components/AgeVerificationModal/AgeVerificationModal.stories.tsx +41 -0
  257. package/src/components/AgeVerificationModal/AgeVerificationModal.test.tsx +33 -0
  258. package/src/components/AgeVerificationModal/AgeVerificationModal.tsx +89 -0
  259. package/src/components/AgeVerificationModal/__snapshots__/AgeVerificationModal.test.tsx.snap +19 -0
  260. package/src/components/Avatar/Avatar.stories.tsx +20 -1
  261. package/src/components/Avatar/Avatar.tsx +2 -1
  262. package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +2 -2
  263. package/src/components/AvatarView/AvatarView.stories.tsx +31 -0
  264. package/src/components/AvatarView/components/fullbodyAvatar.tsx +8 -6
  265. package/src/components/AvatarView/components/loader.tsx +15 -12
  266. package/src/components/AvatarView/index.tsx +4 -1
  267. package/src/components/AvatarView/utils/useMouthSpeaking.ts +3 -1
  268. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +67 -67
  269. package/src/components/ChatBubble/ChatBubble.css +1 -2
  270. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +4 -4
  271. package/src/components/ChatInputs/ChatInputs.css +14 -3
  272. package/src/components/ChatInputs/ChatInputs.tsx +2 -0
  273. package/src/components/ChatInputs/__snapshots__/ChatInputs.test.tsx.snap +5 -5
  274. package/src/components/DateSelector/DateSelector.css +135 -0
  275. package/src/components/DateSelector/DateSelector.stories.tsx +34 -0
  276. package/src/components/DateSelector/DateSelector.test.tsx +38 -0
  277. package/src/components/DateSelector/DateSelector.tsx +203 -0
  278. package/src/components/DateSelector/__snapshots__/DateSelector.test.tsx.snap +14938 -0
  279. package/src/components/Header/Header.stories.tsx +23 -5
  280. package/src/components/Header/Header.tsx +47 -1
  281. package/src/components/MediaWidget/LinkItemWidget.tsx +20 -1
  282. package/src/components/MediaWidget/MediaItemWidget.css +67 -0
  283. package/src/components/MediaWidget/MediaItemWidget.tsx +72 -71
  284. package/src/components/MediaWidget/MediaWidget.css +9 -0
  285. package/src/components/MediaWidget/MediaWidget.stories.tsx +8 -0
  286. package/src/components/MediaWidget/MediaWidget.tsx +44 -27
  287. package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +1 -1
  288. package/src/components/MemoriWidget/MemoriWidget.css +1 -1
  289. package/src/components/MemoriWidget/MemoriWidget.stories.tsx +12 -0
  290. package/src/components/MemoriWidget/MemoriWidget.tsx +178 -33
  291. package/src/components/SettingsDrawer/SettingsDrawer.css +5 -0
  292. package/src/components/SettingsDrawer/SettingsDrawer.stories.tsx +57 -0
  293. package/src/components/SettingsDrawer/SettingsDrawer.test.tsx +61 -0
  294. package/src/components/SettingsDrawer/SettingsDrawer.tsx +108 -0
  295. package/src/components/SettingsDrawer/__snapshots__/SettingsDrawer.test.tsx.snap +19 -0
  296. package/src/components/StartPanel/StartPanel.css +8 -2
  297. package/src/components/StartPanel/StartPanel.stories.tsx +66 -2
  298. package/src/components/StartPanel/StartPanel.test.tsx +21 -0
  299. package/src/components/StartPanel/StartPanel.tsx +28 -23
  300. package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +420 -67
  301. package/src/components/icons/Refresh.tsx +30 -0
  302. package/src/components/icons/SelectIcon.tsx +28 -0
  303. package/src/components/layouts/FullPage.test.tsx +17 -0
  304. package/src/components/layouts/{Default.tsx → FullPage.tsx} +2 -2
  305. package/src/components/layouts/Totem.test.tsx +17 -0
  306. package/src/components/layouts/Totem.tsx +52 -0
  307. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +391 -0
  308. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +422 -0
  309. package/src/components/layouts/layouts.stories.tsx +155 -0
  310. package/src/components/layouts/totem.css +148 -0
  311. package/src/components/ui/Button.css +4 -0
  312. package/src/components/ui/Checkbox.tsx +6 -0
  313. package/src/components/ui/Drawer.css +24 -2
  314. package/src/components/ui/Select.css +135 -0
  315. package/src/components/ui/Select.stories.tsx +79 -0
  316. package/src/components/ui/Select.test.tsx +84 -0
  317. package/src/components/ui/Select.tsx +73 -0
  318. package/src/components/ui/Spin.css +2 -0
  319. package/src/components/ui/__snapshots__/Select.test.tsx.snap +278 -0
  320. package/src/helpers/configuration.ts +4 -2
  321. package/src/helpers/utils.ts +3 -2
  322. package/src/index.stories.tsx +41 -1
  323. package/src/index.tsx +7 -2
  324. package/src/locales/en.json +17 -0
  325. package/src/locales/it.json +17 -0
  326. package/src/mocks/data.ts +5 -2
  327. package/src/styles.css +24 -2
@@ -47,7 +47,7 @@
47
47
  height: 8px;
48
48
  border-radius: 50%;
49
49
  margin-right: 3px;
50
- animation: 'wave' 1.5s linear infinite;
50
+ animation: wave 1.5s linear infinite;
51
51
  background: var(--memori-primary);
52
52
  }
53
53
 
@@ -215,7 +215,6 @@
215
215
  }
216
216
 
217
217
  @keyframes wave {
218
-
219
218
  0%,
220
219
  60%,
221
220
  100% {
@@ -1,11 +1,11 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ChatBubble';
3
3
  import './ChatBubble.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const FromUser: Story<Props>;
8
- export declare const Initial: Story<Props>;
9
- export declare const GeneratedByAI: Story<Props>;
10
- export declare const WithFeedbackButtons: Story<Props>;
11
- export declare const WithAllAddonsContents: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const FromUser: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const Initial: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
9
+ export declare const GeneratedByAI: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
10
+ export declare const WithFeedbackButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
11
+ export declare const WithAllAddonsContents: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -17,7 +17,7 @@
17
17
 
18
18
  .memori-chat-inputs .memori--conversation-button {
19
19
  background: #fff;
20
- color: var(--memori-text-color, #000);
20
+ color: #000;
21
21
  }
22
22
 
23
23
  .memori-chat-inputs--mic {
@@ -26,25 +26,36 @@
26
26
  }
27
27
 
28
28
  .memori-chat-inputs--mic svg {
29
+ color: var(--memori-primary-text, #fff);
29
30
  font-size: 1em;
30
31
  }
31
32
 
32
33
  .memori-chat-inputs--mic:hover,
33
34
  .memori-chat-inputs--mic:active,
34
35
  .memori-chat-inputs--mic:focus {
35
- border-color: var(--ant-primary-color) !important;
36
+ border-color: var(--memori-primary) !important;
37
+ color: var(--memori-primary-text, #fff);
36
38
  }
37
39
 
38
40
  .memori-chat-inputs--mic:active,
39
41
  .memori-chat-inputs--mic:focus {
40
- box-shadow: 0 0.2rem 0.33rem var(--ant-primary-4) !important;
41
- color: var(--ant-primary-color) !important;
42
+ box-shadow: 0 0.2rem 0.33rem var(--memori-primary) !important;
43
+ }
44
+
45
+ .memori-chat-inputs--mic:not(.memori-chat-inputs--mic--listening):active,
46
+ .memori-chat-inputs--mic:not(.memori-chat-inputs--mic--listening):focus {
47
+ color: var(--memori-primary) !important;
42
48
  }
43
49
 
44
50
  .memori-chat-inputs--mic.memori-chat-inputs--mic--listening {
45
- color: red;
51
+ color: red !important;
52
+ }
53
+
54
+ .memori-chat-inputs--mic.memori-chat-inputs--mic--listening:active,
55
+ .memori-chat-inputs--mic.memori-chat-inputs--mic--listening:focus {
56
+ border-color: red !important;
46
57
  }
47
58
 
48
59
  .memori-chat-inputs--mic.memori-chat-inputs--mic--listening svg {
49
- color: red;
60
+ color: red !important;
50
61
  }
@@ -14,8 +14,9 @@ const ChatInputs = ({ dialogState, instruct = false, sendOnEnter = 'click', setS
14
14
  const { t } = (0, react_i18next_1.useTranslation)();
15
15
  return ((0, jsx_runtime_1.jsxs)("fieldset", { id: "chat-fieldset", className: "memori-chat-inputs", disabled: (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X2a' || (dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) === 'X3', children: [(instruct || (dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia)) && ((0, jsx_runtime_1.jsx)(UploadMenu_1.default, { attachmentsMenuOpen: attachmentsMenuOpen, setAttachmentsMenuOpen: setAttachmentsMenuOpen, authToken: authToken, disabled: !(dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsMedia) })), (0, jsx_runtime_1.jsx)(SendOnEnterMenu_1.default, { sendOnEnter: sendOnEnter, setSendOnEnter: setSendOnEnter }), (0, jsx_runtime_1.jsx)(ChatTextArea_1.default, { value: userMessage, onChange: onChangeUserMessage, onPressEnter: onTextareaPressEnter, onFocus: onTextareaFocus, onBlur: onTextareaBlur, disabled: ['R2', 'R3', 'R4', 'G3', 'X3'].includes((dialogState === null || dialogState === void 0 ? void 0 : dialogState.state) || '') }), (0, jsx_runtime_1.jsx)(Button_1.default, { shape: "circle", primary: !!(userMessage === null || userMessage === void 0 ? void 0 : userMessage.length), disabled: !userMessage || userMessage.length === 0, className: "memori-chat-inputs--send", onClick: () => {
16
16
  sendMessage(userMessage);
17
+ stopAudio();
17
18
  speechSynthesis.speak(new SpeechSynthesisUtterance(''));
18
- }, title: t('send') || 'Send', icon: (0, jsx_runtime_1.jsx)(Send_1.default, {}) }), showMicrophone && ((0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-chat-inputs--mic', {
19
+ }, title: t('send') || 'Send', icon: (0, jsx_runtime_1.jsx)(Send_1.default, {}) }), showMicrophone && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, className: (0, classnames_1.default)('memori-chat-inputs--mic', {
19
20
  'memori-chat-inputs--mic--listening': listening,
20
21
  }), title: listening
21
22
  ? t('write_and_speak.micButtonPopoverListening') || 'Listening'
@@ -1 +1 @@
1
- {"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChatInputs.js","sourceRoot":"","sources":["../../../src/components/ChatInputs/ChatInputs.tsx"],"names":[],"mappings":"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"}
@@ -1,13 +1,13 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ChatInputs';
3
3
  import './ChatInputs.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const WithValue: Story<Props>;
8
- export declare const WithLongText: Story<Props>;
9
- export declare const Instruct: Story<Props>;
10
- export declare const InstructAcceptingMedia: Story<Props>;
11
- export declare const Disabled: Story<Props>;
12
- export declare const Listening: Story<Props>;
13
- export declare const WithoutMicrophone: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const WithValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const WithLongText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
9
+ export declare const Instruct: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
10
+ export declare const InstructAcceptingMedia: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
11
+ export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
12
+ export declare const Listening: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
13
+ export declare const WithoutMicrophone: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -1,8 +1,8 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ChatTextArea';
3
3
  import './ChatTextArea.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const WithValue: Story<Props>;
8
- export declare const WithLongText: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const WithValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const WithLongText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -1,6 +1,6 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ModelViewer';
3
3
  import './ModelViewer.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -0,0 +1,135 @@
1
+ .memori--date-selector {
2
+ display: flex;
3
+ flex-wrap: nowrap;
4
+ }
5
+
6
+ .memori--date-selector__select {
7
+ width: 30%;
8
+ max-width: 100%;
9
+ margin: 1.5rem 1.5% 0;
10
+ }
11
+
12
+ .memori--date-selector__select-button {
13
+ position: relative;
14
+ width: 100%;
15
+ padding-top: .5rem;
16
+ padding-right: 2.5rem;
17
+ padding-bottom: .5rem;
18
+ padding-left: .75rem;
19
+ border: 1px solid #e5e7eb;
20
+ border-radius: .5rem;
21
+ background: #fff;
22
+ box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px;
23
+ cursor: pointer;
24
+ text-align: left;
25
+ }
26
+
27
+ .memori--date-selector__select-button:focus {
28
+ border-color: #cbd5e0;
29
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
30
+ }
31
+
32
+ .memori--date-selector__select-button:focus-visible {
33
+ border-color: #63b3ed;
34
+ box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);
35
+ }
36
+
37
+ .memori--date-selector__select-button:hover {
38
+ border-color: #e2e8f0;
39
+ }
40
+
41
+ .memori--date-selector__select-button:active {
42
+ border-color: #e2e8f0;
43
+ }
44
+
45
+ .memori--date-selector__select-button:disabled {
46
+ border-color: #e2e8f0;
47
+ background-color: #f7fafc;
48
+ color: #a0aec0;
49
+ cursor: not-allowed;
50
+ }
51
+
52
+ @media (min-width: 640px) {
53
+ .memori--date-selector__select-button {
54
+ font-size: .875rem;
55
+ line-height: 1.25rem;
56
+ }
57
+ }
58
+
59
+ .memori--date-selector__select-label {
60
+ display: inline-block;
61
+ margin-bottom: 0.25rem;
62
+ }
63
+
64
+ .memori--date-selector__select--value {
65
+ display: block;
66
+ overflow: hidden;
67
+ text-overflow: ellipsis;
68
+ white-space: nowrap;
69
+ }
70
+
71
+ .memori--date-selector__select--icon {
72
+ position: absolute;
73
+ top: 0;
74
+ right: 0;
75
+ bottom: 0;
76
+ display: flex;
77
+ align-items: center;
78
+ padding-right: .5rem;
79
+ pointer-events: none;
80
+ }
81
+
82
+ .memori--date-selector__select--icon svg {
83
+ width: 1.25rem;
84
+ height: 1.25rem;
85
+ color: rgb(156 163 175/1);
86
+ }
87
+
88
+ ul.memori--date-selector__select-options {
89
+ position: absolute;
90
+ z-index: 1;
91
+ overflow: auto;
92
+ width: 100%;
93
+ max-width: min(18rem, 30%);
94
+ max-height: 15rem;
95
+ padding-top: .25rem;
96
+ padding-right: 0;
97
+ padding-bottom: .25rem;
98
+ padding-left: 0;
99
+ border-radius: .375rem;
100
+ margin-top: .25rem;
101
+ margin-right: 0;
102
+ margin-bottom: 0;
103
+ margin-left: 0;
104
+ background: #fff;
105
+ box-shadow: rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
106
+ list-style: none;
107
+ }
108
+
109
+ @media (min-width: 640px) {
110
+ .memori--date-selector__select-options {
111
+ font-size: .875rem;
112
+ line-height: 1.25rem;
113
+ }
114
+ }
115
+
116
+ li.memori--date-selector__select-option {
117
+ position: relative;
118
+ padding-top: .5rem;
119
+ padding-right: 1rem;
120
+ padding-bottom: .5rem;
121
+ padding-left: 1rem;
122
+ color: rgb(17 24 39/1);
123
+ cursor: pointer;
124
+ user-select: none;
125
+ }
126
+
127
+ li.memori--date-selector__select-option:hover,
128
+ li.memori--date-selector__select-option:focus {
129
+ background-color: #f7fafc;
130
+ }
131
+
132
+ li.memori--date-selector__select-option:focus {
133
+ outline: 2px solid #63b3ed;
134
+ outline-offset: 2px;
135
+ }
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import moment from 'moment';
3
+ export interface Props {
4
+ defaultDate?: moment.Moment | string | Date;
5
+ disabled?: boolean;
6
+ onChange: (date: moment.Moment) => void;
7
+ }
8
+ declare const DateSelector: import("react").MemoExoticComponent<({ defaultDate, onChange, disabled }: Props) => JSX.Element>;
9
+ export default DateSelector;
@@ -0,0 +1,61 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const react_2 = require("@headlessui/react");
7
+ const moment_1 = tslib_1.__importDefault(require("moment"));
8
+ const react_i18next_1 = require("react-i18next");
9
+ const SelectIcon_1 = tslib_1.__importDefault(require("../icons/SelectIcon"));
10
+ const months = {
11
+ en: [
12
+ 'January',
13
+ 'February',
14
+ 'March',
15
+ 'April',
16
+ 'May',
17
+ 'June',
18
+ 'July',
19
+ 'August',
20
+ 'September',
21
+ 'October',
22
+ 'November',
23
+ 'December',
24
+ ],
25
+ it: [
26
+ 'Gennaio',
27
+ 'Febbraio',
28
+ 'Marzo',
29
+ 'Aprile',
30
+ 'Maggio',
31
+ 'Giugno',
32
+ 'Luglio',
33
+ 'Agosto',
34
+ 'Settembre',
35
+ 'Ottobre',
36
+ 'Novembre',
37
+ 'Dicembre',
38
+ ],
39
+ };
40
+ const DateSelector = (0, react_1.memo)(({ defaultDate, onChange, disabled = false }) => {
41
+ const { t, i18n } = (0, react_i18next_1.useTranslation)();
42
+ const [date, setDate] = (0, react_1.useState)((0, moment_1.default)(defaultDate || Date.now()));
43
+ (0, react_1.useEffect)(() => {
44
+ onChange(date);
45
+ }, [date, onChange]);
46
+ moment_1.default.locale(i18n.language);
47
+ return ((0, jsx_runtime_1.jsxs)("div", { className: "memori--date-selector", children: [(0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
48
+ setDate(value);
49
+ }, disabled: disabled, name: "day", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('day'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('day'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: date.date() }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array(31).keys()].map(day => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { value: date.clone().date(day + 1), className: "memori--date-selector__select-option", children: day + 1 }, day))) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
50
+ setDate(value);
51
+ }, disabled: disabled, name: "month", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('month'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('month'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: months[i18n.language === 'it' ? 'it' : 'en'][date.month()] }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: months[i18n.language === 'it' ? 'it' : 'en'].map(month => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { className: "memori--date-selector__select-option", value: date
52
+ .clone()
53
+ .month(months[i18n.language === 'it' ? 'it' : 'en'].findIndex(m => m === month)), children: month }, month))) }) })] }) }), (0, jsx_runtime_1.jsx)("div", { className: "memori--date-selector__select", children: (0, jsx_runtime_1.jsxs)(react_2.Listbox, { value: date, onChange: value => {
54
+ setDate(value);
55
+ }, disabled: disabled, name: "year", children: [(0, jsx_runtime_1.jsxs)(react_2.Listbox.Label, { className: "memori--date-selector__select-label", children: [t('year'), ":"] }), (0, jsx_runtime_1.jsxs)(react_2.Listbox.Button, { "aria-label": t('year'), className: "memori--date-selector__select-button", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--value", children: date.year() }), (0, jsx_runtime_1.jsx)("span", { className: "memori--date-selector__select--icon", children: (0, jsx_runtime_1.jsx)(SelectIcon_1.default, {}) })] }), (0, jsx_runtime_1.jsx)(react_2.Transition, { as: react_1.Fragment, leave: "transition ease-in duration-100", leaveFrom: "opacity-100", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(react_2.Listbox.Options, { className: "memori--date-selector__select-options", children: [...Array((0, moment_1.default)().year() - 1899).keys()]
56
+ .sort((a, b) => b - a)
57
+ .map(year => ((0, jsx_runtime_1.jsx)(react_2.Listbox.Option, { value: date.clone().year(year + 1900), className: "memori--date-selector__select-option", children: year + 1900 }, year))) }) })] }) })] }));
58
+ });
59
+ DateSelector.displayName = 'DateSelector';
60
+ exports.default = DateSelector;
61
+ //# sourceMappingURL=DateSelector.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateSelector.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,24 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("@testing-library/react");
6
+ const DateSelector_1 = tslib_1.__importDefault(require("./DateSelector"));
7
+ const moment_1 = tslib_1.__importDefault(require("moment"));
8
+ const dateMock = new Date(Date.UTC(2022, 8, 24, 0, 0, 0, 0));
9
+ jest.setSystemTime(dateMock);
10
+ Date.now = jest.fn(() => dateMock.valueOf());
11
+ jest.spyOn(Date, 'now').mockImplementation(() => dateMock.valueOf());
12
+ it('renders DateSelector unchanged', () => {
13
+ const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { defaultDate: new Date(Date.now()), onChange: jest.fn() }));
14
+ expect(container).toMatchSnapshot();
15
+ });
16
+ it('renders DateSelector with default value unchanged', () => {
17
+ const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { defaultDate: (0, moment_1.default)(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
18
+ expect(container).toMatchSnapshot();
19
+ });
20
+ it('renders DateSelector disabled unchanged', () => {
21
+ const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(DateSelector_1.default, { disabled: true, defaultDate: (0, moment_1.default)(`2022-08-24 00:00:00Z`), onChange: jest.fn() }));
22
+ expect(container).toMatchSnapshot();
23
+ });
24
+ //# sourceMappingURL=DateSelector.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DateSelector.test.js","sourceRoot":"","sources":["../../../src/components/DateSelector/DateSelector.test.tsx"],"names":[],"mappings":";;;;AAAA,kDAAgD;AAChD,0EAA0C;AAC1C,4DAA4B;AAE5B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAE7D,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAC7B,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAE7C,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AAErE,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IAAC,WAAW,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GAAI,CACzE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;IAC3D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IACX,WAAW,EAAE,IAAA,gBAAM,EAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAY,IACX,QAAQ,QACR,WAAW,EAAE,IAAA,gBAAM,EAAC,sBAAsB,CAAC,EAC3C,QAAQ,EAAE,IAAI,CAAC,EAAE,EAAE,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
@@ -1,8 +1,8 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ExportHistoryButton';
3
3
  declare const meta: Meta;
4
4
  export default meta;
5
- export declare const Default: Story<Props>;
6
- export declare const WithCustomIcon: Story<Props>;
7
- export declare const WithCustomCSSClass: Story<Props>;
8
- export declare const AlignLeft: Story<Props>;
5
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
6
+ export declare const WithCustomIcon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const WithCustomCSSClass: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const AlignLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -1,8 +1,8 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './FeedbackButtons';
3
3
  import './FeedbackButtons.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const Toggle: Story<Props>;
8
- export declare const Dropdown: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const Toggle: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const Dropdown: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -13,6 +13,7 @@ export interface Props {
13
13
  showShare?: boolean;
14
14
  showSettings?: boolean;
15
15
  showSpeaker?: boolean;
16
+ showReload?: boolean;
16
17
  }
17
18
  declare const Header: React.FC<Props>;
18
19
  export default Header;
@@ -2,6 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
5
6
  const classnames_1 = tslib_1.__importDefault(require("classnames"));
6
7
  const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
7
8
  const MapMarker_1 = tslib_1.__importDefault(require("../icons/MapMarker"));
@@ -11,9 +12,32 @@ const react_i18next_1 = require("react-i18next");
11
12
  const ExportHistoryButton_1 = tslib_1.__importDefault(require("../ExportHistoryButton/ExportHistoryButton"));
12
13
  const Setting_1 = tslib_1.__importDefault(require("../icons/Setting"));
13
14
  const ShareButton_1 = tslib_1.__importDefault(require("../ShareButton/ShareButton"));
14
- const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, }) => {
15
+ const FullscreenExit_1 = tslib_1.__importDefault(require("../icons/FullscreenExit"));
16
+ const Fullscreen_1 = tslib_1.__importDefault(require("../icons/Fullscreen"));
17
+ const Refresh_1 = tslib_1.__importDefault(require("../icons/Refresh"));
18
+ const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, showReload = false, }) => {
15
19
  const { t } = (0, react_i18next_1.useTranslation)();
16
- return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-header', className), children: [memori.needsPosition && position && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-header--position", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-header--position-placeName", children: position.placeName }), (0, jsx_runtime_1.jsx)(Button_1.default, { icon: (0, jsx_runtime_1.jsx)(MapMarker_1.default, {}), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) })] })), showSpeaker && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(SoundDeactivated_1.default, {}) : (0, jsx_runtime_1.jsx)(Sound_1.default, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), (0, jsx_runtime_1.jsx)(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: (0, jsx_runtime_1.jsx)(Setting_1.default, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
20
+ const [fullScreenAvailable, setFullScreenAvailable] = (0, react_1.useState)(false);
21
+ const [fullScreen, setFullScreen] = (0, react_1.useState)(false);
22
+ (0, react_1.useEffect)(() => {
23
+ if (document.fullscreenEnabled) {
24
+ setFullScreenAvailable(true);
25
+ }
26
+ }, []);
27
+ return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('memori-header', className), children: [showReload && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", title: t('reload') || 'Reload', icon: (0, jsx_runtime_1.jsx)(Refresh_1.default, {}), onClick: () => {
28
+ window.location.reload();
29
+ } })), memori.needsPosition && position && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-header--position", children: [(0, jsx_runtime_1.jsx)("span", { className: "memori-header--position-placeName", children: position.placeName }), (0, jsx_runtime_1.jsx)(Button_1.default, { icon: (0, jsx_runtime_1.jsx)(MapMarker_1.default, {}), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) })] })), fullScreenAvailable && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", title: fullScreen
30
+ ? t('fullscreenExit') || 'Exit fullscreen'
31
+ : t('fullscreenEnter') || 'Enter fullscreen', icon: fullScreen ? (0, jsx_runtime_1.jsx)(FullscreenExit_1.default, {}) : (0, jsx_runtime_1.jsx)(Fullscreen_1.default, {}), onClick: () => {
32
+ if (!document.fullscreenElement) {
33
+ document.documentElement.requestFullscreen();
34
+ setFullScreen(true);
35
+ }
36
+ else if (document.exitFullscreen) {
37
+ document.exitFullscreen();
38
+ setFullScreen(false);
39
+ }
40
+ } })), showSpeaker && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? (0, jsx_runtime_1.jsx)(SoundDeactivated_1.default, {}) : (0, jsx_runtime_1.jsx)(Sound_1.default, {}), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' })), (0, jsx_runtime_1.jsx)(ExportHistoryButton_1.default, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }), showSettings && ((0, jsx_runtime_1.jsx)(Button_1.default, { primary: true, shape: "circle", className: "memori-header--button", icon: (0, jsx_runtime_1.jsx)(Setting_1.default, {}), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })), showShare && ((0, jsx_runtime_1.jsx)(ShareButton_1.default, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))] }));
17
41
  };
18
42
  exports.default = Header;
19
43
  //# sourceMappingURL=Header.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAM5B,kEAAkC;AAClC,2EAA2C;AAC3C,yFAAyD;AACzD,mEAAmC;AACnC,iDAA+C;AAC/C,6GAA6E;AAC7E,uEAAuC;AACvC,qFAAqD;AAiBrD,MAAM,MAAM,GAAoB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,GAAG,KAAK,EAC7B,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,GACnB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,iCAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,eAAe,EAAE,SAAS,CAAC,aAC3C,MAAM,CAAC,aAAa,IAAI,QAAQ,IAAI,CACnC,iCAAK,SAAS,EAAC,yBAAyB,aACtC,iCAAM,SAAS,EAAC,mCAAmC,YAChD,QAAQ,CAAC,SAAS,GACd,EACP,uBAAC,gBAAM,IACL,IAAI,EAAE,uBAAC,mBAAS,KAAG,EACnB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAC1C,IACE,CACP,EACA,WAAW,IAAI,CACd,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,uBAAC,0BAAgB,KAAG,CAAC,CAAC,CAAC,uBAAC,eAAK,KAAG,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,GACnC,CACH,EACD,uBAAC,6BAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,qBAAqB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GACxD,EACD,YAAY,IAAI,CACf,uBAAC,gBAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,uBAAC,iBAAO,KAAG,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GACzC,CACH,EACA,SAAS,IAAI,CACZ,uBAAC,qBAAW,IACV,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,UAAU,QACV,KAAK,EAAC,MAAM,GACZ,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
@@ -1,11 +1,11 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './Header';
3
3
  import './Header.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const WithPosition: Story<Props>;
8
- export declare const SpeakerMuted: Story<Props>;
9
- export declare const WithShare: Story<Props>;
10
- export declare const WithSettings: Story<Props>;
11
- export declare const WithOngoingChat: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const WithPosition: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const SpeakerMuted: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
9
+ export declare const WithShare: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
10
+ export declare const WithSettings: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
11
+ export declare const WithOngoingChat: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -37,13 +37,13 @@ legend.helper p {
37
37
 
38
38
  .memori--upload .ant-upload.ant-upload-select-picture-card:hover,
39
39
  .memori--upload .ant-upload.ant-upload-select-picture-card:focus {
40
- border-color: var(--ant-primary-color);
40
+ border-color: var(--memori-primary);
41
41
  opacity: 1;
42
42
  }
43
43
 
44
44
  .memori--upload .ant-upload.ant-upload-select-picture-card:hover .ant-upload,
45
45
  .memori--upload .ant-upload.ant-upload-select-picture-card:focus .ant-upload {
46
- color: var(--ant-primary-color);
46
+ color: var(--memori-primary);
47
47
  }
48
48
 
49
49
  .memori--upload .ant-upload-list {
@@ -1,12 +1,12 @@
1
- import { Meta, Story } from '@storybook/react';
1
+ import { Meta } from '@storybook/react';
2
2
  import { Props } from './ImageUpload';
3
3
  import './ImageUpload.css';
4
4
  declare const meta: Meta;
5
5
  export default meta;
6
- export declare const Default: Story<Props>;
7
- export declare const SingleImage: Story<Props>;
8
- export declare const WithCrop: Story<Props>;
9
- export declare const WithMaxSize: Story<Props>;
10
- export declare const WithMimeType: Story<Props>;
11
- export declare const WithHelper: Story<Props>;
12
- export declare const Disabled: Story<Props>;
6
+ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
7
+ export declare const SingleImage: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
8
+ export declare const WithCrop: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
9
+ export declare const WithMaxSize: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
10
+ export declare const WithMimeType: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
11
+ export declare const WithHelper: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
12
+ export declare const Disabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Props>;
@@ -14,12 +14,13 @@ export declare type ILinkPreviewInfo = {
14
14
  videos?: string[] | undefined;
15
15
  };
16
16
  export interface Props {
17
+ isChild?: boolean;
17
18
  items: Medium[];
18
19
  baseUrl?: string;
19
20
  descriptionOneLine?: boolean;
20
21
  onLinkPreviewInfo?: (linkPreviewInfo: ILinkPreviewInfo) => void;
21
22
  }
22
- export declare const RenderLinkItem: ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
23
+ export declare const RenderLinkItem: ({ isChild, item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
23
24
  item: Medium;
24
25
  }) => JSX.Element;
25
26
  declare const LinkItemWidget: React.FC<Props>;