@gamelearn/arcade-components 1.16.1 → 1.17.0

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); }
@@ -131,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"
@@ -146,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); }
@@ -332,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
@@ -344,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); }
@@ -622,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,
@@ -629,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/hanged-puzzle-component/components/HangedPuzzleComponent.js

@@ -164,9 +164,10 @@ var HangedPuzzleComponent = function HangedPuzzleComponent(_ref4) {
       };
     });
     var extraPool = [];
+    var analysis = (0, _utils.analyzeChars)(answerPanel);
 
     while (extraPool.length < MAX_EXTRA_LETTERS) {
-      var char = (0, _utils.makeChar)();
+      var char = (0, _utils.makeChar)(analysis);
       extraPool = [].concat(_toConsumableArray(extraPool), [{
         char: char
       }]);

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

@@ -3,11 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.sortChar = exports.restrictCharacters = exports.makeChar = void 0;
-
-var _LangIsRtl = _interopRequireDefault(require("../../helpers/LangIsRtl"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+exports.sortChar = exports.restrictCharacters = exports.makeChar = exports.analyzeChars = void 0;
+var ARABIC = /[\u0600-\u06FF]/;
 
 var restrictCharacters = function restrictCharacters(char, operator) {
   var restrictedChar = false;
@@ -39,10 +36,49 @@ var sortChar = function sortChar(a, b) {
 
 exports.sortChar = sortChar;
 
-var makeChar = function makeChar() {
-  var characters = (0, _LangIsRtl.default)() ? 'شزذيثبلاهتنمورخحضثقسفعدصطغظ' : 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
-  var charactersLength = characters.length;
-  return characters.charAt(Math.floor(Math.random() * charactersLength));
+var analyzeChars = function analyzeChars(letters) {
+  var result = {
+    anyArabic: false,
+    anyNumber: false,
+    anyWestern: false
+  };
+
+  for (var i = 0; i < letters.length; i += 1) {
+    var ascii = letters[i].charCodeAt(0);
+
+    if (ascii >= 65 && ascii <= 90) {
+      result.anyWestern = true;
+    } else if (ascii >= 48 && ascii <= 57) {
+      result.anyNumber = true;
+    } else if (ARABIC.test(letters[i])) {
+      result.anyArabic = true;
+    }
+  }
+
+  return result;
+};
+
+exports.analyzeChars = analyzeChars;
+
+var makeChar = function makeChar(analysis) {
+  var arabic = 'شزذيثبلاهتنمورخحضثقسفعدصطغظ';
+  var western = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
+  var numbers = '0123456789';
+  var characters = '';
+
+  if (analysis.anyWestern) {
+    characters += western;
+  }
+
+  if (analysis.anyNumber) {
+    characters += numbers;
+  }
+
+  if (analysis.anyArabic) {
+    characters += arabic;
+  }
+
+  return characters.charAt(Math.floor(Math.random() * characters.length));
 };
 
 exports.makeChar = makeChar;

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.1",
+  "version": "1.17.0",
   "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",