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

package/dist/components/StartPanel/StartPanel.css

@@ -0,0 +1,121 @@
+.memori--gamification-badge {
+    position: absolute;
+    right: 0.25rem;
+    bottom: -1.25rem;
+    display: flex;
+    width: 2rem;
+    height: 2rem;
+    align-items: center;
+    justify-content: center;
+    border: 1.5px solid var(--ant-primary-color);
+    border-radius: 50%;
+    background: #fff;
+    box-shadow: 0 0 5px 6px rgba(255, 255, 255, 0.5);
+}
+
+.memori--gamification-badge span {
+    font-size: 1.2rem;
+}
+
+.memori--start-panel {
+    width: 100%;
+    align-self: flex-start;
+    padding: var(--memori-inner-content-pad, 0);
+    border-radius: 10px;
+    margin-top: 2rem;
+    background-color: var(--memori-inner-bg, transparent);
+    color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
+}
+
+.memori--start-panel .memori--start-panel-title {
+    color: var(--memori-text-color, var(--ant-primary-color)) !important;
+}
+
+.memori--start-panel .memori--start-panel-description {
+    color: var(--memori-text-color, rgba(0, 0, 0, 0.85)) !important;
+}
+
+@media (max-width: 870px) {
+    .memori--start-panel {
+        margin-top: 1rem;
+    }
+}
+
+.memori--cover {
+    position: relative;
+    width: 100%;
+    padding-top: 31.25%;
+    border-radius: 3px;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: cover;
+}
+
+.memori--avatar {
+    position: relative;
+    z-index: 0;
+    top: -20px;
+    display: inline-flex;
+    overflow: hidden;
+    width: 60px;
+    height: 60px;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    margin-right: 10px;
+    background: #fff;
+    box-shadow: 0 0 5px rgba(50, 50, 50, 0.3);
+}
+
+
+.memori--avatar img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.memori--title {
+    display: inline-block;
+    color: var(--ant-primary-color);
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 1.8;
+}
+
+.memori--description,
+.memori--needsPosition {
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 14px;
+    line-height: 1.6;
+}
+
+.memori--description-text {
+    display: block;
+}
+
+.memori--translation-toggle {
+    height: auto;
+    padding-right: 0;
+    padding-left: 0;
+    font-size: 0.85em;
+}
+
+.memori--start-description {
+    margin-top: 0.5rem;
+    font-size: 0.85em;
+    opacity: 0.85;
+}
+
+.memori--language-chooser {
+    margin-bottom: 1rem;
+}
+
+.memori--language-chooser svg {
+    margin-right: 0.5rem;
+}
+
+.memori--language-chooser select,
+.memori--language-chooser .memori--select {
+    min-width: 7rem;
+    margin-left: 0.5rem;
+}

package/dist/components/StartPanel/StartPanel.d.ts

@@ -0,0 +1,23 @@
+import { GamificationLevel, Memori, Tenant, Venue } from '@memori.ai/memori-api-client/dist/types';
+import React from 'react';
+import './StartPanel.css';
+export interface Props {
+    memori: Memori;
+    tenant?: Tenant;
+    gamificationLevel?: GamificationLevel;
+    language?: string;
+    userLang?: string;
+    setUserLang: (lang: string) => void;
+    baseUrl?: string;
+    position?: Venue;
+    openPositionDrawer: () => void;
+    integrationConfig?: {
+        [key: string]: any;
+    };
+    instruct?: boolean;
+    sessionId?: string;
+    clickedStart?: boolean;
+    onClickStart?: () => void;
+}
+declare const StartPanel: React.FC<Props>;
+export default StartPanel;

