@memori.ai/memori-react 8.9.2 → 8.10.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 (27) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
  3. package/dist/components/MemoriWidget/MemoriWidget.js +1 -5
  4. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  5. package/dist/components/layouts/chat.css +1 -0
  6. package/dist/helpers/constants.js +21 -20
  7. package/dist/helpers/constants.js.map +1 -1
  8. package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
  9. package/esm/components/MemoriWidget/MemoriWidget.js +1 -5
  10. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  11. package/esm/components/layouts/chat.css +1 -0
  12. package/esm/helpers/constants.js +21 -20
  13. package/esm/helpers/constants.js.map +1 -1
  14. package/package.json +1 -1
  15. package/src/components/Chat/Chat.stories.tsx +100 -0
  16. package/src/components/ChatInputs/ChatInputs.tsx +0 -1
  17. package/src/components/MediaWidget/MediaItemWidget.tsx +1 -1
  18. package/src/components/MemoriWidget/MemoriWidget.tsx +2 -9
  19. package/src/components/StartPanel/__snapshots__/StartPanel.test.tsx.snap +67 -103
  20. package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +67 -103
  21. package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +134 -206
  22. package/src/components/layouts/__snapshots__/HiddenChat.test.tsx.snap +67 -103
  23. package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +67 -103
  24. package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap +67 -103
  25. package/src/components/layouts/chat.css +1 -0
  26. package/src/helpers/constants.ts +24 -23
  27. package/src/index.stories.tsx +11 -14
package/src/components/layouts/__snapshots__/ZoomedFullBody.test.tsx.snap CHANGED
@@ -276,12 +276,6 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
276
276
  <optgroup
277
277
  label="Popolari"
278
278
  >
279
- <option
280
- aria-label="Italiano"
281
- value="IT"
282
- >
283
- Italiano
284
- </option>
285
279
  <option
286
280
  aria-label="English"
287
281
  value="EN"
@@ -289,44 +283,38 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
289
283
  English
290
284
  </option>
291
285
  <option
292
- aria-label="Deutsch"
293
- value="DE"
294
- >
295
- Deutsch
296
- </option>
297
- <option
298
- aria-label="Español"
299
- value="ES"
286
+ aria-label="Italiano"
287
+ value="IT"
300
288
  >
301
- Español
289
+ Italiano
302
290
  </option>
291
+ </optgroup>
292
+ <optgroup
293
+ label="Tutte le lingue"
294
+ >
303
295
  <option
304
- aria-label="Français"
305
- value="FR"
296
+ aria-label="العربية"
297
+ value="AR"
306
298
  >
307
- Français
299
+ العربية
308
300
  </option>
309
301
  <option
310
- aria-label="Português"
311
- value="PT"
302
+ aria-label="български"
303
+ value="BG"
312
304
  >
313
- Português
305
+ български
314
306
  </option>
315
- </optgroup>
316
- <optgroup
317
- label="Tutte le lingue"
318
- >
319
307
  <option
320
- aria-label="Italiano"
321
- value="IT"
308
+ aria-label="Čeština / český jazyk"
309
+ value="CS"
322
310
  >
323
- Italiano
311
+ Čeština / český jazyk
324
312
  </option>
325
313
  <option
326
- aria-label="English"
327
- value="EN"
314
+ aria-label="Dansk"
315
+ value="DA"
328
316
  >
329
- English
317
+ Dansk
330
318
  </option>
331
319
  <option
332
320
  aria-label="Deutsch"
@@ -335,52 +323,52 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
335
323
  Deutsch
336
324
  </option>
337
325
  <option
338
- aria-label="Español"
339
- value="ES"
326
+ aria-label="Ελληνικά"
327
+ value="EL"
340
328
  >
341
- Español
329
+ Ελληνικά
342
330
  </option>
343
331
  <option
344
- aria-label="Français"
345
- value="FR"
332
+ aria-label="Español"
333
+ value="ES"
346
334
  >
347
- Français
335
+ Español
348
336
  </option>
349
337
  <option
350
- aria-label="Português"
351
- value="PT"
338
+ aria-label="Eesti keel"
339
+ value="ET"
352
340
  >
353
- Português
341
+ Eesti keel
354
342
  </option>
355
343
  <option
356
- aria-label="Nederlands"
357
- value="NL"
344
+ aria-label="Suomi"
345
+ value="FI"
358
346
  >
359
- Nederlands
347
+ Suomi
360
348
  </option>
361
349
  <option
362
- aria-label="Svenska"
363
- value="SV"
350
+ aria-label="Français"
351
+ value="FR"
364
352
  >
365
- Svenska
353
+ Français
366
354
  </option>
367
355
  <option
368
- aria-label="Dansk"
369
- value="DA"
356
+ aria-label="Hrvatski"
357
+ value="HR"
370
358
  >
