@gamelearn/arcade-components 1.15.1 → 1.16.1

package/dist/components/auto-evaluation-component/components/AutoEvaluation.js

@@ -13,6 +13,8 @@ var _EndScreen = _interopRequireDefault(require("./EndScreen"));
 
 var _StartScreen = _interopRequireDefault(require("./StartScreen"));
 
+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); }
@@ -105,7 +107,8 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--container"
+    className: "test--container",
+    dir: "auto"
   }, phase === 'start' && /*#__PURE__*/_react.default.createElement(_StartScreen.default, {
     description: description,
     onNext: function onNext() {
@@ -119,7 +122,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     className: "survey--questions__container"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--questions__count"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.question'), "\xA0", currentQuestion + 1, " ", translate('storylines.misc.of'), " ", questions.length), /*#__PURE__*/_react.default.createElement("span", null, translate('auto-evaluation.allQuestionsMandatory'))), /*#__PURE__*/_react.default.createElement("div", {
     key: "".concat(questions[currentQuestion])
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--questions__item"
@@ -150,7 +153,7 @@ var AutoEvaluation = function AutoEvaluation(_ref) {
     disabled: optionSelected === null,
     className: "gat--btn__navigation ".concat(optionSelected === null ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))), phase === 'end' && /*#__PURE__*/_react.default.createElement(_EndScreen.default, {
     onFinish: close,
     translate: translate

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

@@ -116,8 +116,9 @@ var ComicComponent = function ComicComponent(_ref) {
   });
   (0, _react.useEffect)(function () {
     var slide = slides === null || slides === void 0 ? void 0 : slides[slideCount];
+    var audio = Object.keys(slide.audio || {}).length;
 
-    if (automatic && ((slide === null || slide === void 0 ? void 0 : slide.audioType) === 'none' || !(slide !== null && slide !== void 0 && slide.audioType))) {
+    if (automatic && ((slide === null || slide === void 0 ? void 0 : slide.audioType) === 'none' || (slide === null || slide === void 0 ? void 0 : slide.audioType) === 'file' && !audio)) {
       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);

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

@@ -278,6 +278,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   };
 
   var autoplayCond = automatic && !isDecision;
+  var audio = Object.keys(currentLine.audio || {}).length;
   (0, _useEkho.default)({
     audioType: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType,
     voice: currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.voice,
@@ -293,7 +294,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
   }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
-    if (autoplayCond && (currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none') {
+    if (autoplayCond && ((currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'none' || (currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType) === 'file' && !audio)) {
       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);
@@ -303,7 +304,7 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     return function () {
       stop();
     };
-  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond]);
+  }, [currentMessage, start, stop, handleClickNext, currentLineData === null || currentLineData === void 0 ? void 0 : currentLineData.audioType, autoplayCond, audio]);
 
   var decisionPayload = _objectSpread(_objectSpread({}, currentLineData.payload), {}, {
     required: !isBranched,

package/dist/components/dialog-component/components/DialogComponent.js

@@ -220,6 +220,7 @@ var DialogComponent = function DialogComponent(_ref) {
     setCurrentMessage({});
     resetCameraView();
     setTimeout(function () {
+      changeLine(0);
       emitEvent({
         type: 'success'
       });
@@ -438,7 +439,8 @@ var DialogComponent = function DialogComponent(_ref) {
       }
     }
   }, [actors, camera, currentLine, zoomInActor, getCurrentVisible, translate, getAvatarURL, loadEmotion, resetCameraView, isDecision, isVoiceOver]);
-  var autoPlayCond = automatic && currentMessage.show && !currentLine.decision; // Sound logic
+  var autoPlayCond = automatic && !currentLine.decision;
+  var audio = Object.keys(currentLine.audio || {}).length; // Sound logic
 
   (0, _useEkho.default)({
     audioType: currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType,
@@ -448,14 +450,14 @@ var DialogComponent = function DialogComponent(_ref) {
     soundActions: soundActions,
     emitEvent: emitEvent,
     onFinish: function onFinish() {
-      if (autoPlayCond && (currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) !== 'none') {
+      if (autoPlayCond) {
         nextLine();
       }
     }
   }); // Autoplay logic
 
   (0, _react.useEffect)(function () {
-    if (autoPlayCond && (currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) === 'none') {
+    if (autoPlayCond && currentMessage.show && ((currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) === 'none' || (currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType) === 'file' && !audio)) {
       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);
@@ -465,7 +467,7 @@ var DialogComponent = function DialogComponent(_ref) {
     return function () {
       stop();
     };
-  }, [currentMessage, nextLine, start, stop, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, autoPlayCond]); // Positioning logic
+  }, [currentMessage, nextLine, start, stop, currentLine === null || currentLine === void 0 ? void 0 : currentLine.audioType, autoPlayCond, audio]); // Positioning logic
 
   var checkBubblePosition = (0, _react.useCallback)(function () {
     if (bubbleRef.current && currentLine.slots) {

package/dist/components/referral-component/components/StepOne.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _EmailPill = _interopRequireDefault(require("./EmailPill"));
 
+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); }
@@ -137,7 +139,11 @@ var StepOne = function StepOne(_ref) {
     className: "referrals-piece__form"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "referrals-piece__instructions"
-  }, /*#__PURE__*/_react.default.createElement("div", null, translate('puzzles.referrals.inviter.instructions')), /*#__PURE__*/_react.default.createElement("div", null, translate('puzzles.referrals.inviter.limit'))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto"
+  }, translate('puzzles.referrals.inviter.instructions')), /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto"
+  }, translate('puzzles.referrals.inviter.limit'))), /*#__PURE__*/_react.default.createElement("div", {
     className: "referrals-piece__faketextarea",
     onClick: focusInInput
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -160,6 +166,7 @@ var StepOne = function StepOne(_ref) {
     onBlur: handleKeyDown,
     type: "email"
   }) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
     className: "referrals-piece__footervalidation"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "referrals-piece__errormessage"

package/dist/components/referral-component/components/StepTwo.js

@@ -43,7 +43,8 @@ var StepTwo = function StepTwo(_ref) {
   var validLabel = valid === 1 ? 'invitationSend' : 'invitationsSend';
   var notValidLabel = invalid === 1 ? 'invitationNotSend' : 'invitationsNotSend';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "referrals-piece__body"
+    className: "referrals-piece__body",
+    dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "referrals-piece__title"
   }, translate('puzzles.referrals.inviter.titleStep2')), /*#__PURE__*/_react.default.createElement("ul", {

package/dist/components/survey-component/components/SurveyComponent.js

@@ -15,6 +15,8 @@ var _OpinionBox = _interopRequireDefault(require("./OpinionBox"));
 
 var _TextBox = _interopRequireDefault(require("./TextBox"));
 
+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); }
@@ -106,7 +108,8 @@ var SurveyComponent = function SurveyComponent(_ref) {
 
   var View = PAGES[page].component;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "survey--container"
+    className: "survey--container",
+    dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "survey--questions"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -137,7 +140,7 @@ var SurveyComponent = function SurveyComponent(_ref) {
     onClick: changePage,
     className: "gat--btn__navigation ".concat(disabled ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })) : /*#__PURE__*/_react.default.createElement("button", {
     id: "survey-button",
     type: "button",

package/dist/components/test-component/components/Container.js

@@ -13,6 +13,8 @@ var _Questions = _interopRequireDefault(require("./Questions"));
 
 var _Feedback = _interopRequireDefault(require("./Feedback"));
 
+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); }
@@ -130,7 +132,8 @@ var Container = function Container(_ref) {
     className: "flex justify-space-between align-center"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "test--questions__count"
-  }, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
+  }, (0, _LangIsRtl.default)() ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, currentQuestionId + 1, "/", questions.length, " ", /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question'))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", null, translate('tests.question')), " ", currentQuestionId + 1, "/", questions.length)), time >= 0 ? /*#__PURE__*/_react.default.createElement("div", {
+    dir: "ltr",
     className: "test--timer ".concat(time < 10 ? 'test--timer--finalseconds' : '')
   }, /*#__PURE__*/_react.default.createElement("div", {
     id: "test-time"
@@ -152,7 +155,7 @@ var Container = function Container(_ref) {
     type: "button",
     className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })) : /*#__PURE__*/_react.default.createElement("button", {
     id: "finish-button",
     onClick: function onClick() {
@@ -165,7 +168,7 @@ var Container = function Container(_ref) {
     type: "button",
     className: "gat--btn__navigation ".concat(!answered ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))));
 };
 

package/dist/components/test-component/components/Feedback.js

@@ -7,6 +7,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _LangIsRtl = _interopRequireDefault(require("../../../helpers/LangIsRtl"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var LABELS_INDEX = ['A', 'B', 'C'];
@@ -43,7 +45,7 @@ var FeedbackComponent = function FeedbackComponent(_ref) {
     type: "button",
     className: "gat--btn__navigation"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))));
 };
 

package/dist/components/test-component/components/TestComponent.js

@@ -237,7 +237,8 @@ var TestComponent = function TestComponent(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "test--container"
+    className: "test--container",
+    dir: "auto"
   }, view !== 'results' ? /*#__PURE__*/_react.default.createElement(_Container.default, {
     type: test.type,
     result: result,

package/package.json

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