@gamelearn/arcade-components 1.16.0 → 1.16.2

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

@@ -15,6 +15,8 @@ var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
 
 var _Slide = _interopRequireDefault(require("./Slide"));
 
+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); }
@@ -116,8 +118,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);
@@ -130,6 +133,7 @@ var ComicComponent = function ComicComponent(_ref) {
   }, [automatic, goToNextSlide, slideCount, slides, start, stop]);
   if (!(slides !== null && slides !== void 0 && slides.length)) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
+    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto',
     className: "comic component growIn-animation"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "comic--slider"
@@ -145,14 +149,14 @@ var ComicComponent = function ComicComponent(_ref) {
     onClick: handleManualBack,
     "data-testid": "btn-bck"
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-back"
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), slideCount + 1 < slides.length && /*#__PURE__*/_react.default.createElement("button", {
     type: "button",
     className: "comic-control comic-control--right gat--btn__round",
     "data-testid": "btn-nxt",
     onClick: handleManualNext
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })), slideCount + 1 >= slides.length && /*#__PURE__*/_react.default.createElement("div", {
     className: "position--absolute top right"
   }, /*#__PURE__*/_react.default.createElement("button", {

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

@@ -19,6 +19,8 @@ var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
 
 var _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout"));
 
+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); }
@@ -278,6 +280,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 +296,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 +306,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,
@@ -331,7 +334,8 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
       backgroundImage: "url(\"".concat(backgroundImage, "\")")
     } : null
   }, /*#__PURE__*/_react.default.createElement(_SlotList.default, listProps), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--body"
+    className: "conversation--body",
+    dir: "auto"
   }, currentMessage ? /*#__PURE__*/_react.default.createElement(_Message.default, {
     current: currentMessage,
     translate: translate
@@ -343,13 +347,13 @@ var ConversationProViewer = function ConversationProViewer(_ref) {
     type: "button",
     onClick: manualClickBack
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-back"
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn__round",
     type: "button",
     onClick: manualClickNext
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   }))))));
 };
 

package/dist/components/decision-component/components/DecisionBody.js

@@ -11,6 +11,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Options = _interopRequireDefault(require("./Options"));
 
+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); }
@@ -82,7 +84,8 @@ var DecisionBody = function DecisionBody(_ref) {
     }, question)) : /*#__PURE__*/_react.default.createElement("span", {
       className: "popup--info__title"
     }, question)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "popup__questions"
