@memori.ai/memori-react 7.13.0 → 7.13.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 (69) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +0 -2
  3. package/dist/components/Avatar/Avatar.js +2 -1
  4. package/dist/components/Avatar/Avatar.js.map +1 -1
  5. package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.d.ts +0 -1
  6. package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js +23 -11
  7. package/dist/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js.map +1 -1
  8. package/dist/components/Chat/Chat.d.ts +0 -1
  9. package/dist/components/Chat/Chat.js +3 -9
  10. package/dist/components/Chat/Chat.js.map +1 -1
  11. package/dist/components/MemoriWidget/MemoriWidget.d.ts +1 -6
  12. package/dist/components/MemoriWidget/MemoriWidget.js +26 -236
  13. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  14. package/dist/components/layouts/Chat.js +1 -1
  15. package/dist/components/layouts/Chat.js.map +1 -1
  16. package/dist/components/layouts/FullPage.js +1 -1
  17. package/dist/components/layouts/FullPage.js.map +1 -1
  18. package/dist/components/layouts/Totem.js +1 -1
  19. package/dist/components/layouts/Totem.js.map +1 -1
  20. package/dist/components/layouts/WebsiteAssistant.js +2 -2
  21. package/dist/components/layouts/WebsiteAssistant.js.map +1 -1
  22. package/dist/components/layouts/ZoomedFullBody.js +2 -2
  23. package/dist/components/layouts/ZoomedFullBody.js.map +1 -1
  24. package/dist/index.d.ts +0 -1
  25. package/dist/index.js +2 -3
  26. package/dist/index.js.map +1 -1
  27. package/dist/styles.css +1 -0
  28. package/esm/components/Avatar/Avatar.js +2 -1
  29. package/esm/components/Avatar/Avatar.js.map +1 -1
  30. package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.d.ts +0 -1
  31. package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js +23 -11
  32. package/esm/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.js.map +1 -1
  33. package/esm/components/Chat/Chat.d.ts +0 -1
  34. package/esm/components/Chat/Chat.js +3 -9
  35. package/esm/components/Chat/Chat.js.map +1 -1
  36. package/esm/components/MemoriWidget/MemoriWidget.d.ts +1 -6
  37. package/esm/components/MemoriWidget/MemoriWidget.js +27 -237
  38. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  39. package/esm/components/layouts/Chat.js +1 -1
  40. package/esm/components/layouts/Chat.js.map +1 -1
  41. package/esm/components/layouts/FullPage.js +1 -1
  42. package/esm/components/layouts/FullPage.js.map +1 -1
  43. package/esm/components/layouts/Totem.js +1 -1
  44. package/esm/components/layouts/Totem.js.map +1 -1
  45. package/esm/components/layouts/WebsiteAssistant.js +2 -2
  46. package/esm/components/layouts/WebsiteAssistant.js.map +1 -1
  47. package/esm/components/layouts/ZoomedFullBody.js +2 -2
  48. package/esm/components/layouts/ZoomedFullBody.js.map +1 -1
  49. package/esm/index.d.ts +0 -1
  50. package/esm/index.js +2 -3
  51. package/esm/index.js.map +1 -1
  52. package/esm/styles.css +1 -0
  53. package/package.json +1 -1
  54. package/src/components/Avatar/Avatar.tsx +3 -4
  55. package/src/components/Avatar/AvatarView/AvatarComponent/positionControls/positionControls.tsx +35 -13
  56. package/src/components/Chat/Chat.test.tsx +0 -81
  57. package/src/components/Chat/Chat.tsx +0 -25
  58. package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +0 -1159
  59. package/src/components/MemoriWidget/MemoriWidget.stories.tsx +0 -10
  60. package/src/components/MemoriWidget/MemoriWidget.tsx +31 -282
  61. package/src/components/layouts/Chat.tsx +0 -6
  62. package/src/components/layouts/FullPage.tsx +0 -7
  63. package/src/components/layouts/Totem.tsx +0 -6
  64. package/src/components/layouts/WebsiteAssistant.tsx +0 -7
  65. package/src/components/layouts/ZoomedFullBody.tsx +0 -9
  66. package/src/components/layouts/layouts.stories.tsx +0 -2
  67. package/src/index.stories.tsx +0 -2
  68. package/src/index.tsx +0 -4
  69. package/src/styles.css +1 -0
