@memori.ai/memori-react 8.15.1 → 8.16.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 (166) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/Chat/Chat.css +2 -1
  3. package/dist/components/Chat/Chat.js +17 -17
  4. package/dist/components/Chat/Chat.js.map +1 -1
  5. package/dist/components/ChatBubble/ChatBubble.css +1 -1
  6. package/dist/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  7. package/dist/components/ContentPreviewModal/ContentPreviewModal.d.ts +14 -0
  8. package/dist/components/ContentPreviewModal/ContentPreviewModal.js +18 -0
  9. package/dist/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -0
  10. package/dist/components/ContentPreviewModal/index.d.ts +2 -0
  11. package/dist/components/ContentPreviewModal/index.js +9 -0
  12. package/dist/components/ContentPreviewModal/index.js.map +1 -0
  13. package/dist/components/FilePreview/FilePreview.css +1 -1
  14. package/dist/components/FilePreview/FilePreview.js +43 -13
  15. package/dist/components/FilePreview/FilePreview.js.map +1 -1
  16. package/dist/components/MediaWidget/DocumentCard.d.ts +3 -0
  17. package/dist/components/MediaWidget/DocumentCard.js +9 -0
  18. package/dist/components/MediaWidget/DocumentCard.js.map +1 -0
  19. package/dist/components/MediaWidget/MediaItemWidget.css +946 -19
  20. package/dist/components/MediaWidget/MediaItemWidget.d.ts +5 -36
  21. package/dist/components/MediaWidget/MediaItemWidget.js +295 -198
  22. package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
  23. package/dist/components/MediaWidget/MediaItemWidget.types.d.ts +62 -0
  24. package/dist/components/MediaWidget/MediaItemWidget.types.js +3 -0
  25. package/dist/components/MediaWidget/MediaItemWidget.types.js.map +1 -0
  26. package/dist/components/MediaWidget/MediaItemWidget.utils.d.ts +23 -0
  27. package/dist/components/MediaWidget/MediaItemWidget.utils.js +162 -0
  28. package/dist/components/MediaWidget/MediaItemWidget.utils.js.map +1 -0
  29. package/dist/components/MediaWidget/MediaPreviewModal.d.ts +15 -0
  30. package/dist/components/MediaWidget/MediaPreviewModal.js +162 -0
  31. package/dist/components/MediaWidget/MediaPreviewModal.js.map +1 -0
  32. package/dist/components/MediaWidget/MediaWidget.js +1 -2
  33. package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
  34. package/dist/components/Snippet/Snippet.css +64 -33
  35. package/dist/components/Snippet/Snippet.js +17 -4
  36. package/dist/components/Snippet/Snippet.js.map +1 -1
  37. package/dist/components/StartPanel/StartPanel.js +1 -2
  38. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  39. package/dist/components/UploadButton/UploadButton.css +0 -5
  40. package/dist/components/layouts/WebsiteAssistant.js +8 -8
  41. package/dist/components/layouts/WebsiteAssistant.js.map +1 -1
  42. package/dist/components/layouts/chat.css +1 -1
  43. package/dist/components/layouts/website-assistant.css +405 -197
  44. package/dist/helpers/constants.js +0 -7
  45. package/dist/helpers/constants.js.map +1 -1
  46. package/dist/helpers/utils.d.ts +1 -0
  47. package/dist/helpers/utils.js +3 -1
  48. package/dist/helpers/utils.js.map +1 -1
  49. package/dist/index.js +43 -1
  50. package/dist/index.js.map +1 -1
  51. package/dist/styles.css +0 -2
  52. package/dist/version.d.ts +1 -0
  53. package/dist/version.js +5 -0
  54. package/dist/version.js.map +1 -0
  55. package/esm/components/Chat/Chat.css +2 -1
  56. package/esm/components/Chat/Chat.js +17 -17
  57. package/esm/components/Chat/Chat.js.map +1 -1
  58. package/esm/components/ChatBubble/ChatBubble.css +1 -1
  59. package/esm/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  60. package/esm/components/ContentPreviewModal/ContentPreviewModal.d.ts +14 -0
  61. package/esm/components/ContentPreviewModal/ContentPreviewModal.js +15 -0
  62. package/esm/components/ContentPreviewModal/ContentPreviewModal.js.map +1 -0
  63. package/esm/components/ContentPreviewModal/index.d.ts +2 -0
  64. package/esm/components/ContentPreviewModal/index.js +2 -0
  65. package/esm/components/ContentPreviewModal/index.js.map +1 -0
  66. package/esm/components/FilePreview/FilePreview.css +1 -1
  67. package/esm/components/FilePreview/FilePreview.js +44 -14
  68. package/esm/components/FilePreview/FilePreview.js.map +1 -1
  69. package/esm/components/MediaWidget/DocumentCard.d.ts +3 -0
  70. package/esm/components/MediaWidget/DocumentCard.js +5 -0
  71. package/esm/components/MediaWidget/DocumentCard.js.map +1 -0
  72. package/esm/components/MediaWidget/MediaItemWidget.css +946 -19
  73. package/esm/components/MediaWidget/MediaItemWidget.d.ts +5 -36
  74. package/esm/components/MediaWidget/MediaItemWidget.js +296 -197
  75. package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
  76. package/esm/components/MediaWidget/MediaItemWidget.types.d.ts +62 -0
  77. package/esm/components/MediaWidget/MediaItemWidget.types.js +2 -0
  78. package/esm/components/MediaWidget/MediaItemWidget.types.js.map +1 -0
  79. package/esm/components/MediaWidget/MediaItemWidget.utils.d.ts +23 -0
  80. package/esm/components/MediaWidget/MediaItemWidget.utils.js +149 -0
  81. package/esm/components/MediaWidget/MediaItemWidget.utils.js.map +1 -0
  82. package/esm/components/MediaWidget/MediaPreviewModal.d.ts +15 -0
  83. package/esm/components/MediaWidget/MediaPreviewModal.js +157 -0
  84. package/esm/components/MediaWidget/MediaPreviewModal.js.map +1 -0
  85. package/esm/components/MediaWidget/MediaWidget.js +1 -2
  86. package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
  87. package/esm/components/Snippet/Snippet.css +64 -33
  88. package/esm/components/Snippet/Snippet.js +18 -5
  89. package/esm/components/Snippet/Snippet.js.map +1 -1
  90. package/esm/components/StartPanel/StartPanel.js +1 -2
  91. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  92. package/esm/components/UploadButton/UploadButton.css +0 -5
  93. package/esm/components/layouts/WebsiteAssistant.js +8 -8
  94. package/esm/components/layouts/WebsiteAssistant.js.map +1 -1
  95. package/esm/components/layouts/chat.css +1 -1
  96. package/esm/components/layouts/website-assistant.css +405 -197
  97. package/esm/helpers/constants.js +0 -7
  98. package/esm/helpers/constants.js.map +1 -1
  99. package/esm/helpers/utils.d.ts +1 -0
  100. package/esm/helpers/utils.js +1 -0
  101. package/esm/helpers/utils.js.map +1 -1
  102. package/esm/index.js +43 -1
  103. package/esm/index.js.map +1 -1
  104. package/esm/styles.css +0 -2
  105. package/esm/version.d.ts +1 -0
  106. package/esm/version.js +2 -0
  107. package/esm/version.js.map +1 -0
  108. package/package.json +5 -3
  109. package/src/components/Chat/Chat.css +2 -1
  110. package/src/components/Chat/Chat.stories.tsx +124 -0
  111. package/src/components/Chat/Chat.tsx +72 -71
  112. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +567 -1034
  113. package/src/components/ChatBubble/ChatBubble.css +1 -1
  114. package/src/components/ContentPreviewModal/ContentPreviewModal.css +114 -0
  115. package/src/components/ContentPreviewModal/ContentPreviewModal.tsx +69 -0
  116. package/src/components/ContentPreviewModal/index.ts +2 -0
  117. package/src/components/FilePreview/FilePreview.css +1 -1
  118. package/src/components/FilePreview/FilePreview.tsx +60 -37
  119. package/src/components/FilePreview/__snapshots__/FilePreview.test.tsx.snap +15 -105
  120. package/src/components/MediaWidget/DocumentCard.test.tsx +45 -0
  121. package/src/components/MediaWidget/DocumentCard.tsx +19 -0
  122. package/src/components/MediaWidget/MediaItemWidget.css +946 -19
  123. package/src/components/MediaWidget/MediaItemWidget.test.tsx +89 -1
  124. package/src/components/MediaWidget/MediaItemWidget.tsx +734 -461
  125. package/src/components/MediaWidget/MediaItemWidget.types.ts +65 -0
  126. package/src/components/MediaWidget/MediaItemWidget.utils.test.ts +324 -0
  127. package/src/components/MediaWidget/MediaItemWidget.utils.ts +194 -0
  128. package/src/components/MediaWidget/MediaPreviewModal.test.tsx +271 -0
  129. package/src/components/MediaWidget/MediaPreviewModal.tsx +423 -0
  130. package/src/components/MediaWidget/MediaWidget.stories.tsx +193 -0
  131. package/src/components/MediaWidget/MediaWidget.tsx +2 -4
  132. package/src/components/MediaWidget/__snapshots__/DocumentCard.test.tsx.snap +24 -0
  133. package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +162 -170
  134. package/src/components/MediaWidget/__snapshots__/MediaWidget.test.tsx.snap +21 -63
  135. package/src/components/Snippet/Snippet.css +64 -33
  136. package/src/components/Snippet/Snippet.tsx +30 -21
  137. package/src/components/Snippet/__snapshots__/Snippet.test.tsx.snap +314 -297
  138. package/src/components/StartPanel/StartPanel.tsx +0 -9
  139. package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +12 -636
  140. package/src/components/UploadButton/UploadButton.css +0 -5
  141. package/src/components/layouts/WebsiteAssistant.tsx +66 -62
  142. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +1 -53
  143. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +2 -106
  144. package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +1 -53
  145. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +1 -53
  146. package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap +32 -33
  147. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +1 -53
  148. package/src/components/layouts/chat.css +1 -1
  149. package/src/components/layouts/layouts.stories.tsx +68 -0
  150. package/src/components/layouts/website-assistant.css +405 -197
  151. package/src/helpers/constants.ts +0 -7
  152. package/src/helpers/utils.ts +4 -0
  153. package/src/index.test.tsx +8 -0
  154. package/src/index.tsx +51 -1
  155. package/src/styles.css +0 -2
  156. package/src/version.ts +2 -0
  157. package/src/components/AttachmentLinkModal/AttachmentLinkModal.css +0 -68
  158. package/src/components/AttachmentLinkModal/AttachmentLinkModal.stories.tsx +0 -32
  159. package/src/components/AttachmentLinkModal/AttachmentLinkModal.test.tsx +0 -10
  160. package/src/components/AttachmentLinkModal/AttachmentLinkModal.tsx +0 -131
  161. package/src/components/AttachmentLinkModal/__snapshots__/AttachmentLinkModal.test.tsx.snap +0 -9
  162. package/src/components/MediaWidget/LinkItemWidget.css +0 -46
  163. package/src/components/MediaWidget/LinkItemWidget.stories.tsx +0 -61
  164. package/src/components/MediaWidget/LinkItemWidget.test.tsx +0 -33
  165. package/src/components/MediaWidget/LinkItemWidget.tsx +0 -204
  166. package/src/components/MediaWidget/__snapshots__/LinkItemWidget.test.tsx.snap +0 -253
