@gamelearn/arcade-components 1.12.1 → 1.14.0

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout"));
 
-var _useEkho2 = _interopRequireDefault(require("../../../helpers/useEkho"));
+var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
 
 var _Slide = _interopRequireDefault(require("./Slide"));
 
@@ -99,40 +99,41 @@ var ComicComponent = function ComicComponent(_ref) {
     goToPreviousSlide();
   };
 
-  var _useEkho = (0, _useEkho2.default)({
+  (0, _useEkho.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;
+    emitEvent: emitEvent,
+    onFinish: function onFinish() {
+      var _slides$slideCount5;
 
+      if (automatic && (slides === null || slides === void 0 ? void 0 : (_slides$slideCount5 = slides[slideCount]) === null || _slides$slideCount5 === void 0 ? void 0 : _slides$slideCount5.audioType) !== 'none') {
+        goToNextSlide();
+      }
+    }
+  });
   (0, _react.useEffect)(function () {
     var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
 
-    if (automatic) {
-      if (!Object.keys(slide.voice || {}).length) {
-        var _slide$vignettes$, _slide$vignettes$$tex;
+    if (automatic && ((slide === null || slide === void 0 ? void 0 : slide.audioType) === 'none' || !(slide !== null && slide !== void 0 && slide.audioType))) {
+      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);
-      }
+      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);
     }
 
     return function () {
       stop();
     };
-  }, [automatic, goToNextSlide, onFinish, slideCount, slides, start, stop]);
+  }, [automatic, goToNextSlide, 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"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comic--slider"
-  }, /*#__PURE__*/_react.default.createElement(_Slide.default, {
+  }, slides[slideCount] && /*#__PURE__*/_react.default.createElement(_Slide.default, {
     key: "comic page ".concat(slides[slideCount].slideOrder),
     slide: slides[slideCount],
     transition: slideTransition,

package/dist/components/conversational-pro-component/components/ConversationalProComponent.js

@@ -277,17 +277,23 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     handleClickBack();
   };
 
+  var autoplayCond = automatic && !isDecision;
   (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
     text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
     audio: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audio,
     soundActions: soundActions,
-    emitEvent: emitEvent
+    emitEvent: emitEvent,
+    onFinish: function onFinish() {
+      if (autoplayCond && (currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) !== 'none') {
+        handleClickNext();
+      }
+    }
   }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
-    if (automatic && !isDecision) {
+    if (autoplayCond && (currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none') {
       var _currentMessage$text;
 
       var time = characterMs * ((currentMessage === null || currentMessage === void 0 ? void 0 : (_currentMessage$text = currentMessage.text) === null || _currentMessage$text === void 0 ? void 0 : _currentMessage$text.length) || 0);
@@ -297,7 +303,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     return function () {
       stop();
     };
-  }, [currentMessage, automatic, isDecision, start, stop, handleClickNext]);
+  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond]);
 
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,

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/dialog-component/components/DialogComponent.js

@@ -437,7 +437,8 @@ var DialogComponent = function DialogComponent(_ref) {
         });
       }
     }
-  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView, isDecision, isVoiceOver]); // Sound logic
+  }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView, isDecision, isVoiceOver]);
+  var autoPlayCond = automatic && currentMessage.show && !currentLine.decision; // Sound logic
 
   (0, _useEkho.default)({
     audioType: currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType,
@@ -445,11 +446,16 @@ var DialogComponent = function DialogComponent(_ref) {
     text: currentMessage === null || currentMessage === void 0 ? void 0 : currentMessage.text,
     audio: currentLine === null || currentLine === void 0 ? void 0 : currentLine.audio,
     soundActions: soundActions,
-    emitEvent: emitEvent
+    emitEvent: emitEvent,
+    onFinish: function onFinish() {
+      if (autoPlayCond && (currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) !== 'none') {
+        nextLine();
+      }
+    }
   }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
-    if (automatic && currentMessage.show && !currentLine.decision) {
+    if (autoPlayCond && (currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) === 'none') {
       var _currentMessage$text;
 
       var time = characterMs * ((currentMessage === null || currentMessage === void 0 ? void 0 : (_currentMessage$text = currentMessage.text) === null || _currentMessage$text === void 0 ? void 0 : _currentMessage$text.length) || 0);
@@ -459,7 +465,7 @@ var DialogComponent = function DialogComponent(_ref) {
     return function () {
       stop();
     };
-  }, [currentMessage, nextLine, automatic, currentLine.decision, start, stop]); // Positioning logic
+  }, [currentMessage, nextLine, start, stop, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, autoPlayCond]); // Positioning logic
 
   var checkBubblePosition = (0, _react.useCallback)(function () {
     if (bubbleRef.current && currentLine.slots) {

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/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/dist/helpers/useEkho.js

@@ -23,7 +23,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+var noop = function noop() {};
 /** Custom hook for use TTS and audio in the components */
+
+
 var useEkho = function useEkho(_ref) {
   var voice = _ref.voice,
       text = _ref.text,
@@ -32,7 +35,11 @@ var useEkho = function useEkho(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       audio = _ref.audio,
       soundActions = _ref.soundActions,
-      emitEvent = _ref.emitEvent;
+      emitEvent = _ref.emitEvent,
+      _ref$onFinish = _ref.onFinish,
+      onFinish = _ref$onFinish === void 0 ? noop : _ref$onFinish,
+      _ref$onStart = _ref.onStart,
+      onStart = _ref$onStart === void 0 ? noop : _ref$onStart;
 
   var _soundActions = _slicedToArray(soundActions, 2),
       playSound = _soundActions[0],
@@ -54,15 +61,7 @@ var useEkho = function useEkho(_ref) {
       type: 'translate',
       payload: id
     });
-  }, [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
+  }, [emitEvent]); // Setted when is mounted
 
   (0, _react.useEffect)(function () {
     setIsMounted(true);
@@ -101,12 +100,12 @@ var useEkho = function useEkho(_ref) {
       url: url,
       cc: cc
     };
-    startCallback.current({
+    onStart({
       url: url,
       cc: cc
     });
-    playSound(url, cc, loop, 0.5, finishCallback.current);
-  }, [playSound, loop]);
+    playSound(url, cc, loop, 0.5, onFinish);
+  }, [onStart, playSound, loop, onFinish]);
   var playSpeech = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(payload) {
       var url;
@@ -159,10 +158,6 @@ 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.12.1",
+  "version": "1.14.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",