@@ -1,1164 +1,5 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`renders Chat on X2a state unchanged 1`] = `
4
- <div>
5
- <div
6
- class="memori-chat--wrapper"
7
- data-memori-lang="IT"
8
- id="chat-wrapper"
9
- >
10
- <div
11
- class="memori-chat--history"
12
- >
13
- <div
14
- class="memori-chat--content"
15
- >
16
- <div
17
- class="memori-chat--cover"
18
- />
19
- <div
20
- class="memori-chat--bubble-initial"
21
- />
22
- <div
23
- class="memori-chat--bubble-container"
24
- >
25
- <picture
26
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
27
- title="Memori"
28
- >
29
- <img
30
- alt="Memori"
31
- class="memori-chat--bubble-avatar-img"
32
- src="https://aisuru.com/images/aisuru/square_logo.png"
33
- />
34
- </picture>
35
- <div
36
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
37
- >
38
- <div
39
- class="memori-chat--bubble-content"
40
- dir="auto"
41
- >
42
- <p>
43
- Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
44
- </p>
45
- </div>
46
- <div
47
- class="memori-chat--bubble-addon"
48
- >
49
- <button
50
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
51
- title="copy"
52
- >
53
- <span
54
- class="memori-button--icon"
55
- >
56
- <svg
57
- aria-hidden="true"
58
- fill="none"
59
- focusable="false"
60
- role="img"
61
- stroke="currentColor"
62
- stroke-linecap="round"
63
- stroke-linejoin="round"
64
- stroke-width="1.5"
65
- viewBox="0 0 24 24"
66
- xmlns="http://www.w3.org/2000/svg"
67
- >
68
- <rect
69
- height="14"
70
- rx="2"
71
- ry="2"
72
- width="14"
73
- x="8"
74
- y="8"
75
- />
76
- <path
77
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
78
- />
79
- </svg>
80
- </span>
81
- </button>
82
- </div>
83
- </div>
84
- </div>
85
- <div
86
- class="memori-media-widget"
87
- />
88
- <div
89
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
90
- >
91
- <div
92
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
93
- >
94
- <div
95
- class="memori-chat--bubble-content"
96
- dir="auto"
97
- >
98
- <p>
99
- Prova
100
- </p>
101
- </div>
102
- </div>
103
- <div
104
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
105
- >
106
- <svg
107
- aria-hidden="true"
108
- focusable="false"
109
- role="img"
110
- viewBox="0 0 1024 1024"
111
- xmlns="http://www.w3.org/2000/svg"
112
- >
113
- <path
114
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
115
- />
116
- </svg>
117
- </div>
118
- </div>
119
- <div
120
- class="memori-media-widget"
121
- />
122
- <div
123
- class="memori-chat--bubble-container"
124
- >
125
- <picture
126
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
127
- title="Memori"
128
- >
129
- <img
130
- alt="Memori"
131
- class="memori-chat--bubble-avatar-img"
132
- src="https://aisuru.com/images/aisuru/square_logo.png"
133
- />
134
- </picture>
135
- <div
136
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
137
- >
138
- <div
139
- class="memori-chat--bubble-content"
140
- dir="auto"
141
- >
142
- <p>
143
- Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
144
- </p>
145
- </div>
146
- <div
147
- class="memori-chat--bubble-addon"
148
- >
149
- <button
150
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
151
- title="copy"
152
- >
153
- <span
154
- class="memori-button--icon"
155
- >
156
- <svg
157
- aria-hidden="true"
158
- fill="none"
159
- focusable="false"
160
- role="img"
161
- stroke="currentColor"
162
- stroke-linecap="round"
163
- stroke-linejoin="round"
164
- stroke-width="1.5"
165
- viewBox="0 0 24 24"
166
- xmlns="http://www.w3.org/2000/svg"
167
- >
168
- <rect
169
- height="14"
170
- rx="2"
171
- ry="2"
172
- width="14"
173
- x="8"
174
- y="8"
175
- />
176
- <path
177
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
178
- />
179
- </svg>
180
- </span>
181
- </button>
182
- </div>
183
- </div>
184
- </div>
185
- <div
186
- class="memori-media-widget"
187
- />
188
- <div
189
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
190
- >
191
- <div
192
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
193
- >
194
- <div
195
- class="memori-chat--bubble-content"
196
- dir="auto"
197
- >
198
- <p>
199
- Come faccio a fare delle cose con questa cosa?
200
- </p>
201
- </div>
202
- </div>
203
- <div
204
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
205
- >
206
- <svg
207
- aria-hidden="true"
208
- focusable="false"
209
- role="img"
210
- viewBox="0 0 1024 1024"
211
- xmlns="http://www.w3.org/2000/svg"
212
- >
213
- <path
214
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
215
- />
216
- </svg>
217
- </div>
218
- </div>
219
- <div
220
- class="memori-media-widget"
221
- />
222
- <div
223
- class="memori-chat--bubble-container"
224
- >
225
- <picture
226
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
227
- title="Memori"
228
- >
229
- <img
230
- alt="Memori"
231
- class="memori-chat--bubble-avatar-img"
232
- src="https://aisuru.com/images/aisuru/square_logo.png"
233
- />
234
- </picture>
235
- <div
236
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
237
- >
238
- <div
239
- class="memori-chat--bubble-content"
240
- dir="auto"
241
- >
242
- <p>
243
- Ecco qui come.
244
- </p>
245
- </div>
246
- <div
247
- class="memori-chat--bubble-addon"
248
- >
249
- <button
250
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
251
- title="copy"
252
- >
253
- <span
254
- class="memori-button--icon"
255
- >
256
- <svg
257
- aria-hidden="true"
258
- fill="none"
259
- focusable="false"
260
- role="img"
261
- stroke="currentColor"
262
- stroke-linecap="round"
263
- stroke-linejoin="round"
264
- stroke-width="1.5"
265
- viewBox="0 0 24 24"
266
- xmlns="http://www.w3.org/2000/svg"
267
- >
268
- <rect
269
- height="14"
270
- rx="2"
271
- ry="2"
272
- width="14"
273
- x="8"
274
- y="8"
275
- />
276
- <path
277
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
278
- />
279
- </svg>
280
- </span>
281
- </button>
282
- </div>
283
- </div>
284
- </div>
285
- <div
286
- class="memori-chat--context-vars"
287
- >
288
- <div
289
- class="memori-chat--context-tag"
290
- >
291
- <span
292
- class="memori-chat--context-tag-text"
293
- >
294
- TEST
295
- :
296
- test
297
- </span>
298
- </div>
299
- </div>
300
- <div
301
- class="memori-media-widget"
302
- >
303
- <div
304
- class="memori-link-items"
305
- >
306
- <div
307
- class="memori-link-items--grid"
308
- >
309
- <div
310
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
311
- >
312
- <a
313
- class="memori-link-item--link"
314
- href="https://memori.ai"
315
- rel="noopener noreferrer"
316
- target="_blank"
317
- >
318
- <div
319
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
320
- >
321
- <div
322
- class="memori-spin"
323
- >
324
- <div
325
- class="memori-card--cover"
326
- >
327
- <div
328
- class="memori-link-item--card-cover-icon"
329
- >
330
- <svg
331
- aria-hidden="true"
332
- class="memori-link-item--icon"
333
- focusable="false"
334
- role="img"
335
- viewBox="0 0 1024 1024"
336
- xmlns="http://www.w3.org/2000/svg"
337
- >
338
- <path
339
- 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"
340
- />
341
- </svg>
342
- </div>
343
- </div>
344
- <div
345
- class="memori-card--content"
346
- >
347
- <h3
348
- class="memori-card--title"
349
- >
350
- Link
351
- </h3>
352
- <div
353
- class="memori-card--children"
354
- />
355
- </div>
356
- <div
357
- class="memori-spin--spinner"
358
- >
359
- <svg
360
- aria-hidden="true"
361
- class="memori-loading-icon"
362
- focusable="false"
363
- role="img"
364
- viewBox="0 0 1024 1024"
365
- xmlns="http://www.w3.org/2000/svg"
366
- >
367
- <path
368
- 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"
369
- />
370
- </svg>
371
- </div>
372
- </div>
373
- </div>
374
- </a>
375
- </div>
376
- </div>
377
- </div>
378
- </div>
379
- <div
380
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
381
- >
382
- <div
383
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
384
- >
385
- <div
386
- class="memori-chat--bubble-content"
387
- dir="auto"
388
- >
389
- <p>
390
- Ah, grazie! Ciao!
391
- </p>
392
- </div>
393
- </div>
394
- <div
395
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
396
- >
397
- <svg
398
- aria-hidden="true"
399
- focusable="false"
400
- role="img"
401
- viewBox="0 0 1024 1024"
402
- xmlns="http://www.w3.org/2000/svg"
403
- >
404
- <path
405
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
406
- />
407
- </svg>
408
- </div>
409
- </div>
410
- <div
411
- class="memori-media-widget"
412
- />
413
- <div
414
- class="memori-chat--bubble-container"
415
- >
416
- <picture
417
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
418
- title="Memori"
419
- >
420
- <img
421
- alt="Memori"
422
- class="memori-chat--bubble-avatar-img"
423
- src="https://aisuru.com/images/aisuru/square_logo.png"
424
- />
425
- </picture>
426
- <div
427
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
428
- >
429
- <div
430
- class="memori-chat--bubble-content"
431
- dir="auto"
432
- >
433
- <p>
434
- Arrivederci.
435
- </p>
436
- </div>
437
- <div
438
- class="memori-chat--bubble-addon"
439
- >
440
- <button
441
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
442
- title="copy"
443
- >
444
- <span
445
- class="memori-button--icon"
446
- >
447
- <svg
448
- aria-hidden="true"
449
- fill="none"
450
- focusable="false"
451
- role="img"
452
- stroke="currentColor"
453
- stroke-linecap="round"
454
- stroke-linejoin="round"
455
- stroke-width="1.5"
456
- viewBox="0 0 24 24"
457
- xmlns="http://www.w3.org/2000/svg"
458
- >
459
- <rect
460
- height="14"
461
- rx="2"
462
- ry="2"
463
- width="14"
464
- x="8"
465
- y="8"
466
- />
467
- <path
468
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
469
- />
470
- </svg>
471
- </span>
472
- </button>
473
- </div>
474
- </div>
475
- </div>
476
- <div
477
- class="memori-chat--context-vars"
478
- >
479
- <div
480
- class="memori-chat--context-tag"
481
- >
482
- <span
483
- class="memori-chat--context-tag-text"
484
- >
485
- TEST
486
- :
487
- test
488
- </span>
489
- </div>
490
- </div>
491
- <div
492
- class="memori-media-widget"
493
- />
494
- <div
495
- id="end-messages-ref"
496
- />
497
- </div>
498
- </div>
499
- <fieldset
500
- class="memori-chat-inputs"
501
- disabled=""
502
- id="chat-fieldset"
503
- >
504
- <div
505
- class="memori-chat-textarea"
506
- data-testid="chat-textarea"
507
- >
508
- <div
509
- class="memori-chat-textarea--inner"
510
- >
511
- <textarea
512
- class="memori-chat-textarea--input"
513
- />
514
- <div
515
- class="memori-chat-textarea--expand"
516
- >
517
- <button
518
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
519
- title="expand"
520
- >
521
- <span
522
- class="memori-button--icon"
523
- >
524
- <svg
525
- aria-hidden="true"
526
- focusable="false"
527
- role="img"
528
- viewBox="0 0 1024 1024"
529
- xmlns="http://www.w3.org/2000/svg"
530
- >
531
- <path
532
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
533
- />
534
- </svg>
535
- </span>
536
- </button>
537
- </div>
538
- </div>
539
- </div>
540
- <button
541
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
542
- disabled=""
543
- title="send"
544
- >
545
- <span
546
- class="memori-button--icon"
547
- >
548
- <svg
549
- aria-hidden="true"
550
- focusable="false"
551
- role="img"
552
- viewBox="0 0 1024 1024"
553
- xmlns="http://www.w3.org/2000/svg"
554
- >
555
- <path
556
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
557
- />
558
- </svg>
559
- </span>
560
- </button>
561
- </fieldset>
562
- </div>
563
- </div>
564
- `;
565
-
566
- exports[`renders Chat on X3 state unchanged 1`] = `
567
- <div>
568
- <div
569
- class="memori-chat--wrapper"
570
- data-memori-lang="IT"
571
- id="chat-wrapper"
572
- >
573
- <div
574
- class="memori-chat--history"
575
- >
576
- <div
577
- class="memori-chat--content"
578
- >
579
- <div
580
- class="memori-chat--cover"
581
- />
582
- <div
583
- class="memori-chat--bubble-initial"
584
- />
585
- <div
586
- class="memori-chat--bubble-container"
587
- >
588
- <picture
589
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
590
- title="Memori"
591
- >
592
- <img
593
- alt="Memori"
594
- class="memori-chat--bubble-avatar-img"
595
- src="https://aisuru.com/images/aisuru/square_logo.png"
596
- />
597
- </picture>
598
- <div
599
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
600
- >
601
- <div
602
- class="memori-chat--bubble-content"
603
- dir="auto"
604
- >
605
- <p>
606
- Ciao, io sono test, c'è qualcosa che vorresti chiedermi?
607
- </p>
608
- </div>
609
- <div
610
- class="memori-chat--bubble-addon"
611
- >
612
- <button
613
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
614
- title="copy"
615
- >
616
- <span
617
- class="memori-button--icon"
618
- >
619
- <svg
620
- aria-hidden="true"
621
- fill="none"
622
- focusable="false"
623
- role="img"
624
- stroke="currentColor"
625
- stroke-linecap="round"
626
- stroke-linejoin="round"
627
- stroke-width="1.5"
628
- viewBox="0 0 24 24"
629
- xmlns="http://www.w3.org/2000/svg"
630
- >
631
- <rect
632
- height="14"
633
- rx="2"
634
- ry="2"
635
- width="14"
636
- x="8"
637
- y="8"
638
- />
639
- <path
640
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
641
- />
642
- </svg>
643
- </span>
644
- </button>
645
- </div>
646
- </div>
647
- </div>
648
- <div
649
- class="memori-media-widget"
650
- />
651
- <div
652
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
653
- >
654
- <div
655
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
656
- >
657
- <div
658
- class="memori-chat--bubble-content"
659
- dir="auto"
660
- >
661
- <p>
662
- Prova
663
- </p>
664
- </div>
665
- </div>
666
- <div
667
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
668
- >
669
- <svg
670
- aria-hidden="true"
671
- focusable="false"
672
- role="img"
673
- viewBox="0 0 1024 1024"
674
- xmlns="http://www.w3.org/2000/svg"
675
- >
676
- <path
677
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
678
- />
679
- </svg>
680
- </div>
681
- </div>
682
- <div
683
- class="memori-media-widget"
684
- />
685
- <div
686
- class="memori-chat--bubble-container"
687
- >
688
- <picture
689
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
690
- title="Memori"
691
- >
692
- <img
693
- alt="Memori"
694
- class="memori-chat--bubble-avatar-img"
695
- src="https://aisuru.com/images/aisuru/square_logo.png"
696
- />
697
- </picture>
698
- <div
699
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
700
- >
701
- <div
702
- class="memori-chat--bubble-content"
703
- dir="auto"
704
- >
705
- <p>
706
- Mi dispiace, le mie risposte sono limitate. Devi farmi le domande giuste. C'è altro che vuoi sapere?
707
- </p>
708
- </div>
709
- <div
710
- class="memori-chat--bubble-addon"
711
- >
712
- <button
713
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
714
- title="copy"
715
- >
716
- <span
717
- class="memori-button--icon"
718
- >
719
- <svg
720
- aria-hidden="true"
721
- fill="none"
722
- focusable="false"
723
- role="img"
724
- stroke="currentColor"
725
- stroke-linecap="round"
726
- stroke-linejoin="round"
727
- stroke-width="1.5"
728
- viewBox="0 0 24 24"
729
- xmlns="http://www.w3.org/2000/svg"
730
- >
731
- <rect
732
- height="14"
733
- rx="2"
734
- ry="2"
735
- width="14"
736
- x="8"
737
- y="8"
738
- />
739
- <path
740
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
741
- />
742
- </svg>
743
- </span>
744
- </button>
745
- </div>
746
- </div>
747
- </div>
748
- <div
749
- class="memori-media-widget"
750
- />
751
- <div
752
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
753
- >
754
- <div
755
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
756
- >
757
- <div
758
- class="memori-chat--bubble-content"
759
- dir="auto"
760
- >
761
- <p>
762
- Come faccio a fare delle cose con questa cosa?
763
- </p>
764
- </div>
765
- </div>
766
- <div
767
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
768
- >
769
- <svg
770
- aria-hidden="true"
771
- focusable="false"
772
- role="img"
773
- viewBox="0 0 1024 1024"
774
- xmlns="http://www.w3.org/2000/svg"
775
- >
776
- <path
777
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
778
- />
779
- </svg>
780
- </div>
781
- </div>
782
- <div
783
- class="memori-media-widget"
784
- />
785
- <div
786
- class="memori-chat--bubble-container"
787
- >
788
- <picture
789
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
790
- title="Memori"
791
- >
792
- <img
793
- alt="Memori"
794
- class="memori-chat--bubble-avatar-img"
795
- src="https://aisuru.com/images/aisuru/square_logo.png"
796
- />
797
- </picture>
798
- <div
799
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
800
- >
801
- <div
802
- class="memori-chat--bubble-content"
803
- dir="auto"
804
- >
805
- <p>
806
- Ecco qui come.
807
- </p>
808
- </div>
809
- <div
810
- class="memori-chat--bubble-addon"
811
- >
812
- <button
813
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
814
- title="copy"
815
- >
816
- <span
817
- class="memori-button--icon"
818
- >
819
- <svg
820
- aria-hidden="true"
821
- fill="none"
822
- focusable="false"
823
- role="img"
824
- stroke="currentColor"
825
- stroke-linecap="round"
826
- stroke-linejoin="round"
827
- stroke-width="1.5"
828
- viewBox="0 0 24 24"
829
- xmlns="http://www.w3.org/2000/svg"
830
- >
831
- <rect
832
- height="14"
833
- rx="2"
834
- ry="2"
835
- width="14"
836
- x="8"
837
- y="8"
838
- />
839
- <path
840
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
841
- />
842
- </svg>
843
- </span>
844
- </button>
845
- </div>
846
- </div>
847
- </div>
848
- <div
849
- class="memori-chat--context-vars"
850
- >
851
- <div
852
- class="memori-chat--context-tag"
853
- >
854
- <span
855
- class="memori-chat--context-tag-text"
856
- >
857
- TEST
858
- :
859
- test
860
- </span>
861
- </div>
862
- </div>
863
- <div
864
- class="memori-media-widget"
865
- >
866
- <div
867
- class="memori-link-items"
868
- >
869
- <div
870
- class="memori-link-items--grid"
871
- >
872
- <div
873
- class="memori-link-item ease-out duration-500 delay-0 opacity-0 scale-95"
874
- >
875
- <a
876
- class="memori-link-item--link"
877
- href="https://memori.ai"
878
- rel="noopener noreferrer"
879
- target="_blank"
880
- >
881
- <div
882
- class="memori-card memori-link-item--card memori-card--with-cover memori-card--hoverable"
883
- >
884
- <div
885
- class="memori-spin"
886
- >
887
- <div
888
- class="memori-card--cover"
889
- >
890
- <div
891
- class="memori-link-item--card-cover-icon"
892
- >
893
- <svg
894
- aria-hidden="true"
895
- class="memori-link-item--icon"
896
- focusable="false"
897
- role="img"
898
- viewBox="0 0 1024 1024"
899
- xmlns="http://www.w3.org/2000/svg"
900
- >
901
- <path
902
- 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"
903
- />
904
- </svg>
905
- </div>
906
- </div>
907
- <div
908
- class="memori-card--content"
909
- >
910
- <h3
911
- class="memori-card--title"
912
- >
913
- Link
914
- </h3>
915
- <div
916
- class="memori-card--children"
917
- />
918
- </div>
919
- <div
920
- class="memori-spin--spinner"
921
- >
922
- <svg
923
- aria-hidden="true"
924
- class="memori-loading-icon"
925
- focusable="false"
926
- role="img"
927
- viewBox="0 0 1024 1024"
928
- xmlns="http://www.w3.org/2000/svg"
929
- >
930
- <path
931
- 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"
932
- />
933
- </svg>
934
- </div>
935
- </div>
936
- </div>
937
- </a>
938
- </div>
939
- </div>
940
- </div>
941
- </div>
942
- <div
943
- class="memori-chat--bubble-container memori-chat--bubble-from-user"
944
- >
945
- <div
946
- class="memori-chat--bubble memori-chat--user-bubble transition ease-in-out duration-300 opacity-0 scale-09 translate-x-30"
947
- >
948
- <div
949
- class="memori-chat--bubble-content"
950
- dir="auto"
951
- >
952
- <p>
953
- Ah, grazie! Ciao!
954
- </p>
955
- </div>
956
- </div>
957
- <div
958
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x-15"
959
- >
960
- <svg
961
- aria-hidden="true"
962
- focusable="false"
963
- role="img"
964
- viewBox="0 0 1024 1024"
965
- xmlns="http://www.w3.org/2000/svg"
966
- >
967
- <path
968
- d="M858.5 763.6a374 374 0 0 0-80.6-119.5 375.63 375.63 0 0 0-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 0 0-80.6 119.5A371.7 371.7 0 0 0 136 901.8a8 8 0 0 0 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 0 0 8-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
969
- />
970
- </svg>
971
- </div>
972
- </div>
973
- <div
974
- class="memori-media-widget"
975
- />
976
- <div
977
- class="memori-chat--bubble-container"
978
- >
979
- <picture
980
- class="memori-chat--bubble-avatar transition ease-in-out duration-300 opacity-0 scale-075 translate-x--15"
981
- title="Memori"
982
- >
983
- <img
984
- alt="Memori"
985
- class="memori-chat--bubble-avatar-img"
986
- src="https://aisuru.com/images/aisuru/square_logo.png"
987
- />
988
- </picture>
989
- <div
990
- class="memori-chat--bubble memori-chat--with-addon transition ease-in-out duration-300 opacity-0 scale-09 translate-x--30"
991
- >
992
- <div
993
- class="memori-chat--bubble-content"
994
- dir="auto"
995
- >
996
- <p>
997
- Arrivederci.
998
- </p>
999
- </div>
1000
- <div
1001
- class="memori-chat--bubble-addon"
1002
- >
1003
- <button
1004
- class="memori-button memori-button--ghost memori-button--circle memori-button--padded memori-button--icon-only memori-chat--bubble-action-icon"
1005
- title="copy"
1006
- >
1007
- <span
1008
- class="memori-button--icon"
1009
- >
1010
- <svg
1011
- aria-hidden="true"
1012
- fill="none"
1013
- focusable="false"
1014
- role="img"
1015
- stroke="currentColor"
1016
- stroke-linecap="round"
1017
- stroke-linejoin="round"
1018
- stroke-width="1.5"
1019
- viewBox="0 0 24 24"
1020
- xmlns="http://www.w3.org/2000/svg"
1021
- >
1022
- <rect
1023
- height="14"
1024
- rx="2"
1025
- ry="2"
1026
- width="14"
1027
- x="8"
1028
- y="8"
1029
- />
1030
- <path
1031
- d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
1032
- />
1033
- </svg>
1034
- </span>
1035
- </button>
1036
- </div>
1037
- </div>
1038
- </div>
1039
- <div
1040
- class="memori-chat--context-vars"
1041
- >
1042
- <div
1043
- class="memori-chat--context-tag"
1044
- >
1045
- <span
1046
- class="memori-chat--context-tag-text"
1047
- >
1048
- TEST
1049
- :
1050
- test
1051
- </span>
1052
- </div>
1053
- </div>
1054
- <div
1055
- class="memori-media-widget"
1056
- />
1057
- <div
1058
- id="end-messages-ref"
1059
- />
1060
- </div>
1061
- </div>
1062
- <div
1063
- class="memori-chat--known-tags"
1064
- >
1065
- <button
1066
- class="memori-button memori-button--rounded memori-button--padded memori-button--with-icon memori-chat--known-tag"
1067
- >
1068
- <span
1069
- class="memori-button--icon"
1070
- >
1071
- <span
1072
- class="memori-chat--known-tag-icon"
1073
- >
1074
- ☠️
1075
- </span>
1076
- </span>
1077
- test
1078
- </button>
1079
- <button
1080
- class="memori-button memori-button--rounded memori-button--padded memori-button--with-icon memori-chat--known-tag"
1081
- >
1082
- <span
1083
- class="memori-button--icon"
1084
- >
1085
- <span
1086
- class="memori-chat--known-tag-icon"
1087
- >
1088
- 😎
1089
- </span>
1090
- </span>
1091
- Ciccio
1092
- </button>
1093
- </div>
1094
- <fieldset
1095
- class="memori-chat-inputs"
1096
- disabled=""
1097
- id="chat-fieldset"
1098
- >
1099
- <div
1100
- class="memori-chat-textarea memori-chat-textarea--disabled"
1101
- data-testid="chat-textarea"
1102
- >
1103
- <div
1104
- class="memori-chat-textarea--inner"
1105
- >
1106
- <textarea
1107
- class="memori-chat-textarea--input"
1108
- disabled=""
1109
- />
1110
- <div
1111
- class="memori-chat-textarea--expand"
1112
- >
1113
- <button
1114
- class="memori-button memori-button--ghost memori-button--rounded memori-button--icon-only memori-chat-textarea--expand-button"
1115
- title="expand"
1116
- >
1117
- <span
1118
- class="memori-button--icon"
1119
- >
1120
- <svg
1121
- aria-hidden="true"
1122
- focusable="false"
1123
- role="img"
1124
- viewBox="0 0 1024 1024"
1125
- xmlns="http://www.w3.org/2000/svg"
1126
- >
1127
- <path
1128
- d="M855 160.1l-189.2 23.5c-6.6.8-9.3 8.8-4.7 13.5l54.7 54.7-153.5 153.5a8.03 8.03 0 0 0 0 11.3l45.1 45.1c3.1 3.1 8.2 3.1 11.3 0l153.6-153.6 54.7 54.7a7.94 7.94 0 0 0 13.5-4.7L863.9 169a7.9 7.9 0 0 0-8.9-8.9zM416.6 562.3a8.03 8.03 0 0 0-11.3 0L251.8 715.9l-54.7-54.7a7.94 7.94 0 0 0-13.5 4.7L160.1 855c-.6 5.2 3.7 9.5 8.9 8.9l189.2-23.5c6.6-.8 9.3-8.8 4.7-13.5l-54.7-54.7 153.6-153.6c3.1-3.1 3.1-8.2 0-11.3l-45.2-45z"
1129
- />
1130
- </svg>
1131
- </span>
1132
- </button>
1133
- </div>
1134
- </div>
1135
- </div>
1136
- <button
1137
- class="memori-button memori-button--circle memori-button--padded memori-button--icon-only memori-chat-inputs--send"
1138
- disabled=""
1139
- title="send"
1140
- >
1141
- <span
1142
- class="memori-button--icon"
1143
- >
1144
- <svg
1145
- aria-hidden="true"
1146
- focusable="false"
1147
- role="img"
1148
- viewBox="0 0 1024 1024"
1149
- xmlns="http://www.w3.org/2000/svg"
1150
- >
1151
- <path
1152
- d="M931.4 498.9L94.9 79.5c-3.4-1.7-7.3-2.1-11-1.2-8.5 2.1-13.8 10.7-11.7 19.3l86.2 352.2c1.3 5.3 5.2 9.6 10.4 11.3l147.7 50.7-147.6 50.7c-5.2 1.8-9.1 6-10.3 11.3L72.2 926.5c-.9 3.7-.5 7.6 1.2 10.9 3.9 7.9 13.5 11.1 21.5 7.2l836.5-417c3.1-1.5 5.6-4.1 7.2-7.1 3.9-8 .7-17.6-7.2-21.6zM170.8 826.3l50.3-205.6 295.2-101.3c2.3-.8 4.2-2.6 5-5 1.4-4.2-.8-8.7-5-10.2L221.1 403 171 198.2l628 314.9-628.2 313.2z"
1153
- />
1154
- </svg>
1155
- </span>
1156
- </button>
1157
- </fieldset>
1158
- </div>
1159
- </div>
1160
- `;
1161
-
1162
3
  exports[`renders Chat unchanged 1`] = `
1163
4
  <div>
1164
5
  <div