package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap CHANGED
@@ -41,67 +41,83 @@ exports[`renders MediaItemWidget unchanged with css snippet to show 1`] = `
41
41
  class="memori-card--children"
42
42
  >
43
43
  <div
44
- class="memori-media-item--snippet-preview"
44
+ class="memori-media-item--snippet-body"
45
45
  >
46
46
  <div
47
- class="memori-snippet"
47
+ class="memori-media-item--snippet-title"
48
+ >
49
+ Snippet
50
+ </div>
51
+ <div
52
+ class="memori-media-item--snippet-preview"
48
53
  >
49
54
  <div
50
- class="memori-snippet--content"
55
+ class="memori-snippet"
51
56
  >
52
- <pre
53
- aria-labelledby="#snippet-65ca4a6d-f20b-402e-9d79-5e470f247927"
54
- class="line-numbers"
57
+ <div
58
+ class="memori-snippet--content"
55
59
  >
56
- <code
57
- class="language-scss"
58
- data-language="scss"
60
+ <pre
61
+ aria-labelledby="#snippet-65ca4a6d-f20b-402e-9d79-5e470f247927"
62
+ class="line-numbers"
59
63
  >
60
- body{
64
+ <code
65
+ class="language-scss"
66
+ data-language="scss"
67
+ >
68
+ body{
61
69
  background-color: #f00;
62
70
  }
63
- </code>
64
- </pre>
65
- <button
66
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-snippet--copy-button"
67
- title="copy"
68
- >
69
- <span
70
- class="memori-button--icon"
71
+ </code>
72
+ </pre>
73
+ <div
74
+ class="memori-snippet--copy-wrapper"
71
75
  >
72
- <svg
73
- aria-hidden="true"
74
- fill="none"
75
- focusable="false"
76
- role="img"
77
- stroke="currentColor"
78
- stroke-linecap="round"
79
- stroke-linejoin="round"
80
- stroke-width="1.5"
81
- viewBox="0 0 24 24"
82
- xmlns="http://www.w3.org/2000/svg"
76
+ <button
77
+ class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-snippet--copy-button"
78
+ title="copy"
83
79
  >
84
- <rect
85
- height="14"
86
- rx="2"
87
- ry="2"
88
- width="14"
89
- x="8"
90
- y="8"
91
- />
92
- <path
93
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
94
- />
95
- </svg>
96
- </span>
97
- </button>
80
+ <span
81
+ class="memori-button--icon"
82
+ >
83
+ <svg
84
+ aria-hidden="true"
85
+ fill="none"
86
+ focusable="false"
87
+ role="img"
88
+ stroke="currentColor"
89
+ stroke-linecap="round"
90
+ stroke-linejoin="round"
91
+ stroke-width="1.5"
92
+ viewBox="0 0 24 24"
93
+ xmlns="http://www.w3.org/2000/svg"
94
+ >
95
+ <rect
96
+ height="14"
97
+ rx="2"
98
+ ry="2"
99
+ width="14"
100
+ x="8"
101
+ y="8"
102
+ />
103
+ <path
104
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
105
+ />
106
+ </svg>
107
+ </span>
108
+ </button>
109
+ </div>
110
+ </div>
98
111
  </div>
99
- <p
100
- class="memori-snippet--caption"
101
- id="snippet-65ca4a6d-f20b-402e-9d79-5e470f247927"
112
+ </div>
113
+ <div
114
+ class="memori-media-item--snippet-header"
115
+ >
116
+ <span
117
+ class="memori-media-item--snippet-meta"
102
118
  >
103
- Snippet
104
- </p>
119
+ 3 righe
120
+ </span>
105
121
  </div>
106
122
  </div>
107
123
  </div>
@@ -145,16 +161,16 @@ exports[`renders MediaItemWidget unchanged with img 1`] = `
145
161
  class="memori-media-items"