package/dist/components/StartPanel/StartPanel.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const media_1 = require("../../helpers/media");
+const react_i18next_1 = require("react-i18next");
+const Tooltip_1 = tslib_1.__importDefault(require("../ui/Tooltip"));
+const translations_1 = require("../../helpers/translations");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const Translation_1 = tslib_1.__importDefault(require("../icons/Translation"));
+const constants_1 = require("../../helpers/constants");
+const BlockedMemoriBadge_1 = tslib_1.__importDefault(require("../BlockedMemoriBadge/BlockedMemoriBadge"));
+require("./StartPanel.css");
+const StartPanel = ({ memori, tenant, gamificationLevel, language, userLang, setUserLang, baseUrl, position, openPositionDrawer, integrationConfig, instruct = false, sessionId, clickedStart, onClickStart, }) => {
+    var _a, _b;
+    const { t, i18n } = (0, react_i18next_1.useTranslation)();
+    const [translatedDescription, setTranslatedDescription] = (0, react_1.useState)(memori.description);
+    const [showTranslation, setShowTranslation] = (0, react_1.useState)(true);
+    const toggleTranslations = () => {
+        setShowTranslation(show => !show);
+    };
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d, _e, _f;
+        if (((_b = (_a = i18n.language) === null || _a === void 0 ? void 0 : _a.toUpperCase()) !== null && _b !== void 0 ? _b : 'IT') !==
+            ((_c = language === null || language === void 0 ? void 0 : language.toUpperCase()) !== null && _c !== void 0 ? _c : 'IT') &&
+            !!((_d = memori.description) === null || _d === void 0 ? void 0 : _d.length)) {
+            (0, translations_1.getTranslation)(memori.description, (_f = (_e = i18n.language) === null || _e === void 0 ? void 0 : _e.toUpperCase()) !== null && _f !== void 0 ? _f : 'IT', language, baseUrl)
+                .then(value => {
+                setTranslatedDescription(value.text);
+            })
+                .catch(console.error);
+        }
+    }, [i18n.language, language, memori.description, baseUrl]);
+    return (react_1.default.createElement("div", { className: "memori--start-panel" },
+        react_1.default.createElement("div", { className: "memori--cover", style: {
+                backgroundImage: `url("${(0, media_1.getResourceUrl)({
+                    type: 'cover',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    resourceURI: memori.coverURL,
+                    baseURL: baseUrl,
+                })}"), url("${(0, media_1.getResourceUrl)({
+                    type: 'cover',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    baseURL: baseUrl,
+                })}")`,
+            } }, !!((_a = gamificationLevel === null || gamificationLevel === void 0 ? void 0 : gamificationLevel.badge) === null || _a === void 0 ? void 0 : _a.length) && (react_1.default.createElement("div", { className: "memori--gamification-badge" },
+            react_1.default.createElement(Tooltip_1.default, { alignLeft: true, content: `${t('gamification.level')} ${gamificationLevel.badge}, ${gamificationLevel.points} ${t('gamification.points')}` },
+                react_1.default.createElement("span", { "aria-label": `${t('gamification.level')} ${gamificationLevel.badge}, ${gamificationLevel.points} ${t('gamification.points')}` }, gamificationLevel.badge))))),
+        react_1.default.createElement("picture", { className: "memori--avatar" },
+            react_1.default.createElement("source", { src: (_b = memori.avatarURL) !== null && _b !== void 0 ? _b : (0, media_1.getResourceUrl)({
+                    type: 'avatar',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    resourceURI: memori.avatarURL,
+                    baseURL: baseUrl,
+                }) }),
+            react_1.default.createElement("img", { alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
+                    ? (0, media_1.getResourceUrl)({
+                        type: 'avatar',
+                        tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                        resourceURI: memori.avatarURL,
+                        baseURL: baseUrl,
+                    })
+                    : (0, media_1.getResourceUrl)({
+                        type: 'avatar',
+                        tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                        baseURL: baseUrl,
+                    }) })),
+        react_1.default.createElement("h2", { className: "memori--title" }, memori.name),
+        memori.needsPosition && !position && (react_1.default.createElement("div", { className: "memori--needsPosition" },
+            react_1.default.createElement("p", null, t('write_and_speak.requirePosition')),
+            react_1.default.createElement(Button_1.default, { primary: true, onClick: () => openPositionDrawer(), className: "memori--start-button" }, t('widget.position')))),
+        ((memori.needsPosition && position) || !memori.needsPosition) && (react_1.default.createElement("div", { className: "memori--description" },
+            react_1.default.createElement("p", null,
+                react_1.default.createElement("span", { className: "memori--description-text" }, translatedDescription && showTranslation
+                    ? translatedDescription
+                    : memori.description),
+                translatedDescription !== memori.description && (react_1.default.createElement(Button_1.default, { ghost: true, className: "memori--translation-toggle", icon: react_1.default.createElement(Translation_1.default, null), onClick: () => toggleTranslations() }, showTranslation
+                    ? t('showOriginalText')
+                    : t('showTranslatedText')))),
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage) && !instruct && (react_1.default.createElement("div", { className: "memori--language-chooser" },
+                react_1.default.createElement("label", { id: "user-lang-pref-label", htmlFor: "user-lang-pref" }, t('write_and_speak.iWantToTalkToIn', {
+                    name: memori.name,
+                })),
+                react_1.default.createElement("select", { id: "user-lang-pref", value: (userLang !== null && userLang !== void 0 ? userLang : i18n.language).toUpperCase(), "aria-labelledby": "user-lang-pref-label", onChange: e => {
+                        setUserLang(e.target.value);
+                    } }, constants_1.chatLanguages.map(lang => (react_1.default.createElement("option", { key: lang.value, value: lang.value, "aria-label": lang.label }, lang.label)))))),
+            react_1.default.createElement(Button_1.default, { primary: true, disabled: (!sessionId && memori.privacyType === 'PUBLIC') ||
+                    (!!memori.blockedUntil && !memori.isGiver), loading: clickedStart, onClick: onClickStart, className: "memori--start-button" }, t(`write_and_speak.${!instruct ? 'tryMeButton' : 'instructButton'}`)),
+            react_1.default.createElement("p", { className: "memori--start-description" }, instruct
+                ? t('write_and_speak.pageInstructExplanation')
+                : t('write_and_speak.pageTryMeExplanation')),
+            !!memori.blockedUntil && (react_1.default.createElement(BlockedMemoriBadge_1.default, { memoriName: memori.name, blockedUntil: memori.blockedUntil, showGiverInfo: memori.isGiver, showTitle: true, marginLeft: true }))))));
+};
+exports.default = StartPanel;
+//# sourceMappingURL=StartPanel.js.map

