@gamelearn/arcade-components 2.41.0 → 3.0.1

package/dist/components/writer-puzzle-component/components/WriterPuzzleComponent.js

@@ -1,450 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _FixedComponent = _interopRequireDefault(require("./FixedComponent"));
-var _ElectionComponent = _interopRequireDefault(require("./ElectionComponent"));
-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); }
-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; }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var WriterPuzzleComponent = function WriterPuzzleComponent(_ref) {
-  var emitEvent = _ref.emitEvent,
-    styles = _ref.styles,
-    nodeId = _ref.nodeId,
-    retry = _ref.retry,
-    skip = _ref.skip,
-    type = _ref.type,
-    info = _ref.info,
-    setResolveAction = _ref.setResolveAction,
-    documentTitle = _ref.documentTitle,
-    documentTitleLabel = _ref.documentTitle_labelId,
-    texts = _ref.texts,
-    soundActions = _ref.soundActions,
-    backgroundImage = _ref.backgroundImage;
-  var translate = function translate(id) {
-    return emitEvent({
-      type: 'translate',
-      payload: id
-    });
-  };
-  var automaticScroll = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    finished = _useState2[0],
-    setFinished = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    failed = _useState4[0],
-    _setFailed = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    currenTextParagraph = _useState6[0],
-    setCurrentTextParagraph = _useState6[1];
-  var _useState7 = (0, _react.useState)(_defineProperty({}, "text_".concat(currenTextParagraph), _objectSpread(_objectSpread({}, texts[currenTextParagraph]), {}, {
-      id: "text_".concat(currenTextParagraph),
-      correct: ''
-    }))),
-    _useState8 = _slicedToArray(_useState7, 2),
-    textHolder = _useState8[0],
-    setTextHolder = _useState8[1];
-  var _useState10 = (0, _react.useState)(false),
-    _useState11 = _slicedToArray(_useState10, 2),
-    doneTyping = _useState11[0],
-    setDoneTyping = _useState11[1];
-  var _useState12 = (0, _react.useState)([]),
-    _useState13 = _slicedToArray(_useState12, 2),
-    decisionsList = _useState13[0],
-    setDecisionsList = _useState13[1];
-  var _useState14 = (0, _react.useState)(false),
-    _useState15 = _slicedToArray(_useState14, 2),
-    reviewDone = _useState15[0],
-    setReviewDone = _useState15[1];
-  var _useState16 = (0, _react.useState)(false),
-    _useState17 = _slicedToArray(_useState16, 2),
-    showFeedback = _useState17[0],
-    setShowFeedback = _useState17[1];
-  var _useState18 = (0, _react.useState)(false),
-    _useState19 = _slicedToArray(_useState18, 2),
-    feedbackScreen = _useState19[0],
-    setFeedbackScreen = _useState19[1];
-  var _useState20 = (0, _react.useState)(true),
-    _useState21 = _slicedToArray(_useState20, 2),
-    isActive = _useState21[0],
-    setIsActive = _useState21[1];
-  var _useState22 = (0, _react.useState)([]),
-    _useState23 = _slicedToArray(_useState22, 2),
-    rewardsStack = _useState23[0],
-    setRewardsStack = _useState23[1];
-  var _useState24 = (0, _react.useState)(true),
-    _useState25 = _slicedToArray(_useState24, 2),
-    disableExit = _useState25[0],
-    setDisableExit = _useState25[1];
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  var rewardedCorrectAnswers = (0, _react.useRef)({});
-  var getCorrectElection = function getCorrectElection(element) {
-    var electionIndex;
-    element.electionTexts.forEach(function (election, index) {
-      if (election.correct) {
-        electionIndex = index;
-      }
-    });
-    return electionIndex;
-  };
-  var getFullTextFormDecisionList = (0, _react.useCallback)(function (indexOfText) {
-    var currentDecision = decisionsList.filter(function (obj) {
-      return obj.currenTextParagraph === indexOfText;
-    });
-    return currentDecision[0].fullText_labelId;
-  }, [decisionsList]);
-  var createLecture = (0, _react.useCallback)(function () {
-    return texts.map(function (element, indexOfText) {
-      if (element.type === 'fixed') {
-        var _element$fullText_lab;
-        return (_element$fullText_lab = element.fullText_labelId) !== null && _element$fullText_lab !== void 0 ? _element$fullText_lab : element.fullText;
-      }
-      if (element.type === 'election') {
-        var correctElection = getCorrectElection(element); // 0,1,2 or undefined
-        if (correctElection >= 0) {
-          return element.electionTexts[correctElection].fullText_labelId;
-        } // If there is no correct Election then it should pick the election of student
-        return getFullTextFormDecisionList(indexOfText);
-      }
-      return '';
-    });
-  }, [getFullTextFormDecisionList, texts]);
-  var fixedDelay = 12;
-  var checkAllDecisionsRightWrong = function checkAllDecisionsRightWrong() {
-    if (decisionsList) {
-      var maxCounter = decisionsList.length;
-      var rightCounter = 0;
-      for (var i = 0; i < maxCounter; i += 1) {
-        if (decisionsList[i].isCorrect === 'none') {
-          rightCounter += 1;
-        }
-      }
-      return !!(rightCounter === maxCounter);
-    }
-    return true;
-  };
-  var checkAllDecisionsAreCorrect = (0, _react.useCallback)(function () {
-    if (decisionsList) {
-      var maxCounter = decisionsList.length;
-      var rightCounter = 0;
-      for (var i = 0; i < maxCounter; i += 1) {
-        if (decisionsList[i].isCorrect === 'green') {
-          rightCounter += 1;
-        }
-      }
-      return !!(rightCounter === maxCounter);
-    }
-    return true;
-  }, [decisionsList]);
-  var checkIfFeedbackNeeded = function checkIfFeedbackNeeded() {
-    return !!(decisionsList && decisionsList.length);
-  };
-  var checkFeedbackScreen = function checkFeedbackScreen() {
-    return decisionsList.find(function (decision) {
-      var feedback = texts[decision.currenTextParagraph].electionTexts[decision.index].feedback;
-      return feedback.body !== '';
-    });
-  };
-  var handleLectures = (0, _react.useCallback)(function () {
-    var text = createLecture();
-    emitEvent({
-      type: 'finishMedia',
-      payload: {
-        name: documentTitleLabel,
-        text: text,
-        documentType: type,
-        type: 'text'
-      }
-    });
-  }, [createLecture, documentTitleLabel, emitEvent, type]);
-  var endGame = (0, _react.useCallback)(function (reward) {
-    // if any is wrong count as wrong if  there are no individual points assigned
-    var AllDecisionsCorrect = checkAllDecisionsAreCorrect();
-    if (failed) {
-      playSound('fail');
-    } else {
-      playSound(AllDecisionsCorrect ? 'score' : 'fail');
-    }
-    emitEvent({
-      type: 'addPoints',
-      complex: true,
-      finish: true,
-      payload: reward || rewardsStack,
-      onFinish: type !== 'view' ? handleLectures : null
-    });
-    emitEvent({
-      type: 'passPuzzle'
-    });
-  }, [checkAllDecisionsAreCorrect, emitEvent, failed, handleLectures, playSound, rewardsStack, type]);
-  (0, _react.useEffect)(function () {
-    if (finished) {
-      setDisableExit(false);
-    }
-    setResolveAction(function () {
-      endGame(info.resolve.rewards);
-    });
-  }, [emitEvent, endGame, finished, handleLectures, info.resolve.rewards, setResolveAction, type]);
-  var retryPuzzle = function retryPuzzle() {
-    setFinished(false);
-    setCurrentTextParagraph(0);
-    setDecisionsList([]);
-    setRewardsStack([]);
-    _setFailed(false);
-    setFeedbackScreen(false);
-    setDoneTyping(false);
-    setShowFeedback(false);
-    setReviewDone(false);
-    setTextHolder(_defineProperty({}, "text_".concat(0), _objectSpread(_objectSpread({}, texts[0]), {}, {
-      id: "text_".concat(0),
-      correct: ''
-    })));
-    setIsActive(true);
-    emitEvent({
-      type: 'addPoints',
-      complex: true,
-      finish: false,
-      payload: rewardsStack
-    });
-    emitEvent({
-      type: 'failPuzzle'
-    });
-  };
-  var handleFinish = function handleFinish() {
-    if (!checkIfFeedbackNeeded()) {
-      // THis case is for when we do not have any Decision
-      setReviewDone(true);
-      setFeedbackScreen(true);
-      endGame();
-    } else if (checkAllDecisionsRightWrong()) {
-      // if all Decisions are right or wrong we just skip to end
-      setReviewDone(true);
-      endGame();
-    }
-    if (!reviewDone) {
-      // Shows the decision text red or green regarding the selecions
-      setReviewDone(true);
-      if (checkFeedbackScreen()) {
-        // CHECK IF THERE IS NEED OF FEEDBACK SCREEN
-        setFeedbackScreen(true);
-      }
-    } else {
-      setIsActive(false);
-      // Second EXECUTION  shows Feedback Screen
-      if (feedbackScreen && !showFeedback) {
-        setShowFeedback(true);
-      } else if (showFeedback || !feedbackScreen && !showFeedback) {
-        if (!feedbackScreen && !showFeedback && retry) {
-          if (checkAllDecisionsAreCorrect()) {
-            endGame();
-          } else {
-            retryPuzzle();
-          }
-        } else {
-          endGame();
-        }
-      }
-    }
-  };
-  var noColor = function noColor() {
-    var correctTexts = texts[currenTextParagraph].electionTexts.filter(function (e) {
-      return e.correct;
-    }).length;
-    var electionTextsLength = texts[currenTextParagraph].electionTexts;
-    return correctTexts === 0 || correctTexts === electionTextsLength;
-  };
-  var handleSelectedOption = function handleSelectedOption(index) {
-    var currentElection = texts[currenTextParagraph].electionTexts[index];
-    var currentRewards = currentElection.feedback.rewards;
-    if (currentRewards && currentRewards[0] && currentRewards[0].points) {
-      if (!rewardedCorrectAnswers.current["t".concat(currenTextParagraph, "_e").concat(index)]) {
-        if (currentElection.correct) {
-          rewardedCorrectAnswers.current["t".concat(currenTextParagraph, "_e").concat(index)] = true;
-        }
-        setRewardsStack([].concat(_toConsumableArray(rewardsStack), _toConsumableArray(currentRewards)));
-      }
-    }
-    var checkColor = function checkColor() {
-      if (noColor()) {
-        return 'none';
-      }
-      return currentElection.correct ? 'green' : 'red';
-    };
-    var decision = {
-      currenTextParagraph: currenTextParagraph,
-      fullText: currentElection.fullText,
-      index: index,
-      isCorrect: checkColor()
-    };
-    setTextHolder(_objectSpread(_objectSpread({}, textHolder), {}, _defineProperty({}, "text_".concat(currenTextParagraph), {
-      type: 'fixed',
-      fullText: currentElection.fullText,
-      correct: decision.isCorrect
-    })));
-    setDecisionsList([].concat(_toConsumableArray(decisionsList), [decision]));
-  };
-  var printedElection = function printedElection() {
-    automaticScroll.current.scrollTop = automaticScroll.current.scrollHeight + 100;
-  };
-  var onIsWriting = function onIsWriting() {
-    if (automaticScroll.current.querySelector('.wrapfixed').offsetHeight > automaticScroll.current.offsetHeight) {
-      var scrollToAdd = automaticScroll.current.querySelector('.wrapfixed').offsetHeight;
-      automaticScroll.current.scrollTo({
-        top: scrollToAdd,
-        behavior: 'smooth'
-      });
-    }
-  };
-  var handleFixed = function handleFixed(text, length, index) {
-    var textToPrint = text.fullText;
-    var nextParagraphType = texts[index + 1] ? texts[index + 1].type : '';
-    var nextType =
-    // its magic
-    textHolder["text_".concat(index + 1)] && textHolder["text_".concat(index + 1)].type ? textHolder["text_".concat(index + 1)].type : nextParagraphType;
-    return /*#__PURE__*/_react.default.createElement(_FixedComponent.default, {
-      length: length,
-      doneTyping: doneTyping,
-      index: index,
-      key: index.toString(),
-      delay: fixedDelay,
-      setDoneTyping: setDoneTyping,
-      nextParagraphType: nextType,
-      isWriting: onIsWriting,
-      textToPrint: textToPrint
-    });
-  };
-  var handleShownText = function handleShownText(text, i) {
-    var textToPrint = text.fullText;
-    return /*#__PURE__*/_react.default.createElement(_FinishedTextComponent.default, {
-      textToPrint: textToPrint,
-      correct: text.correct,
-      key: i
-    });
-  };
-  var handleElection = function handleElection(text) {
-    return /*#__PURE__*/_react.default.createElement(_ElectionComponent.default, {
-      soundActions: soundActions,
-      textWithOpts: text.electionTexts,
-      setCurrentDecisionSelected: handleSelectedOption,
-      printed: printedElection,
-      disableExit: disableExit,
-      key: text.electionTexts
-    });
-  };
-  var handleText = function handleText(text, length, index) {
-    var currentType = text.type;
-    if (currentType === 'fixed') {
-      return handleFixed(text, length, index);
-    }
-    return handleElection(text);
-  };
-  (0, _react.useEffect)(function () {
-    var nextParagraph = function nextParagraph() {
-      if (texts[currenTextParagraph + 1]) {
-        setTextHolder(_objectSpread(_objectSpread({}, textHolder), {}, _defineProperty({}, "text_".concat(currenTextParagraph + 1), _objectSpread(_objectSpread({}, texts[currenTextParagraph + 1]), {}, {
-          id: "text_".concat(currenTextParagraph + 1),
-          correct: ''
-        }))));
-        setCurrentTextParagraph(currenTextParagraph + 1);
-        setDoneTyping(false);
-      } else {
-        setFinished(true);
-      }
-    };
-    if (doneTyping === true) {
-      nextParagraph();
-    }
-  }, [doneTyping, currenTextParagraph, textHolder, texts]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "writer-puzzle writer-puzzle--".concat(styles),
-    style: backgroundImage !== null && backgroundImage !== void 0 && backgroundImage.url ? {
-      backgroundImage: "url(\"".concat(backgroundImage.url, "\")")
-    } : {}
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "writer-puzzle__overlay"
-  }, showFeedback && /*#__PURE__*/_react.default.createElement(_FeedbackComponent.default, {
-    emitEvent: emitEvent,
-    texts: texts,
-    setFailed: function setFailed() {
-      return _setFailed(true);
-    },
-    decisionsList: decisionsList,
-    closingAction: handleFinish,
-    retry: retry,
-    skip: skip,
-    checkCorrect: checkAllDecisionsAreCorrect,
-    retryAction: retryPuzzle,
-    rewardsStack: rewardsStack,
-    nodeId: nodeId,
-    soundActions: soundActions
-  }), !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",
-    dir: (0, _LangIsRtl.default)() ? 'rtl' : 'auto'
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "writer-puzzle__scroll"
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-    ,
-    tabIndex: 0,
-    style: {
-      overflowX: 'hidden',
-      padding: '0 0 20px 0',
-      height: '95%'
-    },
-    ref: automaticScroll
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "wrapfixed"
-  }, isActive && !reviewDone && Object.values(textHolder).map(function (text, i) {
-    return handleText(text, Object.values(textHolder).length - 1, i);
-  })), reviewDone && Object.values(textHolder).map(function (text, i) {
-    return handleShownText(text, i);
-  }))), finished && /*#__PURE__*/_react.default.createElement("div", {
-    className: "writer-puzzle__footer"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "gat--btn gat--btn__primary",
-    onClick: handleFinish
-  }, translate('screens.continue')))))));
-};
-WriterPuzzleComponent.defaultProps = {
-  emitEvent: function emitEvent() {},
-  info: {},
-  styles: '',
-  nodeId: '0',
-  retry: false,
-  skip: false,
-  type: '',
-  documentTitle: '',
-  texts: []
-};
-var _default = WriterPuzzleComponent;
-exports.default = _default;

package/dist/components/writer-puzzle-component/index.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _WriterPuzzleComponent = _interopRequireDefault(require("./components/WriterPuzzleComponent"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = _WriterPuzzleComponent.default;
-exports.default = _default;