146
162
  >
147
163
  <div
148
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
164
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--single"
149
165
  >
150
166
  <div
151
167
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
152
168
  >
153
- <a
154
- class="memori-media-item--link"
155
- href="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
156
- rel="noopener noreferrer"
157
- target="_blank"
169
+ <div
170
+ class="memori-media-item--link memori-media-item--image-link"
171
+ role="button"
172
+ style="cursor: pointer;"
173
+ tabindex="0"
158
174
  title="Game Cover"
159
175
  >
160
176
  <div
@@ -177,11 +193,6 @@ exports[`renders MediaItemWidget unchanged with img 1`] = `
177
193
  alt="Game Cover"
178
194
  src="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
179
195
  />
180
- <figcaption
181
- class="memori-media-item--figure-caption"
182
- >
183
- Game Cover
184
- </figcaption>
185
196
  </picture>
186
197
  </div>
187
198
  <div
@@ -209,7 +220,7 @@ exports[`renders MediaItemWidget unchanged with img 1`] = `
209
220
  </div>
210
221
  </div>
211
222
  </div>
212
- </a>
223
+ </div>
213
224
  </div>
214
225
  </div>
215
226
  </div>
@@ -222,16 +233,16 @@ exports[`renders MediaItemWidget unchanged with img and sessionID 1`] = `
222
233
  class="memori-media-items"
223
234
  >
224
235
  <div
225
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
236
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--single"
226
237
  >
227
238
  <div
228
239
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
229
240
  >
230
- <a
231
- class="memori-media-item--link"
232
- href="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
233
- rel="noopener noreferrer"
234
- target="_blank"
241
+ <div
242
+ class="memori-media-item--link memori-media-item--image-link"
243
+ role="button"
244
+ style="cursor: pointer;"
245
+ tabindex="0"
235
246
  title="Game Cover"
236
247
  >
237
248
  <div
@@ -254,11 +265,6 @@ exports[`renders MediaItemWidget unchanged with img and sessionID 1`] = `
254
265
  alt="Game Cover"
