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

package/dist/components/Avatar/Avatar.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReadyPlayerMeAvatar = exports.CustomGLBModel = exports.AvatarInBlob = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const data_1 = require("../../mocks/data");
+const Avatar_1 = tslib_1.__importDefault(require("./Avatar"));
+const meta = {
+    title: 'Widget/Avatar',
+    component: Avatar_1.default,
+    argTypes: {
+        avatar3dVisible: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const integrationConfig = JSON.parse((_a = data_1.integration.customData) !== null && _a !== void 0 ? _a : '{}');
+const Template = args => {
+    var _a, _b, _c, _d;
+    const [avatar3dVisible, setAvatar3dVisible] = react_1.default.useState(args.avatar3dVisible);
+    return (react_1.default.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_1.default.createElement(Avatar_1.default, { ...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() })));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+};
+exports.AvatarInBlob = Template.bind({});
+exports.AvatarInBlob.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+    integrationConfig: {
+        ...integrationConfig,
+        avatar: 'userAvatar',
+        avatarURL: data_1.memori.avatarURL,
+    },
+};
+exports.CustomGLBModel = Template.bind({});
+exports.CustomGLBModel.args = {
+    memori: data_1.memori,
+    tenant: data_1.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',
+    },
+};
+exports.ReadyPlayerMeAvatar = Template.bind({});
+exports.ReadyPlayerMeAvatar.args = {
+    memori: data_1.memori,
+    tenant: data_1.tenant,
+    instruct: false,
+    avatar3dVisible: true,
+    setAvatar3dVisible: () => { },
+    hasUserActivatedSpeak: false,
+    isPlayingAudio: false,
+    integration: data_1.integration,
+    integrationConfig,
+};
+//# sourceMappingURL=Avatar.stories.js.map

package/dist/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,0DAA0B;AAE1B,2CAA+D;AAC/D,8DAAyC;AAEzC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,gBAAM;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,kBAAe,IAAI,CAAC;AAEpB,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,kBAAW,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC;AAErE,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE;;IACpC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAC1D,IAAI,CAAC,eAAe,CACrB,CAAC;IAEF,OAAO,CACL,uCACE,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,8BAAC,gBAAM,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;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;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;AAEW,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,oBAAY,CAAC,IAAI,GAAG;IAClB,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;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,aAAM,CAAC,SAAS;KAC5B;CACF,CAAC;AAEW,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,sBAAc,CAAC,IAAI,GAAG;IACpB,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;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;AAEW,QAAA,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,2BAAmB,CAAC,IAAI,GAAG;IACzB,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;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,EAAX,kBAAW;IACX,iBAAiB;CAClB,CAAC"}

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

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

package/dist/components/Avatar/Avatar.test.js

@@ -0,0 +1,38 @@
+"use strict";
+var _a;
+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 Avatar_1 = tslib_1.__importDefault(require("./Avatar"));
+const integrationConfig = JSON.parse((_a = data_1.integration.customData) !== null && _a !== void 0 ? _a : '{}');
+it('renders defualt Avatar (blob) unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Avatar_1.default, { memori: data_1.memori, tenant: data_1.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 } = (0, react_2.render)(react_1.default.createElement(Avatar_1.default, { memori: data_1.memori, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'userAvatar',
+            avatarURL: data_1.memori.avatarURL,
+        }, tenant: data_1.tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Avatar with custom glb model unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Avatar_1.default, { memori: data_1.memori, integration: data_1.integration, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'customglb',
+            avatarURL: 'https://assets.memori.ai/api/v2/asset/7383f05a-0788-49b0-b9b9-3bfc402c7ddf.glb#1669136149862',
+        }, tenant: data_1.tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+it('renders Avatar with rpm 3d avatar unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Avatar_1.default, { memori: data_1.memori, integration: data_1.integration, integrationConfig: {
+            ...integrationConfig,
+            avatar: 'readyplayerme',
+            avatarURL: 'https://assets.memori.ai/api/v2/asset/b791f77c-1a94-4272-829e-eca82fcc62b7.glb',
+        }, tenant: data_1.tenant, instruct: false, avatar3dVisible: true, setAvatar3dVisible: () => { }, hasUserActivatedSpeak: false, isPlayingAudio: false }));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Avatar.test.js.map

