@gamelearn/arcade-components 1.11.9 → 1.12.1

package/dist/components/comic-component/components/ComicComponent.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout"));
 
+var _useEkho2 = _interopRequireDefault(require("../../../helpers/useEkho"));
+
 var _Slide = _interopRequireDefault(require("./Slide"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -31,9 +33,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-var characterMs = 250;
+var characterMs = 75;
 
 var ComicComponent = function ComicComponent(_ref) {
+  var _slides$slideCount, _slides$slideCount2, _slides$slideCount3, _slides$slideCount3$v, _slides$slideCount4;
+
   var slides = _ref.slides,
       emitEvent = _ref.emitEvent,
       _ref$soundActions = _ref.soundActions,
@@ -95,18 +99,34 @@ var ComicComponent = function ComicComponent(_ref) {
     goToPreviousSlide();
   };
 
+  var _useEkho = (0, _useEkho2.default)({
+    audioType: slides === null || slides === void 0 ? void 0 : (_slides$slideCount = slides[slideCount]) === null || _slides$slideCount === void 0 ? void 0 : _slides$slideCount.audioType,
+    voice: slides === null || slides === void 0 ? void 0 : (_slides$slideCount2 = slides[slideCount]) === null || _slides$slideCount2 === void 0 ? void 0 : _slides$slideCount2.voice,
+    text: slides === null || slides === void 0 ? void 0 : (_slides$slideCount3 = slides[slideCount]) === null || _slides$slideCount3 === void 0 ? void 0 : (_slides$slideCount3$v = _slides$slideCount3.vignettes[0].textData) === null || _slides$slideCount3$v === void 0 ? void 0 : _slides$slideCount3$v.text,
+    audio: slides === null || slides === void 0 ? void 0 : (_slides$slideCount4 = slides[slideCount]) === null || _slides$slideCount4 === void 0 ? void 0 : _slides$slideCount4.audio,
+    soundActions: soundActions,
+    emitEvent: emitEvent
+  }),
+      onFinish = _useEkho.onFinish;
+
   (0, _react.useEffect)(function () {
-    if (automatic) {
-      var _slides$slideCount, _slides$slideCount$vi, _slides$slideCount$vi2;
+    var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
 
-      var time = characterMs * (((_slides$slideCount = slides[slideCount]) === null || _slides$slideCount === void 0 ? void 0 : (_slides$slideCount$vi = _slides$slideCount.vignettes[0]) === null || _slides$slideCount$vi === void 0 ? void 0 : (_slides$slideCount$vi2 = _slides$slideCount$vi.textData) === null || _slides$slideCount$vi2 === void 0 ? void 0 : _slides$slideCount$vi2.text.length) || 0);
-      start(goToNextSlide, time);
+    if (automatic) {
+      if (!Object.keys(slide.voice || {}).length) {
+        var _slide$vignettes$, _slide$vignettes$$tex;
+
+        var time = characterMs * ((slide === null || slide === void 0 ? void 0 : (_slide$vignettes$ = slide.vignettes[0]) === null || _slide$vignettes$ === void 0 ? void 0 : (_slide$vignettes$$tex = _slide$vignettes$.textData) === null || _slide$vignettes$$tex === void 0 ? void 0 : _slide$vignettes$$tex.text.length) || 0);
+        start(goToNextSlide, time < 1400 ? 1400 : time);
+      } else {
+        onFinish(goToNextSlide);
+      }
     }
 
     return function () {
       stop();
     };
-  }, [automatic, goToNextSlide, slideCount, slides, start, stop]);
+  }, [automatic, goToNextSlide, onFinish, slideCount, slides, start, stop]);
   if (!(slides !== null && slides !== void 0 && slides.length)) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comic component growIn-animation"

package/dist/components/comic-component/components/Slide.js

@@ -9,26 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Vignette = _interopRequireDefault(require("./Vignette"));
 
-var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Slide = function Slide(_ref) {
-  var _slide$vignettes$0$te;
-
   var slide = _ref.slide,
-      transition = _ref.transition,
-      soundActions = _ref.soundActions,
-      emitEvent = _ref.emitEvent;
+      transition = _ref.transition;
   var slideTransition = slide.transitionEffects || transition;
-  (0, _useEkho.default)({
-    audioType: slide === null || slide === void 0 ? void 0 : slide.audioType,
-    voice: slide === null || slide === void 0 ? void 0 : slide.voice,
-    text: slide === null || slide === void 0 ? void 0 : (_slide$vignettes$0$te = slide.vignettes[0].textData) === null || _slide$vignettes$0$te === void 0 ? void 0 : _slide$vignettes$0$te.text,
-    audio: slide === null || slide === void 0 ? void 0 : slide.audio,
-    soundActions: soundActions,
-    emitEvent: emitEvent
-  });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "comic--slide__item ".concat(slideTransition)
   }, slide.vignettes.map(function (vignette) {

package/dist/components/index.js

@@ -5,12 +5,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "AnimateElement", {
-  enumerable: true,
-  get: function get() {
-    return _AnimateElement.default;
-  }
-});
 Object.defineProperty(exports, "AnimationComponent", {
   enumerable: true,
   get: function get() {
@@ -23,12 +17,6 @@ Object.defineProperty(exports, "AutoEvaluationComponent", {
     return _autoEvaluationComponent.default;
   }
 });
-Object.defineProperty(exports, "Background", {
-  enumerable: true,
-  get: function get() {
-    return _background.default;
-  }
-});
 Object.defineProperty(exports, "CardsSelectorPuzzleComponent", {
   enumerable: true,
   get: function get() {
@@ -47,12 +35,6 @@ Object.defineProperty(exports, "ChainedImageClickPuzzleComponent", {
     return _chainedImageClickPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "ClickableArea", {
-  enumerable: true,
-  get: function get() {
-    return _ClickableArea.default;
-  }
-});
 Object.defineProperty(exports, "ComicComponent", {
   enumerable: true,
   get: function get() {
@@ -95,18 +77,6 @@ Object.defineProperty(exports, "DragItemPuzzleComponent", {
     return _dragItemPuzzleComponent.default;
   }
 });
-Object.defineProperty(exports, "Element", {
-  enumerable: true,
-  get: function get() {
-    return _element.default;
-  }
-});
-Object.defineProperty(exports, "ElementList", {
-  enumerable: true,
-  get: function get() {
-    return _elementsList.default;
-  }
-});
 Object.defineProperty(exports, "FrameImageClickComponent", {
   enumerable: true,
   get: function get() {
@@ -191,24 +161,12 @@ Object.defineProperty(exports, "PdfVisor", {
     return _pdfComponent.PdfVisor;
   }
 });
-Object.defineProperty(exports, "Poster", {
-  enumerable: true,
-  get: function get() {
-    return _Poster.default;
-  }
-});
 Object.defineProperty(exports, "ReferralComponent", {
   enumerable: true,
   get: function get() {
     return _referralComponent.default;
   }
 });
-Object.defineProperty(exports, "Scene", {
-  enumerable: true,
-  get: function get() {
-    return _scene.default;
-  }
-});
 Object.defineProperty(exports, "SurveyComponent", {
   enumerable: true,
   get: function get() {
@@ -270,20 +228,6 @@ Object.defineProperty(exports, "ZoomTest", {
   }
 });
 
-var _scene = _interopRequireDefault(require("./arcade-render/scene"));
-
-var _elementsList = _interopRequireDefault(require("./arcade-render/elements-list"));
-
-var _ClickableArea = _interopRequireDefault(require("./arcade-render/elements-list/ClickableArea"));
-
-var _Poster = _interopRequireDefault(require("./arcade-render/elements-list/Poster"));
-
-var _background = _interopRequireDefault(require("./arcade-render/background"));
-
-var _element = _interopRequireDefault(require("./arcade-render/element"));
-
-var _AnimateElement = _interopRequireDefault(require("./arcade-render/element/AnimateElement"));
-
 var _noticeComponent = _interopRequireDefault(require("./notice-component"));
 
 var _inventoryItem = _interopRequireDefault(require("./inventory-item"));

package/dist/helpers/useEkho.js

@@ -28,6 +28,8 @@ var useEkho = function useEkho(_ref) {
   var voice = _ref.voice,
       text = _ref.text,
       audioType = _ref.audioType,
+      _ref$loop = _ref.loop,
+      loop = _ref$loop === void 0 ? false : _ref$loop,
       audio = _ref.audio,
       soundActions = _ref.soundActions,
       emitEvent = _ref.emitEvent;
@@ -52,7 +54,15 @@ var useEkho = function useEkho(_ref) {
       type: 'translate',
       payload: id
     });
-  }, [emitEvent]); // Setted when is mounted
+  }, [emitEvent]);
+  var finishCallback = (0, _react.useRef)(function () {});
+  var startCallback = (0, _react.useRef)(function () {});
+  var onStartAudio = (0, _react.useCallback)(function (fn) {
+    startCallback.current = fn;
+  }, []);
+  var onFinishAudio = (0, _react.useCallback)(function (fn) {
+    finishCallback.current = fn;
+  }, []); // Setted when is mounted
 
   (0, _react.useEffect)(function () {
     setIsMounted(true);
@@ -91,8 +101,12 @@ var useEkho = function useEkho(_ref) {
       url: url,
       cc: cc
     };
-    playSound(url, cc);
-  }, [playSound]);
+    startCallback.current({
+      url: url,
+      cc: cc
+    });
+    playSound(url, cc, loop, 0.5, finishCallback.current);
+  }, [playSound, loop]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
       var url;
@@ -145,6 +159,10 @@ var useEkho = function useEkho(_ref) {
       }
     }
   }, [getVoice, playSpeech, isMounted, voice, text, audioType, audio === null || audio === void 0 ? void 0 : audio.url, audio, setCurrentPlaying]);
+  return {
+    onStart: onStartAudio,
+    onFinish: onFinishAudio
+  };
 };
 
 var _default = useEkho;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.11.9",
+  "version": "1.12.1",
   "main": "dist/index.js",
   "files": [
     "dist",

package/dist/components/arcade-render/background/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _sceneElements = _interopRequireDefault(require("./scene-elements"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Background = function Background(_ref) {
-  var _ref$data = _ref.data,
-      data = _ref$data === void 0 ? {} : _ref$data;
-  if (Object.keys(data).length === 0) return null;
-  return /*#__PURE__*/_react.default.createElement(_sceneElements.default, {
-    objects: Object.values(data)
-  });
-};
-
-var _default = Background;
-exports.default = _default;

package/dist/components/arcade-render/background/scene-elements/customGeometry/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var CustomGeometry = function CustomGeometry(_ref) {
-  var type = _ref.type,
-      args = _ref.args;
-
-  switch (type) {
-    case 'BoxBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("boxBufferGeometry", {
-          args: args
-        });
-      }
-
-    case 'SphereBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("sphereBufferGeometry", {
-          args: args
-        });
-      }
-
-    case 'PlaneBuffer':
-      {
-        return /*#__PURE__*/_react.default.createElement("planeBufferGeometry", {
-          args: args
-        });
-      }
-
-    default:
-      {
-        return null;
-      }
-  }
-};
-
-var _default = CustomGeometry;
-exports.default = _default;

package/dist/components/arcade-render/background/scene-elements/index.js

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _drei = require("@react-three/drei");
-
-var _fiber = require("@react-three/fiber");
-
-var _three = require("three");
-
-var _element = _interopRequireDefault(require("../../element"));
-
-var _customGeometry = _interopRequireDefault(require("./customGeometry"));
-
-var _light = _interopRequireDefault(require("../../light"));
-
-var _excluded = ["material"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var SceneElements = function SceneElements(_ref) {
-  var objects = _ref.objects;
-  var scene = (0, _fiber.useThree)(function (state) {
-    return state.scene;
-  });
-  var fog = objects.find(function (object) {
-    return object.type === 'FOG';
-  });
-
-  if (fog) {
-    scene.fog = new _three.FogExp2(fog.color, fog.density);
-  }
-
-  return /*#__PURE__*/_react.default.createElement("group", {
-    name: "BACKGROUND"
-  }, objects.map(function (_ref2, i) {
-    var _object$userData, _object$userData2, _object$userData3;
-
-    var material = _ref2.material,
-        object = _objectWithoutProperties(_ref2, _excluded);
-
-    if ((_object$userData = object.userData) !== null && _object$userData !== void 0 && _object$userData.isPrimitive) {
-      return /*#__PURE__*/_react.default.createElement("mesh", _extends({
-        key: object.uid || "".concat(object.name, "_").concat(i)
-      }, object, {
-        onBeforeRender: function onBeforeRender() {
-          _three.DefaultLoadingManager.onStart(1, 0, 1);
-        },
-        onAfterRender: function onAfterRender() {
-          _three.DefaultLoadingManager.onProgress(1, 1, 1);
-
-          _three.DefaultLoadingManager.onLoad();
-        }
-      }), /*#__PURE__*/_react.default.createElement(_customGeometry.default, {
-        type: object.userData.primitiveType,
-        args: object.userData.props
-      }), /*#__PURE__*/_react.default.createElement("meshLambertMaterial", material));
-    }
-
-    if (object.url && object.userData.resourceId) {
-      return /*#__PURE__*/_react.default.createElement(_element.default, _extends({
-        key: object.uid || "".concat(object.userData.resourceId, "_").concat(i),
-        url: object.url,
-        position: object.position,
-        rotation: object.rotation,
-        scale: object.scale,
-        material: material,
-        onPointerMove: undefined
-      }, object));
-    }
-
-    if ((object === null || object === void 0 ? void 0 : (_object$userData2 = object.userData) === null || _object$userData2 === void 0 ? void 0 : _object$userData2.data) === 'camera') {
-      return /*#__PURE__*/_react.default.createElement(_drei.PerspectiveCamera, _extends({
-        makeDefault: object.defaultCamera
-      }, object, {
-        key: object.name,
-        onUpdate: function onUpdate(self) {
-          self.layers.enableAll();
-        }
-      }));
-    } // lights
-
-
-    if ((object === null || object === void 0 ? void 0 : (_object$userData3 = object.userData) === null || _object$userData3 === void 0 ? void 0 : _object$userData3.data) === 'light') {
-      return /*#__PURE__*/_react.default.createElement(_light.default, _extends({}, object, {
-        key: object.name
-      }));
-    }
-
-    return null;
-  }));
-};
-
-var _default = SceneElements;
-exports.default = _default;

package/dist/components/arcade-render/element/AnimateElement.js

@@ -1,136 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _drei = require("@react-three/drei");
-
-var _useGLB2 = _interopRequireDefault(require("../../../helpers/useGLB"));
-
-var _BoundingBox = _interopRequireDefault(require("./BoundingBox"));
-
-var _excluded = ["model", "position", "rotation", "animationUrl", "enableBounding", "layers", "pauseAtStart", "onClick", "onPointerOver", "onPointerOut"];
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var AnimateElement = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var model = _ref.model,
-      position = _ref.position,
-      rotation = _ref.rotation,
-      animationUrl = _ref.animationUrl,
-      enableBounding = _ref.enableBounding,
-      layers = _ref.layers,
-      pauseAtStart = _ref.pauseAtStart,
-      onClick = _ref.onClick,
-      onPointerOver = _ref.onPointerOver,
-      onPointerOut = _ref.onPointerOut,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var _useGLB = (0, _useGLB2.default)(animationUrl),
-      animations = _useGLB.animations;
-
-  var _useAnimations = (0, _drei.useAnimations)(animations),
-      animationRef = _useAnimations.ref,
-      mixer = _useAnimations.mixer;
-
-  var mouseEvents = {
-    onClick: onClick,
-    onPointerOver: onPointerOver,
-    onPointerOut: onPointerOut,
-    onPointerCancel: props.onPointerCancel,
-    onPointerDown: props.onPointerDown,
-    onPointerEnter: props.onPointerEnter,
-    onPointerLeave: props.onPointerLeave,
-    onPointerMove: props.onPointerMove,
-    onPointerUp: props.onPointerUp
-  };
-
-  var currentProps = _objectSpread(_objectSpread({}, enableBounding ? {} : mouseEvents), props);
-
-  var getRef = function getRef(node) {
-    if (ref) {
-      if (ref instanceof Function) {
-        ref(node);
-      } else {
-        ref.current = node;
-      }
-    }
-
-    animationRef.current = node;
-  };
-
-  (0, _react.useEffect)(function () {
-    if (animationRef.current) {
-      mixer.stopAllAction();
-      var clip = animations[0];
-      animationRef.current.userData.defaultAnim = clip;
-      animationRef.current.userData.mixer = mixer;
-
-      if (clip) {
-        var action = mixer.clipAction(clip, animationRef.current);
-        action.play();
-
-        if (animationRef.current.brother) {
-          animationRef.current.brother.updatePosition();
-        }
-
-        if (pauseAtStart) {
-          action.paused = true;
-        }
-      }
-    }
-  }, [mixer, animations, pauseAtStart, animationRef]);
-  (0, _react.useEffect)(function () {
-    if (model.brother) {
-      model.brother.updatePosition();
-    }
-  }, [model, position, rotation, currentProps.scale]);
-  return /*#__PURE__*/_react.default.createElement("group", {
-    visible: props.visible
-  }, enableBounding ? /*#__PURE__*/_react.default.createElement(_BoundingBox.default, _extends({
-    model: model,
-    layers: layers
-  }, mouseEvents)) : null, /*#__PURE__*/_react.default.createElement("primitive", _extends({
-    ref: getRef,
-    object: model,
-    position: position,
-    rotation: rotation,
-    raycast: enableBounding ? function () {} : _drei.meshBounds
-  }, currentProps)));
-});
-
-AnimateElement.defaultProps = {
-  onClick: function onClick() {},
-  onPointerOver: function onPointerOver() {},
-  onPointerOut: function onPointerOut() {},
-  onPointerCancel: function onPointerCancel() {},
-  onPointerDown: function onPointerDown() {},
-  onPointerEnter: function onPointerEnter() {},
-  onPointerLeave: function onPointerLeave() {},
-  onPointerMove: function onPointerMove() {},
-  onPointerUp: function onPointerUp() {}
-};
-var _default = AnimateElement;
-exports.default = _default;

package/dist/components/arcade-render/element/BoundingBox.js

@@ -1,65 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _three = require("three");
-
-var _excluded = ["model", "visible"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var BoundingBox = function BoundingBox(_ref) {
-  var model = _ref.model,
-      visible = _ref.visible,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  var bounding = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    if (model && bounding.current) {
-      var updatePosition = function updatePosition() {
-        var box = new _three.Box3().setFromObject(model);
-        var size = box.getSize(new _three.Vector3());
-        bounding.current.position.copy(model.position);
-        bounding.current.rotation.copy(model.rotation);
-        bounding.current.scale.copy(size);
-        bounding.current.scale.x /= 2;
-        bounding.current.position.y += size.y / 2;
-      };
-
-      updatePosition();
-      bounding.current.updatePosition = updatePosition;
-      model.brother = bounding.current;
-    }
-  }, [model]);
-  return /*#__PURE__*/_react.default.createElement("mesh", _extends({
-    ref: bounding
-  }, props), /*#__PURE__*/_react.default.createElement("boxGeometry", {
-    args: [1, 1, 1]
-  }), /*#__PURE__*/_react.default.createElement("meshBasicMaterial", {
-    color: "grey",
-    visible: false
-  }));
-};
-
-BoundingBox.defaultProps = {
-  rotation: [0, 0, 0],
-  position: [0, 0, 0],
-  visible: true
-};
-var _default = BoundingBox;
-exports.default = _default;

package/dist/components/arcade-render/element/Projection.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _fiber = require("@react-three/fiber");
-
-var _helpers = require("../../../helpers");
-
-var Projection = function Projection(_ref) {
-  var object = _ref.object,
-      element = _ref.element;
-  var domNode = document.getElementById('elements-projection');
-
-  var _useThree = (0, _fiber.useThree)(),
-      gl = _useThree.gl,
-      camera = _useThree.camera;
-
-  var pos = (0, _helpers.getObjectPosition)(object, camera, gl.domElement);
-  (0, _react.useLayoutEffect)(function () {
-    var existingEl = document.getElementById(element.uid);
-    var div = existingEl || document.createElement('div');
-    div.setAttribute('id', element.uid);
-    div.setAttribute('x', pos.x);
-    div.setAttribute('y', pos.y);
-    div.setAttribute('type', element.type);
-    div.setAttribute('name', element.name);
-    if (!existingEl) domNode.appendChild(div);
-  });
-  return null;
-};
-
-var _default = Projection;
-exports.default = _default;