255
266
  src="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
256
267
  />
257
- <figcaption
258
- class="memori-media-item--figure-caption"
259
- >
260
- Game Cover
261
- </figcaption>
262
268
  </picture>
263
269
  </div>
264
270
  <div
@@ -286,7 +292,7 @@ exports[`renders MediaItemWidget unchanged with img and sessionID 1`] = `
286
292
  </div>
287
293
  </div>
288
294
  </div>
289
- </a>
295
+ </div>
290
296
  </div>
291
297
  </div>
292
298
  </div>
@@ -328,65 +334,81 @@ exports[`renders MediaItemWidget unchanged with js snippet to show 1`] = `
328
334
  class="memori-card--children"
329
335
  >
330
336
  <div
331
- class="memori-media-item--snippet-preview"
337
+ class="memori-media-item--snippet-body"
332
338
  >
333
339
  <div
334
- class="memori-snippet"
340
+ class="memori-media-item--snippet-title"
341
+ >
342
+ Snippet
343
+ </div>
344
+ <div
345
+ class="memori-media-item--snippet-preview"
335
346
  >
336
347
  <div
337
- class="memori-snippet--content"
348
+ class="memori-snippet"
338
349
  >
339
- <pre
340
- aria-labelledby="#snippet-a669fadb-12c0-469b-9b6c-34db22d371ca"
341
- class="line-numbers"
350
+ <div
351
+ class="memori-snippet--content"
342
352
  >