371
- Dansk
359
+ Hrvatski
372
360
  </option>
373
361
  <option
374
- aria-label="Suomi"
375
- value="FI"
362
+ aria-label="Magyar"
363
+ value="HU"
376
364
  >
377
- Suomi
365
+ Magyar
378
366
  </option>
379
367
  <option
380
- aria-label="Eesti keel"
381
- value="ET"
368
+ aria-label="日本語"
369
+ value="JA"
382
370
  >
383
- Eesti keel
371
+ 日本語
384
372
  </option>
385
373
  <option
386
374
  aria-label="Lietuvių kalba"
@@ -389,34 +377,40 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
389
377
  Lietuvių kalba
390
378
  </option>
391
379
  <option
392
- aria-label="Magyar"
393
- value="HU"
380
+ aria-label="Latvian"
381
+ value="LV"
394
382
  >
395
- Magyar
383
+ Latvian
396
384
  </option>
397
385
  <option
398
- aria-label="Română"
399
- value="RO"
386
+ aria-label="Nederlands"
387
+ value="NL"
400
388
  >
401
- Română
389
+ Nederlands
402
390
  </option>
403
391
  <option
404
- aria-label="български"
405
- value="BG"
392
+ aria-label="Polski"
393
+ value="PL"
406
394
  >
407
- български
395
+ Polski
408
396
  </option>
409
397
  <option
410
- aria-label="Hrvatski"
411
- value="HR"
398
+ aria-label="Português"
399
+ value="PT"
412
400
  >
413
- Hrvatski
401
+ Português
414
402
  </option>
415
403
  <option
416
- aria-label="Čeština / český jazyk"
417
- value="CS"
404
+ aria-label="Română"
405
+ value="RO"
418
406
  >
419
- Čeština / český jazyk
407
+ Română
408
+ </option>
409
+ <option
410
+ aria-label="Русский"
411
+ value="RU"
412
+ >
413
+ Русский
420
414
  </option>
421
415
  <option
422
416
  aria-label="Slovenčina"
@@ -431,10 +425,10 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
431
425
  Slovenščina
432
426
  </option>
433
427
  <option
434
- aria-label="Latvian"
435
- value="LV"
428
+ aria-label="Svenska"
429
+ value="SV"
436
430
  >
437
- Latvian
431
+ Svenska
438
432
  </option>
439
433
  <option
440
434
  aria-label="Українська"