+      className: "popup__questions",
+      dir: "auto"
     }, /*#__PURE__*/_react.default.createElement(_Options.default, optionsProps)), /*#__PURE__*/_react.default.createElement("div", {
       className: "popup--buttons"
     }, required ? /*#__PURE__*/_react.default.createElement("button", {
@@ -102,6 +105,7 @@ var DecisionBody = function DecisionBody(_ref) {
 
   var ComplexDecision = function ComplexDecision() {
     return /*#__PURE__*/_react.default.createElement("div", {
+      dir: "auto",
       className: "conversation--body ".concat(inScene ? 'conversation--body--inScene' : '')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "conversation--message"
@@ -113,7 +117,7 @@ var DecisionBody = function DecisionBody(_ref) {
       className: "gat--btn__round disabled",
       type: "button"
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-back"
+      className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
     })), /*#__PURE__*/_react.default.createElement("button", {
       className: "gat--btn__round ".concat(canNext ? '' : 'disabled'),
       type: "button",
@@ -121,7 +125,7 @@ var DecisionBody = function DecisionBody(_ref) {
         return canNext && onNext(selectedChoice);
       }
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "icon-next"
+      className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
     }))));
   };
 

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

@@ -35,7 +35,8 @@ var FeedBack = function FeedBack(_ref) {
   return /*#__PURE__*/_react.default.createElement(Wrapper, null, choice.feedback ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "conversation--feedback__title"
   }, "Feedback"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "conversation--feedback__text"
+    className: "conversation--feedback__text",
+    dir: "auto"
   }, choice.right ? /*#__PURE__*/_react.default.createElement("span", {
     className: "icon-check-circle-black color--success"
   }) : /*#__PURE__*/_react.default.createElement("span", {

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

@@ -29,6 +29,8 @@ var _useTimeout2 = _interopRequireDefault(require("../../../helpers/useTimeout")
 
 var _useEkho = _interopRequireDefault(require("../../../helpers/useEkho"));
 
+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); }
@@ -220,6 +222,7 @@ var DialogComponent = function DialogComponent(_ref) {
     setCurrentMessage({});
     resetCameraView();
     setTimeout(function () {
+      changeLine(0);
       emitEvent({
         type: 'success'
       });
@@ -438,7 +441,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 +452,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 +469,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) {
@@ -620,6 +624,7 @@ var DialogComponent = function DialogComponent(_ref) {
       return [0, 0];
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
+    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'ltr',
     className: "dialog-component-controls"
   }, /*#__PURE__*/_react.default.createElement("button", {
     disabled: line <= 0 || (lastLine === null || lastLine === void 0 ? void 0 : lastLine.decision) || isBranched,
@@ -627,13 +632,13 @@ var DialogComponent = function DialogComponent(_ref) {
     onClick: manualBackLine,
     className: "gat--btn__round ".concat(line <= 0 || lastLine !== null && lastLine !== void 0 && lastLine.decision || isBranched ? 'disabled' : '')
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-back"
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
     className: "gat--btn__round",
     type: "button",
     onClick: manualNextLine
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))) : null);
 };
 

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

@@ -28,6 +28,7 @@ var SpeechBubbleComponent = /*#__PURE__*/_react.default.forwardRef(function (_re
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     ref: ref,
     className: "\n          speech-bubble\n          ".concat(message.left && message.inScene ? 'speech-bubble--arrow-left' : '', "\n          ").concat(!message.left && message.inScene ? 'speech-bubble--arrow-right' : '', "\n          ").concat(message.top && message.inScene ? 'arrow-top' : '', "\n          ").concat(message.thinkful || message.voiceOver ? 'speech-bubble--italic' : '', "\n      ")
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/frame-click-puzzle-component/components/Tooltip/index.js

@@ -20,6 +20,7 @@ var Tooltip = function Tooltip(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
+    dir: "auto",
     className: "puzzle-frame__info--tooltip"
   }, translate('puzzles.counterTooltip'));
 };

package/dist/components/inventory-item/components/InventoryItem.js

@@ -70,7 +70,8 @@ var InventoryItem = function InventoryItem(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "inventory--layer__info"
+    className: "inventory--layer__info",
+    dir: "auto"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "inventory--layer__info--popup fadeIn--animation"
   }, /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/lectures-component/components/LecturesComponent.js

@@ -124,7 +124,8 @@ var LecturesComponent = function LecturesComponent(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "readings--title"
   }, name), /*#__PURE__*/_react.default.createElement("div", {
-    className: "readings--text"
+    className: "readings--text",
+    dir: "auto"
   }, currentLecture ? (0, _htmlReactParser.default)(currentLecture) : null), !viewed ? /*#__PURE__*/_react.default.createElement(_LectureButtons.default, {
     goToLecture: goToLecture,
     close: close,

package/dist/components/pdf-component/components/PdfVisor.js

@@ -13,6 +13,10 @@ var _reactPdf = require("react-pdf");
 
 var _deviceDetection = require("../../../helpers/deviceDetection");
 
+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; }
@@ -161,7 +165,8 @@ var PdfVisor = function PdfVisor(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "pdf-box"
+    className: "pdf-box",
+    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "pdf-box__scrollwrap"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -184,7 +189,7 @@ var PdfVisor = function PdfVisor(_ref) {
       return turnPage(-1);
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-back"
+    className: (0, _LangIsRtl.default)() ? 'icon-next' : 'icon-back'
   })), /*#__PURE__*/_react.default.createElement("button", {
     className: "pdf-box__arrow pdf-box__arrow--right gat--btn__round ".concat(currentPage === pages ? 'pdf-box__arrow--hidden' : ''),
     type: "button",
@@ -193,7 +198,7 @@ var PdfVisor = function PdfVisor(_ref) {
       return turnPage(1);
     }
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-next"
+    className: (0, _LangIsRtl.default)() ? 'icon-back' : 'icon-next'
   })))));
 };
 

package/package.json

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