343
- <code
344
- class="language-jsx"
345
- data-language="jsx"
353
+ <pre
354
+ aria-labelledby="#snippet-a669fadb-12c0-469b-9b6c-34db22d371ca"
355
+ class="line-numbers"
346
356
  >
347
- console.log("Hello World!");
348
- </code>
349
- </pre>
350
- <button
351
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-snippet--copy-button"
352
- title="copy"
353
- >
354
- <span
355
- class="memori-button--icon"
357
+ <code
358
+ class="language-jsx"
359
+ data-language="jsx"
360
+ >
361
+ console.log("Hello World!");
362
+ </code>
363
+ </pre>
364
+ <div
365
+ class="memori-snippet--copy-wrapper"
356
366
  >
357
- <svg
358
- aria-hidden="true"
359
- fill="none"
360
- focusable="false"
361
- role="img"
362
- stroke="currentColor"
363
- stroke-linecap="round"
364
- stroke-linejoin="round"
365
- stroke-width="1.5"
366
- viewBox="0 0 24 24"
367
- xmlns="http://www.w3.org/2000/svg"
367
+ <button
368
+ class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-snippet--copy-button"
369
+ title="copy"
368
370
  >
369
- <rect
370
- height="14"
371
- rx="2"
372
- ry="2"
373
- width="14"
374
- x="8"
375
- y="8"
376
- />
377
- <path
378
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
379
- />
380
- </svg>
381
- </span>
382
- </button>
371
+ <span
372
+ class="memori-button--icon"
373
+ >
374
+ <svg
375
+ aria-hidden="true"
376
+ fill="none"
377
+ focusable="false"
378
+ role="img"
379
+ stroke="currentColor"
380
+ stroke-linecap="round"
381
+ stroke-linejoin="round"
382
+ stroke-width="1.5"
383
+ viewBox="0 0 24 24"
384
+ xmlns="http://www.w3.org/2000/svg"
385
+ >
386
+ <rect
387
+ height="14"
388
+ rx="2"
389
+ ry="2"
390
+ width="14"
391
+ x="8"
392
+ y="8"
393
+ />
394
+ <path
395
+ d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
396
+ />
397
+ </svg>
398
+ </span>
399
+ </button>
400
+ </div>
401
+ </div>
383
402
  </div>
