@gamelearn/arcade-components 3.32.3 → 3.32.5

package/dist/arcade-components.js

@@ -20,7 +20,7 @@ var Nc = (l, e, n, t) => ({
 import * as React$2 from "react";
 import React__default, { useRef, useEffect, useCallback, createContext, useReducer, forwardRef, useImperativeHandle, useMemo, useContext, useLayoutEffect, useState } from "react";
 import { OrbitControls, PerspectiveCamera as PerspectiveCamera$1, Environment } from "@react-three/drei";
-import { Renderer, SceneResource, CameraControls, SettingsController, QualityManager, HtmlPro, ProgressManager, AssetLoader } from "@gamelearn/arcade-three-core";
+import { Renderer, SceneResource, CameraControls, SettingsController, ProgressManager, QualityManager, HtmlPro, AssetLoader } from "@gamelearn/arcade-three-core";
 import { useThree, useFrame } from "@react-three/fiber";
 import { Vector3, Box3, TrianglesDrawMode, TriangleFanDrawMode, TriangleStripDrawMode, Loader, LoaderUtils, FileLoader, Color, LinearSRGBColorSpace, SpotLight, PointLight, DirectionalLight, MeshBasicMaterial, SRGBColorSpace, MeshPhysicalMaterial, Vector2, Matrix4, Quaternion, InstancedMesh, InstancedBufferAttribute, Object3D, TextureLoader, ImageBitmapLoader, BufferAttribute, InterleavedBuffer, InterleavedBufferAttribute, LinearFilter, LinearMipmapLinearFilter, RepeatWrapping, PointsMaterial, Material, LineBasicMaterial, MeshStandardMaterial, DoubleSide, PropertyBinding, BufferGeometry, SkinnedMesh, Mesh, LineSegments, Line as Line$3, LineLoop, Points, Group as Group$3, PerspectiveCamera, MathUtils, OrthographicCamera, Skeleton, AnimationClip, Bone, InterpolateLinear, ColorManagement, NearestFilter, NearestMipmapNearestFilter, LinearMipmapNearestFilter, NearestMipmapLinearFilter, ClampToEdgeWrapping, MirroredRepeatWrapping, InterpolateDiscrete, FrontSide, Texture, VectorKeyframeTrack, NumberKeyframeTrack, QuaternionKeyframeTrack, Sphere, Interpolant, Raycaster, LoopRepeat } from "three";
 import require$$0 from "react-dom";
@@ -748,16 +748,7 @@ NoticeComponent.defaultProps = {
 new Vector3(1, 0, 0);
 new Vector3(0, 1, 0);
 new Vector3(0, 0, 1);
-const bones = [
-  "Jaw_M",
-  "L_lip_jnt",
-  "R_lip_jnt",
-  "joint4"
-  // 'R_LowerLid_jnt',
-  // 'L_LowerLid_jnt',
-  // 'L_UpperLid_jnt',
-  // 'R_UpperLid_jnt',
-], BASIC_ACTIONS_TYPES_WHITELIST = [
+const bones = ["Jaw_M", "L_lip_jnt", "R_lip_jnt", "joint4"], BASIC_ACTIONS_TYPES_WHITELIST = [
   "61408041e917240012e96b17",
   // Affirmative
   "61407ff1e917240012e96a8a",
@@ -29827,21 +29818,29 @@ function Panel({ character: l, ttsStarted: e, active: n, visible: t = !0, onLoad
   ] });
 }
 function PanelsWrapper({ characters: l, slots: e, ttsStarted: n, flex: t, currentMessage: s, lod: o }) {
-  return useFrame(({ gl: d }) => {
-    d.setScissorTest(!1), d.clear(!0, !0), d.setScissorTest(!0);
-  }), /* @__PURE__ */ jsxRuntimeExports.jsx(QualityManager, { lod: o, children: e.map((d, h) => {
-    let f = null;
-    const u = l.findIndex((p) => p && p.uid === d.uid);
-    if (u >= 0) {
-      const p = t ? u : h;
-      return f = { ...l[u] }, f.slot = p, /* @__PURE__ */ jsxRuntimeExports.jsx(
+  const [d, h] = useState(!1);
+  return useFrame(({ gl: f }) => {
+    f.setScissorTest(!1), f.clear(!0, !0), f.setScissorTest(!0);
+  }), useEffect(() => {
+    const f = () => {
+      h(!0);
+    };
+    return ProgressManager.addEventListener("loaded", f), () => {
+      ProgressManager.removeEventListener("loaded", f);
+    };
+  }, []), /* @__PURE__ */ jsxRuntimeExports.jsx(QualityManager, { lod: d ? o : "divideby64", active: d, children: e.map((f, u) => {
+    let p = null;
+    const _ = l.findIndex((T) => T && T.uid === f.uid);
+    if (_ >= 0) {
+      const T = t ? _ : u;
+      return p = { ...l[_] }, p.slot = T, /* @__PURE__ */ jsxRuntimeExports.jsx(
         Panel,
         {
-          character: f,
-          active: s.position === p,
+          character: p,
+          active: s.position === T,
           ttsStarted: n
         },
-        `${`${f.uid}_${h}`}`
+        `${`${p.uid}_${u}`}`
       );
     }
     return null;
@@ -61421,12 +61420,13 @@ function Animation({ animation: l, loopTimes: e, onAnimationFinish: n, onAnimati
           t({ uid: s.uid, animation: l == null ? void 0 : l.id, index: p.index }), n();
         else {
           const _ = p.userData.animator, T = () => {
-            _.getAction(l.url).setLoop(LoopRepeat, 1 / 0), u.current = 1;
+            const x = _.getAction(l.url);
+            x.setLoop(LoopRepeat, 1 / 0), x.reset();
             function S() {
-              u.current >= e && (_.mix("idle"), n(), _.removeEventListener("loop", S)), u.current += 1;
+              u.current += 1, u.current >= e && (_.mix("idle"), n(), _.removeEventListener("loop", S));
             }
             _.mix(l == null ? void 0 : l.url).then((g) => {
-              g && _.addEventListener("loop", S);
+              g && (u.current = 1, _.addEventListener("loop", S));
             }), h(!0);
           };
           _.getAction(l == null ? void 0 : l.url) ? T() : assetLoader.load(