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

package/esm/components/Auth/Auth.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Auth from './Auth';
+it('renders Auth unchanged', () => {
+    const { container } = render(React.createElement(Auth, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: false, onFinish: () => Promise.resolve(), withModal: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Auth with tokens unchanged', () => {
+    const { container } = render(React.createElement(Auth, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Auth on tokens unchanged', () => {
+    const { container } = render(React.createElement(Auth, { pwdOrTokens: "tokens", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Auth with modal unchanged', () => {
+    const { container } = render(React.createElement(Auth, { pwdOrTokens: "password", setPwdOrTokens: () => { }, minimumNumberOfRecoveryTokens: 2, showTokens: true, onFinish: () => Promise.resolve(), withModal: true }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Auth.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.test.js","sourceRoot":"","sources":["../../../src/components/Auth/Auth.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,CAC1B,oBAAC,IAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;IACF,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,CAC1B,oBAAC,IAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,IAAI,IACH,WAAW,EAAC,QAAQ,EACpB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,IAAI,IACH,WAAW,EAAC,UAAU,EACtB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC,EACxB,6BAA6B,EAAE,CAAC,EAChC,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACjC,SAAS,EAAE,IAAI,GACf,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/esm/components/Avatar/Avatar.css

@@ -0,0 +1,151 @@
+@media (min-width: 870px) {
+    .memori--blob-container {
+        position: relative;
+        top: 50%;
+        width: 100%;
+        margin-bottom: auto;
+    }
+
+    .memori--blob-container .memori-blob {
+        top: 50%;
+        left: 50%;
+        width: 70%;
+        max-width: 300px;
+        height: 70%;
+        max-height: 300px;
+    }
+
+    .memori--blob-container .memori-blob figure {
+        width: 100%;
+        height: auto;
+        aspect-ratio: 1;
+    }
+
+    .memori--blob-container .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-container .memori-blob {
+        position: relative;
+    }
+}
+
+@media (max-width: 480px) {
+    .memori--blob-container {
+        display: none;
+    }
+}
+
+.memori--avatar-wrapper {
+    z-index: 100;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+}
+
+.memori--avatar-wrapper.hidden {
+    display: none;
+}
+
+@media (max-width: 870px) {
+
+    .memori--avatar-wrapper div,
+    .memori--avatar-wrapper canvas,
+    .memori--avatar-wrapper model-viewer {
+        width: 150px !important;
+        height: 150px !important;
+    }
+
+    .memori--avatar-wrapper model-viewer {
+        margin-top: 2rem;
+    }
+
+    .memori--avatar-wrapper div {
+        top: 1rem;
+    }
+}
+
+@media (orientation: landscape) and (max-width: 870px) {
+    .memori--avatar-wrapper {
+        display: none;
+    }
+}
+
+.memori--avatar-wrapper .avatar-loader figure {
+    width: 100%;
+    height: 300px;
+}
+
+.memori--avatar-wrapper .avatar-loader figure img {
+    width: 250px;
+    height: 250px;
+}
+
+@media (max-width: 870px) {
+    .memori--avatar-wrapper .avatar-loader figure img {
+        width: 150px;
+        height: 150px;
+    }
+}
+
+.memori--avatar-wrapper .avatar-loader figcaption {
+    max-height: 50px;
+    font-size: 0.8em;
+    text-align: center;
+}
+
+.memori--avatar-toggle {
+    position: absolute;
+    z-index: 1001;
+    top: 0;
+    right: 0;
+    display: inline-flex;
+    align-items: center;
+    text-align: right;
+}
+
+@media (min-width: 871px) {
+    .memori--avatar-toggle {
+        display: none;
+    }
+}
+
+.memori--avatar-toggle button.memori-button {
+    color: var(--memori-primary, #1890ff);
+}
+
+.memori--avatar-toggle .memori--avatar-toggle-text {
+    font-size: 0.85em;
+}
+
+.memori--avatar-link-to-integrations {
+    position: absolute;
+    z-index: 101;
+    top: 0;
+    left: 0;
+    display: flex;
+    width: 100%;
+    height: 100%;
+    align-items: flex-start;
+    justify-content: flex-start;
+    padding: 2rem;
+}
+
+@media (max-width: 768px) {
+    .memori--avatar-link-to-integrations {
+        display: none;
+    }
+}

package/esm/components/Avatar/Avatar.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Integration, Memori, Tenant } from '@memori.ai/memori-api-client/dist/types';
+import './Avatar.css';
+export interface Props {
+    memori: Memori;
+    integration?: Integration;
+    integrationConfig?: {
+        [key: string]: any;
+    };
+    tenant?: Tenant;
+    instruct?: boolean;
+    hasUserActivatedSpeak?: boolean;
+    avatar3dVisible?: boolean;
+    setAvatar3dVisible: (visible: boolean) => void;
+    isPlayingAudio?: boolean;
+    baseUrl?: string;
+}
+declare const Avatar: React.FC<Props>;
+export default Avatar;

package/esm/components/Avatar/Avatar.js

@@ -0,0 +1,77 @@
+import React, { useEffect, useState } from 'react';
+import ErrorBoundary from '../ErrorBoundary/ErrorBoundary';
+import Tooltip from '../ui/Tooltip';
+import AvatarView from '../AvatarView';
+import { getResourceUrl } from '../../helpers/media';
+import Blob from '../Blob/Blob';
+import ModelViewer from '../CustomGLBModelViewer/ModelViewer';
+import Button from '../ui/Button';
+import { useTranslation } from 'react-i18next';
+import Eye from '../icons/Eye';
+import EyeInvisible from '../icons/EyeInvisible';
+import Edit from '../icons/Edit';
+import cx from 'classnames';
+import './Avatar.css';
+const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = false, avatar3dVisible = false, setAvatar3dVisible, hasUserActivatedSpeak = false, isPlayingAudio = false, baseUrl, }) => {
+    const { t } = useTranslation();
+    const [isClient, setIsClient] = useState(false);
+    useEffect(() => {
+        setIsClient(true);
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        ((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
+            (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: cx('memori--avatar-wrapper', {
+                    hidden: !avatar3dVisible,
+                }) },
+                isClient && integrationConfig.avatar === 'readyplayerme' && (React.createElement(ErrorBoundary, { fallback: React.createElement("div", { className: "memori--blob-container" }, isClient && (React.createElement(Blob, { avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
+                            memori.avatarURL &&
+                            memori.avatarURL.length > 0
+                            ? getResourceUrl({
+                                type: 'avatar',
+                                tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                                resourceURI: memori.avatarURL,
+                                baseURL: baseUrl,
+                            })
+                            : undefined }))) },
+                    React.createElement(AvatarView, { url: integrationConfig.avatarURL, fallbackImg: getResourceUrl({
+                            type: 'avatar',
+                            tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                            resourceURI: memori.avatarURL,
+                            baseURL: baseUrl,
+                        }), headMovement: true, eyeBlink: true, speaking: isPlayingAudio, style: {
+                            width: '300px',
+                            height: '300px',
+                            backgroundColor: 'none',
+                            borderRadius: '100%',
+                            boxShadow: 'none',
+                        } }))),
+                isClient && integrationConfig.avatar === 'customglb' && (React.createElement(ModelViewer, { poster: getResourceUrl({
+                        type: 'avatar',
+                        tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                        resourceURI: memori.avatarURL,
+                        baseURL: baseUrl,
+                    }), src: integrationConfig.avatarURL, alt: "" }))),
+            React.createElement("div", { className: "memori--avatar-toggle" },
+                React.createElement(Button, { ghost: true, onClick: () => setAvatar3dVisible(!avatar3dVisible), icon: avatar3dVisible ? React.createElement(EyeInvisible, null) : React.createElement(Eye, null) },
+                    React.createElement("span", { className: "memori--avatar-toggle-text" }, avatar3dVisible ? t('hide') : t('show')))))) : (React.createElement("div", { className: "memori--blob-container" }, isClient && (React.createElement(Blob, { avatar: (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'userAvatar' &&
+                memori.avatarURL &&
+                memori.avatarURL.length > 0
+                ? getResourceUrl({
+                    type: 'avatar',
+                    tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
+                    resourceURI: memori.avatarURL,
+                    baseURL: baseUrl,
+                })
+                : undefined })))),
+        instruct && !hasUserActivatedSpeak && memori.isGiver && (tenant === null || tenant === void 0 ? void 0 : tenant.id) && (React.createElement("div", { className: "memori--avatar-link-to-integrations" },
+            React.createElement("a", { className: "memori-button memori-button--circle memori-button--outlined", href: `https://${tenant.id}/${memori.culture === 'it-IT' ? 'it' : 'en'}/${memori.ownerUserName}/${memori.name}/integrations${(integration === null || integration === void 0 ? void 0 : integration.integrationID)
+                    ? `?integration=${integration.integrationID}&openAvatarModal=true`
+                    : ''}` },
+                React.createElement(Tooltip, { content: t('widgetgoToIntegrationsToCustomizeAvatar') },
+                    React.createElement("span", { className: "memori-button--icon" },
+                        React.createElement(Edit, null))))))));
+};
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/esm/components/Avatar/Avatar.js.map

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

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

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

package/esm/components/Avatar/Avatar.stories.js

@@ -0,0 +1,88 @@
+var _a;
+import React from 'react';
+import { memori, tenant, integration } from '../../mocks/data';
+import Avatar from './Avatar';
+const meta = {
+    title: 'Widget/Avatar',
+    component: Avatar,
+    argTypes: {
+        avatar3dVisible: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const integrationConfig = JSON.parse((_a = integration.customData) !== null && _a !== void 0 ? _a : '{}');
+const Template = args => {
+    var _a, _b, _c, _d;
+    const [avatar3dVisible, setAvatar3dVisible] = React.useState(args.avatar3dVisible);
+    return (React.createElement("div", { style: ((_a = args.integrationConfig) === null || _a === void 0 ? void 0 : _a.avatar) === 'customglb' ||
+            ((_b = args.integrationConfig) === null || _b === void 0 ? void 0 : _b.avatar) === 'readyplayerme'
+            ? {}
+            : { marginTop: '20vw' } },
+        React.createElement(Avatar, { ...args, integrationConfig: args.integrationConfig
+                ? {
+                    ...args.integrationConfig,
+                    avatarURL: ((_d = (_c = args.integrationConfig.avatarURL) === null || _c === void 0 ? void 0 : _c.split('#')) === null || _d === void 0 ? void 0 : _d[0]) +
+                        `#${new Date(Date.now()).toISOString()}`,
+                }
+                : undefined, avatar3dVisible: avatar3dVisible, setAvatar3dVisible: setAvatar3dVisible, key: Date.now() })));
+};
+export const Default = Template.bind({});
+Default.args = {
+    memori,
+    tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+};
+export const AvatarInBlob = Template.bind({});
+AvatarInBlob.args = {
+    memori,
+    tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+    integrationConfig: {
+        ...integrationConfig,
+        avatar: 'userAvatar',
+        avatarURL: memori.avatarURL,
+    },
+};
+export const CustomGLBModel = Template.bind({});
+CustomGLBModel.args = {
+    memori,
+    tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+    integrationConfig: {
+        ...integrationConfig,
+        avatar: 'customglb',
+        avatarURL: 'https://assets.memori.ai/api/v2/asset/7383f05a-0788-49b0-b9b9-3bfc402c7ddf.glb#1669136149862',
+    },
+};
+export const ReadyPlayerMeAvatar = Template.bind({});
+ReadyPlayerMeAvatar.args = {
+    memori,
+    tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+    integration,
+    integrationConfig,
+};
+//# sourceMappingURL=Avatar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.stories.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,MAAiB,MAAM,UAAU,CAAC;AAEzC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,eAAe,EAAE;YACf,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,WAAW,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC;AAErE,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC1D,IAAI,CAAC,eAAe,CACrB,CAAC;IAEF,OAAO,CACL,6BACE,KAAK,EACH,CAAA,MAAA,IAAI,CAAC,iBAAiB,0CAAE,MAAM,MAAK,WAAW;YAC9C,CAAA,MAAA,IAAI,CAAC,iBAAiB,0CAAE,MAAM,MAAK,eAAe;YAChD,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE;QAG3B,oBAAC,MAAM,OACD,IAAI,EACR,iBAAiB,EACf,IAAI,CAAC,iBAAiB;gBACpB,CAAC,CAAC;oBACE,GAAG,IAAI,CAAC,iBAAiB;oBACzB,SAAS,EACP,CAAA,MAAA,MAAA,IAAI,CAAC,iBAAiB,CAAC,SAAS,0CAAE,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC;wBACjD,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE,EAAE;iBAC3C;gBACH,CAAC,CAAC,SAAS,EAEf,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,EACtC,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GACf,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACb,MAAM;IACN,MAAM;IACN,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5B,qBAAqB,EAAE,KAAK;IAC5B,cAAc,EAAE,KAAK;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IAClB,MAAM;IACN,MAAM;IACN,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5B,qBAAqB,EAAE,KAAK;IAC5B,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE;QACjB,GAAG,iBAAiB;QACpB,MAAM,EAAE,YAAY;QACpB,SAAS,EAAE,MAAM,CAAC,SAAS;KAC5B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACpB,MAAM;IACN,MAAM;IACN,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5B,qBAAqB,EAAE,KAAK;IAC5B,cAAc,EAAE,KAAK;IACrB,iBAAiB,EAAE;QACjB,GAAG,iBAAiB;QACpB,MAAM,EAAE,WAAW;QACnB,SAAS,EACP,8FAA8F;KACjG;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IACzB,MAAM;IACN,MAAM;IACN,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC5B,qBAAqB,EAAE,KAAK;IAC5B,cAAc,EAAE,KAAK;IACrB,WAAW;IACX,iBAAiB;CAClB,CAAC"}

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

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

package/esm/components/Avatar/Avatar.test.js

@@ -0,0 +1,35 @@
+var _a;
+import React from 'react';
+import { render } from '@testing-library/react';
+import { memori, tenant, integration } from '../../mocks/data';
+import Avatar from './Avatar';
+const integrationConfig = JSON.parse((_a = integration.customData) !== null && _a !== void 0 ? _a : '{}');
+it('renders defualt Avatar (blob) unchanged', () => {
+    const { container } = render(React.createElement(Avatar, { memori: memori, tenant: tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Avatar with blob and avatar in blob unchanged', () => {
+    const { container } = render(React.createElement(Avatar, { memori: memori, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'userAvatar',
+            avatarURL: memori.avatarURL,
+        }, tenant: tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Avatar with custom glb model unchanged', () => {
+    const { container } = render(React.createElement(Avatar, { memori: memori, integration: integration, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'customglb',
+            avatarURL: 'https://assets.memori.ai/api/v2/asset/7383f05a-0788-49b0-b9b9-3bfc402c7ddf.glb#1669136149862',
+        }, tenant: tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Avatar with rpm 3d avatar unchanged', () => {
+    const { container } = render(React.createElement(Avatar, { memori: memori, integration: integration, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'readyplayerme',
+            avatarURL: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+        }, tenant: tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Avatar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.test.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.test.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,WAAW,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC;AAErE,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC5B,qBAAqB,EAAE,KAAK,EAC5B,cAAc,EAAE,KAAK,GACrB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,YAAY;YACpB,SAAS,EAAE,MAAM,CAAC,SAAS;SAC5B,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC5B,qBAAqB,EAAE,KAAK,EAC5B,cAAc,EAAE,KAAK,GACrB,CACH,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,MAAM,IACL,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,WAAW;YACnB,SAAS,EACP,8FAA8F;SACjG,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC5B,qBAAqB,EAAE,KAAK,EAC5B,cAAc,EAAE,KAAK,GACrB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,6CAA6C,EAAE,GAAG,EAAE;IACrD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,eAAe;YACvB,SAAS,EACP,gFAAgF;SACnF,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,KAAK,EACf,eAAe,EAAE,IAAI,EACrB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAC5B,qBAAqB,EAAE,KAAK,EAC5B,cAAc,EAAE,KAAK,GACrB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './index';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const EyeBlink: Story<Props>;
+export declare const HeadMovement: Story<Props>;
+export declare const RotateAvatar: Story<Props>;
+export declare const Speaking: Story<Props>;

package/esm/components/AvatarView/AvatarView.stories.js

@@ -0,0 +1,90 @@
+import React from 'react';
+import AvatarView from './index';
+const meta = {
+    title: 'RPM 3D Avatar',
+    component: AvatarView,
+    argTypes: {
+        url: {
+            control: {
+                type: 'text',
+            },
+        },
+        rotateAvatar: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        eyeBlink: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        headMovement: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        speaking: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+export default meta;
+const Template = args => {
+    const [hydrated, setHydrated] = React.useState(false);
+    React.useEffect(() => {
+        setHydrated(true);
+    }, []);
+    return hydrated ? (React.createElement(AvatarView, { ...args, url: args.url + `#${new Date(Date.now()).toISOString()}`, key: Date.now() })) : (React.createElement(React.Fragment, null));
+};
+export const Default = Template.bind({});
+Default.args = {
+    eyeBlink: false,
+    headMovement: false,
+    rotateAvatar: false,
+    speaking: false,
+    url: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+    fallbackImg: 'https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png',
+};
+export const EyeBlink = Template.bind({});
+EyeBlink.args = {
+    eyeBlink: true,
+    headMovement: false,
+    rotateAvatar: false,
+    speaking: false,
+    url: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+    fallbackImg: 'https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png',
+};
+export const HeadMovement = Template.bind({});
+HeadMovement.args = {
+    eyeBlink: false,
+    headMovement: true,
+    rotateAvatar: false,
+    speaking: false,
+    url: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+    fallbackImg: 'https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png',
+};
+export const RotateAvatar = Template.bind({});
+RotateAvatar.args = {
+    eyeBlink: false,
+    headMovement: false,
+    rotateAvatar: true,
+    speaking: false,
+    url: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+    fallbackImg: 'https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png',
+};
+export const Speaking = Template.bind({});
+Speaking.args = {
+    eyeBlink: false,
+    headMovement: false,
+    rotateAvatar: false,
+    speaking: true,
+    url: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+    fallbackImg: 'https://assets.memori.ai/api/v2/asset/d8035229-08cf-42a7-a532-ab051df2603d.png',
+};
+//# sourceMappingURL=AvatarView.stories.js.map

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface AvatarProps {
+    url: string;
+    eyeBlink?: boolean;
+    headMovement?: boolean;
+    speaking?: boolean;
+    onLoaded?: () => void;
+}
+export default function Avatar({ url, eyeBlink, headMovement, speaking, onLoaded, }: AvatarProps): JSX.Element;
+export {};

package/esm/components/AvatarView/components/avatar.js

@@ -0,0 +1,34 @@
+import React, { useEffect } from 'react';
+import { Vector3 } from 'three';
+import { useGLTF } from '@react-three/drei';
+import useEyeBlink from '../utils/useEyeBlink';
+import useHeadMovement from '../utils/useHeadMovement';
+import useMouthSpeaking from '../utils/useMouthSpeaking';
+import { dispose, useGraph } from '@react-three/fiber';
+import { correctMaterials, hideHands, isSkinnedMesh } from '../utils/utils';
+const position = new Vector3(0, -0.6, 0);
+export default function Avatar({ url, eyeBlink, headMovement, speaking, onLoaded, }) {
+    const { scene } = useGLTF(url);
+    const { nodes, materials } = useGraph(scene);
+    useEyeBlink(eyeBlink, nodes);
+    useHeadMovement(headMovement, nodes);
+    useMouthSpeaking(!!speaking, nodes);
+    useEffect(() => {
+        hideHands(nodes);
+        correctMaterials(materials);
+        if (onLoaded)
+            onLoaded();
+        return () => {
+            Object.values(materials).forEach(dispose);
+            Object.values(nodes)
+                .filter(isSkinnedMesh)
+                .forEach(dispose);
+        };
+    }, [materials, nodes, url, onLoaded]);
+    return (React.createElement("group", { position: position },
+        React.createElement("primitive", { key: "armature", object: nodes.Hips }),
+        Object.values(nodes)
+            .filter(isSkinnedMesh)
+            .map((node) => (React.createElement("primitive", { key: node.name, object: node, receiveShadow: true, castShadow: true })))));
+}
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/AvatarView/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAY,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAC/C,OAAO,eAAe,MAAM,0BAA0B,CAAC;AACvD,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAU5E,MAAM,QAAQ,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACI;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7C,WAAW,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC7B,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAE5B,IAAI,QAAQ;YAAE,QAAQ,EAAE,CAAC;QAEzB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;iBACjB,MAAM,CAAC,aAAa,CAAC;iBACrB,OAAO,CAAC,OAAO,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,+BAAO,QAAQ,EAAE,QAAQ;QACvB,mCAAW,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,GAAI;QAC/C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;aAClB,MAAM,CAAC,aAAa,CAAC;aACrB,GAAG,CAAC,CAAC,IAAc,EAAE,EAAE,CAAC,CACvB,mCAAW,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,QAAC,UAAU,SAAG,CACrE,CAAC,CACE,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface Props {
+    fallbackImg?: string;
+}
+declare const Loader: ({ fallbackImg }: Props) => JSX.Element;
+export default Loader;

package/esm/components/AvatarView/components/loader.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Html, useProgress } from '@react-three/drei';
+const Loader = ({ fallbackImg }) => {
+    const { progress } = useProgress();
+    return (React.createElement(Html, { center: true, className: "avatar-loader" }, fallbackImg ? (React.createElement("figure", null,
+        React.createElement("img", { src: fallbackImg, alt: `${Math.round(progress)}% loaded`, title: `${Math.round(progress)}% loaded` }),
+        React.createElement("figcaption", null, `${Math.round(progress)}%`))) : (React.createElement(React.Fragment, null,
+        Math.round(progress),
+        " % loaded"))));
+};
+export default Loader;
+//# sourceMappingURL=loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../../../src/components/AvatarView/components/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAMtD,MAAM,MAAM,GAAG,CAAC,EAAE,WAAW,EAAS,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,OAAO,CACL,oBAAC,IAAI,IAAC,MAAM,QAAC,SAAS,EAAC,eAAe,IACnC,WAAW,CAAC,CAAC,CAAC,CACb;QACE,6BACE,GAAG,EAAE,WAAW,EAChB,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,EACtC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,GACxC;QACF,wCAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAc,CAC9C,CACV,CAAC,CAAC,CAAC,CACF;QAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAAa,CACrC,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,13 @@
+import { CSSProperties } from 'react';
+import React from 'react';
+export interface Props {
+    url: string;
+    fallbackImg?: string;
+    eyeBlink?: boolean;
+    headMovement?: boolean;
+    rotateAvatar?: boolean;
+    speaking?: boolean;
+    style?: CSSProperties;
+    fallback?: React.ReactNode;
+}
+export default function AvatarView({ url, fallbackImg, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, }: Props): JSX.Element;