@gamelearn/arcade-components 1.12.0 → 1.13.0

package/dist/components/cracker-puzzle-component/components/helpers.js

@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.repaintGridPassword = exports.makeSomeNoise = void 0;
 
+var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
+
 var _colors = require("./colors");
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -120,8 +124,8 @@ var repaintGridPassword = function repaintGridPassword(actualGrid, newPassword,
 
 exports.repaintGridPassword = repaintGridPassword;
 
-var prepareAcceptedChars = function prepareAcceptedChars(password) {
-  return '0123456789abcdefghijklmnopqrstuvwxyz'.split('').filter(function (character) {
+var prepareAcceptedChars = function prepareAcceptedChars(password, charactersString) {
+  return charactersString.split('').filter(function (character) {
     return !password.includes(character);
   }).join('');
 };
@@ -152,7 +156,8 @@ var makeSomeNoise = function makeSomeNoise(_ref) {
   var numberOfColumns = _ref.numberOfColumns,
       numberOfRows = _ref.numberOfRows,
       password = _ref.password;
-  var acceptedChars = prepareAcceptedChars(password);
+  var charactersForLang = (0, _LangIsRtl.default)() ? '٠١٢٣٤٥٦٧٨٩شزذيثبلاهتنمورخحضقسفعدصطغظ' : '0123456789abcdefghijklmnopqrstuvwxyz';
+  var acceptedChars = prepareAcceptedChars(password, charactersForLang);
   var grid = generateBasicGrid(numberOfRows, numberOfColumns, acceptedChars);
 
   var _generatePasswordPosi3 = generatePasswordPositions(grid, password, numberOfRows, numberOfColumns),

package/dist/components/feedback-component/components/FeedbackComponent.js

@@ -126,7 +126,9 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
     className: "feedback-layer__explainwrap"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "feedback-layer__explain"
-  }, /*#__PURE__*/_react.default.createElement("div", null, text)))));
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto"
+  }, text)))));
 };
 
 FeedbackComponent.defaultProps = {

package/dist/components/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -67,6 +67,7 @@ var AnswerPanel = function AnswerPanel(_ref) {
   });
   return words.map(function (word, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
+      dir: "auto",
       key: "".concat(word + index),
       className: "puzzle--hanged__word",
       "data-testid": "result-".concat(index)
@@ -436,8 +437,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "puzzle--hanged__controls"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--hanged__header"
   }, question), /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--hanged__solution ".concat(resolvedClass),
     "data-testid": "".concat(resolvedClass)
   }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement(AnswerPanel, {

package/dist/components/hanged-puzzle-component/utils.js

@@ -5,6 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sortChar = exports.restrictCharacters = exports.makeChar = void 0;
 
+var _LangIsRtl = _interopRequireDefault(require("../../helpers/LangIsRtl"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var restrictCharacters = function restrictCharacters(char, operator) {
   var restrictedChar = false;
 
@@ -36,7 +40,7 @@ var sortChar = function sortChar(a, b) {
 exports.sortChar = sortChar;
 
 var makeChar = function makeChar() {
-  var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  var characters = (0, _LangIsRtl.default)() ? 'شزذيثبلاهتنمورخحضثقسفعدصطغظ' : 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
   var charactersLength = characters.length;
   return characters.charAt(Math.floor(Math.random() * charactersLength));
 };

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/components/login-puzzle-component/components/LoginPuzzleComponent.js

@@ -9,6 +9,10 @@ exports.default = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
+
+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; }
@@ -54,6 +58,8 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     });
   };
 
+  var isRtl = (0, _LangIsRtl.default)();
+
   var _useState = (0, _react.useState)(''),
       _useState2 = _slicedToArray(_useState, 2),
       inputUser = _useState2[0],
@@ -187,10 +193,13 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   }, " "), !finished && /*#__PURE__*/_react.default.createElement("span", {
     className: "puzzle--login__title"
   }, translate('puzzle.initSession')), /*#__PURE__*/_react.default.createElement("div", null, login && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--login__label"
   }, translate('puzzle.user')), /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--login__group"
   }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