package/dist/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,0DAA0B;AAC1B,kDAAgD;AAChD,2CAA+D;AAC/D,8DAA8B;AAE9B,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,kBAAW,CAAC,UAAU,mCAAI,IAAI,CAAC,CAAC;AAErE,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,gBAAM,IACL,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,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,IAAA,cAAM,EAC1B,8BAAC,gBAAM,IACL,MAAM,EAAE,aAAM,EACd,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,YAAY;YACpB,SAAS,EAAE,aAAM,CAAC,SAAS;SAC5B,EACD,MAAM,EAAE,aAAM,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,IAAA,cAAM,EAC1B,8BAAC,gBAAM,IACL,MAAM,EAAE,aAAM,EACd,WAAW,EAAE,kBAAW,EACxB,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,WAAW;YACnB,SAAS,EACP,8FAA8F;SACjG,EACD,MAAM,EAAE,aAAM,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,IAAA,cAAM,EAC1B,8BAAC,gBAAM,IACL,MAAM,EAAE,aAAM,EACd,WAAW,EAAE,kBAAW,EACxB,iBAAiB,EAAE;YACjB,GAAG,iBAAiB;YACpB,MAAM,EAAE,eAAe;YACvB,SAAS,EACP,gFAAgF;SACnF,EACD,MAAM,EAAE,aAAM,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/dist/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/dist/components/AvatarView/AvatarView.stories.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Speaking = exports.RotateAvatar = exports.HeadMovement = exports.EyeBlink = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const index_1 = tslib_1.__importDefault(require("./index"));
+const meta = {
+    title: 'RPM 3D Avatar',
+    component: index_1.default,
+    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 },
+    },
+};
+exports.default = meta;
+const Template = args => {
+    const [hydrated, setHydrated] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        setHydrated(true);
+    }, []);
+    return hydrated ? (react_1.default.createElement(index_1.default, { ...args, url: args.url + `#${new Date(Date.now()).toISOString()}`, key: Date.now() })) : (react_1.default.createElement(react_1.default.Fragment, null));
+};
+exports.Default = Template.bind({});
+exports.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',
+};
+exports.EyeBlink = Template.bind({});
+exports.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',
+};
+exports.HeadMovement = Template.bind({});
+exports.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',
+};
+exports.RotateAvatar = Template.bind({});
+exports.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',
+};
+exports.Speaking = Template.bind({});
+exports.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/dist/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/dist/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/dist/components/AvatarView/components/avatar.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const three_1 = require("three");
+const drei_1 = require("@react-three/drei");
+const useEyeBlink_1 = tslib_1.__importDefault(require("../utils/useEyeBlink"));
+const useHeadMovement_1 = tslib_1.__importDefault(require("../utils/useHeadMovement"));
+const useMouthSpeaking_1 = tslib_1.__importDefault(require("../utils/useMouthSpeaking"));
+const fiber_1 = require("@react-three/fiber");
+const utils_1 = require("../utils/utils");
+const position = new three_1.Vector3(0, -0.6, 0);
+function Avatar({ url, eyeBlink, headMovement, speaking, onLoaded, }) {
+    const { scene } = (0, drei_1.useGLTF)(url);
+    const { nodes, materials } = (0, fiber_1.useGraph)(scene);
+    (0, useEyeBlink_1.default)(eyeBlink, nodes);
+    (0, useHeadMovement_1.default)(headMovement, nodes);
+    (0, useMouthSpeaking_1.default)(!!speaking, nodes);
+    (0, react_1.useEffect)(() => {
+        (0, utils_1.hideHands)(nodes);
+        (0, utils_1.correctMaterials)(materials);
+        if (onLoaded)
+            onLoaded();
+        return () => {
+            Object.values(materials).forEach(fiber_1.dispose);
+            Object.values(nodes)
+                .filter(utils_1.isSkinnedMesh)
+                .forEach(fiber_1.dispose);
+        };
+    }, [materials, nodes, url, onLoaded]);
+    return (react_1.default.createElement("group", { position: position },
+        react_1.default.createElement("primitive", { key: "armature", object: nodes.Hips }),
+        Object.values(nodes)
+            .filter(utils_1.isSkinnedMesh)
+            .map((node) => (react_1.default.createElement("primitive", { key: node.name, object: node, receiveShadow: true, castShadow: true })))));
+}
+exports.default = Avatar;
+//# sourceMappingURL=avatar.js.map

