@memori.ai/memori-react 2.1.0 → 2.2.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 (106) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/components/Chat/Chat.d.ts +1 -0
  3. package/dist/components/Chat/Chat.js +2 -2
  4. package/dist/components/Chat/Chat.js.map +1 -1
  5. package/dist/components/ChatBubble/ChatBubble.js +1 -1
  6. package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
  7. package/dist/components/ChatInputs/ChatInputs.css +1 -41
  8. package/dist/components/ChatInputs/ChatInputs.d.ts +1 -0
  9. package/dist/components/ChatInputs/ChatInputs.js +9 -3
  10. package/dist/components/ChatInputs/ChatInputs.js.map +1 -1
  11. package/dist/components/FeedbackButtons/FeedbackButtons.js +1 -1
  12. package/dist/components/FeedbackButtons/FeedbackButtons.js.map +1 -1
  13. package/dist/components/MemoriWidget/MemoriWidget.js +23 -13
  14. package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
  15. package/dist/components/MicrophoneButton/MicrophoneButton.css +101 -0
  16. package/dist/components/MicrophoneButton/MicrophoneButton.d.ts +9 -0
  17. package/dist/components/MicrophoneButton/MicrophoneButton.js +46 -0
  18. package/dist/components/MicrophoneButton/MicrophoneButton.js.map +1 -0
  19. package/dist/components/SettingsDrawer/SettingsDrawer.d.ts +3 -3
  20. package/dist/components/SettingsDrawer/SettingsDrawer.js +8 -6
  21. package/dist/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  22. package/dist/components/SettingsDrawer/SettingsDrawer.test.js +7 -7
  23. package/dist/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -1
  24. package/dist/components/StartPanel/StartPanel.js +1 -1
  25. package/dist/components/StartPanel/StartPanel.js.map +1 -1
  26. package/dist/components/ui/Button.d.ts +5 -1
  27. package/dist/components/ui/Button.js +1 -1
  28. package/dist/components/ui/Button.js.map +1 -1
  29. package/dist/components/ui/Tooltip.css +33 -2
  30. package/dist/components/ui/Tooltip.d.ts +2 -1
  31. package/dist/components/ui/Tooltip.js +1 -2
  32. package/dist/components/ui/Tooltip.js.map +1 -1
  33. package/dist/components/ui/Tooltip.test.js +16 -0
  34. package/dist/components/ui/Tooltip.test.js.map +1 -1
  35. package/dist/helpers/configuration.js +1 -1
  36. package/dist/helpers/configuration.js.map +1 -1
  37. package/dist/locales/en.json +4 -0
  38. package/dist/locales/it.json +4 -0
  39. package/dist/styles.css +3 -2
  40. package/esm/components/Chat/Chat.d.ts +1 -0
  41. package/esm/components/Chat/Chat.js +2 -2
  42. package/esm/components/Chat/Chat.js.map +1 -1
  43. package/esm/components/ChatBubble/ChatBubble.js +1 -1
  44. package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  45. package/esm/components/ChatInputs/ChatInputs.css +1 -41
  46. package/esm/components/ChatInputs/ChatInputs.d.ts +1 -0
  47. package/esm/components/ChatInputs/ChatInputs.js +9 -3
  48. package/esm/components/ChatInputs/ChatInputs.js.map +1 -1
  49. package/esm/components/FeedbackButtons/FeedbackButtons.js +1 -1
  50. package/esm/components/FeedbackButtons/FeedbackButtons.js.map +1 -1
  51. package/esm/components/MemoriWidget/MemoriWidget.js +23 -13
  52. package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
  53. package/esm/components/MicrophoneButton/MicrophoneButton.css +101 -0
  54. package/esm/components/MicrophoneButton/MicrophoneButton.d.ts +9 -0
  55. package/esm/components/MicrophoneButton/MicrophoneButton.js +43 -0
  56. package/esm/components/MicrophoneButton/MicrophoneButton.js.map +1 -0
  57. package/esm/components/SettingsDrawer/SettingsDrawer.d.ts +3 -3
  58. package/esm/components/SettingsDrawer/SettingsDrawer.js +9 -7
  59. package/esm/components/SettingsDrawer/SettingsDrawer.js.map +1 -1
  60. package/esm/components/SettingsDrawer/SettingsDrawer.test.js +7 -7
  61. package/esm/components/SettingsDrawer/SettingsDrawer.test.js.map +1 -1
  62. package/esm/components/StartPanel/StartPanel.js +1 -1
  63. package/esm/components/StartPanel/StartPanel.js.map +1 -1
  64. package/esm/components/ui/Button.d.ts +5 -1
  65. package/esm/components/ui/Button.js +1 -1
  66. package/esm/components/ui/Button.js.map +1 -1
  67. package/esm/components/ui/Tooltip.css +33 -2
  68. package/esm/components/ui/Tooltip.d.ts +2 -1
  69. package/esm/components/ui/Tooltip.js +1 -2
  70. package/esm/components/ui/Tooltip.js.map +1 -1
  71. package/esm/components/ui/Tooltip.test.js +16 -0
  72. package/esm/components/ui/Tooltip.test.js.map +1 -1
  73. package/esm/helpers/configuration.js +1 -1
  74. package/esm/helpers/configuration.js.map +1 -1
  75. package/esm/locales/en.json +4 -0
  76. package/esm/locales/it.json +4 -0
  77. package/esm/styles.css +3 -2
  78. package/package.json +1 -1
  79. package/src/components/BlockedMemoriBadge/__snapshots__/BlockedMemoriBadge.test.tsx.snap +4 -4
  80. package/src/components/Chat/Chat.tsx +3 -0
  81. package/src/components/ChatBubble/ChatBubble.tsx +1 -1
  82. package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +1 -1
  83. package/src/components/ChatInputs/ChatInputs.css +1 -41
  84. package/src/components/ChatInputs/ChatInputs.stories.tsx +50 -3
  85. package/src/components/ChatInputs/ChatInputs.tsx +20 -3
  86. package/src/components/ChatInputs/__snapshots__/ChatInputs.test.tsx.snap +160 -85
  87. package/src/components/FeedbackButtons/FeedbackButtons.tsx +1 -1
  88. package/src/components/Header/Header.stories.tsx +3 -0
  89. package/src/components/MemoriWidget/MemoriWidget.tsx +29 -12
  90. package/src/components/MicrophoneButton/MicrophoneButton.css +101 -0
  91. package/src/components/MicrophoneButton/MicrophoneButton.stories.tsx +49 -0
  92. package/src/components/MicrophoneButton/MicrophoneButton.tsx +95 -0
  93. package/src/components/SettingsDrawer/SettingsDrawer.stories.tsx +6 -4
  94. package/src/components/SettingsDrawer/SettingsDrawer.test.tsx +14 -14
  95. package/src/components/SettingsDrawer/SettingsDrawer.tsx +57 -25
  96. package/src/components/StartPanel/StartPanel.tsx +3 -3
  97. package/src/components/ui/Button.tsx +21 -1
  98. package/src/components/ui/Tooltip.css +33 -2
  99. package/src/components/ui/Tooltip.stories.tsx +40 -3
  100. package/src/components/ui/Tooltip.test.tsx +52 -0
  101. package/src/components/ui/Tooltip.tsx +12 -7
  102. package/src/components/ui/__snapshots__/Tooltip.test.tsx.snap +80 -4
  103. package/src/helpers/configuration.ts +1 -1
  104. package/src/locales/en.json +4 -0
  105. package/src/locales/it.json +4 -0
  106. package/src/styles.css +3 -2