+    dir: isRtl ? 'rtl' : 'auto',
     disabled: finished,
     "data-testid": "username",
     className: "puzzle--login__input ".concat(successClass),
@@ -198,6 +207,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     placeholder: user,
     value: user
   }) : /*#__PURE__*/_react.default.createElement("input", {
+    dir: isRtl ? 'rtl' : 'auto',
     disabled: finished,
     "data-testid": "username",
     className: "puzzle--login__input ".concat(successClass),
@@ -211,10 +221,13 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-circle-check"
   }, " "))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--login__label"
   }, /*#__PURE__*/_react.default.createElement("span", null, translate('puzzle.password'))), /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle--login__group"
   }, showCorrectSolution ? /*#__PURE__*/_react.default.createElement("input", {
+    dir: isRtl ? 'rtl' : 'auto',
     disabled: true,
     "data-testid": "password",
     className: "puzzle--login__input puzzle--login__input--fakepassword success",
@@ -222,6 +235,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
     placeholder: password,
     value: password
   }) : /*#__PURE__*/_react.default.createElement("input", {
+    dir: isRtl ? 'rtl' : 'auto',
     disabled: finished,
     "data-testid": "password",
     className: "puzzle--login__input puzzle--login__input--fakepassword ".concat(successClass),
@@ -240,6 +254,7 @@ var LoginPuzzleComponent = function LoginPuzzleComponent(_ref) {
       setErrorMessage(false);
     }
   }), !showCorrectSolution ? /*#__PURE__*/_react.default.createElement("div", {
+    dir: isRtl ? 'rtl' : 'auto',
     className: "login-fakepassword".concat(inputPasswordFocus ? ' login-fakepassword--focus' : '').concat(fakeHashes.length ? ' login-fakepassword--fill' : '', " ").concat(successClass || '')
   }, inputPassword ? fakeHashes : translate('puzzle.password')) : null, /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-circle-check"

package/dist/components/writer-puzzle-component/components/FeedbackElement.js

@@ -17,8 +17,10 @@ var FeedbackElement = function FeedbackElement(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", null, body !== '' && /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-feedback-decision-item"
   }, title && /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "writer-feedback-decision-item__title"
-  }, title, " "), body && /*#__PURE__*/_react.default.createElement("div", {
+  }, title, ' '), body && /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "writer-feedback-decision-item__message"
   }, decision.correct ? /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-check-circle-black color--success"

package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -17,6 +17,8 @@ var _FeedbackComponent = _interopRequireDefault(require("./FeedbackComponent"));
 
 var _FinishedTextComponent = _interopRequireDefault(require("./FinishedTextComponent"));
 
+var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
+
 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); }
@@ -465,9 +467,11 @@ var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
   }), !showFeedback && /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-puzzle__container"
   }, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "writer-puzzle__title"
   }, documentTitle !== '' && documentTitle), /*#__PURE__*/_react.default.createElement("div", {
-    className: "writer-puzzle__body"
+    className: "writer-puzzle__body",
+    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "writer-puzzle__scroll",
     ref: automaticScroll

package/dist/helpers/LangIsRtl.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var LangIsRtl = function LangIsRtl() {
+  var langsRtl = ['ar', 'fa', 'he', 'ku', 'ur'];
+  var currentLang = document.querySelector('html').getAttribute('lang');
+
+  if (langsRtl.includes(currentLang)) {
+    return true;
+  }
+
+  return false;
+};
+
+var _default = LangIsRtl;
+exports.default = _default;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gamelearn/arcade-components",
   "author": "Gamelearn",
   "license": "unlicense",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "main": "dist/index.js",
   "files": [
     "dist",
@@ -13,7 +13,7 @@
     "url": "https://github.com/gamelearn/arcade-components"
   },
   "dependencies": {
-    "@gamelearn/arcade-styles": "0.10.1",
+    "@gamelearn/arcade-styles": "0.11.1",
     "@gamelearn/arcade-three-core": "1.1.15",
     "@react-three/drei": "8.8.1",
     "@react-three/fiber": "7.0.25",

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;