package/dist/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,uDAAyC;AACzC,iCAA0C;AAC1C,4CAA4C;AAC5C,+EAA+C;AAC/C,uFAAuD;AACvD,yFAAyD;AACzD,8CAAuD;AACvD,0CAA4E;AAU5E,MAAM,QAAQ,GAAG,IAAI,eAAO,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AAEzC,SAAwB,MAAM,CAAC,EAC7B,GAAG,EACH,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACI;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,cAAO,EAAC,GAAG,CAAC,CAAC;IAC/B,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE7C,IAAA,qBAAW,EAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAC7B,IAAA,yBAAe,EAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IACrC,IAAA,0BAAgB,EAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,iBAAS,EAAC,KAAK,CAAC,CAAC;QACjB,IAAA,wBAAgB,EAAC,SAAS,CAAC,CAAC;QAE5B,IAAI,QAAQ;YAAE,QAAQ,EAAE,CAAC;QAEzB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,eAAO,CAAC,CAAC;YAE1C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;iBACjB,MAAM,CAAC,qBAAa,CAAC;iBACrB,OAAO,CAAC,eAAO,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL,yCAAO,QAAQ,EAAE,QAAQ;QACvB,6CAAW,GAAG,EAAC,UAAU,EAAC,MAAM,EAAE,KAAK,CAAC,IAAI,GAAI;QAC/C,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;aAClB,MAAM,CAAC,qBAAa,CAAC;aACrB,GAAG,CAAC,CAAC,IAAc,EAAE,EAAE,CAAC,CACvB,6CAAW,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,QAAC,UAAU,SAAG,CACrE,CAAC,CACE,CACT,CAAC;AACJ,CAAC;AAvCD,yBAuCC"}

package/dist/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/dist/components/AvatarView/components/loader.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 drei_1 = require("@react-three/drei");
+const Loader = ({ fallbackImg }) => {
+    const { progress } = (0, drei_1.useProgress)();
+    return (react_1.default.createElement(drei_1.Html, { center: true, className: "avatar-loader" }, fallbackImg ? (react_1.default.createElement("figure", null,
+        react_1.default.createElement("img", { src: fallbackImg, alt: `${Math.round(progress)}% loaded`, title: `${Math.round(progress)}% loaded` }),
+        react_1.default.createElement("figcaption", null, `${Math.round(progress)}%`))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        Math.round(progress),
+        " % loaded"))));
+};
+exports.default = Loader;
+//# sourceMappingURL=loader.js.map

package/dist/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,0DAA0B;AAC1B,4CAAsD;AAMtD,MAAM,MAAM,GAAG,CAAC,EAAE,WAAW,EAAS,EAAE,EAAE;IACxC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAW,GAAE,CAAC;IACnC,OAAO,CACL,8BAAC,WAAI,IAAC,MAAM,QAAC,SAAS,EAAC,eAAe,IACnC,WAAW,CAAC,CAAC,CAAC,CACb;QACE,uCACE,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,kDAAa,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,kBAAe,MAAM,CAAC"}

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

package/dist/components/AvatarView/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const avatar_1 = tslib_1.__importDefault(require("./components/avatar"));
+const loader_1 = tslib_1.__importDefault(require("./components/loader"));
+const fiber_1 = require("@react-three/fiber");
+const drei_1 = require("@react-three/drei");
+const utils_1 = require("../../helpers/utils");
+const defaultStyle = {
+    width: '250px',
+    height: '250px',
+    backgroundColor: 'white',
+    borderRadius: '100%',
+};
+function AvatarView({ url, fallbackImg, style, rotateAvatar, eyeBlink, headMovement, speaking, fallback, }) {
+    return (react_1.default.createElement(fiber_1.Canvas, { style: style || defaultStyle, camera: { fov: 40, position: [0, 0, 0.6] } },
+        react_1.default.createElement(react_1.Suspense, { fallback: fallback || react_1.default.createElement(loader_1.default, { fallbackImg: fallbackImg }) },
+            (0, utils_1.isAndroid)() ? (react_1.default.createElement(drei_1.SpotLight, { distance: 100, position: [-0.3, 0.2, 1.25], angle: Math.PI / 2, attenuation: 5, anglePower: 5 })) : (react_1.default.createElement(drei_1.Environment, { preset: "sunset" })),
+            rotateAvatar && react_1.default.createElement(drei_1.OrbitControls, { enablePan: false, enableZoom: false }),
+            react_1.default.createElement(avatar_1.default, { url: url, eyeBlink: eyeBlink, headMovement: headMovement, speaking: speaking }))));
+}
+exports.default = AvatarView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AvatarView/index.tsx"],"names":[],"mappings":";;;AACA,uDAAwC;AACxC,yEAAyC;AACzC,yEAAyC;AACzC,8CAA4C;AAC5C,4CAA0E;AAC1E,+CAAgD;AAahD,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,eAAe,EAAE,OAAO;IACxB,YAAY,EAAE,MAAM;CACrB,CAAC;AAEF,SAAwB,UAAU,CAAC,EACjC,GAAG,EACH,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,QAAQ,GACF;IACN,OAAO,CACL,8BAAC,cAAM,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,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,QAAQ,IAAI,8BAAC,gBAAM,IAAC,WAAW,EAAE,WAAW,GAAI;YACjE,IAAA,iBAAS,GAAE,CAAC,CAAC,CAAC,CACb,8BAAC,gBAAS,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,8BAAC,kBAAW,IAAC,MAAM,EAAC,QAAQ,GAAG,CAChC;YACA,YAAY,IAAI,8BAAC,oBAAa,IAAC,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,GAAI;YACvE,8BAAC,gBAAM,IACL,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACO,CACJ,CACV,CAAC;AACJ,CAAC;AArCD,6BAqCC"}