@@ -1,9 +1,85 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
+ exports[`renders Tooltip aligned left unchanged 1`] = `
4
+ <div>
5
+ <div
6
+ class="memori-tooltip memori-tooltip--align-left memori-tooltip--visible"
7
+ >
8
+ <div
9
+ class="memori-tooltip--content"
10
+ >
11
+ Here is some tooltip content by default as I am controlled
12
+ </div>
13
+ <div
14
+ class="memori-tooltip--trigger"
15
+ >
16
+ Hover me
17
+ </div>
18
+ </div>
19
+ </div>
20
+ `;
21
+
22
+ exports[`renders Tooltip aligned right unchanged 1`] = `
23
+ <div>
24
+ <div
25
+ class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible"
26
+ >
27
+ <div
28
+ class="memori-tooltip--content"
29
+ >
30
+ Here is some tooltip content by default as I am controlled
31
+ </div>
32
+ <div
33
+ class="memori-tooltip--trigger"
34
+ >
35
+ Hover me
36
+ </div>
37
+ </div>
38
+ </div>
39
+ `;
40
+
41
+ exports[`renders Tooltip aligned top left unchanged 1`] = `
42
+ <div>
43
+ <div
44
+ class="memori-tooltip memori-tooltip--align-topLeft memori-tooltip--visible"
45
+ >
46
+ <div
47
+ class="memori-tooltip--content"
48
+ >
49
+ Here is some tooltip content by default as I am controlled
50
+ </div>
51
+ <div
52
+ class="memori-tooltip--trigger"
53
+ >
54
+ Hover me
55
+ </div>
56
+ </div>
57
+ </div>
58
+ `;
59
+
60
+ exports[`renders Tooltip aligned top right unchanged 1`] = `
61
+ <div>
62
+ <div
63
+ class="memori-tooltip memori-tooltip--align-topRight memori-tooltip--visible"
64
+ >
65
+ <div
66
+ class="memori-tooltip--content"
67
+ >
68
+ Here is some tooltip content by default as I am controlled
69
+ </div>
70
+ <div
71
+ class="memori-tooltip--trigger"
72
+ >
73
+ Hover me
74
+ </div>
75
+ </div>
76
+ </div>
77
+ `;
78
+
3
79
  exports[`renders Tooltip disabled unchanged 1`] = `
4
80
  <div>
5
81
  <div
6
- class="memori-tooltip memori-tooltip--disabled"
82
+ class="memori-tooltip memori-tooltip--align-right memori-tooltip--disabled"
7
83
  >
8
84
  <div
9
85
  class="memori-tooltip--content"
@@ -22,7 +98,7 @@ exports[`renders Tooltip disabled unchanged 1`] = `
22
98
  exports[`renders Tooltip unchanged 1`] = `
23
99
  <div>
24
100
  <div
25
- class="memori-tooltip"
101
+ class="memori-tooltip memori-tooltip--align-right"
26
102
  >
27
103
  <div
28
104
  class="memori-tooltip--content"
@@ -41,7 +117,7 @@ exports[`renders Tooltip unchanged 1`] = `
41
117
  exports[`renders Tooltip visible unchanged 1`] = `
42
118
  <div>
43
119
  <div
44
- class="memori-tooltip memori-tooltip--visible"
120
+ class="memori-tooltip memori-tooltip--align-right memori-tooltip--visible"
45
121
  >
46
122
  <div
47
123
  class="memori-tooltip--content"
@@ -60,7 +136,7 @@ exports[`renders Tooltip visible unchanged 1`] = `
60
136
  exports[`renders Tooltip with jsx content unchanged 1`] = `
61
137
  <div>
62
138
  <div
63
- class="memori-tooltip"
139
+ class="memori-tooltip memori-tooltip--align-right"
64
140
  >
65
141
  <div
66
142
  class="memori-tooltip--content"
@@ -1,6 +1,6 @@
1
1
  export const keys: { [key: string]: string } = {
2
2
  muteSpeaker: '@memori:muteSpeaker',
3
- continuousSpeech: '@memori:continuousSpeech',
3
+ microphoneMode: '@memori:microphoneMode',
4
4
  continuousSpeechTimeout: '@memori:continuousSpeechTimeout',
5
5
  sendOnEnter: '@memori:sendOnEnter',
6
6
  birthDate: '@memori:birthDate',
@@ -70,6 +70,10 @@
70
70
  "conversationStartedLabel": "Conversation started on",
71
71
  "settingsHeaderLabel": "Setup here if you want to set the memori as continuous speech, and change the silence seconds if you want to customize them.",
72
72
  "continuousSpeechLabel": "Continuous speech",
73
+ "holdToSpeak": "Hold to speak",
74
+ "releaseToEndListening": "Release to end listening",
75
+ "pressAndHoldToSpeak": "Press and hold to speak",
76
+ "microphoneMode": "Microphone mode",
73
77
  "hideEmissionsLabel": "Hide text emitted by the Twin",
74
78
  "secondsLabel": "Set seconds",
75
79
  "controlsPosition": "Controls position",
@@ -70,6 +70,10 @@
70
70
  "conversationStartedLabel": "Conversazione avvenuta il",
71
71
  "settingsHeaderLabel": "Configura qui il memori se vuoi impostare una conversazione continua. Setta i secondi di silenzio prima dell'invio.",
72
72
  "continuousSpeechLabel": "Conversazione continua",
73
+ "holdToSpeak": "Tieni premuto per parlare",
74
+ "releaseToEndListening": "Rilascia per smettere di parlare",
75
+ "pressAndHoldToSpeak": "Premi e tieni premuto per parlare",
76
+ "microphoneMode": "Modalità microfono",
73
77
  "hideEmissionsLabel": "Nascondi testo emesso dal Twin",
74
78
  "secondsLabel": "Secondi",
75
79
  "controlsPosition": "Posizione dei controlli",
package/src/styles.css CHANGED
@@ -17,6 +17,7 @@
17
17
  @import url('./components/Chat/Chat.css');
18
18
  @import url('./components/ChatBubble/ChatBubble.css');
19
19
  @import url('./components/ChatInputs/ChatInputs.css');
20
+ @import url('./components/MicrophoneButton/MicrophoneButton.css');
20
21
  @import url('./components/ChatTextArea/ChatTextArea.css');
21
22
  @import url('./components/CustomGLBModelViewer/ModelViewer.css');
22
23
  @import url('./components/SettingsDrawer/SettingsDrawer.css');
@@ -55,7 +56,7 @@
55
56
 
56
57
  memori-client,
57
58
  memori-client #root,
58
- memori-client + #headlessui-portal-root,
59
+ memori-client+#headlessui-portal-root,
59
60
  body.sb-show-main #root,
60
61
  body.sb-show-main #headlessui-portal-root,
61
62
  #storybook-root,
@@ -83,4 +84,4 @@ body.sb-show-main #headlessui-portal-root,
83
84
  --memori-modal--width: 100%;
84
85
  --memori-modal--width--md: 80%;
85
86
  --memori-error-color: #ff4d4f;
86
- }
87
+ }