384
- <p
385
- class="memori-snippet--caption"
386
- id="snippet-a669fadb-12c0-469b-9b6c-34db22d371ca"
403
+ </div>
404
+ <div
405
+ class="memori-media-item--snippet-header"
406
+ >
407
+ <span
408
+ class="memori-media-item--snippet-meta"
387
409
  >
388
- Snippet
389
- </p>
410
+ 1 riga
411
+ </span>
390
412
  </div>
391
413
  </div>
392
414
  </div>
@@ -430,7 +452,7 @@ exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
430
452
  class="memori-media-items"
431
453
  >
432
454
  <div
433
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
455
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--few"
434
456
  >
435
457
  <div
436
458
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
@@ -451,11 +473,6 @@ exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
451
473
  class="memori-media-item--rgb-item"
452
474
  style="background-color: rgb(255, 0, 0);"
453
475
  />
454
- <figcaption
455
- class="memori-media-item--figure-caption"
456
- >
457
- Rosso
458
- </figcaption>
459
476
  </picture>
460
477
  </div>
461
478
  <div
@@ -503,11 +520,6 @@ exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
503
520
  class="memori-media-item--rgb-item"
504
521
  style="background-color: rgb(0, 255, 0);"
505
522
  />
506
- <figcaption
507
- class="memori-media-item--figure-caption"
508
- >
509
- Verde
510
- </figcaption>
511
523
  </picture>
512
524
  </div>
513
525
  <div
