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

package/dist/components/AvatarView/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/AvatarView/utils/utils.ts"],"names":[],"mappings":";;;AACA,iCAAqC;AAU9B,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE;IAC/D,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;AAC7C,CAAC,CAAC;AAFW,QAAA,KAAK,SAEhB;AAEK,MAAM,IAAI,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,OAAe,IAAI,EAAE,EAAE;IACtE,OAAO,KAAK,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;AACzC,CAAC,CAAC;AAFW,QAAA,IAAI,QAEf;AAEK,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,KAAa,EACb,KAAa,EACb,MAAc,EACd,MAAc,EACd,EAAE;IACF,KAAK,GAAG,IAAA,aAAK,EAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACnC,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC;AAC1E,CAAC,CAAC;AATW,QAAA,QAAQ,YASnB;AAEK,MAAM,SAAS,GAAG,CAAC,KAAY,EAAE,EAAE;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE;QACtB,KAAK,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;KACpC;IAED,IAAI,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE;QACrC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACvC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;KACvC;AACH,CAAC,CAAC;AATW,QAAA,SAAS,aASpB;AAEK,MAAM,gBAAgB,GAAG,CAAC,SAAoB,EAAE,EAAE;IACvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,QAAa,EAAE,EAAE;QAEjD,IAAI,QAAQ,CAAC,GAAG;YAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,GAAG,oBAAY,CAAC;QAGxD,IAAI,QAAQ;YAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B;AAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AAC/B,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC;AACvC,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

package/dist/components/Blob/Blob.css

