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

package/esm/components/AvatarView/index.js

@@ -0,0 +1,20 @@
+import React, { Suspense } from 'react';
+import Avatar from './components/avatar';
+import Loader from './components/loader';
+import { Canvas } from '@react-three/fiber';
+import { OrbitControls, SpotLight, Environment } from '@react-three/drei';
+import { isAndroid } from '../../helpers/utils';
+const defaultStyle = {
+    width: '250px',
+    height: '250px',
+    backgroundColor: 'white',
+    borderRadius: '100%',
+};
+export default function AvatarView({ url, fallbackImg, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, }) {
+    return (React.createElement(Canvas, { style: style || defaultStyle, camera: { fov: 40, position: [0, 0, 0.6] } },
+        React.createElement(Suspense, { fallback: fallback || React.createElement(Loader, { fallbackImg: fallbackImg }) },
+            isAndroid() ? (React.createElement(SpotLight, { distance: 100, position: [-0.3, 0.2, 1.25], angle: Math.PI / 2, attenuation: 5, anglePower: 5 })) : (React.createElement(Environment, { preset: "sunset" })),
+            rotateAvatar && React.createElement(OrbitControls, { enablePan: false, enableZoom: false }),
+            React.createElement(Avatar, { url: url, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking }))));
+}
+//# sourceMappingURL=index.js.map

package/esm/components/AvatarView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarView/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAahD,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,OAAO;IACxB,YAAY,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,GAAG,EACH,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACF;IACN,OAAO,CACL,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,IAAI,YAAY,EAC5B,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE;QAE1C,oBAAC,QAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,oBAAC,MAAM,IAAC,WAAW,EAAE,WAAW,GAAI;YACjE,SAAS,EAAE,CAAC,CAAC,CAAC,CACb,oBAAC,SAAS,IACR,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAC3B,KAAK,EAAE,IAAI,CAAC,EAAE,GAAG,CAAC,EAClB,WAAW,EAAE,CAAC,EACd,UAAU,EAAE,CAAC,GACb,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,MAAM,EAAC,QAAQ,GAAG,CAChC;YACA,YAAY,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI;YACvE,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACO,CACJ,CACV,CAAC;AACJ,CAAC"}

package/esm/components/AvatarView/utils/useEyeBlink.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useEyeBlink(enabled: boolean | undefined, nodes: Nodes): void;

package/esm/components/AvatarView/utils/useEyeBlink.js