@@ -442,42 +436,12 @@ exports[`renders ZOOMED_FULL_BODY layout unchanged 1`] = `
442
436
  >
443
437
  Українська
444
438
  </option>
445
- <option
446
- aria-label="Русский"
447
- value="RU"
448
- >
449
- Русский
450
- </option>
451
- <option
452
- aria-label="Polski"
453
- value="PL"
454
- >
455
- Polski
456
- </option>
457
- <option
458
- aria-label="Ελληνικά"
459
- value="EL"
460
- >
461
- Ελληνικά
462
- </option>
463
- <option
464
- aria-label="العربية"
465
- value="AR"
466
- >
467
- العربية
468
- </option>
469
439
  <option
470
440
  aria-label="中文"
471
441
  value="ZH"
472
442
  >
473
443
  中文
474
444
  </option>
475
- <option
476
- aria-label="日本語"
477
- value="JA"
478
- >
479
- 日本語
480
- </option>
481
445
  </optgroup>
482
446
  </select>
483
447
  </div>
package/src/components/layouts/chat.css CHANGED
@@ -13,6 +13,7 @@
13
13
  }
14
14
 
15
15
  .memori-chat-layout--header {
16
+ margin-bottom: 12px;
16
17
  text-align: right;
17
18
  transition: all 0.05s ease-in-out;
18
19
  }
package/src/helpers/constants.ts CHANGED
@@ -1,42 +1,43 @@
1
1
  export const chatLanguages = [
2
- { value: 'IT', label: 'Italiano' },
3
- { value: 'EN', label: 'English' },
4
- { value: 'DE', label: 'Deutsch' },
5
- { value: 'ES', label: 'Español' },
6
- { value: 'FR', label: 'Français' },
7
- { value: 'PT', label: 'Português' },
8
- { value: 'NL', label: 'Nederlands' }, // Dutch
9
- { value: 'SV', label: 'Svenska' }, // Swedish
2
+ { value: 'AR', label: 'العربية' }, // Arabic
3
+ { value: 'BG', label: 'български' }, // Bulgarian
4
+ { value: 'CS', label: 'Čeština / český jazyk' }, // Czech
10
5
  { value: 'DA', label: 'Dansk' }, // Danish
11
- { value: 'FI', label: 'Suomi' }, // Finnish
6
+ { value: 'DE', label: 'Deutsch' }, // German
7
+ { value: 'EL', label: 'Ελληνικά' }, // Greek
8
+ { value: 'EN', label: 'English' }, // English
9
+ { value: 'ES', label: 'Español' }, // Spanish
12
10
  { value: 'ET', label: 'Eesti keel' }, // Estonian
13
- { value: 'LT', label: 'Lietuvių kalba' }, // Lithuanian
11
+ { value: 'FI', label: 'Suomi' }, // Finnish
12
+ { value: 'FR', label: 'Français' }, // French
13
+ { value: 'HR', label: 'Hrvatski' }, // Croatian
14
14
  { value: 'HU', label: 'Magyar' }, // Hungarian
15
+ { value: 'IT', label: 'Italiano' }, // Italian
16
+ { value: 'JA', label: '日本語' }, // Japanese
17
+ { value: 'LT', label: 'Lietuvių kalba' }, // Lithuanian
18
+ { value: 'LV', label: 'Latvian' }, // Latvian / Lettonian
19
+ { value: 'NL', label: 'Nederlands' }, // Dutch
20
+ { value: 'PL', label: 'Polski' }, // Polish
21
+ { value: 'PT', label: 'Português' }, // Portuguese
15
22
  { value: 'RO', label: 'Română' }, // Romanian
16
- { value: 'BG', label: 'български' }, // Bulgarian
17
- { value: 'HR', label: 'Hrvatski' }, // Croatian
18
- { value: 'CS', label: 'Čeština / český jazyk' }, // Czech
23
+ { value: 'RU', label: 'Русский' }, // Russian
19
24
  { value: 'SK', label: 'Slovenčina' }, // Slovak
20
25
  { value: 'SL', label: 'Slovenščina' }, // Slovenian
21
- { value: 'LV', label: 'Latvian' }, // Lettonian
26
+ { value: 'SV', label: 'Svenska' }, // Swedish
22
27
  { value: 'UK', label: 'Українська' }, // Ukrainian
23
- { value: 'RU', label: 'Русский' }, // Russian
24
- { value: 'PL', label: 'Polski' },
25
- { value: 'EL', label: 'Ελληνικά' },
26
- { value: 'AR', label: 'العربية' },
27
- { value: 'ZH', label: '中文' },
28
- { value: 'JA', label: '日本語' },
28
+ { value: 'ZH', label: '中文' }, // Chinese
29
29
  ];
30
30
 
31
- export const popularLanguageCodes = ['IT', 'EN', 'FR', 'DE', 'ES', 'PT'];
31
+ export const popularLanguageCodes = ['IT', 'EN'];
32
32
 
33
33
  export const getGroupedChatLanguages = () => {
34
34
  const popular = chatLanguages.filter(lang =>
35
35
  popularLanguageCodes.includes(lang.value)
36
36
  );
37
- return {
37
+ const all = chatLanguages.filter(lang => !popularLanguageCodes.includes(lang.value));
38
+ return {
38
39
  popular,
39
- all: chatLanguages,
40
+ all,
40
41
  };
41
42
  };
42
43
 
package/src/index.stories.tsx CHANGED
@@ -413,18 +413,15 @@ WithCustomUserAvatar.args = {
413
413
  export const Test = Template.bind({});
414
414
  Test.args = {
415
415
  memoriName: "test23",
416
- ownerUserName: "Andrea-Patini",
417
- memoriID: "bb672b4a-712a-4298-b440-61bfe5d67489",
418
- ownerUserID: "91dbc9ba-b684-4fbe-9828-b5980af6cda9",
419
- tenantID: "aisuru-staging.aclambda.online",
420
- apiURL: "https://backend-staging.memori.ai/api/v2",
421
- engineURL: "https://engine-staging.memori.ai/memori/v2",
422
- baseURL: "https://aisuru-staging.aclambda.online",
423
- uiLang: "it",
424
- spokenLang: "IT",
425
- layout: "FULLPAGE",
426
- multilingual: "false",
427
- showSettings: "true",
428
- showShare: "true",
429
- integrationID: "59c6f519-d02a-46e1-9bfb-ef8cf1203ebf",
416
+ ownerUserName:"Andrea-Patini",
417
+ memoriID:"bb672b4a-712a-4298-b440-61bfe5d67489",
418
+ ownerUserID:"91dbc9ba-b684-4fbe-9828-b5980af6cda9",
419
+ tenantID:"aisuru-staging.aclambda.online",
420
+ engineURL:"https://engine-staging.memori.ai/memori/v2",
421
+ apiURL:"https://backend-staging.memori.ai/api/v2",
422
+ baseURL:"https://aisuru-staging.aclambda.online",
423
+ layout:"FULLPAGE",
424
+ uiLang:"IT",
425
+ spokenLang:"IT",
426
+ integrationID:"4ba083d5-c8e3-49c5-ae02-4e498484e1a4",
430
427
  };