@@ -0,0 +1,249 @@
+:root {
+    --memori-blob-x: -50%;
+    --memori-blob-y: -50%;
+}
+
+.mainDiv {
+    position: absolute;
+    display: flex;
+    width: 25vw;
+    height: 25vw;
+    align-items: center;
+    justify-content: center;
+    border-radius: 90% 95% 85% 105%;
+    animation: wobble calc(150ms * var(--memori-blob-t)) linear infinite;
+    background: #f0f;
+    box-shadow: 0 0 0.5em 0.2em #000 inset, 0 0 0.15em 0 #fff;
+    filter: hue-rotate(0deg);
+    font-size: 20vmin;
+    mix-blend-mode: screen;
+    transform: translate(var(--memori-blob-x, -50%), var(--memori-blob-y, -50%)) rotate(0deg);
+    /* stylelint-disable-next-line function-no-unknown */
+    transform-origin: var(-(--memori-blob-y)) var(-(--memori-blob-x));
+}
+
+@media screen and (max-height: 1280px) {
+    .mainDiv {
+        width: 25vw;
+        height: 25vw;
+    }
+}
+
+@media screen and (max-height: 850px) {
+    .mainDiv {
+        width: 25vw;
+        height: 25vw;
+    }
+}
+
+@media screen and (max-height: 750px) {
+    .mainDiv {
+        width: 20vw;
+        height: 20vw;
+    }
+}
+
+.mainDiv::after {
+    font-size: 1em;
+    white-space: nowrap;
+}
+
+.mainDiv:nth-of-type(1) {
+    --memori-blob-x: -53%;
+    --memori-blob-y: -53%;
+    --memori-blob-t: 37;
+}
+
+.mainDiv:nth-of-type(2) {
+    --memori-blob-x: -47%;
+    --memori-blob-y: -52%;
+    --memori-blob-t: 58;
+}
+
+.mainDiv:nth-of-type(3) {
+    --memori-blob-x: -45%;
+    --memori-blob-y: -50%;
+    --memori-blob-t: 46;
+}
+
+.mainDiv:nth-of-type(4) {
+    --memori-blob-x: -53%;
+    --memori-blob-y: -45%;
+    --memori-blob-t: 72;
+}
+
+.mainDiv:nth-of-type(5) {
+    --memori-blob-x: -55%;
+    --memori-blob-y: -45%;
+    --memori-blob-t: 62;
+}
+
+@keyframes wobble {
+    to {
+        filter: hue-rotate(360deg);
+        transform: translate(var(--memori-blob-x), var(--memori-blob-y)) rotate(360deg);
+    }
+}
+
+
+.memori-blob {
+    position: relative;
+    z-index: 100;
+    top: 25%;
+}
+
+.memori-blob figure {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    overflow: hidden;
+    width: 25vw;
+    height: 25vw;
+    align-items: center;
+    justify-content: center;
+    border-radius: 100%;
+    margin: 0;
+    transform: translate(-50%, -50%);
+}
+
+.memori-blob figure img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}
+
+.memori-blob figure~.mainDiv {
+    opacity: 0.2;
+}
+
+@media (max-width: 768px) {
+    .memori-blob {
+        position: static;
+        display: flex;
+        width: 100%;
+        min-height: 120px;
+        align-items: center;
+        justify-content: center;
+        margin: 1.5rem 0 0.5rem;
+        text-align: center;
+    }
+
+    .memori-blob .mainDiv,
+    .memori-blob figure {
+        width: 120px;
+        height: 120px;
+    }
+
+    .memori-blob figure {
+        position: static;
+        transform: none;
+    }
+
+    .memori-blob .mainDiv:nth-of-type(1) {
+        --memori-blob-x: -5px;
+        --memori-blob-y: -5px;
+        --memori-blob-t: 37;
+    }
+
+    .memori-blob .mainDiv:nth-of-type(2) {
+        --memori-blob-x: -4px;
+        --memori-blob-y: -5px;
+        --memori-blob-t: 58;
+    }
+
+    .memori-blob .mainDiv:nth-of-type(3) {
+        --memori-blob-x: -3px;
+        --memori-blob-y: -2px;
+        --memori-blob-t: 46;
+    }
+
+    .memori-blob .mainDiv:nth-of-type(4) {
+        --memori-blob-x: -6px;
+        --memori-blob-y: -3px;
+        --memori-blob-t: 72;
+    }
+
+    .memori-blob .mainDiv:nth-of-type(5) {
+        --memori-blob-x: -6px;
+        --memori-blob-y: -3px;
+        --memori-blob-t: 62;
+    }
+}
+
+@media only screen and (max-height: 1080px) {
+    .memori-blob {
+        top: 30%;
+    }
+}
+
+@media only screen and (min-width: 1366px) and (min-height: 1024px) {
+    .memori-blob {
+        top: 30%;
+        left: 25%;
+    }
+}
+
+@media only screen and (min-width: 1740px) {
+    .memori-blob {
+        top: 30%;
+    }
+}
+
+@media only screen and (min-width: 2160px) {
+    .memori-blob {
+        top: 35%;
+    }
+}
+
+.memori-blob-container {
+    width: 100%;
+}
+
+@media (min-width: 870px) {
+    .memori-blob-container {
+        position: relative;
+        top: 50%;
+        width: 100%;
+        margin-bottom: auto;
+    }
+
+    .memori-blob {
+        top: 50%;
+        left: 50%;
+        width: 70%;
+        max-width: 300px;
+        height: 70%;
+        max-height: 300px;
+    }
+
+    .memori-blob figure {
+        width: 100%;
+        height: auto;
+    }
+
+    .memori-blob .mainDiv {
+        overflow: hidden;
+        width: 100%;
+        height: auto;
+        padding-top: 100%;
+    }
+}
+
+@media (max-width: 870px) {
+    .memori-blob-container {
+        position: static;
+        display: none;
+        width: 100%;
+    }
+
+    .memori-blob {
+        position: relative;
+    }
+}
+
+@media (max-width: 480px) {
+    .memori-blob-container {
+        display: none;
+    }
+}

package/dist/components/Blob/Blob.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './Blob.css';
+export interface Props {
+    avatar?: string;
+}
+declare const ExperienceBlob: ({ avatar }: Props) => JSX.Element;
+export default ExperienceBlob;

package/dist/components/Blob/Blob.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+require("./Blob.css");
+const ExperienceBlob = ({ avatar }) => {
+    return (react_1.default.createElement("div", { className: "memori-blob" },
+        avatar && (react_1.default.createElement("figure", null,
+            react_1.default.createElement("img", { src: avatar, alt: "", role: "presentation" }))),
+        react_1.default.createElement("div", { className: "mainDiv" }),
+        react_1.default.createElement("div", { className: "mainDiv" }),
+        react_1.default.createElement("div", { className: "mainDiv" }),
+        react_1.default.createElement("div", { className: "mainDiv" }),
+        react_1.default.createElement("div", { className: "mainDiv" })));
+};
+exports.default = ExperienceBlob;
+//# sourceMappingURL=Blob.js.map

