@memori.ai/memori-react 8.45.2 → 8.45.4

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

@@ -1,55 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders PoweredBy unchanged 1`] = `
-<div>
-  <div
-    class="memori--powered-by"
-  >
-    <img
-      alt=""
-      src="https://aisuru.com/images/aisuru/logo.png"
-    />
-    <p>
-      <span
-        class="sr-only"
-      >
-        Powered by
-      </span>
-      <a
-        href="https://memori.ai/en"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        Memori.AI
-      </a>
-    </p>
-  </div>
-</div>
-`;
-
-exports[`renders PoweredBy with data unchanged 1`] = `
-<div>
-  <div
-    class="memori--powered-by"
-  >
-    <img
-      alt=""
-      src="https://aisuru.com/images/aisuru/logo.png"
-    />
-    <p>
-      <span
-        class="sr-only"
-      >
-        Powered by
-      </span>
-      <a
-        href="https://memori.ai/en?integrationID=abc&memori=tenant-owner-memori"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        Memori.AI
-      </a>
-    </p>
-  </div>
-</div>
-`;

package/src/components/SendOnEnterMenu/SendOnEnterMenu.css

@@ -1,47 +0,0 @@
-.memori-send-on-enter-menu {
-    position: relative;
-    display: inline-block;
-}
-
-.memori--conversation-button {
-    cursor: pointer;
-}
-
-.memori-menu--overlay {
-    position: absolute;
-    top: 100%;
-    right: 0;
-    left: auto;
-    display: flex;
-    min-width: 12rem;
-    flex-direction: column;
-    padding: 0.5rem 0;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 0.375rem;
-    margin: 0;
-    margin-top: 0.5rem;
-    background-color: #fff;
-    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
-    color: #000;
-    list-style: none;
-    outline: none;
-    transform-origin: top right;
-}
-
-.memori-menu--option {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.memori-menu--button {
-    width: 100%;
-    justify-content: flex-start;
-    color: inherit;
-    text-align: left;
-    text-decoration: none;
-}
-
-.memori-menu--icon {
-    width: 1em;
-}

package/src/components/SendOnEnterMenu/SendOnEnterMenu.stories.tsx

@@ -1,58 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import I18nWrapper from '../../I18nWrapper';
-import SendOnEnterMenu, { Props } from './SendOnEnterMenu';
-
-import './SendOnEnterMenu.css';
-
-const meta: Meta = {
-  title: 'Widget/Send On Enter Menu',
-  component: SendOnEnterMenu,
-  argTypes: {
-    sendOnEnter: {
-      control: {
-        type: 'select',
-        options: ['keypress', 'click'],
-      },
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<Props> = args => {
-  const [sendOnEnter, setSendOnEnter] = React.useState(args.sendOnEnter);
-
-  return (
-    <I18nWrapper>
-      <div
-        style={{
-          minHeight: '200px',
-          display: 'flex',
-          alignItems: 'flex-end',
-        }}
-      >
-        <SendOnEnterMenu
-          {...args}
-          sendOnEnter={sendOnEnter}
-          setSendOnEnter={setSendOnEnter}
-        />
-      </div>
-    </I18nWrapper>
-  );
-};
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Click = Template.bind({});
-Click.args = {
-  sendOnEnter: 'click',
-};
-
-export const Keypress = Template.bind({});
-Keypress.args = {
-  sendOnEnter: 'keypress',
-};

package/src/components/SendOnEnterMenu/SendOnEnterMenu.test.tsx

@@ -1,17 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import SendOnEnterMenu from './SendOnEnterMenu';
-
-it('renders SendOnEnterMenu on click unchanged', () => {
-  const { container } = render(
-    <SendOnEnterMenu sendOnEnter="click" setSendOnEnter={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SendOnEnterMenu on keypress unchanged', () => {
-  const { container } = render(
-    <SendOnEnterMenu sendOnEnter="keypress" setSendOnEnter={jest.fn()} />
-  );
-  expect(container).toMatchSnapshot();
-});

package/src/components/SendOnEnterMenu/SendOnEnterMenu.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import { Menu, RadioGroup } from '@headlessui/react';
-import cx from 'classnames';
-import { useTranslation } from 'react-i18next';
-import Button from '../ui/Button';
-
-export interface Props {
-  sendOnEnter: 'keypress' | 'click';
-  setSendOnEnter: (value: 'keypress' | 'click') => void;
-}
-
-const SendOnEnterMenu: React.FC<Props> = ({ sendOnEnter, setSendOnEnter }) => {
-  const { t } = useTranslation();
-
-  return (
-    <Menu as="div" className="memori-send-on-enter-menu">
-      <Menu.Button
-        className={cx(
-          'memori-button',
-          'memori-button--circle',
-          'memori-button--icon-only',
-          'memori-share-button--button',
-          'memori--conversation-button'
-        )}
-      >
-        <div className="memori-button--icon">
-          <span
-            style={{
-              display: 'block',
-              width: '1rem',
-              height: '1rem',
-            }}
-          >
-            …
-          </span>
-        </div>
-      </Menu.Button>
-      <Menu.Items className="memori-menu--overlay">
-        <RadioGroup value={sendOnEnter} onChange={setSendOnEnter}>
-          <RadioGroup.Option value="keypress" className="memori-menu--option">
-            {({ checked }) => (
-              <Menu.Item>
-                <Button
-                  className="memori-menu--button"
-                  ghost
-                  outlined={checked}
-                  icon={
-                    <span className="memori-menu--icon">
-                      {checked ? '✓' : ''}
-                    </span>
-                  }
-                >
-                  {t('widget.sendOnKeypress')}
-                </Button>
-              </Menu.Item>
-            )}
-          </RadioGroup.Option>
-          <RadioGroup.Option value="click" className="memori-menu--option">
-            {({ checked }) => (
-              <Menu.Item>
-                <Button
-                  className="memori-menu--button"
-                  ghost
-                  outlined={checked}
-                  icon={
-                    <span className="memori-menu--icon">
-                      {checked ? '✓' : ''}
-                    </span>
-                  }
-                >
-                  {t('widget.sendOnClick')}
-                </Button>
-              </Menu.Item>
-            )}
-          </RadioGroup.Option>
-        </RadioGroup>
-      </Menu.Items>
-    </Menu>
-  );
-};
-
-export default SendOnEnterMenu;

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

@@ -1,57 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`renders SendOnEnterMenu on click unchanged 1`] = `
-<div>
-  <div
-    class="memori-send-on-enter-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      id="headlessui-menu-button-:r0:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <span
-          style="display: block; width: 1rem; height: 1rem;"
-        >
-          …
-        </span>
-      </div>
-    </button>
-  </div>
-</div>
-`;
-
-exports[`renders SendOnEnterMenu on keypress unchanged 1`] = `
-<div>
-  <div
-    class="memori-send-on-enter-menu"
-    data-headlessui-state=""
-  >
-    <button
-      aria-expanded="false"
-      aria-haspopup="true"
-      class="memori-button memori-button--circle memori-button--icon-only memori-share-button--button memori--conversation-button"
-      data-headlessui-state=""
-      id="headlessui-menu-button-:r2:"
-      type="button"
-    >
-      <div
-        class="memori-button--icon"
-      >
-        <span
-          style="display: block; width: 1rem; height: 1rem;"
-        >
-          …
-        </span>
-      </div>
-    </button>
-  </div>
-</div>
-`;

package/src/components/SettingsDrawer/SettingsDrawer.css

@@ -1,24 +0,0 @@
-.memori-settings-drawer .memori-settings-drawer--field {
-    display: flex;
-    flex-direction: column;
-    margin: 0.5rem 0;
-}
-
-.memori-settings-drawer .memori-settings-drawer--field .memori-select--value {
-    color: #000;
-}
-
-.memori-settings-drawer--controlsposition-radio,
-.memori-settings-drawer--avatarType-radio,
-.memori-settings-drawer--microphoneMode-radio {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    margin: 0.5rem 0;
-    gap: 0.2rem;
-}
-
-.memori-settings-drawer--microphoneMode-radio-button-disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-}

package/src/components/SettingsDrawer/SettingsDrawer.stories.tsx

@@ -1,94 +0,0 @@
-import React from 'react';
-import { Meta, Story } from '@storybook/react';
-import I18nWrapper from '../../I18nWrapper';
-import SettingsDrawer, { Props } from './SettingsDrawer';
-import './SettingsDrawer.css';
-
-const meta: Meta = {
-  title: 'Widget/SettingsDrawer',
-  component: SettingsDrawer,
-  argTypes: {
-    open: {
-      control: {
-        type: 'boolean',
-      },
-    },
-  },
-  parameters: {
-    controls: { expanded: true },
-  },
-};
-
-export default meta;
-
-const Template: Story<Props> = args => {
-  const [microphoneMode, setMicrophoneMode] = React.useState<
-    'HOLD_TO_TALK' | 'CONTINUOUS'
-  >('HOLD_TO_TALK');
-  const [controlsPosition, setControlsPosition] = React.useState<
-    'bottom' | 'center'
-  >('bottom');
-
-  return (
-    <I18nWrapper>
-      <SettingsDrawer
-        {...args}
-        microphoneMode={microphoneMode}
-        setMicrophoneMode={setMicrophoneMode}
-        controlsPosition={controlsPosition}
-        setControlsPosition={setControlsPosition}
-      />
-    </I18nWrapper>
-  );
-};
-
-// By passing using the Args format for exported stories, you can control the props for a component for reuse in a test
-// https://storybook.js.org/docs/react/workflows/unit-testing
-export const Default = Template.bind({});
-Default.args = {
-  open: true,
-  onClose: () => {},
-  continuousSpeech: false,
-  continuousSpeechTimeout: 2,
-  setContinuousSpeech: () => {},
-  setContinuousSpeechTimeout: () => {},
-};
-
-export const WithinTotemLayout = Template.bind({});
-WithinTotemLayout.args = {
-  layout: 'TOTEM',
-  open: true,
-  onClose: () => {},
-  continuousSpeech: false,
-  continuousSpeechTimeout: 2,
-  setContinuousSpeech: () => {},
-  setContinuousSpeechTimeout: () => {},
-};
-
-const AdditionalSettings = () => {
-  const [hideEmissions, setHideEmissions] = React.useState(false);
-
-  return (
-    <div>
-      <label htmlFor="#hideEmissions">Hide emissions:</label>
-      <input
-        id="hideEmissions"
-        name="hideEmissions"
-        type="checkbox"
-        checked={hideEmissions}
-        onChange={e => setHideEmissions(e.target.checked)}
-      />
-    </div>
-  );
-};
-
-export const WithAdditionalSettings = Template.bind({});
-WithAdditionalSettings.args = {
-  open: true,
-  onClose: () => {},
-  continuousSpeech: false,
-  continuousSpeechTimeout: 2,
-  setContinuousSpeech: () => {},
-  setContinuousSpeechTimeout: () => {},
-  additionalSettings: <AdditionalSettings />,
-};

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

@@ -1,202 +0,0 @@
-import { render } from '@testing-library/react';
-import SettingsDrawer from './SettingsDrawer';
-import React from 'react';
-
-beforeEach(() => {
-  // @ts-ignore
-  window.IntersectionObserver = jest.fn(() => ({
-    observe: jest.fn(),
-    unobserve: jest.fn(),
-    disconnect: jest.fn(),
-    takeRecords: jest.fn(),
-  }));
-});
-
-it('renders SettingsDrawer unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      open={false}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer open unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer open with continuous speech enabled unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="CONTINUOUS"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer open with non-default continuous speech timeout unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="CONTINUOUS"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={10}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer for totem layout open unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      layout="TOTEM"
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer for totem layout open with controls at center unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      layout="TOTEM"
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="center"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-it('renders SettingsDrawer for totem layout with continuous speech and hide emissions unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      layout="TOTEM"
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={true}
-      setHideEmissions={jest.fn()}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});
-
-const AdditionalSettings = () => {
-  const [hideEmissions, setHideEmissions] = React.useState(false);
-
-  return (
-    <div>
-      <label htmlFor="#hideEmissions">Hide emissions:</label>
-      <input
-        id="hideEmissions"
-        name="hideEmissions"
-        type="checkbox"
-        checked={hideEmissions}
-        onChange={e => setHideEmissions(e.target.checked)}
-      />
-    </div>
-  );
-};
-
-it('renders SettingsDrawer with additional custom settings unchanged', () => {
-  const { container } = render(
-    <SettingsDrawer
-      open={true}
-      onClose={jest.fn()}
-      microphoneMode="HOLD_TO_TALK"
-      setMicrophoneMode={jest.fn()}
-      continuousSpeechTimeout={2}
-      setContinuousSpeechTimeout={jest.fn()}
-      controlsPosition="bottom"
-      setControlsPosition={jest.fn()}
-      hideEmissions={false}
-      setHideEmissions={jest.fn()}
-      additionalSettings={<AdditionalSettings />}
-      avatarType="avatar3d"
-      setAvatarType={jest.fn()}
-      setEnablePositionControls={jest.fn()}
-    />
-  );
-  expect(container).toMatchSnapshot();
-});