@memori.ai/memori-react 2.0.8 → 2.0.9

package/src/components/SettingsDrawer/SettingsDrawer.tsx

@@ -15,8 +15,10 @@ export interface Props {
   continuousSpeechTimeout?: number;
   setContinuousSpeech: (value: boolean) => void;
   setContinuousSpeechTimeout: (value: number) => void;
-  controlsPosition?: 'center' | 'bottom' | 'hidden';
-  setControlsPosition: (value: 'center' | 'bottom' | 'hidden') => void;
+  controlsPosition?: 'center' | 'bottom';
+  setControlsPosition: (value: 'center' | 'bottom') => void;
+  hideEmissions?: boolean;
+  setHideEmissions: (value: boolean) => void;
 }
 
 const silenceSeconds = [2, 3, 5, 10, 15, 20, 30, 60];
@@ -31,6 +33,8 @@ const SettingsDrawer = ({
   setContinuousSpeechTimeout,
   controlsPosition,
   setControlsPosition,
+  hideEmissions,
+  setHideEmissions,
 }: Props) => {
   const { t } = useTranslation();
 
@@ -45,15 +49,11 @@ const SettingsDrawer = ({
       <div className="memori-settings-drawer--field">
         <Checkbox
           label={t('write_and_speak.continuousSpeechLabel')}
+          name="continuousSpeech"
           checked={continuousSpeech}
           onChange={e => {
             setContinuousSpeech(e.target.checked);
             setLocalConfig('continuousSpeech', e.target.checked);
-
-            if (!e.target.checked && controlsPosition === 'hidden') {
-              setControlsPosition('bottom');
-              setLocalConfig('controlsPosition', 'bottom');
-            }
           }}
         />
       </div>
@@ -72,49 +72,54 @@ const SettingsDrawer = ({
       </div>
 
       {layout === 'TOTEM' && (
-        <div className="memori-settings-drawer--field controls">
-          <label htmlFor="#controlsPosition">
-            {t('write_and_speak.controlsPosition') || 'Controls'}:
-          </label>
-          <RadioGroup
-            id="controlsPosition"
-            name="controlsPosition"
-            value={controlsPosition}
-            defaultValue={controlsPosition}
-            className="memori-settings-drawer--controlsposition-radio"
-            onChange={value => {
-              setControlsPosition(value);
-              setLocalConfig('controlsPosition', value);
-            }}
-          >
-            <RadioGroup.Option
-              value="center"
-              className="memori-settings-drawer--controlsposition-radio-button"
-            >
-              {({ checked }) => (
-                <Button primary={checked}>{t('center') || 'Center'}</Button>
-              )}
-            </RadioGroup.Option>
-            <RadioGroup.Option
-              value="bottom"
-              className="memori-settings-drawer--controlsposition-radio-button"
+        <>
+          <div className="memori-settings-drawer--field controls">
+            <label htmlFor="#controlsPosition">
+              {t('write_and_speak.controlsPosition') || 'Controls'}:
+            </label>
+            <RadioGroup
+              id="controlsPosition"
+              name="controlsPosition"
+              value={controlsPosition}
+              defaultValue={controlsPosition}
+              className="memori-settings-drawer--controlsposition-radio"
+              onChange={value => {
+                setControlsPosition(value);
+                setLocalConfig('controlsPosition', value);
+              }}
             >
-              {({ checked }) => (
-                <Button primary={checked}>{t('bottom') || 'Bottom'}</Button>
-              )}
-            </RadioGroup.Option>
-            {!!continuousSpeech && (
               <RadioGroup.Option
-                value="hidden"
+                value="center"
+                className="memori-settings-drawer--controlsposition-radio-button"
+              >
+                {({ checked }) => (
+                  <Button primary={checked}>{t('center') || 'Center'}</Button>
+                )}
+              </RadioGroup.Option>
+              <RadioGroup.Option
+                value="bottom"
                 className="memori-settings-drawer--controlsposition-radio-button"
               >
                 {({ checked }) => (
-                  <Button primary={checked}>{t('hidden') || 'Hidden'}</Button>
+                  <Button primary={checked}>{t('bottom') || 'Bottom'}</Button>
                 )}
               </RadioGroup.Option>
-            )}
-          </RadioGroup>
-        </div>
+            </RadioGroup>
+          </div>
+          {!!continuousSpeech && (
+            <div className="memori-settings-drawer--field">
+              <Checkbox
+                label={t('write_and_speak.hideEmissionsLabel')}
+                name="hideControls"
+                checked={hideEmissions}
+                onChange={e => {
+                  setHideEmissions(e.target.checked);
+                  setLocalConfig('hideEmissions', e.target.checked);
+                }}
+              />
+            </div>
+          )}
+        </>
       )}
     </Drawer>
   );

package/src/components/SettingsDrawer/__snapshots__/SettingsDrawer.test.tsx.snap

@@ -8,6 +8,22 @@ exports[`renders SettingsDrawer for totem layout open unchanged 1`] = `
 </div>
 `;
 
+exports[`renders SettingsDrawer for totem layout open with controls at center unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders SettingsDrawer for totem layout with continuous speech and hide emissions unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
 exports[`renders SettingsDrawer open unchanged 1`] = `
 <div>
   <div
@@ -16,4 +32,20 @@ exports[`renders SettingsDrawer open unchanged 1`] = `
 </div>
 `;
 
+exports[`renders SettingsDrawer open with continuous speech enabled unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders SettingsDrawer open with non-default continuous speech timeout unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
 exports[`renders SettingsDrawer unchanged 1`] = `<div />`;

package/src/components/layouts/totem.css

@@ -113,15 +113,14 @@
     background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(200, 200, 200, 0.8));
 }
 
-.memori-widget.memori-controls-hidden .memori-totem-layout--controls,
 .memori-widget.memori-controls-center .memori-totem-layout--controls {
     position: absolute;
     top: 40%;
     width: 100%;
 }
 
-.memori-widget.memori-layout-totem.memori-controls-hidden .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
-.memori-widget.memori-layout-totem.memori-controls-hidden.memori--with-speechkey .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
+.memori-widget.memori-layout-totem.memori--hide-emissions .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user),
+.memori-widget.memori-layout-totem.memori--hide-emissions.memori--with-speechkey .memori-totem-layout--controls .memori-chat--bubble-container:not(.memori-chat--bubble-from-user) {
     display: none;
 }
 

package/src/helpers/configuration.ts

@@ -5,6 +5,7 @@ export const keys: { [key: string]: string } = {
   sendOnEnter: '@memori:sendOnEnter',
   birthDate: '@memori:birthDate',
   controlsPosition: '@memori:controlsPosition',
+  hideEmissions: '@memori:hideEmissions',
 };
 
 export const getLocalConfig = <Type>(key: string, defaultValue: Type): Type => {

package/src/locales/en.json

@@ -70,6 +70,7 @@
     "conversationStartedLabel": "Conversation started on",
     "settingsHeaderLabel": "Setup here if you want to set the memori as continuous speech, and change the silence seconds if you want to customize them.",
     "continuousSpeechLabel": "Continuous speech",
+    "hideEmissionsLabel": "Hide text emitted by the Twin",
     "secondsLabel": "Set seconds",
     "controlsPosition": "Controls position",
     "tryMeHeaderLabel": "TRY",

package/src/locales/it.json

@@ -70,6 +70,7 @@
     "conversationStartedLabel": "Conversazione avvenuta il",
     "settingsHeaderLabel": "Configura qui il memori se vuoi impostare una conversazione continua. Setta i secondi di silenzio prima dell'invio.",
     "continuousSpeechLabel": "Conversazione continua",
+    "hideEmissionsLabel": "Nascondi testo emesso dal Twin",
     "secondsLabel": "Secondi",
     "controlsPosition": "Posizione dei controlli",
     "tryMeHeaderLabel": "PROVA",