package/dist/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/dist/components/AvatarView/utils/useEyeBlink.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@react-three/fiber");
+let blinkTime = 999;
+let timeout;
+let headMesh;
+let morphIndex = 0;
+const setNextBlink = () => {
+    blinkTime = 0;
+    timeout = setTimeout(setNextBlink, Math.random() * 5000 + 2000);
+};
+function useEyeBlink(enabled, nodes) {
+    (0, react_1.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]);
+    (0, fiber_1.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;
+        }
+    });
+}
+exports.default = useEyeBlink;
+//# sourceMappingURL=useEyeBlink.js.map

package/dist/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,iCAAkC;AAClC,8CAA8C;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,SAAwB,WAAW,CACjC,OAA4B,EAC5B,KAAY;IAEZ,IAAA,iBAAS,EAAC,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,IAAA,gBAAQ,EAAC,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;AA/BD,8BA+BC"}

package/dist/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/dist/components/AvatarView/utils/useHeadMovement.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const three_1 = require("three");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const fiber_1 = require("@react-three/fiber");
+const rad = Math.PI / 180;
+let reset = false;
+let timeout;
+const targetPos = new three_1.Vector2(0, 0);
+const currentPos = new three_1.Vector2(0, 0);
+const setResetTrue = () => {
+    timeout = setTimeout(() => {
+        reset = true;
+    }, 1000);
+};
+const setResetFalse = () => {
+    clearTimeout(timeout);
+    reset = false;
+};
+function useHeadMovement(enabled, nodes) {
+    const { gl } = (0, fiber_1.useThree)();
+    (0, react_1.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]);
+    (0, fiber_1.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 = (0, utils_1.mapRange)(state.mouse.y, -1, 1, 5 * rad, -5 * rad);
+            targetPos.y = (0, utils_1.mapRange)(state.mouse.x, -1, 1, -10 * rad, 10 * rad);
+        }
+        else {
+            targetPos.set(0, 0);
+        }
+        currentPos.x = (0, utils_1.lerp)(currentPos.x, targetPos.x);
+        currentPos.y = (0, utils_1.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;
+    });
+}
+exports.default = useHeadMovement;
+//# sourceMappingURL=useHeadMovement.js.map

package/dist/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/dist/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/dist/components/AvatarView/utils/useMouthSpeaking.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const fiber_1 = require("@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);
+};
+function useMouthSpeaking(speaking, nodes) {
+    (0, react_1.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]);
+    (0, fiber_1.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;
+        }
+    });
+}
+exports.default = useMouthSpeaking;
+//# sourceMappingURL=useMouthSpeaking.js.map

package/dist/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/dist/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/dist/components/AvatarView/utils/utils.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isSkinnedMesh = exports.correctMaterials = exports.hideHands = exports.mapRange = exports.lerp = exports.clamp = void 0;
+const three_1 = require("three");
+const clamp = (value, min, max) => {
+    return Math.min(Math.max(value, min), max);
+};
+exports.clamp = clamp;
+const lerp = (start, end, time = 0.05) => {
+    return start * (1 - time) + end * time;
+};
+exports.lerp = lerp;
+const mapRange = (value, inMin, inMax, outMin, outMax) => {
+    value = (0, exports.clamp)(value, inMin, inMax);
+    return ((value - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin;
+};
+exports.mapRange = mapRange;
+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);
+    }
+};
+exports.hideHands = hideHands;
+const correctMaterials = (materials) => {
+    Object.values(materials).forEach((material) => {
+        if (material.map)
+            material.map.minFilter = three_1.LinearFilter;
+        if (material)
+            material.depthWrite = true;
+    });
+};
+exports.correctMaterials = correctMaterials;
+const SkinnedMeshType = 'SkinnedMesh';
+const isSkinnedMesh = (node) => {
+    return node.type === SkinnedMeshType;
+};
+exports.isSkinnedMesh = isSkinnedMesh;
+//# sourceMappingURL=utils.js.map