@@ -555,11 +567,6 @@ exports[`renders MediaItemWidget unchanged with rgb color 1`] = `
555
567
  class="memori-media-item--rgb-item"
556
568
  style="background-color: rgb(0, 0, 255);"
557
569
  />
558
- <figcaption
559
- class="memori-media-item--figure-caption"
560
- >
561
- Blu
562
- </figcaption>
563
570
  </picture>
564
571
  </div>
565
572
  <div
@@ -599,16 +606,16 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
599
606
  class="memori-media-items"
600
607
  >
601
608
  <div
602
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
609
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--few"
603
610
  >
604
611
  <div
605
612
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
606
613
  >
607
- <a
608
- class="memori-media-item--link"
609
- href="https://memori.ai/past"
610
- rel="noopener noreferrer"
611
- target="_blank"
614
+ <div
615
+ class="memori-media-item--link memori-media-item--image-link"
616
+ role="button"
617
+ style="cursor: pointer;"
618
+ tabindex="0"
612
619
  title="Game Cover"
613
620
  >
614
621
  <div
@@ -631,11 +638,6 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
631
638
  alt="Game Cover"
632
639
  src="https://memori.ai/past"
633
640
  />
634
- <figcaption
635
- class="memori-media-item--figure-caption"
636
- >
637
- Game Cover
638
- </figcaption>
639
641
  </picture>
640
642
  </div>
641
643
  <div
@@ -663,16 +665,16 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
663
665
  </div>
664
666
  </div>
665
667
  </div>
666
- </a>
668
+ </div>
667
669
  </div>
668
670
  <div
669
671
  class="memori-media-item ease-out duration-500 delay-100 opacity-0 scale-95"
670
672
  >
671
- <a
672
- class="memori-media-item--link"
673
- href="https://memori.ai/medium"
674
- rel="noopener noreferrer"
675
- target="_blank"
673
+ <div
674
+ class="memori-media-item--link memori-media-item--image-link"
675
+ role="button"
676
+ style="cursor: pointer;"
677
+ tabindex="0"
676
678
  title="Game Cover"
677
679
  >
678
680
  <div
@@ -695,11 +697,6 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
695
697
  alt="Game Cover"
696
698
  src="https://memori.ai/medium"
697
699
  />
698
- <figcaption
699
- class="memori-media-item--figure-caption"
700
- >
701
- Game Cover
702
- </figcaption>
703
700
  </picture>
704
701
  </div>
705
702
  <div
@@ -727,16 +724,16 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
727
724
  </div>
728
725
  </div>
729
726
  </div>
730
- </a>
727
+ </div>
731
728
  </div>
732
729
  <div
733
730
  class="memori-media-item ease-out duration-500 delay-200 opacity-0 scale-95"
734
731
  >
735
- <a
736
- class="memori-media-item--link"
737
- href="https://memori.ai/now"
738
- rel="noopener noreferrer"
739
- target="_blank"
732
+ <div
733
+ class="memori-media-item--link memori-media-item--image-link"
734
+ role="button"
735
+ style="cursor: pointer;"
736
+ tabindex="0"
740
737
  title="Game Cover"
741
738
  >
742
739
  <div
@@ -759,11 +756,6 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
759
756
  alt="Game Cover"
760
757
  src="https://memori.ai/now"
761
758
  />
762
- <figcaption
763
- class="memori-media-item--figure-caption"
764
- >
765
- Game Cover
766
- </figcaption>
767
759
  </picture>
768
760
  </div>
769
761
  <div
@@ -791,7 +783,7 @@ exports[`renders MediaItemWidget with imgs in correct order (creation date) 1`]
791
783
  </div>
792
784
  </div>
793
785
  </div>
794
- </a>
786
+ </div>
795
787
  </div>
796
788
  </div>
797
789
  </div>
package/src/components/MediaWidget/__snapshots__/MediaWidget.test.tsx.snap CHANGED
@@ -36,75 +36,38 @@ exports[`renders MediaWidget with links unchanged 1`] = `
36
36
  class="memori-media-widget"
37
37
  >
38
38
  <div
39
- class="memori-link-items"
39
+ class="memori-media-items"
40
40
  >
41
41
  <div
42
- class="memori-link-items--grid memori-chat-scroll-item memori-link-items--agent"
42
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
43
43
  >
44
44
  <div
45
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
45
+ class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
46
46
  >
47
47
  <a
48
- class="memori-link-item--link"
48
+ class="memori-media-item--link memori-media-item--document-link"
49
49
  href="https://memori.ai/en"
50
50
  rel="noopener noreferrer"
51
51
  target="_blank"
52
+ title="Memori Srl"
52
53
  >
53
54
  <div
54
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
55
+ class="memori-media-item--document"
55
56
  >
56
57
  <div
57
- class="memori-spin"
58
+ class="memori-media-item--document-header"
58
59
  >
59
60
  <div
60
- class="memori-card--cover"
61
+ class="memori-media-item--document-title"
61
62
  >