package/dist/components/Blob/Blob.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blob.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,sBAAoB;AAMpB,MAAM,cAAc,GAAG,CAAC,EAAE,MAAM,EAAS,EAAE,EAAE;IAC3C,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QACzB,MAAM,IAAI,CACT;YACE,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,cAAc,GAAG,CACxC,CACV;QACD,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO;QAC/B,uCAAK,SAAS,EAAC,SAAS,GAAO,CAC3B,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

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

package/dist/components/Blob/Blob.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithAvatar = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Blob_1 = tslib_1.__importDefault(require("./Blob"));
+const meta = {
+    title: 'Blob',
+    component: Blob_1.default,
+    argTypes: {
+        avatar: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => (react_1.default.createElement("div", { style: { marginTop: '20vw' } },
+    react_1.default.createElement(Blob_1.default, { ...args })));
+exports.Default = Template.bind({});
+exports.Default.args = {};
+exports.WithAvatar = Template.bind({});
+exports.WithAvatar.args = {
+    avatar: 'https://avatars.githubusercontent.com/u/21101435?v=4',
+};
+//# sourceMappingURL=Blob.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blob.stories.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0DAAqC;AAErC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;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,CAAC,CACrC,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,8BAAC,cAAI,OAAK,IAAI,GAAI,CACd,CACP,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAEL,QAAA,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,kBAAU,CAAC,IAAI,GAAG;IAChB,MAAM,EAAE,sDAAsD;CAC/D,CAAC"}

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

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

package/dist/components/Blob/Blob.test.js

@@ -0,0 +1,15 @@
+"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 Blob_1 = tslib_1.__importDefault(require("./Blob"));
+it('renders Blob unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Blob_1.default, null));
+    expect(container).toMatchSnapshot();
+});
+it('renders Blob with avatar unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Blob_1.default, { avatar: "/images/logo.png" }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Blob.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blob.test.js","sourceRoot":"","sources":["../../../src/components/Blob/Blob.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,OAAG,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,oCAAoC,EAAE,GAAG,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,MAAM,EAAC,kBAAkB,GAAG,CAAC,CAAC;IACjE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.css

@@ -0,0 +1,40 @@
+.blocked-memori-badge--wrapper {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+}
+
+.blocked-memori-badge {
+    display: flex;
+    width: 1.75rem;
+    height: 1.75rem;
+    align-items: center;
+    justify-content: center;
+    border: 1.5px solid #ffe58f;
+    border-radius: 50%;
+    background: #fffbe6;
+}
+
+.blocked-memori-badge.margin-left {
+    margin-left: 0.5rem;
+}
+
+.blocked-memori-badge--icon {
+    width: 1rem;
+    height: 1rem;
+    color: #d48806;
+    cursor: pointer;
+    fill: currentColor;
+    font-size: 1rem;
+}
+
+.blocked-memori-badge--tooltip {
+    display: inline-flex;
+    align-items: center;
+    cursor: pointer;
+}
+
+.blocked-memori-badge--title {
+    margin-left: 0.5rem;
+}

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './BlockedMemoriBadge.css';
+export interface Props {
+    memoriName: string;
+    blockedUntil: string;
+    showGiverInfo?: boolean;
+    showTitle?: boolean;
+    marginLeft?: boolean;
+}
+declare const BlockedMemoriBadge: ({ memoriName, blockedUntil, showGiverInfo, showTitle, marginLeft, }: Props) => JSX.Element | null;
+export default BlockedMemoriBadge;

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Tooltip_1 = tslib_1.__importDefault(require("../ui/Tooltip"));
+const Warning_1 = tslib_1.__importDefault(require("../icons/Warning"));
+const react_i18next_1 = require("react-i18next");
+require("./BlockedMemoriBadge.css");
+const BlockedMemoriBadge = ({ memoriName, blockedUntil, showGiverInfo = false, showTitle = false, marginLeft = false, }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    const blockedUntilDate = new Date(blockedUntil);
+    return blockedUntilDate > new Date() ? (react_1.default.createElement(Tooltip_1.default, { className: "blocked-memori-badge--tooltip", content: react_1.default.createElement(react_1.default.Fragment, null,
+            !showGiverInfo &&
+                t('memoriBlockedAnon', {
+                    name: memoriName,
+                    date: new Intl.DateTimeFormat('it', {
+                        day: 'numeric',
+                        month: 'long',
+                        year: 'numeric',
+                    }).format(blockedUntilDate),
+                }),
+            showGiverInfo &&
+                t('memoriBlockedUntil', {
+                    date: new Intl.DateTimeFormat('it', {
+                        day: 'numeric',
+                        month: 'long',
+                        year: 'numeric',
+                    }).format(blockedUntilDate),
+                }),
+            showGiverInfo && ` ${t('memoriBlockedReasonExceedChats')}`,
+            showGiverInfo && react_1.default.createElement("br", null),
+            showGiverInfo && `\n${t('memoriBlockedGiverHelper')}`) },
+        react_1.default.createElement("div", { className: "blocked-memori-badge--wrapper" },
+            react_1.default.createElement("div", { className: `blocked-memori-badge ${marginLeft ? ` margin-left` : ''}` },
+                react_1.default.createElement(Warning_1.default, { className: "blocked-memori-badge--icon" })),
+            showTitle && (react_1.default.createElement("span", { className: "blocked-memori-badge--title" }, t('memoriBlockedTitle')))))) : null;
+};
+exports.default = BlockedMemoriBadge;
+//# sourceMappingURL=BlockedMemoriBadge.js.map

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockedMemoriBadge.js","sourceRoot":"","sources":["../../../src/components/BlockedMemoriBadge/BlockedMemoriBadge.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAAoC;AACpC,uEAAuC;AACvC,iDAA+C;AAE/C,oCAAkC;AAUlC,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,YAAY,EACZ,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,GACZ,EAAE,EAAE;IACV,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC;IAEhD,OAAO,gBAAgB,GAAG,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,CACrC,8BAAC,iBAAO,IACN,SAAS,EAAC,+BAA+B,EACzC,OAAO,EACL;YACG,CAAC,aAAa;gBACb,CAAC,CAAC,mBAAmB,EAAE;oBACrB,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;wBAClC,GAAG,EAAE,SAAS;wBACd,KAAK,EAAE,MAAM;wBACb,IAAI,EAAE,SAAS;qBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;iBAC5B,CAAC;YACH,aAAa;gBACZ,CAAC,CAAC,oBAAoB,EAAE;oBACtB,IAAI,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;wBAClC,GAAG,EAAE,SAAS;wBACd,KAAK,EAAE,MAAM;wBACb,IAAI,EAAE,SAAS;qBAChB,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;iBAC5B,CAAC;YACH,aAAa,IAAI,IAAI,CAAC,CAAC,gCAAgC,CAAC,EAAE;YAC1D,aAAa,IAAI,yCAAM;YACvB,aAAa,IAAI,KAAK,CAAC,CAAC,0BAA0B,CAAC,EAAE,CACrD;QAGL,uCAAK,SAAS,EAAC,+BAA+B;YAC5C,uCACE,SAAS,EAAE,wBAAwB,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE;gBAErE,8BAAC,iBAAO,IAAC,SAAS,EAAC,4BAA4B,GAAG,CAC9C;YACL,SAAS,IAAI,CACZ,wCAAM,SAAS,EAAC,6BAA6B,IAC1C,CAAC,CAAC,oBAAoB,CAAC,CACnB,CACR,CACG,CACE,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

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

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

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithMarginLeft = exports.WithTitle = exports.WithGiverInfo = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const BlockedMemoriBadge_1 = tslib_1.__importDefault(require("./BlockedMemoriBadge"));
+const meta = {
+    title: 'Blocked Memori Badge',
+    component: BlockedMemoriBadge_1.default,
+    argTypes: {},
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => react_1.default.createElement(BlockedMemoriBadge_1.default, { ...args });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memoriName: 'John Doe',
+    blockedUntil: '2051-01-01T00:00:00.000Z',
+};
+exports.WithGiverInfo = Template.bind({});
+exports.WithGiverInfo.args = {
+    memoriName: 'John Doe',
+    blockedUntil: '2051-01-01T00:00:00.000Z',
+    showGiverInfo: true,
+};
+exports.WithTitle = Template.bind({});
+exports.WithTitle.args = {
+    memoriName: 'John Doe',
+    blockedUntil: '2051-01-01T00:00:00.000Z',
+    showTitle: true,
+};
+exports.WithMarginLeft = Template.bind({});
+exports.WithMarginLeft.args = {
+    memoriName: 'John Doe',
+    blockedUntil: '2051-01-01T00:00:00.000Z',
+    marginLeft: true,
+};
+//# sourceMappingURL=BlockedMemoriBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockedMemoriBadge.stories.js","sourceRoot":"","sources":["../../../src/components/BlockedMemoriBadge/BlockedMemoriBadge.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,sFAAiE;AAEjE,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,4BAAkB;IAC7B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,4BAAkB,OAAK,IAAI,GAAI,CAAC;AAI3D,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0BAA0B;CACzC,CAAC;AAEW,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0BAA0B;IACxC,aAAa,EAAE,IAAI;CACpB,CAAC;AAEW,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,iBAAS,CAAC,IAAI,GAAG;IACf,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0BAA0B;IACxC,SAAS,EAAE,IAAI;CAChB,CAAC;AAEW,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,sBAAc,CAAC,IAAI,GAAG;IACpB,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,0BAA0B;IACxC,UAAU,EAAE,IAAI;CACjB,CAAC"}

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

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

package/dist/components/BlockedMemoriBadge/BlockedMemoriBadge.test.js

@@ -0,0 +1,23 @@
+"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 BlockedMemoriBadge_1 = tslib_1.__importDefault(require("./BlockedMemoriBadge"));
+it('renders BlockedMemoriBadge unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(BlockedMemoriBadge_1.default, { memoriName: "John Doe", blockedUntil: "2051-01-01T00:00:00.000Z" }));
+    expect(container).toMatchSnapshot();
+});
+it('renders BlockedMemoriBadge with giver info unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(BlockedMemoriBadge_1.default, { memoriName: "John Doe", blockedUntil: "2051-01-01T00:00:00.000Z", showGiverInfo: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders BlockedMemoriBadge with title unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(BlockedMemoriBadge_1.default, { memoriName: "John Doe", blockedUntil: "2051-01-01T00:00:00.000Z", showTitle: true }));
+    expect(container).toMatchSnapshot();
+});
+it('renders BlockedMemoriBadge with margin left unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(BlockedMemoriBadge_1.default, { memoriName: "John Doe", blockedUntil: "2051-01-01T00:00:00.000Z", marginLeft: true }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=BlockedMemoriBadge.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BlockedMemoriBadge.test.js","sourceRoot":"","sources":["../../../src/components/BlockedMemoriBadge/BlockedMemoriBadge.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sFAAsD;AAEtD,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;IAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,4BAAkB,IACjB,UAAU,EAAC,UAAU,EACrB,YAAY,EAAC,0BAA0B,GACvC,CACH,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,IAAA,cAAM,EAC1B,8BAAC,4BAAkB,IACjB,UAAU,EAAC,UAAU,EACrB,YAAY,EAAC,0BAA0B,EACvC,aAAa,SACb,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,4BAAkB,IACjB,UAAU,EAAC,UAAU,EACrB,YAAY,EAAC,0BAA0B,EACvC,SAAS,SACT,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AACH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,4BAAkB,IACjB,UAAU,EAAC,UAAU,EACrB,YAAY,EAAC,0BAA0B,EACvC,UAAU,SACV,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/ChangeMode/ChangeMode.css

@@ -0,0 +1,22 @@
+.memori--changeMode-instruct {
+    padding: 1rem;
+    border-radius: 5px;
+}
+
+.memori--changeMode-instruct-radio {
+    display: flex;
+}
+
+.memori--changeMode-instruct-radio-button:first-of-type button {
+    border-bottom-right-radius: 0;
+    border-top-right-radius: 0;
+}
+
+.memori--changeMode-instruct-radio-button:last-of-type button {
+    border-bottom-left-radius: 0;
+    border-top-left-radius: 0;
+}
+
+.memori--changeMode-instruct-radio-button[data-headlessui-state="checked"] button {
+    font-weight: 600;
+}

package/dist/components/ChangeMode/ChangeMode.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './ChangeMode.css';
+export interface Props {
+    instruct?: boolean;
+    onChangeMode: (mode: 'test' | 'instruct') => void;
+}
+declare const ChangeMode: React.FC<Props>;
+export default ChangeMode;

package/dist/components/ChangeMode/ChangeMode.js

@@ -0,0 +1,17 @@
+"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 react_i18next_1 = require("react-i18next");
+const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
+require("./ChangeMode.css");
+const ChangeMode = ({ instruct, onChangeMode }) => {
+    const { t } = (0, react_i18next_1.useTranslation)();
+    return (react_1.default.createElement("div", { className: "memori--changeMode-instruct" },
+        react_1.default.createElement(react_2.RadioGroup, { name: "instruct", value: instruct ? 'instruct' : 'test', defaultValue: instruct ? 'instruct' : 'test', className: "memori--changeMode-instruct-radio", onChange: onChangeMode },
+            react_1.default.createElement(react_2.RadioGroup.Option, { value: "instruct", className: "memori--changeMode-instruct-radio-button" }, ({ checked }) => (react_1.default.createElement(Button_1.default, { primary: checked }, t('widget.instruct') || 'Instruct'))),
+            react_1.default.createElement(react_2.RadioGroup.Option, { value: "test", className: "memori--changeMode-instruct-radio-button" }, ({ checked }) => (react_1.default.createElement(Button_1.default, { primary: checked }, t('widget.test') || 'Test'))))));
+};
+exports.default = ChangeMode;
+//# sourceMappingURL=ChangeMode.js.map

package/dist/components/ChangeMode/ChangeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeMode.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,6CAA+C;AAC/C,iDAA+C;AAC/C,kEAAkC;AAElC,4BAA0B;AAO1B,MAAM,UAAU,GAAoB,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAC,6BAA6B;QAC1C,8BAAC,kBAAU,IACT,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACrC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAC5C,SAAS,EAAC,mCAAmC,EAC7C,QAAQ,EAAE,YAAY;YAEtB,8BAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,0CAA0C,IAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,IACrB,CAAC,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAC5B,CACV,CACiB;YACpB,8BAAC,kBAAU,CAAC,MAAM,IAChB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,0CAA0C,IAEnD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChB,8BAAC,gBAAM,IAAC,OAAO,EAAE,OAAO,IAAG,CAAC,CAAC,aAAa,CAAC,IAAI,MAAM,CAAU,CAChE,CACiB,CACT,CACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

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

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

package/dist/components/ChangeMode/ChangeMode.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Instruct = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ChangeMode_1 = tslib_1.__importDefault(require("./ChangeMode"));
+const meta = {
+    title: 'Widget/Change Mode',
+    component: ChangeMode_1.default,
+    argTypes: {
+        instruct: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [instruct, setInstruct] = react_1.default.useState(args.instruct);
+    return (react_1.default.createElement(ChangeMode_1.default, { ...args, instruct: instruct, onChangeMode: mode => setInstruct(mode === 'instruct') }));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    instruct: false,
+};
+exports.Instruct = Template.bind({});
+exports.Instruct.args = {
+    instruct: true,
+};
+//# sourceMappingURL=ChangeMode.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeMode.stories.js","sourceRoot":"","sources":["../../../src/components/ChangeMode/ChangeMode.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;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,QAAQ,EAAE,WAAW,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE9D,OAAO,CACL,8BAAC,oBAAU,OACL,IAAI,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,KAAK,UAAU,CAAC,GACtD,CACH,CAAC;AACJ,CAAC,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAC"}

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

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

package/dist/components/ChangeMode/ChangeMode.test.js

@@ -0,0 +1,15 @@
+"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 ChangeMode_1 = tslib_1.__importDefault(require("./ChangeMode"));
+it('renders ChangeMode in test mode unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: false, onChangeMode: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+it('renders ChangeMode in instruct mode unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(ChangeMode_1.default, { instruct: true, onChangeMode: jest.fn() }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=ChangeMode.test.js.map