@@ -0,0 +1,37 @@
+import { useEffect } from 'react';
+import { useFrame } from '@react-three/fiber';
+let blinkTime = 999;
+let timeout;
+let headMesh;
+let morphIndex = 0;
+const setNextBlink = () => {
+    blinkTime = 0;
+    timeout = setTimeout(setNextBlink, Math.random() * 5000 + 2000);
+};
+export default function useEyeBlink(enabled, nodes) {
+    useEffect(() => {
+        if (!enabled)
+            return;
+        headMesh = (nodes.Wolf3D_Head || nodes.Wolf3D_Avatar);
+        if ((headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetDictionary) && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            morphIndex = headMesh.morphTargetDictionary.eyesClosed;
+        }
+        timeout = setTimeout(setNextBlink, 3000);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [nodes, enabled]);
+    useFrame((_, delta) => {
+        if (!enabled)
+            return;
+        if (blinkTime < 2 && (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences)) {
+            let value = Math.abs(Math.sin((blinkTime * Math.PI) / 2));
+            blinkTime += delta * 10;
+            headMesh.morphTargetInfluences[morphIndex] = value;
+        }
+        else if (headMesh === null || headMesh === void 0 ? void 0 : headMesh.morphTargetInfluences) {
+            headMesh.morphTargetInfluences[morphIndex] = 0;
+        }
+    });
+}
+//# sourceMappingURL=useEyeBlink.js.map

package/esm/components/AvatarView/utils/useEyeBlink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEyeBlink.js","sourceRoot":"","sources":["../../../../src/components/AvatarView/utils/useEyeBlink.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,IAAI,SAAS,GAAW,GAAG,CAAC;AAC5B,IAAI,OAAuB,CAAC;AAE5B,IAAI,QAAqB,CAAC;AAC1B,IAAI,UAAU,GAAW,CAAC,CAAC;AAE3B,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,SAAS,GAAG,CAAC,CAAC;IACd,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,OAA4B,EAC5B,KAAY;IAEZ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,QAAQ,GAAG,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,aAAa,CAAgB,CAAC;QAErE,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACtE,UAAU,GAAG,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC;SACxD;QAED,OAAO,GAAG,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;QAEzC,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAErB,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;QACpB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,SAAS,GAAG,CAAC,KAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,CAAA,EAAE;YACpD,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAC1D,SAAS,IAAI,KAAK,GAAG,EAAE,CAAC;YACxB,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC;SACpD;aAAM,IAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,EAAE;YAC1C,QAAQ,CAAC,qBAAqB,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;SAChD;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/esm/components/AvatarView/utils/useHeadMovement.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useHeadMovement(enabled: boolean | undefined, nodes: Nodes): void;

package/esm/components/AvatarView/utils/useHeadMovement.js

@@ -0,0 +1,50 @@
+import { Vector2 } from 'three';
+import { useEffect } from 'react';
+import { lerp, mapRange } from './utils';
+import { useFrame, useThree } from '@react-three/fiber';
+const rad = Math.PI / 180;
+let reset = false;
+let timeout;
+const targetPos = new Vector2(0, 0);
+const currentPos = new Vector2(0, 0);
+const setResetTrue = () => {
+    timeout = setTimeout(() => {
+        reset = true;
+    }, 1000);
+};
+const setResetFalse = () => {
+    clearTimeout(timeout);
+    reset = false;
+};
+export default function useHeadMovement(enabled, nodes) {
+    const { gl } = useThree();
+    useEffect(() => {
+        if (!enabled)
+            return;
+        gl.domElement.addEventListener('mouseleave', setResetTrue);
+        gl.domElement.addEventListener('mouseenter', setResetFalse);
+        return () => {
+            gl.domElement.removeEventListener('mouseleave', setResetTrue);
+            gl.domElement.removeEventListener('mouseenter', setResetFalse);
+        };
+    }, [gl.domElement, enabled]);
+    useFrame(state => {
+        if (!enabled || !(nodes === null || nodes === void 0 ? void 0 : nodes.Neck) || !(nodes === null || nodes === void 0 ? void 0 : nodes.Head))
+            return;
+        const cameraRotation = Math.abs(state.camera.rotation.z);
+        if (!reset && cameraRotation < 0.2) {
+            targetPos.x = mapRange(state.mouse.y, -1, 1, 5 * rad, -5 * rad);
+            targetPos.y = mapRange(state.mouse.x, -1, 1, -10 * rad, 10 * rad);
+        }
+        else {
+            targetPos.set(0, 0);
+        }
+        currentPos.x = lerp(currentPos.x, targetPos.x);
+        currentPos.y = lerp(currentPos.y, targetPos.y);
+        nodes.Neck.rotation.x = currentPos.x + 0.1;
+        nodes.Neck.rotation.y = currentPos.y;
+        nodes.Head.rotation.x = currentPos.x * 2;
+        nodes.Head.rotation.y = currentPos.y * 2;
+    });
+}
+//# sourceMappingURL=useHeadMovement.js.map

package/esm/components/AvatarView/utils/useHeadMovement.js.map

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

package/esm/components/AvatarView/utils/useMouthSpeaking.d.ts

@@ -0,0 +1,2 @@
+import { Nodes } from './utils';
+export default function useMouthSpeaking(speaking: boolean | undefined, nodes: Nodes): void;

package/esm/components/AvatarView/utils/useMouthSpeaking.js

@@ -0,0 +1,55 @@
+import { useEffect } from 'react';
+import { useFrame } from '@react-three/fiber';
+let mouthMoveTime = 999;
+let timeout;
+let mouthMesh;
+let mouthOpenMorphIndex = 0;
+let mouthSmileMorphIndex = 0;
+let mouthFunnerMorphIndex = 0;
+let mouthPuckerMorphIndex = 0;
+const setNextMouthOpen = () => {
+    mouthMoveTime = 0;
+    timeout = setTimeout(setNextMouthOpen, Math.random() * 500);
+};
+export default function useMouthSpeaking(speaking, nodes) {
+    useEffect(() => {
+        if (!speaking)
+            return;
+        mouthMesh = (nodes.Wolf3D_Head || nodes.Wolf3D_Avatar);
+        if ((mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetDictionary) && (mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetInfluences)) {
+            mouthOpenMorphIndex = mouthMesh.morphTargetDictionary.mouthOpen;
+            mouthSmileMorphIndex = mouthMesh.morphTargetDictionary.mouthSmile;
+            mouthFunnerMorphIndex = mouthMesh.morphTargetDictionary.mouthFunner;
+            mouthPuckerMorphIndex = mouthMesh.morphTargetDictionary.mouthPucker;
+        }
+        timeout = setTimeout(setNextMouthOpen, 200);
+        return () => {
+            clearTimeout(timeout);
+        };
+    }, [nodes, speaking]);
+    useFrame((_, delta) => {
+        if (!speaking) {
+            if (mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetInfluences) {
+                mouthMesh.morphTargetInfluences[mouthOpenMorphIndex] = 0;
+                mouthMesh.morphTargetInfluences[mouthSmileMorphIndex] = 0;
+                mouthMesh.morphTargetInfluences[mouthFunnerMorphIndex] = 0;
+                mouthMesh.morphTargetInfluences[mouthPuckerMorphIndex] = 0;
+            }
+        }
+        else if (mouthMoveTime < 2 && (mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetInfluences)) {
+            let value = Math.abs(Math.sin((mouthMoveTime * Math.PI) / 2));
+            mouthMoveTime += delta * 10;
+            mouthMesh.morphTargetInfluences[mouthOpenMorphIndex] = value / 3;
+            mouthMesh.morphTargetInfluences[mouthSmileMorphIndex] = value / 10;
+            mouthMesh.morphTargetInfluences[mouthFunnerMorphIndex] = value / 7;
+            mouthMesh.morphTargetInfluences[mouthPuckerMorphIndex] = value / 5;
+        }
+        else if (mouthMesh === null || mouthMesh === void 0 ? void 0 : mouthMesh.morphTargetInfluences) {
+            mouthMesh.morphTargetInfluences[mouthOpenMorphIndex] = 0;
+            mouthMesh.morphTargetInfluences[mouthSmileMorphIndex] = 0;
+            mouthMesh.morphTargetInfluences[mouthFunnerMorphIndex] = 0;
+            mouthMesh.morphTargetInfluences[mouthPuckerMorphIndex] = 0;
+        }
+    });
+}
+//# sourceMappingURL=useMouthSpeaking.js.map

package/esm/components/AvatarView/utils/useMouthSpeaking.js.map

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

package/esm/components/AvatarView/utils/utils.d.ts

@@ -0,0 +1,13 @@
+import { Material, Object3D } from 'three';
+export interface Nodes {
+    [name: string]: Object3D;
+}
+export interface Materials {
+    [name: string]: Material;
+}
+export declare const clamp: (value: number, min: number, max: number) => number;
+export declare const lerp: (start: number, end: number, time?: number) => number;
+export declare const mapRange: (value: number, inMin: number, inMax: number, outMin: number, outMax: number) => number;
+export declare const hideHands: (nodes: Nodes) => void;
+export declare const correctMaterials: (materials: Materials) => void;
+export declare const isSkinnedMesh: (node: Object3D) => boolean;

package/esm/components/AvatarView/utils/utils.js

@@ -0,0 +1,33 @@
+import { LinearFilter } from 'three';
+export const clamp = (value, min, max) => {
+    return Math.min(Math.max(value, min), max);
+};
+export const lerp = (start, end, time = 0.05) => {
+    return start * (1 - time) + end * time;
+};
+export const mapRange = (value, inMin, inMax, outMin, outMax) => {
+    value = clamp(value, inMin, inMax);
+    return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
+};
+export const hideHands = (nodes) => {
+    if (nodes.Wolf3D_Hands) {
+        nodes.Wolf3D_Hands.visible = false;
+    }
+    if (nodes.RightHand && nodes.LeftHand) {
+        nodes.RightHand.position.set(0, -2, 0);
+        nodes.LeftHand.position.set(0, -2, 0);
+    }
+};
+export const correctMaterials = (materials) => {
+    Object.values(materials).forEach((material) => {
+        if (material.map)
+            material.map.minFilter = LinearFilter;
+        if (material)
+            material.depthWrite = true;
+    });
+};
+const SkinnedMeshType = 'SkinnedMesh';
+export const isSkinnedMesh = (node) => {
+    return node.type === SkinnedMeshType;
+};
+//# sourceMappingURL=utils.js.map

package/esm/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,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAUrC,MAAM,CAAC,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;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,KAAa,EACb,KAAa,EACb,KAAa,EACb,MAAc,EACd,MAAc,EACd,EAAE;IACF,KAAK,GAAG,KAAK,CAAC,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;AAEF,MAAM,CAAC,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;AAEF,MAAM,CAAC,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,YAAY,CAAC;QAGxD,IAAI,QAAQ;YAAE,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC;IAC3C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CAAC;AACtC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAc,EAAE,EAAE;IAC9C,OAAO,IAAI,CAAC,IAAI,KAAK,eAAe,CAAC;AACvC,CAAC,CAAC"}

package/esm/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/esm/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/esm/components/Blob/Blob.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import './Blob.css';
+const ExperienceBlob = ({ avatar }) => {
+    return (React.createElement("div", { className: "memori-blob" },
+        avatar && (React.createElement("figure", null,
+            React.createElement("img", { src: avatar, alt: "", role: "presentation" }))),
+        React.createElement("div", { className: "mainDiv" }),
+        React.createElement("div", { className: "mainDiv" }),
+        React.createElement("div", { className: "mainDiv" }),
+        React.createElement("div", { className: "mainDiv" }),
+        React.createElement("div", { className: "mainDiv" })));
+};
+export default ExperienceBlob;
+//# sourceMappingURL=Blob.js.map

package/esm/components/Blob/Blob.js.map

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

package/esm/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/esm/components/Blob/Blob.stories.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import Blob from './Blob';
+const meta = {
+    title: 'Blob',
+    component: Blob,
+    argTypes: {
+        avatar: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => (React.createElement("div", { style: { marginTop: '20vw' } },
+    React.createElement(Blob, { ...args })));
+export const Default = Template.bind({});
+Default.args = {};
+export const WithAvatar = Template.bind({});
+WithAvatar.args = {
+    avatar: 'https://avatars.githubusercontent.com/u/21101435?v=4',
+};
+//# sourceMappingURL=Blob.stories.js.map

package/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAe,MAAM,QAAQ,CAAC;AAErC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,IAAI;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,eAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,6BAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;IAC/B,oBAAC,IAAI,OAAK,IAAI,GAAI,CACd,CACP,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG,EAAE,CAAC;AAElB,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IAChB,MAAM,EAAE,sDAAsD;CAC/D,CAAC"}

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

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

package/esm/components/Blob/Blob.test.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Blob from './Blob';
+it('renders Blob unchanged', () => {
+    const { container } = render(React.createElement(Blob, null));
+    expect(container).toMatchSnapshot();
+});
+it('renders Blob with avatar unchanged', () => {
+    const { container } = render(React.createElement(Blob, { avatar: "/images/logo.png" }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Blob.test.js.map

package/esm/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,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,IAAI,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,MAAM,CAAC,oBAAC,IAAI,IAAC,MAAM,EAAC,kBAAkB,GAAG,CAAC,CAAC;IACjE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/esm/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/esm/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;