62
- <div
63
- class="memori-link-item--card-cover-icon"
64
- >
65
- <svg
66
- aria-hidden="true"
67
- class="memori-link-item--icon"
68
- focusable="false"
69
- role="img"
70
- viewBox="0 0 1024 1024"
71
- xmlns="http://www.w3.org/2000/svg"
72
- >
73
- <path
74
- d="M574 665.4a8.03 8.03 0 0 0-11.3 0L446.5 781.6c-53.8 53.8-144.6 59.5-204 0-59.5-59.5-53.8-150.2 0-204l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3l-39.8-39.8a8.03 8.03 0 0 0-11.3 0L191.4 526.5c-84.6 84.6-84.6 221.5 0 306s221.5 84.6 306 0l116.2-116.2c3.1-3.1 3.1-8.2 0-11.3L574 665.4zm258.6-474c-84.6-84.6-221.5-84.6-306 0L410.3 307.6a8.03 8.03 0 0 0 0 11.3l39.7 39.7c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c53.8-53.8 144.6-59.5 204 0 59.5 59.5 53.8 150.2 0 204L665.3 562.6a8.03 8.03 0 0 0 0 11.3l39.8 39.8c3.1 3.1 8.2 3.1 11.3 0l116.2-116.2c84.5-84.6 84.5-221.5 0-306.1zM610.1 372.3a8.03 8.03 0 0 0-11.3 0L372.3 598.7a8.03 8.03 0 0 0 0 11.3l39.6 39.6c3.1 3.1 8.2 3.1 11.3 0l226.4-226.4c3.1-3.1 3.1-8.2 0-11.3l-39.5-39.6z"
75
- />
76
- </svg>
77
- </div>
78
- </div>
79
- <div
80
- class="memori-card--content"
81
- >
82
- <h3
83
- class="memori-card--title"
84
- >
85
- Memori Srl
86
- </h3>
87
- <div
88
- class="memori-card--children"
89
- />
90
- </div>
91
- <div
92
- class="memori-spin--spinner"
93
- >
94
- <svg
95
- aria-hidden="true"
96
- class="memori-loading-icon"
97
- focusable="false"
98
- role="img"
99
- viewBox="0 0 1024 1024"
100
- xmlns="http://www.w3.org/2000/svg"
101
- >
102
- <path
103
- d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
104
- />
105
- </svg>
63
+ Memori Srl
106
64
  </div>
107
65
  </div>
66
+ <span
67
+ class="memori-media-item--document-badge"
68
+ >
69
+ Link
70
+ </span>
108
71
  </div>
109
72
  </a>
110
73
  </div>
@@ -123,16 +86,16 @@ exports[`renders MediaWidget with media unchanged 1`] = `
123
86
  class="memori-media-items"
124
87
  >
125
88
  <div
126
- class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent"
89
+ class="memori-media-items--grid memori-chat-scroll-item memori-media-items--agent memori-media-items--single"
127
90
  >
128
91
  <div
129
92
  class="memori-media-item ease-out duration-500 delay-0 opacity-0 scale-95"
130
93
  >
131
- <a
132
- class="memori-media-item--link"
133
- href="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
134
- rel="noopener noreferrer"
135
- target="_blank"
94
+ <div
95
+ class="memori-media-item--link memori-media-item--image-link"
96
+ role="button"
97
+ style="cursor: pointer;"
98
+ tabindex="0"
136
99
  title="Game Cover"
137
100
  >
138
101
  <div
@@ -155,11 +118,6 @@ exports[`renders MediaWidget with media unchanged 1`] = `
155
118
  alt="Game Cover"
156
119
  src="https://api.lorem.space/image/game?w=150&h=220&hash=8B7BCDC2"
157
120
  />
158
- <figcaption
159
- class="memori-media-item--figure-caption"
160
- >
161
- Game Cover
162
- </figcaption>
163
121
  </picture>
164
122
  </div>
165
123
  <div
@@ -187,7 +145,7 @@ exports[`renders MediaWidget with media unchanged 1`] = `
187
145
  </div>
188
146
  </div>
189
147
  </div>
190
- </a>
148
+ </div>
191
149
  </div>
192
150
  </div>
193
151
  </div>