package/dist/components/StartPanel/StartPanel.js.map

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

package/dist/components/StartPanel/StartPanel.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './StartPanel';
+import '../../i18n';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithGamificationLevel: Story<Props>;
+export declare const Instruct: Story<Props>;
+export declare const PositionRequired: Story<Props>;
+export declare const WithIntegration: Story<Props>;

package/dist/components/StartPanel/StartPanel.stories.js

@@ -0,0 +1,163 @@
+"use strict";
+var _a, _b, _c, _d, _e, _f;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithIntegration = exports.PositionRequired = exports.Instruct = exports.WithGamificationLevel = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const data_1 = require("../../mocks/data");
+const StartPanel_1 = tslib_1.__importDefault(require("./StartPanel"));
+require("../../i18n");
+const meta = {
+    title: 'Widget/Start panel',
+    component: StartPanel_1.default,
+    argTypes: {
+        showShare: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const integrationConfig = {
+    ...JSON.parse((_a = data_1.integration.customData) !== null && _a !== void 0 ? _a : '{}'),
+    avatarURL: ((_d = (_c = JSON.parse((_b = data_1.integration.customData) !== null && _b !== void 0 ? _b : '{}').avatarURL) === null || _c === void 0 ? void 0 : _c.split('#')) === null || _d === void 0 ? void 0 : _d[0]) +
+        '#' +
+        new Date(Date.now()).getTime(),
+};
+const integrationProperties = {
+    '--memori-chat-bubble-bg': '#fff',
+    ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonBgColor)
+        ? {
+            '--memori-button-bg': integrationConfig.buttonBgColor,
+            '--memori-button-hover-brightness': '1.2',
+            '--ant-primary-color': integrationConfig.buttonBgColor,
+            '--ant-primary-color-hover': integrationConfig.buttonBgColor,
+            '--ant-primary-4': integrationConfig.buttonBgColor,
+            '--ant-primary-5': integrationConfig.buttonBgColor,
+            '--ant-primary-7': integrationConfig.buttonBgColor,
+        }
+        : {
+            '--memori-button-hover-brightness': '1',
+        }),
+    ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.buttonTextColor)
+        ? {
+            '--memori-button-text': integrationConfig.buttonTextColor,
+            '--ant-primary-text': integrationConfig.buttonTextColor,
+        }
+        : {}),
+    ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.blurBackground)
+        ? {
+            '--memori-blur-background': '5px',
+        }
+        : {
+            '--memori-blur-background': '0px',
+        }),
+    ...((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgColor)
+        ? {
+            '--memori-inner-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
+                ? '0, 0, 0'
+                : '255, 255, 255'}, ${(_e = integrationConfig.innerBgAlpha) !== null && _e !== void 0 ? _e : 0.4})`,
+            '--memori-inner-content-pad': '1.5rem',
+            '--memori-nav-bg-image': 'none',
+            '--memori-nav-bg': `rgba(${integrationConfig.innerBgColor === 'dark'
+                ? '0, 0, 0'
+                : '255, 255, 255'}, ${(_f = integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.innerBgAlpha) !== null && _f !== void 0 ? _f : 0.4})`,
+        }
+        : {
+            '--memori-inner-content-pad': '0px',
+        }),
+};
+const integrationStylesheet = `
+    #root {
+      ${Object.entries(integrationProperties)
+    .map(([key, value]) => `${key}: ${value};`)
+    .join('\n')}
+    }
+  `;
+const Template = args => (react_1.default.createElement("div", { style: { maxWidth: '600px', margin: 'auto' } },
+    args.integrationConfig && (react_1.default.createElement("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })),
+    react_1.default.createElement(StartPanel_1.default, { ...args })));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    language: 'it',
+    userLang: 'en',
+    setUserLang: () => { },
+    openPositionDrawer: () => { },
+    instruct: false,
+    sessionId: data_1.sessionID,
+    clickedStart: false,
+    onClickStart: () => { },
+};
+exports.WithGamificationLevel = Template.bind({});
+exports.WithGamificationLevel.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    gamificationLevel: {
+        points: 61,
+        pointsForCurrentBadge: 60,
+        badge: '🌍',
+    },
+    language: 'it',
+    userLang: 'en',
+    setUserLang: () => { },
+    openPositionDrawer: () => { },
+    instruct: false,
+    sessionId: data_1.sessionID,
+    clickedStart: false,
+    onClickStart: () => { },
+};
+exports.Instruct = Template.bind({});
+exports.Instruct.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    gamificationLevel: {
+        points: 61,
+        pointsForCurrentBadge: 60,
+        badge: '🌍',
+    },
+    language: 'it',
+    userLang: 'en',
+    setUserLang: () => { },
+    openPositionDrawer: () => { },
+    instruct: true,
+    sessionId: data_1.sessionID,
+    clickedStart: false,
+    onClickStart: () => { },
+};
+exports.PositionRequired = Template.bind({});
+exports.PositionRequired.args = {
+    memori: {
+        ...data_1.memori,
+        needsPosition: true,
+    },
+    tenant: data_1.tenant,
+    language: 'it',
+    userLang: 'en',
+    setUserLang: () => { },
+    openPositionDrawer: () => { },
+    instruct: true,
+    sessionId: data_1.sessionID,
+    clickedStart: false,
+    onClickStart: () => { },
+};
+exports.WithIntegration = Template.bind({});
+exports.WithIntegration.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    integrationConfig,
+    language: 'it',
+    userLang: 'en',
+    setUserLang: () => { },
+    openPositionDrawer: () => { },
+    instruct: false,
+    sessionId: data_1.sessionID,
+    clickedStart: false,
+    onClickStart: () => { },
+};
+//# sourceMappingURL=StartPanel.stories.js.map

package/dist/components/StartPanel/StartPanel.stories.js.map

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

package/dist/components/StartPanel/StartPanel.test.d.ts

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

package/dist/components/StartPanel/StartPanel.test.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const data_1 = require("../../mocks/data");
+const StartPanel_1 = tslib_1.__importDefault(require("./StartPanel"));
+it('renders StartPanel unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(StartPanel_1.default, { memori: data_1.memori, tenant: data_1.tenant, language: "it", userLang: "en", setUserLang: () => { }, openPositionDrawer: () => { }, instruct: false, sessionId: data_1.sessionID, clickedStart: false, onClickStart: () => { } }));
+    expect(container).toMatchSnapshot();
+});
+it('renders StartPanel with gamification level unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(StartPanel_1.default, { memori: data_1.memori, tenant: data_1.tenant, gamificationLevel: {
+            points: 61,
+            pointsForCurrentBadge: 60,
+            badge: '🌍',
+        }, language: "it", userLang: "en", setUserLang: () => { }, openPositionDrawer: () => { }, instruct: false, sessionId: data_1.sessionID, clickedStart: false, onClickStart: () => { } }));
+    expect(container).toMatchSnapshot();
+});
+it('renders StartPanel on instruct unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(StartPanel_1.default, { memori: data_1.memori, tenant: data_1.tenant, gamificationLevel: {
+            points: 61,
+            pointsForCurrentBadge: 60,
+            badge: '🌍',
+        }, language: "it", userLang: "en", setUserLang: () => { }, openPositionDrawer: () => { }, instruct: true, sessionId: data_1.sessionID, clickedStart: false, onClickStart: () => { } }));
+    expect(container).toMatchSnapshot();
+});
+it('renders StartPanel with position required unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(StartPanel_1.default, { memori: {
+            ...data_1.memori,
+            needsPosition: true,
+        }, tenant: data_1.tenant, gamificationLevel: {
+            points: 61,
+            pointsForCurrentBadge: 60,
+            badge: '🌍',
+        }, language: "it", userLang: "en", setUserLang: () => { }, openPositionDrawer: () => { }, instruct: true, sessionId: data_1.sessionID, clickedStart: false, onClickStart: () => { } }));
+    expect(container).toMatchSnapshot();
+});
+it('renders StartPanel with integrationConfig unchanged', () => {
+    var _a;
+    const { container } = (0, react_2.render)(react_1.default.createElement(StartPanel_1.default, { memori: data_1.memori, tenant: data_1.tenant, integrationConfig: JSON.parse((_a = data_1.integration.customData) !== null && _a !== void 0 ? _a : '{}'), language: "it", userLang: "en", setUserLang: () => { }, openPositionDrawer: () => { }, instruct: false, sessionId: data_1.sessionID, clickedStart: false, onClickStart: () => { } }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=StartPanel.test.js.map

package/dist/components/StartPanel/StartPanel.test.js.map

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

package/dist/components/UploadMenu/UploadMenu.css

@@ -0,0 +1,46 @@
+.memori-upload-menu {
+    position: relative;
+    display: inline-block;
+}
+
+.memori--conversation-button {
+    cursor: pointer;
+}
+
+.memori-menu--overlay {
+    position: absolute;
+    right: auto;
+    bottom: 100%;
+    left: 0;
+    display: flex;
+    min-width: 10rem;
+    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);
+    list-style: none;
+    outline: none;
+    transform-origin: top right;
+}
+
+.memori-menu--li {
+    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/dist/components/UploadMenu/UploadMenu.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './UploadMenu.css';
+export interface Props {
+    attachmentsMenuOpen?: 'link' | 'media';
+    setAttachmentsMenuOpen: (value: 'link' | 'media') => void;
+    disabled?: boolean;
+}
+declare const UploadMenu: React.FC<Props>;
+export default UploadMenu;

package/dist/components/UploadMenu/UploadMenu.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@headlessui/react");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+const Link_1 = tslib_1.__importDefault(require("../icons/Link"));
+const Picture_1 = tslib_1.__importDefault(require("../icons/Picture"));
+const PaperClip_1 = tslib_1.__importDefault(require("../icons/PaperClip"));
+require("./UploadMenu.css");
+const UploadMenu = ({ attachmentsMenuOpen, setAttachmentsMenuOpen, disabled = false, }) => {
+    return (react_1.default.createElement(react_2.Menu, { as: "div", className: "memori-upload-menu" },
+        react_1.default.createElement(react_2.Menu.Button, { disabled: disabled, className: (0, classnames_1.default)('memori-button', 'memori-button--circle', 'memori-button--icon-only', 'memori-share-button--button', 'memori--conversation-button') },
+            react_1.default.createElement("div", { className: "memori-button--icon" },
+                react_1.default.createElement(PaperClip_1.default, null))),
+        react_1.default.createElement(react_2.Menu.Items, { as: "ul", className: "memori-menu--overlay" },
+            react_1.default.createElement(react_2.Menu.Item, { as: "li", className: "memori-menu--li" },
+                react_1.default.createElement(Button_1.default, { className: "memori-menu--button", ghost: true, icon: react_1.default.createElement(Link_1.default, null), outlined: attachmentsMenuOpen === 'link', onClick: () => setAttachmentsMenuOpen('link') }, "Link")),
+            react_1.default.createElement(react_2.Menu.Item, null,
+                react_1.default.createElement(Button_1.default, { className: "memori-menu--button", ghost: true, icon: react_1.default.createElement(Picture_1.default, null), outlined: attachmentsMenuOpen === 'media', onClick: () => setAttachmentsMenuOpen('media') }, "Media")))));
+};
+exports.default = UploadMenu;
+//# sourceMappingURL=UploadMenu.js.map

package/dist/components/UploadMenu/UploadMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadMenu.js","sourceRoot":"","sources":["../../../src/components/UploadMenu/UploadMenu.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,6CAAyC;AACzC,oEAA4B;AAC5B,kEAAkC;AAClC,iEAAiC;AACjC,uEAAuC;AACvC,2EAA2C;AAE3C,4BAA0B;AAQ1B,MAAM,UAAU,GAAoB,CAAC,EACnC,mBAAmB,EACnB,sBAAsB,EACtB,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,OAAO,CACL,8BAAC,YAAI,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,oBAAoB;QAC3C,8BAAC,YAAI,CAAC,MAAM,IACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAE,EACX,eAAe,EACf,uBAAuB,EACvB,0BAA0B,EAC1B,6BAA6B,EAC7B,6BAA6B,CAC9B;YAED,uCAAK,SAAS,EAAC,qBAAqB;gBAClC,8BAAC,mBAAS,OAAG,CACT,CACM;QACd,8BAAC,YAAI,CAAC,KAAK,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,sBAAsB;YAClD,8BAAC,YAAI,CAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,iBAAiB;gBAC5C,8BAAC,gBAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,KAAK,QACL,IAAI,EAAE,8BAAC,cAAI,OAAG,EACd,QAAQ,EAAE,mBAAmB,KAAK,MAAM,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,CAAC,WAGtC,CACC;YACZ,8BAAC,YAAI,CAAC,IAAI;gBACR,8BAAC,gBAAM,IACL,SAAS,EAAC,qBAAqB,EAC/B,KAAK,QACL,IAAI,EAAE,8BAAC,iBAAO,OAAG,EACjB,QAAQ,EAAE,mBAAmB,KAAK,OAAO,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,YAGvC,CACC,CACD,CACR,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/UploadMenu/UploadMenu.stories.d.ts

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

package/dist/components/UploadMenu/UploadMenu.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const UploadMenu_1 = tslib_1.__importDefault(require("./UploadMenu"));
+const meta = {
+    title: 'Widget/Upload Menu',
+    component: UploadMenu_1.default,
+    argTypes: {
+        attachmentsMenuOpen: {
+            control: {
+                type: 'select',
+                options: ['link', 'media'],
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [attachmentsMenuOpen, setAttachmentsMenuOpen] = (0, react_1.useState)(args.attachmentsMenuOpen);
+    return (react_1.default.createElement("div", { style: {
+            minHeight: '200px',
+            display: 'flex',
+            alignItems: 'flex-end',
+        } },
+        react_1.default.createElement(UploadMenu_1.default, { ...args, attachmentsMenuOpen: attachmentsMenuOpen, setAttachmentsMenuOpen: setAttachmentsMenuOpen })));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    attachmentsMenuOpen: undefined,
+};
+exports.Disabled = Template.bind({});
+exports.Disabled.args = {
+    attachmentsMenuOpen: undefined,
+    disabled: true,
+};
+//# sourceMappingURL=UploadMenu.stories.js.map

package/dist/components/UploadMenu/UploadMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadMenu.stories.js","sourceRoot":"","sources":["../../../src/components/UploadMenu/UploadMenu.stories.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AAExC,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,mBAAmB,EAAE;YACnB,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC;aAC3B;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;IACpC,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAE5D,IAAI,CAAC,mBAAmB,CAAC,CAAC;IAC5B,OAAO,CACL,uCACE,KAAK,EAAE;YACL,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,UAAU;SACvB;QAED,8BAAC,oBAAU,OACL,IAAI,EACR,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,GAC9C,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,mBAAmB,EAAE,SAAS;CAC/B,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,mBAAmB,EAAE,SAAS;IAC9B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/components/UploadMenu/UploadMenu.test.d.ts

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