@memori.ai/memori-react 1.0.0-alpha.1

package/esm/components/ExportHistoryButton/ExportHistoryButton.stories.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import ExportHistoryButton from './ExportHistoryButton';
+import { memori, history } from '../../mocks/data';
+import Download from '../icons/Download';
+const meta = {
+    title: 'Export History Button',
+    component: ExportHistoryButton,
+    argTypes: {
+        memori: {
+            control: {
+                type: 'object',
+            },
+        },
+        icon: {
+            control: {
+                type: 'object',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => (React.createElement("div", { style: { textAlign: 'right' } },
+    React.createElement(ExportHistoryButton, { ...args })));
+const TemplateRight = args => (React.createElement("div", { style: { textAlign: 'left' } },
+    React.createElement(ExportHistoryButton, { ...args })));
+export const Default = Template.bind({});
+Default.args = {
+    memori,
+    history,
+};
+export const WithCustomIcon = Template.bind({});
+WithCustomIcon.args = {
+    memori,
+    history,
+    icon: React.createElement(Download, null),
+};
+export const WithCustomCSSClass = Template.bind({});
+WithCustomCSSClass.args = {
+    memori,
+    history,
+    buttonClassName: 'memori-button--primary',
+};
+export const AlignLeft = TemplateRight.bind({});
+AlignLeft.args = {
+    memori,
+    history,
+    align: 'left',
+};
+//# sourceMappingURL=ExportHistoryButton.stories.js.map

package/esm/components/ExportHistoryButton/ExportHistoryButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryButton.stories.js","sourceRoot":"","sources":["../../../src/components/ExportHistoryButton/ExportHistoryButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,mBAA8B,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,mBAAmB;IAC9B,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE;IAChC,oBAAC,mBAAmB,OAAK,IAAI,GAAI,CAC7B,CACP,CAAC;AAEF,MAAM,aAAa,GAAiB,IAAI,CAAC,EAAE,CAAC,CAC1C,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,oBAAC,mBAAmB,OAAK,IAAI,GAAI,CAC7B,CACP,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM;IACN,OAAO;CACR,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,MAAM;IACN,OAAO;IACP,IAAI,EAAE,oBAAC,QAAQ,OAAG;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACpD,kBAAkB,CAAC,IAAI,GAAG;IACxB,MAAM;IACN,OAAO;IACP,eAAe,EAAE,wBAAwB;CAC1C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,SAAS,CAAC,IAAI,GAAG;IACf,MAAM;IACN,OAAO;IACP,KAAK,EAAE,MAAM;CACd,CAAC"}

package/esm/components/ExportHistoryButton/ExportHistoryButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/ExportHistoryButton/ExportHistoryButton.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import ExportHistoryButton from './ExportHistoryButton';
+import { memori, history } from '../../mocks/data';
+import Download from '../icons/Download';
+it('renders ExportHistoryButton unchanged', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: [] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with history', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: history }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with className', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: [], className: "test" }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged disabled', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: [], disabled: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom icon', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: history, icon: React.createElement(Download, null) }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom button props', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: history, icon: React.createElement(Download, null), buttonClassName: "test" }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ExportHistoryButton unchanged with custom filename', () => {
+    const { container } = render(React.createElement(ExportHistoryButton, { memori: memori, history: [], filename: "awanagana.txt" }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ExportHistoryButton.test.js.map

package/esm/components/ExportHistoryButton/ExportHistoryButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportHistoryButton.test.js","sourceRoot":"","sources":["../../../src/components/ExportHistoryButton/ExportHistoryButton.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AAEzC,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,GAAI,CACrD,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;IAC5D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAC1D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;IAC9D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,GAAG,CACtE,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,SAAG,CAC9D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,QAAQ,OAAG,GAClB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gEAAgE,EAAE,GAAG,EAAE;IACxE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,oBAAC,QAAQ,OAAG,EAClB,eAAe,EAAC,MAAM,GACtB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;IACpE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,EAAE,EACX,QAAQ,EAAC,eAAe,GACxB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/esm/components/Header/Header.css

@@ -0,0 +1,58 @@
+.memori-header {
+    position: relative;
+    z-index: 1;
+    width: calc(50% - 1rem);
+    padding: calc(var(--memori-inner-content-pad) / 4) calc(var(--memori-inner-content-pad) / 2);
+    border-radius: 10px;
+    margin-left: auto;
+    background-color: var(--memori-inner-bg, #fff);
+    text-align: right;
+}
+
+@media (max-width: 870px) {
+    .memori-header {
+        width: 100%;
+        margin-left: 0;
+    }
+}
+
+.memori-header--button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori-header--button+.memori-header--button {
+    margin-left: 0.25rem;
+}
+
+.memori-header--button[disabled] {
+    border: 0;
+    cursor: not-allowed;
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.memori-header--button svg {
+    width: 1em;
+    height: 1em;
+    font-size: 1em;
+    line-height: 1;
+}
+
+.memori-header--position {
+    display: inline-block;
+}
+
+.memori-header--position .memori-header--position-placeName {
+    font-style: italic;
+}
+
+.memori-header--position .memori-header--button {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+.memori-header .memori-share-button {
+    margin-left: 0.25rem;
+}

package/esm/components/Header/Header.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Memori, Message, Venue } from '@memori.ai/memori-api-client/dist/types';
+import './Header.css';
+export interface Props {
+    className?: string;
+    memori: Memori;
+    history: Message[];
+    position?: Venue;
+    setShowPositionDrawer: (show: boolean) => void;
+    setShowSettingsDrawer: (show: boolean) => void;
+    speakerMuted: boolean;
+    setSpeakerMuted: (mute: boolean) => void;
+    hasUserActivatedSpeak?: boolean;
+    showShare?: boolean;
+    showSettings?: boolean;
+}
+declare const Header: React.FC<Props>;
+export default Header;

package/esm/components/Header/Header.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import cx from 'classnames';
+import Button from '../ui/Button';
+import MapMarker from '../icons/MapMarker';
+import SoundDeactivated from '../icons/SoundDeactivated';
+import Sound from '../icons/Sound';
+import { useTranslation } from 'react-i18next';
+import ExportHistoryButton from '../ExportHistoryButton/ExportHistoryButton';
+import Setting from '../icons/Setting';
+import ShareButton from '../ShareButton/ShareButton';
+import './Header.css';
+const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, }) => {
+    const { t } = useTranslation();
+    return (React.createElement("div", { className: cx('memori-header', className) },
+        memori.needsPosition && position && (React.createElement("div", { className: "memori-header--position" },
+            React.createElement("span", { className: "memori-header--position-placeName" }, position.placeName),
+            React.createElement(Button, { icon: React.createElement(MapMarker, null), shape: "circle", className: "memori-header--button", onClick: () => setShowPositionDrawer(true) }))),
+        React.createElement(Button, { primary: true, shape: "circle", className: "memori-header--button", icon: speakerMuted ? React.createElement(SoundDeactivated, null) : React.createElement(Sound, null), onClick: () => setSpeakerMuted(!speakerMuted), title: t('widget.sound') || 'Sound' }),
+        React.createElement(ExportHistoryButton, { history: history, memori: memori, className: "memori-header--button", disabled: !hasUserActivatedSpeak || history.length === 0 }),
+        showSettings && (React.createElement(Button, { primary: true, shape: "circle", className: "memori-header--button", icon: React.createElement(Setting, null), onClick: () => setShowSettingsDrawer(true), title: t('widget.settings') || 'Settings' })),
+        showShare && (React.createElement(ShareButton, { className: "memori-header--button", title: memori.name, showQrCode: true, align: "left" }))));
+};
+export default Header;
+//# sourceMappingURL=Header.js.map

package/esm/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,YAAY,CAAC;AAM5B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAC7E,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAErD,OAAO,cAAc,CAAC;AAgBtB,MAAM,MAAM,GAAoB,CAAC,EAC/B,SAAS,EACT,MAAM,EACN,OAAO,EACP,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EACZ,eAAe,EACf,qBAAqB,GAAG,KAAK,EAC7B,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,GACpB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC;QAC3C,MAAM,CAAC,aAAa,IAAI,QAAQ,IAAI,CACnC,6BAAK,SAAS,EAAC,yBAAyB;YACtC,8BAAM,SAAS,EAAC,mCAAmC,IAChD,QAAQ,CAAC,SAAS,CACd;YACP,oBAAC,MAAM,IACL,IAAI,EAAE,oBAAC,SAAS,OAAG,EACnB,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,GAC1C,CACE,CACP;QACD,oBAAC,MAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CAAC,CAAC,CAAC,oBAAC,KAAK,OAAG,EACrD,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,OAAO,GACnC;QACF,oBAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAE,CAAC,qBAAqB,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,GACxD;QACD,YAAY,IAAI,CACf,oBAAC,MAAM,IACL,OAAO,QACP,KAAK,EAAC,QAAQ,EACd,SAAS,EAAC,uBAAuB,EACjC,IAAI,EAAE,oBAAC,OAAO,OAAG,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,EAC1C,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,GACzC,CACH;QACA,SAAS,IAAI,CACZ,oBAAC,WAAW,IACV,SAAS,EAAC,uBAAuB,EACjC,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,UAAU,QACV,KAAK,EAAC,MAAM,GACZ,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/components/Header/Header.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './Header';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithPosition: Story<Props>;
+export declare const SpeakerMuted: Story<Props>;
+export declare const WithShare: Story<Props>;
+export declare const WithSettings: Story<Props>;
+export declare const WithOngoingChat: Story<Props>;

package/esm/components/Header/Header.stories.js

@@ -0,0 +1,97 @@
+import React from 'react';
+import { memori, history } from '../../mocks/data';
+import Header from './Header';
+const meta = {
+    title: 'Widget/Header',
+    component: Header,
+    argTypes: {
+        showShare: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => {
+    const [speakerMuted, setSpeakerMuted] = React.useState(args.speakerMuted);
+    return (React.createElement(Header, { ...args, speakerMuted: speakerMuted, setSpeakerMuted: setSpeakerMuted }));
+};
+export const Default = Template.bind({});
+Default.args = {
+    memori,
+    history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+export const WithPosition = Template.bind({});
+WithPosition.args = {
+    memori: {
+        ...memori,
+        needsPosition: true,
+    },
+    history,
+    position: {
+        placeName: 'Berlin',
+        latitude: 52.520008,
+        longitude: 13.404954,
+    },
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+export const SpeakerMuted = Template.bind({});
+SpeakerMuted.args = {
+    memori,
+    history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: true,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: false,
+};
+export const WithShare = Template.bind({});
+WithShare.args = {
+    memori,
+    history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: true,
+    showSettings: false,
+};
+export const WithSettings = Template.bind({});
+WithSettings.args = {
+    memori,
+    history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: false,
+    showShare: false,
+    showSettings: true,
+};
+export const WithOngoingChat = Template.bind({});
+WithOngoingChat.args = {
+    memori,
+    history,
+    setShowPositionDrawer: () => { },
+    setShowSettingsDrawer: () => { },
+    speakerMuted: false,
+    hasUserActivatedSpeak: true,
+    showShare: false,
+    showSettings: false,
+};
+//# sourceMappingURL=Header.stories.js.map

package/esm/components/Header/Header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../src/components/Header/Header.stories.tsx"],"names":[],"mappings":"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"}

package/esm/components/Header/Header.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/Header/Header.test.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { memori, history } from '../../mocks/data';
+import Header from './Header';
+it('renders Header unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with position unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: {
+            ...memori,
+            needsPosition: true,
+        }, position: {
+            placeName: 'Berlin',
+            latitude: 52.520008,
+            longitude: 13.404954,
+        }, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with speaker muted unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: true, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with share button unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: true, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with settings button unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Header with user activated speak unchanged', () => {
+    const { container } = render(React.createElement(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: true, showShare: false, showSettings: false }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Header.test.js.map

package/esm/components/Header/Header.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../src/components/Header/Header.test.tsx"],"names":[],"mappings":"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"}

package/esm/components/MediaWidget/LinkItemWidget.css

@@ -0,0 +1,35 @@
+.memori-link-items--grid {
+    display: grid;
+    grid-auto-flow: dense;
+    grid-gap: 1rem;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+}
+
+.memori-link-item--card {
+    height: 100%;
+    margin-bottom: 1rem;
+}
+
+.memori-link-item--card .memori-card--cover {
+    height: auto;
+    text-align: center;
+}
+
+.memori-link-item--card .memori-card--cover img {
+    min-width: 100%;
+    min-height: 100%;
+    object-fit: contain;
+}
+
+a.memori-link-item--link {
+    text-decoration: none;
+}
+
+.memori-link-item--card-cover-icon {
+    padding: 1rem;
+}
+
+.memori-link-item--icon {
+    width: 50%;
+    height: 50%;
+}

package/esm/components/MediaWidget/LinkItemWidget.d.ts

@@ -0,0 +1,27 @@
+import { Medium } from '@memori.ai/memori-api-client/dist/types';
+import React from 'react';
+import './LinkItemWidget.css';
+export declare type ILinkPreviewInfo = {
+    title?: string | undefined;
+    siteName?: string | undefined;
+    description?: string | undefined;
+    mediaType?: string | undefined;
+    image?: string | undefined;
+    imageWidth?: number | undefined;
+    imageHeight?: number | undefined;
+    favicon?: string | undefined;
+    images?: string[] | undefined;
+    video?: string | undefined;
+    videos?: string[] | undefined;
+};
+export interface Props {
+    items: Medium[];
+    baseUrl?: string;
+    descriptionOneLine?: boolean;
+    onLinkPreviewInfo?: (linkPreviewInfo: ILinkPreviewInfo) => void;
+}
+export declare const RenderLinkItem: ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine, }: Omit<Props, "items"> & {
+    item: Medium;
+}) => JSX.Element;
+declare const LinkItemWidget: React.FC<Props>;
+export default LinkItemWidget;

package/esm/components/MediaWidget/LinkItemWidget.js

@@ -0,0 +1,66 @@
+import React, { useState, useEffect } from 'react';
+import Link from '../icons/Link';
+import cx from 'classnames';
+import { ellipsis } from 'ellipsed';
+import Card from '../ui/Card';
+import { Transition } from '@headlessui/react';
+import './LinkItemWidget.css';
+const getSiteInfo = async (url, baseUrl) => {
+    try {
+        const data = await fetch(`${baseUrl ||
+            'https://app.twincreator.com'}/api/linkpreview/${encodeURIComponent(url)}`);
+        const siteInfo = await data.json();
+        return siteInfo;
+    }
+    catch (err) {
+        console.error('getSiteInfo', err);
+        return null;
+    }
+};
+export const RenderLinkItem = ({ item, baseUrl, onLinkPreviewInfo, descriptionOneLine = false, }) => {
+    var _a, _b, _c, _d;
+    const [link, setLink] = useState(null);
+    const normURL = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) || !item.url || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.length) === 0
+        ? item.url
+        : `https://${item.url}`;
+    useEffect(() => {
+        var _a, _b;
+        let normURL = ((_a = item.url) === null || _a === void 0 ? void 0 : _a.startsWith('http')) || !item.url || ((_b = item.url) === null || _b === void 0 ? void 0 : _b.length) === 0
+            ? item.url
+            : `https://${item.url}`;
+        if (normURL && normURL !== (link === null || link === void 0 ? void 0 : link.urlKey)) {
+            getSiteInfo(normURL, baseUrl).then(siteInfo => {
+                setLink(siteInfo
+                    ? { ...siteInfo, urlKey: normURL }
+                    : null);
+                if (onLinkPreviewInfo && siteInfo)
+                    onLinkPreviewInfo(siteInfo);
+            });
+        }
+    }, [item === null || item === void 0 ? void 0 : item.url, baseUrl, onLinkPreviewInfo]);
+    const title = item.title && item.title.length > 0 ? item.title : link === null || link === void 0 ? void 0 : link.title;
+    const description = link === null || link === void 0 ? void 0 : link.description;
+    const video = link === null || link === void 0 ? void 0 : link.video;
+    const image = (_c = link === null || link === void 0 ? void 0 : link.image) !== null && _c !== void 0 ? _c : (_d = link === null || link === void 0 ? void 0 : link.images) === null || _d === void 0 ? void 0 : _d[0];
+    useEffect(() => {
+        setTimeout(() => {
+            ellipsis('.memori-link-item--card .memori-card--description', 3, {
+                responsive: true,
+            });
+        }, 300);
+    }, [description, item.mediumID]);
+    return (React.createElement("a", { href: normURL, target: "_blank", rel: "noopener noreferrer", className: "memori-link-item--link" },
+        React.createElement(Card, { hoverable: true, className: cx('memori-link-item--card', {
+                'memori-link-item--card-description-oneline': descriptionOneLine,
+                'memori-link-item--card-has-image': image,
+                'memori-link-item--card-has-video': video,
+            }), cover: video ? (React.createElement("iframe", { width: "100%", height: "100%", src: video, title: "Video player", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true })) : image ? (React.createElement("img", { className: "memori-link-item--card-cover-img", src: image, alt: item.title })) : (React.createElement("div", { className: "memori-link-item--card-cover-icon" },
+                React.createElement(Link, { className: "memori-link-item--icon" }))), title: title, description: description })));
+};
+const LinkItemWidget = ({ items, baseUrl, descriptionOneLine = false, onLinkPreviewInfo, }) => {
+    return (React.createElement(Transition, { appear: true, show: true, as: "div", className: "memori-link-items" },
+        React.createElement("div", { className: "memori-link-items--grid" }, items.map((item, index) => (React.createElement(Transition.Child, { as: "div", className: "memori-link-item", key: item.mediumID, enter: `ease-out duration-500 delay-${index * 100}`, enterFrom: "opacity-0 scale-95", enterTo: "opacity-1 scale-100", leave: "ease-in duration-300", leaveFrom: "opacity-1 scale-100", leaveTo: "opacity-0 scale-95" },
+            React.createElement(RenderLinkItem, { item: item, baseUrl: baseUrl, descriptionOneLine: descriptionOneLine, onLinkPreviewInfo: onLinkPreviewInfo })))))));
+};
+export default LinkItemWidget;
+//# sourceMappingURL=LinkItemWidget.js.map

package/esm/components/MediaWidget/LinkItemWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.tsx"],"names":[],"mappings":"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"}

package/esm/components/MediaWidget/LinkItemWidget.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './LinkItemWidget';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;

package/esm/components/MediaWidget/LinkItemWidget.stories.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import LinkItemWidget from './LinkItemWidget';
+const meta = {
+    title: 'Media Widget/Link',
+    component: LinkItemWidget,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => React.createElement(LinkItemWidget, { ...args });
+export const Default = Template.bind({});
+Default.args = {
+    items: [
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Memori Srl',
+            url: 'https://memori.ai/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'TwinCreator',
+            url: 'https://twincreator.com/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'MemoryTwin',
+            url: 'https://memorytwin.com/en',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Introducing Plone Remix | Vimeo',
+            url: 'https://vimeo.com/766468314',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'A sustainable web: is it possible? - Nicola Zambello | YouTube',
+            url: 'https://www.youtube.com/watch?v=feH26j3rBz8',
+        },
+        {
+            mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+            mimeType: 'text/html',
+            title: 'Memori backend API',
+            url: 'https://backend.memori.ai',
+        },
+    ],
+};
+//# sourceMappingURL=LinkItemWidget.stories.js.map

package/esm/components/MediaWidget/LinkItemWidget.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.stories.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAyB,MAAM,kBAAkB,CAAC;AAEzD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,oBAAC,cAAc,OAAK,IAAI,GAAI,CAAC;AAIpE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE;QACL;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,sBAAsB;SAC5B;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,aAAa;YACpB,GAAG,EAAE,4BAA4B;SAClC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,YAAY;YACnB,GAAG,EAAE,2BAA2B;SACjC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,iCAAiC;YACxC,GAAG,EAAE,6BAA6B;SACnC;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,gEAAgE;YACvE,GAAG,EAAE,6CAA6C;SACnD;QACD;YACE,QAAQ,EAAE,sCAAsC;YAChD,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,oBAAoB;YAC3B,GAAG,EAAE,2BAA2B;SACjC;KACF;CACF,CAAC"}

package/esm/components/MediaWidget/LinkItemWidget.test.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/components/MediaWidget/LinkItemWidget.test.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import LinkItemWidget from './LinkItemWidget';
+const linkMedium = {
+    mediumID: '95226d7e-7bae-465e-8b80-995587bb5971',
+    mimeType: 'text/html',
+    title: 'Memori Srl',
+    url: 'https://memori.ai/en',
+};
+it('renders LinkItemWidget unchanged', () => {
+    const { container } = render(React.createElement(LinkItemWidget, { items: [linkMedium] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with no media', () => {
+    const { container } = render(React.createElement(LinkItemWidget, { items: [] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with baseUrl', () => {
+    const { container } = render(React.createElement(LinkItemWidget, { items: [linkMedium] }));
+    expect(container).toMatchSnapshot();
+});
+it('renders LinkItemWidget unchanged with description oneline', () => {
+    const { container } = render(React.createElement(LinkItemWidget, { items: [linkMedium], descriptionOneLine: true }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=LinkItemWidget.test.js.map

package/esm/components/MediaWidget/LinkItemWidget.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkItemWidget.test.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/LinkItemWidget.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,GAAW;IACzB,QAAQ,EAAE,sCAAsC;IAChD,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,sBAAsB;CAC5B,CAAC;AAEF,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,GAAI,CAAC,CAAC;IACtE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gDAAgD,EAAE,GAAG,EAAE;IACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAE,EAAE,GAAI,CAAC,CAAC;IAC5D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,cAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,GAAI,CAAC,CAAC;IACtE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,2DAA2D,EAAE,GAAG,EAAE;IACnE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,cAAc,IAAC,KAAK,EAAE,CAAC,UAAU,CAAC,EAAE,kBAAkB,SAAG,CAC3D,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}