@gamelearn/arcade-components 1.12.1 → 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/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.1",
+  "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",